@jinmutech/ng-zorro-form-design 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"jinmutech-ng-zorro-form-design-divider-properties.module-ZfqdWRFu.mjs","sources":["../../src/app/pages/designer/element-properties/divider-properties/divider-properties.component.ts","../../src/app/pages/designer/element-properties/divider-properties/divider-properties.component.html","../../src/app/pages/designer/element-properties/divider-properties/divider-properties.module.ts"],"sourcesContent":["import {ChangeDetectorRef, Component, Input, OnInit, ChangeDetectionStrategy } from '@angular/core';\nimport { IDividerModel, IItemModel } from '../../../../shared/models/i-items.model';\n\n@Component({\n  selector: 'divider-properties',\n  templateUrl: './divider-properties.component.html',\n  styleUrls: ['./divider-properties.component.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DividerPropertiesComponent implements OnInit {\n  @Input('data')\n  itemData!: IItemModel;\n\n  dividerData!: IDividerModel;\n\n  constructor(private changeDetectorRef: ChangeDetectorRef) { }\n\n  ngOnInit(): void {\n    this.dataChange();\n  }\n\n  ngOnChanges(): void {\n    this.dataChange();\n  }\n\n  dataChange() {\n    this.dividerData = this.itemData as IDividerModel;\n  }\n}\n","<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=“dividerDashed” [(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>","import { NgModule } from '@angular/core';\nimport { DividerPropertiesComponent } from './divider-properties.component';\nimport { PropertyPanelSharedModule } from '../shared/property-panel-shared.module';\n\n@NgModule({\n  declarations: [DividerPropertiesComponent],\n  imports: [PropertyPanelSharedModule],\n  exports: [DividerPropertiesComponent]\n})\nexport class DividerPropertiesModule {}\n\nexport { DividerPropertiesComponent };\n"],"names":["i1","i2","i3","i4","i5","i7","i8.BasicPropertiesComponent","i9.CssPropertiesComponent","i10.DesignerPropertyChangeDirective","i11"],"mappings":"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"}

package/fesm2022/jinmutech-ng-zorro-form-design-grid-properties.module-DBnQuSpZ.mjs

@@ -0,0 +1,112 @@
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { V as VerticalAlign, H as HorizontalJustify, i as MarksGutter, t as trackByLabelValue } 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 i7 from 'ng-zorro-antd/select';
+import * as i14 from 'ng-zorro-antd/slider';
+import { B as BasicPropertiesComponent, C as CssPropertiesComponent, 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';
+import 'ng-zorro-antd/input-number';
+import 'ng-zorro-antd/checkbox';
+import 'ng-zorro-antd/radio';
+import 'ng-zorro-antd/switch';
+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/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 GridPropertiesComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        /**
+        * Grid
+        */
+        this.verticalAlign = VerticalAlign;
+        this.horizontalJustify = HorizontalJustify;
+        this.marksGutter = MarksGutter;
+        this.trackByLabelValue = trackByLabelValue;
+    }
+    ngOnInit() {
+        this.dataChange();
+    }
+    ngOnChanges() {
+        this.dataChange();
+    }
+    dataChange() {
+        this.rowData = this.itemData;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPropertiesComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GridPropertiesComponent, selector: "grid-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.grid.title' | translate }}</div>\n    <div class=\"properties\" >\n      <ng-container>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.vertical.align' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"verticalAlign\" \n            [(ngModel)]=\"rowData.align\" \n            [nzPlaceHolder]=\"'properties.grid.vertical.align.placeholder' | translate\" >\n              <ng-container *ngFor=\"let item of verticalAlign; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"item.value\" [nzLabel]=\"item.label | translate\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.justify' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"horizontalJustify\" \n            [(ngModel)]=\"rowData.justify\" \n            [nzPlaceHolder]=\"'properties.grid.justify.placeholder' | translate\">\n              <ng-container *ngFor=\"let item of horizontalJustify; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"item.value\" [nzLabel]=\"item.label | translate\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.horizontal.gutter' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-slider name=\"hGutter\" [nzMarks]=\"marksGutter\" [nzStep]=\"1\" [nzMin]=\"0\" [nzMax]=\"48\" [(ngModel)]=\"rowData.gutter.hgutter\"></nz-slider>\n          </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.vertical.gutter' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-slider name=\"vGutter\" [nzMarks]=\"marksGutter\" [nzStep]=\"1\" [nzMin]=\"0\" [nzMax]=\"48\" [(ngModel)]=\"rowData.gutter.vgutter\"></nz-slider>\n          </nz-form-control>\n        </nz-form-item>\n      </ng-container>\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i14.NzSliderComponent, selector: "nz-slider", inputs: ["nzDisabled", "nzDots", "nzIncluded", "nzRange", "nzVertical", "nzReverse", "nzDefaultValue", "nzMarks", "nzMax", "nzMin", "nzStep", "nzTooltipVisible", "nzTooltipPlacement", "nzTipFormatter"], outputs: ["nzOnAfterChange"], exportAs: ["nzSlider"] }, { kind: "component", type: BasicPropertiesComponent, selector: "basic-properties", inputs: ["data"] }, { kind: "component", type: CssPropertiesComponent, selector: "css-properties", inputs: ["data"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'grid-properties', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"itemData\"></basic-properties>\n    <div class=\"title\">{{ 'properties.grid.title' | translate }}</div>\n    <div class=\"properties\" >\n      <ng-container>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.vertical.align' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"verticalAlign\" \n            [(ngModel)]=\"rowData.align\" \n            [nzPlaceHolder]=\"'properties.grid.vertical.align.placeholder' | translate\" >\n              <ng-container *ngFor=\"let item of verticalAlign; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"item.value\" [nzLabel]=\"item.label | translate\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.justify' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"horizontalJustify\" \n            [(ngModel)]=\"rowData.justify\" \n            [nzPlaceHolder]=\"'properties.grid.justify.placeholder' | translate\">\n              <ng-container *ngFor=\"let item of horizontalJustify; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"item.value\" [nzLabel]=\"item.label | translate\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.horizontal.gutter' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-slider name=\"hGutter\" [nzMarks]=\"marksGutter\" [nzStep]=\"1\" [nzMin]=\"0\" [nzMax]=\"48\" [(ngModel)]=\"rowData.gutter.hgutter\"></nz-slider>\n          </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.vertical.gutter' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-slider name=\"vGutter\" [nzMarks]=\"marksGutter\" [nzStep]=\"1\" [nzMin]=\"0\" [nzMax]=\"48\" [(ngModel)]=\"rowData.gutter.vgutter\"></nz-slider>\n          </nz-form-control>\n        </nz-form-item>\n      </ng-container>\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 GridPropertiesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPropertiesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: GridPropertiesModule, declarations: [GridPropertiesComponent], imports: [PropertyPanelSharedModule], exports: [GridPropertiesComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPropertiesModule, imports: [PropertyPanelSharedModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridPropertiesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [GridPropertiesComponent],
+                    imports: [PropertyPanelSharedModule],
+                    exports: [GridPropertiesComponent]
+                }]
+        }] });
+
+export { GridPropertiesComponent, GridPropertiesModule };
+//# sourceMappingURL=jinmutech-ng-zorro-form-design-grid-properties.module-DBnQuSpZ.mjs.map

package/fesm2022/jinmutech-ng-zorro-form-design-grid-properties.module-DBnQuSpZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jinmutech-ng-zorro-form-design-grid-properties.module-DBnQuSpZ.mjs","sources":["../../src/app/pages/designer/element-properties/grid-properties/grid-properties.component.ts","../../src/app/pages/designer/element-properties/grid-properties/grid-properties.component.html","../../src/app/pages/designer/element-properties/grid-properties/grid-properties.module.ts"],"sourcesContent":["import {ChangeDetectorRef, Component, Input, OnInit, ChangeDetectionStrategy } from '@angular/core';\nimport { IItemModel, IRowItemModel } from '../../../../shared/models/i-items.model';\nimport { VerticalAlign, HorizontalJustify, MarksGutter } from '../../../../shared/dictionaries/items-types.const';\nimport { trackByLabelValue } from '../../../../shared/utils/track-by.util';\n\n@Component({\n  selector: 'grid-properties',\n  templateUrl: './grid-properties.component.html',\n  styleUrls: ['./grid-properties.component.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GridPropertiesComponent implements OnInit {\n  @Input('data')\n  itemData!: IItemModel;\n  \n  rowData!: IRowItemModel;\n\n  /**\n  * Grid\n  */\n  verticalAlign = VerticalAlign;\n  horizontalJustify = HorizontalJustify;\n  marksGutter = MarksGutter;\n  readonly trackByLabelValue = trackByLabelValue;\n  \n  constructor(private changeDetectorRef: ChangeDetectorRef) { }\n\n  ngOnInit(): void {\n    this.dataChange();\n  }\n\n  ngOnChanges(): void {\n    this.dataChange();\n  }\n\n  dataChange() {\n    this.rowData = this.itemData as IRowItemModel;\n  }\n}\n","<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"itemData\"></basic-properties>\n    <div class=\"title\">{{ 'properties.grid.title' | translate }}</div>\n    <div class=\"properties\" >\n      <ng-container>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.vertical.align' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"verticalAlign\" \n            [(ngModel)]=\"rowData.align\" \n            [nzPlaceHolder]=\"'properties.grid.vertical.align.placeholder' | translate\" >\n              <ng-container *ngFor=\"let item of verticalAlign; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"item.value\" [nzLabel]=\"item.label | translate\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.justify' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-select name=\"horizontalJustify\" \n            [(ngModel)]=\"rowData.justify\" \n            [nzPlaceHolder]=\"'properties.grid.justify.placeholder' | translate\">\n              <ng-container *ngFor=\"let item of horizontalJustify; trackBy: trackByLabelValue\">\n                <nz-option [nzValue]=\"item.value\" [nzLabel]=\"item.label | translate\"></nz-option>\n              </ng-container>\n            </nz-select>\n          </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.horizontal.gutter' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-slider name=\"hGutter\" [nzMarks]=\"marksGutter\" [nzStep]=\"1\" [nzMin]=\"0\" [nzMax]=\"48\" [(ngModel)]=\"rowData.gutter.hgutter\"></nz-slider>\n          </nz-form-control>\n        </nz-form-item>\n        <nz-form-item>\n          <nz-form-label [nzSpan]=\"24\">{{ 'properties.grid.vertical.gutter' | translate }}</nz-form-label>\n          <nz-form-control [nzSpan]=\"24\">\n            <nz-slider name=\"vGutter\" [nzMarks]=\"marksGutter\" [nzStep]=\"1\" [nzMin]=\"0\" [nzMax]=\"48\" [(ngModel)]=\"rowData.gutter.vgutter\"></nz-slider>\n          </nz-form-control>\n        </nz-form-item>\n      </ng-container>\n    </div>\n\n    <css-properties [data]=\"itemData\"></css-properties>\n  </form>","import { NgModule } from '@angular/core';\nimport { GridPropertiesComponent } from './grid-properties.component';\nimport { PropertyPanelSharedModule } from '../shared/property-panel-shared.module';\n\n@NgModule({\n  declarations: [GridPropertiesComponent],\n  imports: [PropertyPanelSharedModule],\n  exports: [GridPropertiesComponent]\n})\nexport class GridPropertiesModule {}\n\nexport { GridPropertiesComponent };\n"],"names":["i1","i2","i3","i4","i5","i6","i7.BasicPropertiesComponent","i8.CssPropertiesComponent","i9"],"mappings":"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"}

package/fesm2022/jinmutech-ng-zorro-form-design-image-properties.module-BmSpnc5A.mjs

@@ -0,0 +1,112 @@
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i2 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 { B as BasicPropertiesComponent, F as FormLayoutPropertiesComponent, 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 '@angular/common';
+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/radio';
+import 'ng-zorro-antd/select';
+import 'ng-zorro-antd/switch';
+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 ImagePropertiesComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        this.dataChange();
+    }
+    ngOnChanges() {
+        this.dataChange();
+    }
+    dataChange() {
+        this.imageData = this.itemData;
+        this.formItemData = this.itemData;
+        if (this.imageData.src == null) {
+            this.imageData.src = '';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImagePropertiesComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImagePropertiesComponent, selector: "image-properties", inputs: { itemData: ["data", "itemData"], viewType: "viewType" }, usesOnChanges: true, ngImport: i0, template: "<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"formItemData\"></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\">{{ 'properties.image.src' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageSrc\"\n          [placeholder]=\"'properties.image.src.placeholder' | translate\"\n          [(ngModel)]=\"imageData.src\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n\n  <form-layout-properties [data]=\"formItemData\" [viewType]=\"viewType\"></form-layout-properties>\n</form>\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: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.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: BasicPropertiesComponent, selector: "basic-properties", inputs: ["data"] }, { kind: "component", type: FormLayoutPropertiesComponent, selector: "form-layout-properties", inputs: ["data", "viewType"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImagePropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'image-properties', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"formItemData\"></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\">{{ 'properties.image.src' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageSrc\"\n          [placeholder]=\"'properties.image.src.placeholder' | translate\"\n          [(ngModel)]=\"imageData.src\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n\n  <form-layout-properties [data]=\"formItemData\" [viewType]=\"viewType\"></form-layout-properties>\n</form>\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"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { itemData: [{
+                type: Input,
+                args: ['data']
+            }], viewType: [{
+                type: Input,
+                args: ['viewType']
+            }] } });
+
+class ImagePropertiesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImagePropertiesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ImagePropertiesModule, declarations: [ImagePropertiesComponent], imports: [PropertyPanelSharedModule], exports: [ImagePropertiesComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImagePropertiesModule, imports: [PropertyPanelSharedModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImagePropertiesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ImagePropertiesComponent],
+                    imports: [PropertyPanelSharedModule],
+                    exports: [ImagePropertiesComponent]
+                }]
+        }] });
+
+export { ImagePropertiesComponent, ImagePropertiesModule };
+//# sourceMappingURL=jinmutech-ng-zorro-form-design-image-properties.module-BmSpnc5A.mjs.map

package/fesm2022/jinmutech-ng-zorro-form-design-image-properties.module-BmSpnc5A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jinmutech-ng-zorro-form-design-image-properties.module-BmSpnc5A.mjs","sources":["../../src/app/pages/designer/element-properties/image-properties/image-properties.component.ts","../../src/app/pages/designer/element-properties/image-properties/image-properties.component.html","../../src/app/pages/designer/element-properties/image-properties/image-properties.module.ts"],"sourcesContent":["import {ChangeDetectorRef, Component, Input, OnChanges, OnInit, ChangeDetectionStrategy } from '@angular/core';\nimport { FormItemModel } from '../../../../shared/models/form-item.model';\nimport { IImageModel, IItemModel } from '../../../../shared/models/i-items.model';\n\n@Component({\n  selector: 'image-properties',\n  templateUrl: './image-properties.component.html',\n  styleUrls: ['./image-properties.component.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ImagePropertiesComponent implements OnInit, OnChanges {\n  @Input('data')\n  itemData!: IItemModel;\n\n  @Input('viewType')\n  viewType!: number;\n\n  imageData!: IImageModel;\n  formItemData!: FormItemModel;\n\n  constructor(private changeDetectorRef: ChangeDetectorRef) { }\n\n  ngOnInit(): void {\n    this.dataChange();\n  }\n\n  ngOnChanges(): void {\n    this.dataChange();\n  }\n\n  dataChange(): void {\n    this.imageData = this.itemData as IImageModel;\n    this.formItemData = this.itemData as FormItemModel;\n    if (this.imageData.src == null) {\n      this.imageData.src = '';\n    }\n  }\n}\n","<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"formItemData\"></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\">{{ 'properties.image.src' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageSrc\"\n          [placeholder]=\"'properties.image.src.placeholder' | translate\"\n          [(ngModel)]=\"imageData.src\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n\n  <form-layout-properties [data]=\"formItemData\" [viewType]=\"viewType\"></form-layout-properties>\n</form>\n","import { NgModule } from '@angular/core';\nimport { ImagePropertiesComponent } from './image-properties.component';\nimport { PropertyPanelSharedModule } from '../shared/property-panel-shared.module';\n\n@NgModule({\n  declarations: [ImagePropertiesComponent],\n  imports: [PropertyPanelSharedModule],\n  exports: [ImagePropertiesComponent]\n})\nexport class ImagePropertiesModule {}\n\nexport { ImagePropertiesComponent };\n"],"names":["i1","i2","i3","i4","i5.BasicPropertiesComponent","i6.FormLayoutPropertiesComponent","i7"],"mappings":"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"}

package/fesm2022/jinmutech-ng-zorro-form-design-image-upload-properties.module-BOQ0_c9H.mjs

@@ -0,0 +1,111 @@
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { I as ItemTypeEnum, g as normalizeImageUploadModel } from './jinmutech-ng-zorro-form-design-jinmutech-ng-zorro-form-design-BUQ0OE6J.mjs';
+import * as i2 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 i7 from 'ng-zorro-antd/input-number';
+import * as i5$2 from 'ng-zorro-antd/checkbox';
+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 * 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 '@angular/common';
+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/radio';
+import 'ng-zorro-antd/select';
+import 'ng-zorro-antd/switch';
+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 ImageUploadPropertiesComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.itemTypeEnum = ItemTypeEnum;
+    }
+    ngOnInit() {
+        this.dataChange();
+    }
+    ngOnChanges() {
+        this.dataChange();
+    }
+    dataChange() {
+        this.imageUploadData = this.itemData;
+        this.formItemData = this.itemData;
+        normalizeImageUploadModel(this.imageUploadData);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageUploadPropertiesComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImageUploadPropertiesComponent, selector: "image-upload-properties", inputs: { itemData: ["data", "itemData"], viewType: "viewType" }, usesOnChanges: true, ngImport: i0, template: "<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"formItemData\"></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\">{{ 'properties.upload.action' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadAction\"\n          [(ngModel)]=\"imageUploadData.action\"\n          [placeholder]=\"'properties.upload.action.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.accept' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadAccept\"\n          [(ngModel)]=\"imageUploadData.accept\"\n          [placeholder]=\"'properties.imageUpload.accept.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.imageUpload.previewUrl' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadPreviewUrl\"\n          [(ngModel)]=\"imageUploadData.avatarUrl\"\n          [placeholder]=\"'properties.imageUpload.previewUrl.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.uploadName' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadName\"\n          [(ngModel)]=\"imageUploadData.uploadName\"\n          [placeholder]=\"'properties.upload.uploadName.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.limit' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <nz-input-number\n          name=\"imageUploadLimit\"\n          style=\"width: 100%\"\n          [(ngModel)]=\"imageUploadData.limit\"\n          [nzMin]=\"1\"\n          [nzStep]=\"1\"\n        ></nz-input-number>\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.showUploadList' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <label nz-checkbox name=\"imageUploadShowList\" [(ngModel)]=\"imageUploadData.showUploadList\">\n          {{ 'properties.upload.showUploadList.hint' | translate }}\n        </label>\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n\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>\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}.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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.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: i7.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStatus", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBorderless", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { kind: "component", type: i5$2.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { 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: ImageUploadPropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'image-upload-properties', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"formItemData\"></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\">{{ 'properties.upload.action' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadAction\"\n          [(ngModel)]=\"imageUploadData.action\"\n          [placeholder]=\"'properties.upload.action.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.accept' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadAccept\"\n          [(ngModel)]=\"imageUploadData.accept\"\n          [placeholder]=\"'properties.imageUpload.accept.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.imageUpload.previewUrl' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadPreviewUrl\"\n          [(ngModel)]=\"imageUploadData.avatarUrl\"\n          [placeholder]=\"'properties.imageUpload.previewUrl.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.uploadName' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadName\"\n          [(ngModel)]=\"imageUploadData.uploadName\"\n          [placeholder]=\"'properties.upload.uploadName.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.limit' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <nz-input-number\n          name=\"imageUploadLimit\"\n          style=\"width: 100%\"\n          [(ngModel)]=\"imageUploadData.limit\"\n          [nzMin]=\"1\"\n          [nzStep]=\"1\"\n        ></nz-input-number>\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.showUploadList' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <label nz-checkbox name=\"imageUploadShowList\" [(ngModel)]=\"imageUploadData.showUploadList\">\n          {{ 'properties.upload.showUploadList.hint' | translate }}\n        </label>\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n\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>\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}.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"]
+            }], viewType: [{
+                type: Input,
+                args: ["viewType"]
+            }] } });
+
+class ImageUploadPropertiesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageUploadPropertiesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ImageUploadPropertiesModule, declarations: [ImageUploadPropertiesComponent], imports: [PropertyPanelSharedModule], exports: [ImageUploadPropertiesComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageUploadPropertiesModule, imports: [PropertyPanelSharedModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageUploadPropertiesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ImageUploadPropertiesComponent],
+                    imports: [PropertyPanelSharedModule],
+                    exports: [ImageUploadPropertiesComponent]
+                }]
+        }] });
+
+export { ImageUploadPropertiesComponent, ImageUploadPropertiesModule };
+//# sourceMappingURL=jinmutech-ng-zorro-form-design-image-upload-properties.module-BOQ0_c9H.mjs.map

package/fesm2022/jinmutech-ng-zorro-form-design-image-upload-properties.module-BOQ0_c9H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jinmutech-ng-zorro-form-design-image-upload-properties.module-BOQ0_c9H.mjs","sources":["../../src/app/pages/designer/element-properties/image-upload-properties/image-upload-properties.component.ts","../../src/app/pages/designer/element-properties/image-upload-properties/image-upload-properties.component.html","../../src/app/pages/designer/element-properties/image-upload-properties/image-upload-properties.module.ts"],"sourcesContent":["import {ChangeDetectorRef, Component, Input, OnInit, ChangeDetectionStrategy } from '@angular/core';\nimport ItemTypeEnum from '../../../../shared/dictionaries/item-types-enum';\nimport { FormItemModel } from '../../../../shared/models/form-item.model';\nimport { IImageUploadModel, IItemModel } from '../../../../shared/models/i-items.model';\nimport { normalizeImageUploadModel } from '../../../../shared/utils/upload.util';\n\n@Component({\n  selector: 'image-upload-properties',\n  templateUrl: './image-upload-properties.component.html',\n  styleUrls: ['./image-upload-properties.component.less'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ImageUploadPropertiesComponent implements OnInit {\n  @Input(\"data\")\n  itemData!: IItemModel;\n\n  @Input(\"viewType\")\n  viewType!: number;\n  \n  imageUploadData!: IImageUploadModel;\n  formItemData!: FormItemModel;\n\n  itemTypeEnum = ItemTypeEnum;\n\n  constructor(public changeDetectorRef: ChangeDetectorRef) { }\n\n  ngOnInit(): void {\n    this.dataChange();\n  }\n\n  ngOnChanges(): void {\n    this.dataChange();\n  }\n\n  dataChange() {\n    this.imageUploadData = this.itemData as IImageUploadModel;\n    this.formItemData = this.itemData as FormItemModel;\n    normalizeImageUploadModel(this.imageUploadData);\n  }\n}\n","<form nz-form [nzLayout]=\"'vertical'\">\n  <basic-properties [data]=\"formItemData\"></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\">{{ 'properties.upload.action' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadAction\"\n          [(ngModel)]=\"imageUploadData.action\"\n          [placeholder]=\"'properties.upload.action.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.accept' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadAccept\"\n          [(ngModel)]=\"imageUploadData.accept\"\n          [placeholder]=\"'properties.imageUpload.accept.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.imageUpload.previewUrl' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadPreviewUrl\"\n          [(ngModel)]=\"imageUploadData.avatarUrl\"\n          [placeholder]=\"'properties.imageUpload.previewUrl.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.uploadName' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <input\n          nz-input\n          name=\"imageUploadName\"\n          [(ngModel)]=\"imageUploadData.uploadName\"\n          [placeholder]=\"'properties.upload.uploadName.placeholder' | translate\"\n        />\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.limit' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <nz-input-number\n          name=\"imageUploadLimit\"\n          style=\"width: 100%\"\n          [(ngModel)]=\"imageUploadData.limit\"\n          [nzMin]=\"1\"\n          [nzStep]=\"1\"\n        ></nz-input-number>\n      </nz-form-control>\n    </nz-form-item>\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"24\">{{ 'properties.upload.showUploadList' | translate }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"24\">\n        <label nz-checkbox name=\"imageUploadShowList\" [(ngModel)]=\"imageUploadData.showUploadList\">\n          {{ 'properties.upload.showUploadList.hint' | translate }}\n        </label>\n      </nz-form-control>\n    </nz-form-item>\n  </div>\n\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>\n","import { NgModule } from '@angular/core';\nimport { ImageUploadPropertiesComponent } from './image-upload-properties.component';\nimport { PropertyPanelSharedModule } from '../shared/property-panel-shared.module';\n\n@NgModule({\n  declarations: [ImageUploadPropertiesComponent],\n  imports: [PropertyPanelSharedModule],\n  exports: [ImageUploadPropertiesComponent]\n})\nexport class ImageUploadPropertiesModule {}\n\nexport { ImageUploadPropertiesComponent };\n"],"names":["i1","i2","i3","i4","i5","i6","i7.BasicPropertiesComponent","i8.ValidatorsPropertiesComponent","i9.FormLayoutPropertiesComponent","i10.EventsPropertiesComponent","i11.DesignerPropertyChangeDirective","i12"],"mappings":"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"}