imm-element-ui 2.8.4 → 2.8.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/form/form-field/field-utils.mjs +4 -1
- package/esm2022/lib/form/form-field/form-field.mjs +1 -1
- package/esm2022/lib/form/form-field/form-type.mjs +10 -2
- package/esm2022/lib/form/form-type/imagepreview.type.mjs +87 -0
- package/esm2022/lib/form/form-type/index.mjs +2 -1
- package/esm2022/lib/page-form/page-form.interface.mjs +2 -1
- package/fesm2022/imm-element-ui.mjs +97 -2
- package/fesm2022/imm-element-ui.mjs.map +1 -1
- package/lib/form/form-field/form-field.d.ts +3 -2
- package/lib/form/form-field/form-type.d.ts +2 -1
- package/lib/form/form-type/imagepreview.type.d.ts +24 -0
- package/lib/form/form-type/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1368,6 +1368,9 @@ const _fieldUtils = {
|
|
|
1368
1368
|
case 'image':
|
|
1369
1369
|
props = field.imageProps;
|
|
1370
1370
|
break;
|
|
1371
|
+
case 'imagepreview':
|
|
1372
|
+
props = field.imagePreviewProps;
|
|
1373
|
+
break;
|
|
1371
1374
|
case 'codemirror':
|
|
1372
1375
|
props = field.codeMirrorProps;
|
|
1373
1376
|
break;
|
|
@@ -4631,6 +4634,90 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4631
4634
|
args: ['imageComp', { read: ElementRef, static: false }]
|
|
4632
4635
|
}] } });
|
|
4633
4636
|
|
|
4637
|
+
class ImagePreviewComponent {
|
|
4638
|
+
constructor() {
|
|
4639
|
+
this.field = input();
|
|
4640
|
+
this.props = {};
|
|
4641
|
+
this.defaultBaseUrl = 'https://file.myfoodiepet.com//';
|
|
4642
|
+
effect(() => {
|
|
4643
|
+
this.props = this.field()?.imagePreviewProps || {};
|
|
4644
|
+
});
|
|
4645
|
+
}
|
|
4646
|
+
imageList() {
|
|
4647
|
+
const value = this.field()?.fieldControl?.value;
|
|
4648
|
+
if (!value || typeof value !== 'string') {
|
|
4649
|
+
return [];
|
|
4650
|
+
}
|
|
4651
|
+
return value
|
|
4652
|
+
.split(this.props.separator || ';')
|
|
4653
|
+
.map((item) => item.trim())
|
|
4654
|
+
.filter(Boolean);
|
|
4655
|
+
}
|
|
4656
|
+
resolveSrc(image) {
|
|
4657
|
+
if (/^(https?:\/\/|data:|blob:)/i.test(image)) {
|
|
4658
|
+
return image;
|
|
4659
|
+
}
|
|
4660
|
+
return `${this.props.baseUrl ?? this.defaultBaseUrl}${image}`;
|
|
4661
|
+
}
|
|
4662
|
+
imageWidth() {
|
|
4663
|
+
return `${this.props.width ?? 75}`;
|
|
4664
|
+
}
|
|
4665
|
+
imageHeight() {
|
|
4666
|
+
return `${this.props.height ?? 100}`;
|
|
4667
|
+
}
|
|
4668
|
+
previewImageStyle() {
|
|
4669
|
+
return {
|
|
4670
|
+
width: this.normalizeSize(this.props.width ?? 75),
|
|
4671
|
+
height: this.normalizeSize(this.props.height ?? 100),
|
|
4672
|
+
objectFit: 'cover',
|
|
4673
|
+
...(this.props.imageStyle || {}),
|
|
4674
|
+
};
|
|
4675
|
+
}
|
|
4676
|
+
normalizeSize(size) {
|
|
4677
|
+
return typeof size === 'number' ? `${size}px` : size;
|
|
4678
|
+
}
|
|
4679
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImagePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4680
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ImagePreviewComponent, isStandalone: true, selector: "form-imagepreview", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
4681
|
+
@if (imageList().length > 0) {
|
|
4682
|
+
<div
|
|
4683
|
+
[class]="'image-preview-list ' + (props.styleClass || '')"
|
|
4684
|
+
[style]="props.style">
|
|
4685
|
+
@for (image of imageList(); track image) {
|
|
4686
|
+
<p-image
|
|
4687
|
+
[src]="resolveSrc(image)"
|
|
4688
|
+
[alt]="props.alt || 'Image'"
|
|
4689
|
+
[width]="imageWidth()"
|
|
4690
|
+
[height]="imageHeight()"
|
|
4691
|
+
[imageStyle]="previewImageStyle()"
|
|
4692
|
+
appendTo="body"
|
|
4693
|
+
[preview]="true" />
|
|
4694
|
+
}
|
|
4695
|
+
</div>
|
|
4696
|
+
}
|
|
4697
|
+
`, isInline: true, styles: [":host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:1}:host ::ng-deep .p-inputtext{border-width:0;border-radius:0;box-shadow:none;background:#fff;padding:0}:host ::ng-deep .p-inputtext:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputtext:not(:disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:not(:disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered .p-autocomplete-input:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-label{padding:0}:host ::ng-deep .p-select{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-select .p-select-dropdown{display:none}:host ::ng-deep .p-select .p-select-clear-icon{display:none}:host ::ng-deep .p-select:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-select-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-open .p-select-dropdown{display:flex}:host ::ng-deep .p-select-open .p-select-clear-icon{display:flex}:host ::ng-deep .p-select:hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select:hover .p-select-dropdown{display:flex}:host ::ng-deep .p-select:hover .p-select-clear-icon{display:flex}:host ::ng-deep .p-select.ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select.ng-hovered .p-select-dropdown{display:flex}:host ::ng-deep .p-select.ng-hovered .p-select-clear-icon{display:flex}:host ::ng-deep .p-multiselect-label{padding:0}:host ::ng-deep .p-multiselect{border-width:0;border-radius:0;background:#fff;box-shadow:none}:host ::ng-deep .p-multiselect .p-multiselect-dropdown{display:none}:host ::ng-deep .p-multiselect:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-multiselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect-open .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled):hover .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-textarea{border-radius:0;box-shadow:none;padding:0 .25rem;background:#fff;resize:none}:host ::ng-deep .p-textarea:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border:1px solid var(--p-red-500)!important}:host ::ng-deep .p-textarea:not(:disabled):hover{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:not(:disabled).ng-hovered{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:focus{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-treeselect-label{padding:0}:host ::ng-deep .p-treeselect{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-treeselect .p-treeselect-dropdown{display:none}:host ::ng-deep .ng-invalid.ng-dirty>.p-treeselect{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-treeselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect-open .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled):hover .p-treeselect-dropdown{display:flex}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled) .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-menubar{border-width:0;padding:0}:host ::ng-deep .p-menubar-submenu{z-index:3}:host ::ng-deep .p-fileupload-advanced{border-width:0;border-radius:0;background-color:#fff}:host ::ng-deep .p-fileupload-header{padding:0}:host ::ng-deep .p-fileupload-content{padding:0;display:block;border-width:0}:host ::ng-deep .p-inputnumber:not(.ng-valid).ng-dirty>.p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputnumber.ng-hovered:not(.p-disabled)>.p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-invalid.ng-dirty>.p-datepicker .p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .ng-hovered>.p-datepicker:not(.p-disabled) .p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor{border:1px solid #cbd5e1}:host ::ng-deep .cm-editor.cm-focused{outline:none!important;border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor:hover{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor.ng-hovered{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-gutters{background-color:#fff;border:\"none\"}:host ::ng-deep .cm-activeLineGutter{background-color:#fff}\n", ".image-preview-list{display:flex;flex-wrap:wrap;gap:.5rem}:is() .p-image-preview{display:inline-flex}\n"], dependencies: [{ kind: "component", type: Image, selector: "p-image", inputs: ["imageClass", "imageStyle", "styleClass", "style", "src", "srcSet", "sizes", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "appendTo", "preview", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide", "onImageError"] }] }); }
|
|
4698
|
+
}
|
|
4699
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImagePreviewComponent, decorators: [{
|
|
4700
|
+
type: Component,
|
|
4701
|
+
args: [{ selector: 'form-imagepreview', standalone: true, imports: [Image], template: `
|
|
4702
|
+
@if (imageList().length > 0) {
|
|
4703
|
+
<div
|
|
4704
|
+
[class]="'image-preview-list ' + (props.styleClass || '')"
|
|
4705
|
+
[style]="props.style">
|
|
4706
|
+
@for (image of imageList(); track image) {
|
|
4707
|
+
<p-image
|
|
4708
|
+
[src]="resolveSrc(image)"
|
|
4709
|
+
[alt]="props.alt || 'Image'"
|
|
4710
|
+
[width]="imageWidth()"
|
|
4711
|
+
[height]="imageHeight()"
|
|
4712
|
+
[imageStyle]="previewImageStyle()"
|
|
4713
|
+
appendTo="body"
|
|
4714
|
+
[preview]="true" />
|
|
4715
|
+
}
|
|
4716
|
+
</div>
|
|
4717
|
+
}
|
|
4718
|
+
`, styles: [":host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:1}:host ::ng-deep .p-inputtext{border-width:0;border-radius:0;box-shadow:none;background:#fff;padding:0}:host ::ng-deep .p-inputtext:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputtext:not(:disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:not(:disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered .p-autocomplete-input:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-label{padding:0}:host ::ng-deep .p-select{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-select .p-select-dropdown{display:none}:host ::ng-deep .p-select .p-select-clear-icon{display:none}:host ::ng-deep .p-select:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-select-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-open .p-select-dropdown{display:flex}:host ::ng-deep .p-select-open .p-select-clear-icon{display:flex}:host ::ng-deep .p-select:hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select:hover .p-select-dropdown{display:flex}:host ::ng-deep .p-select:hover .p-select-clear-icon{display:flex}:host ::ng-deep .p-select.ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select.ng-hovered .p-select-dropdown{display:flex}:host ::ng-deep .p-select.ng-hovered .p-select-clear-icon{display:flex}:host ::ng-deep .p-multiselect-label{padding:0}:host ::ng-deep .p-multiselect{border-width:0;border-radius:0;background:#fff;box-shadow:none}:host ::ng-deep .p-multiselect .p-multiselect-dropdown{display:none}:host ::ng-deep .p-multiselect:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-multiselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect-open .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled):hover .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-textarea{border-radius:0;box-shadow:none;padding:0 .25rem;background:#fff;resize:none}:host ::ng-deep .p-textarea:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border:1px solid var(--p-red-500)!important}:host ::ng-deep .p-textarea:not(:disabled):hover{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:not(:disabled).ng-hovered{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:focus{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-treeselect-label{padding:0}:host ::ng-deep .p-treeselect{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-treeselect .p-treeselect-dropdown{display:none}:host ::ng-deep .ng-invalid.ng-dirty>.p-treeselect{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-treeselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect-open .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled):hover .p-treeselect-dropdown{display:flex}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled) .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-menubar{border-width:0;padding:0}:host ::ng-deep .p-menubar-submenu{z-index:3}:host ::ng-deep .p-fileupload-advanced{border-width:0;border-radius:0;background-color:#fff}:host ::ng-deep .p-fileupload-header{padding:0}:host ::ng-deep .p-fileupload-content{padding:0;display:block;border-width:0}:host ::ng-deep .p-inputnumber:not(.ng-valid).ng-dirty>.p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputnumber.ng-hovered:not(.p-disabled)>.p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-invalid.ng-dirty>.p-datepicker .p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .ng-hovered>.p-datepicker:not(.p-disabled) .p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor{border:1px solid #cbd5e1}:host ::ng-deep .cm-editor.cm-focused{outline:none!important;border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor:hover{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor.ng-hovered{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-gutters{background-color:#fff;border:\"none\"}:host ::ng-deep .cm-activeLineGutter{background-color:#fff}\n", ".image-preview-list{display:flex;flex-wrap:wrap;gap:.5rem}:is() .p-image-preview{display:inline-flex}\n"] }]
|
|
4719
|
+
}], ctorParameters: () => [] });
|
|
4720
|
+
|
|
4634
4721
|
class CodeMirrorComponent {
|
|
4635
4722
|
constructor(action, renderer) {
|
|
4636
4723
|
this.action = action;
|
|
@@ -9622,6 +9709,9 @@ class FormTypeComponent {
|
|
|
9622
9709
|
@case ('image') {
|
|
9623
9710
|
<form-image [field]="field()!"></form-image>
|
|
9624
9711
|
}
|
|
9712
|
+
@case ('imagepreview') {
|
|
9713
|
+
<form-imagepreview [field]="field()!"></form-imagepreview>
|
|
9714
|
+
}
|
|
9625
9715
|
@case ('codemirror') {
|
|
9626
9716
|
<form-codemirror [field]="field()!"></form-codemirror>
|
|
9627
9717
|
}
|
|
@@ -9629,7 +9719,7 @@ class FormTypeComponent {
|
|
|
9629
9719
|
<form-rowselector [field]="field()!"></form-rowselector>
|
|
9630
9720
|
}
|
|
9631
9721
|
}
|
|
9632
|
-
`, isInline: true, dependencies: [{ kind: "component", type: InputTextComponent, selector: "form-inputtext", inputs: ["field"] }, { kind: "component", type: InputNumberComponent, selector: "form-inputnumber", inputs: ["field"] }, { kind: "component", type: SelectComponent, selector: "form-select", inputs: ["field"] }, { kind: "component", type: TreeSelectComponent, selector: "form-treeselect", inputs: ["field"] }, { kind: "component", type: DatePickerComponent, selector: "form-datepicker", inputs: ["field"] }, { kind: "component", type: AutoCompleteComponent, selector: "form-autocomplete", inputs: ["field"] }, { kind: "component", type: MultiSelectComponent, selector: "form-multiselect", inputs: ["field"] }, { kind: "component", type: RadioComponent, selector: "form-radio", inputs: ["field"] }, { kind: "component", type: TextAreaComponent, selector: "form-textarea", inputs: ["field"] }, { kind: "component", type: UploadComponent, selector: "form-upload", inputs: ["field"] }, { kind: "component", type: ImageComponent, selector: "form-image", inputs: ["field"] }, { kind: "component", type: CodeMirrorComponent, selector: "form-codemirror", inputs: ["field"], outputs: ["change"] }, { kind: "component", type: RowSelectorComponent, selector: "form-rowselector", inputs: ["field"] }] }); }
|
|
9722
|
+
`, isInline: true, dependencies: [{ kind: "component", type: InputTextComponent, selector: "form-inputtext", inputs: ["field"] }, { kind: "component", type: InputNumberComponent, selector: "form-inputnumber", inputs: ["field"] }, { kind: "component", type: SelectComponent, selector: "form-select", inputs: ["field"] }, { kind: "component", type: TreeSelectComponent, selector: "form-treeselect", inputs: ["field"] }, { kind: "component", type: DatePickerComponent, selector: "form-datepicker", inputs: ["field"] }, { kind: "component", type: AutoCompleteComponent, selector: "form-autocomplete", inputs: ["field"] }, { kind: "component", type: MultiSelectComponent, selector: "form-multiselect", inputs: ["field"] }, { kind: "component", type: RadioComponent, selector: "form-radio", inputs: ["field"] }, { kind: "component", type: TextAreaComponent, selector: "form-textarea", inputs: ["field"] }, { kind: "component", type: UploadComponent, selector: "form-upload", inputs: ["field"] }, { kind: "component", type: ImageComponent, selector: "form-image", inputs: ["field"] }, { kind: "component", type: ImagePreviewComponent, selector: "form-imagepreview", inputs: ["field"] }, { kind: "component", type: CodeMirrorComponent, selector: "form-codemirror", inputs: ["field"], outputs: ["change"] }, { kind: "component", type: RowSelectorComponent, selector: "form-rowselector", inputs: ["field"] }] }); }
|
|
9633
9723
|
}
|
|
9634
9724
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormTypeComponent, decorators: [{
|
|
9635
9725
|
type: Component,
|
|
@@ -9648,6 +9738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
9648
9738
|
TextAreaComponent,
|
|
9649
9739
|
UploadComponent,
|
|
9650
9740
|
ImageComponent,
|
|
9741
|
+
ImagePreviewComponent,
|
|
9651
9742
|
CodeMirrorComponent,
|
|
9652
9743
|
RowSelectorComponent,
|
|
9653
9744
|
],
|
|
@@ -9686,6 +9777,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
9686
9777
|
@case ('image') {
|
|
9687
9778
|
<form-image [field]="field()!"></form-image>
|
|
9688
9779
|
}
|
|
9780
|
+
@case ('imagepreview') {
|
|
9781
|
+
<form-imagepreview [field]="field()!"></form-imagepreview>
|
|
9782
|
+
}
|
|
9689
9783
|
@case ('codemirror') {
|
|
9690
9784
|
<form-codemirror [field]="field()!"></form-codemirror>
|
|
9691
9785
|
}
|
|
@@ -10269,6 +10363,7 @@ const formTypeToProps = {
|
|
|
10269
10363
|
textarea: 'textAreaProps',
|
|
10270
10364
|
upload: 'uploadProps',
|
|
10271
10365
|
image: 'imageProps',
|
|
10366
|
+
imagepreview: 'imagePreviewProps',
|
|
10272
10367
|
codemirror: 'codeMirrorProps',
|
|
10273
10368
|
rowselector: 'rowSelectorProps',
|
|
10274
10369
|
};
|
|
@@ -13084,5 +13179,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
13084
13179
|
* Generated bundle index. Do not edit.
|
|
13085
13180
|
*/
|
|
13086
13181
|
|
|
13087
|
-
export { ActionService, ActionsComponent, AmComponent, AsyncRenderer, AsyncSelectLabelRenderer, CellEditAsyncSelectFieldComponent, CellEditAutoCompleteComponent, CellEditDatePickerComponent, CellEditInputDateComponent, CellEditInputNumberCompoent, CellEditInputTextCompoent, CellEditSelectComponent, CellEditSelectFieldComponent, CellEditTextareaComponent, CodeMirrorComponent, CrumbActionComponent, FieldControl, FormComponent, FormFieldComponent, FormTypeComponent, GridComponent, HeadComponent, HrefBtnListComponent, I18N_Token, I18nService, ImportComponent, LANGS, LinkRenderer, LoadingComponent, LoadingService, LogComponent, PageActionService, PageFormComponent, PageFormService, PageFormSlotDirective, PageGridListComponent, PagerComponent, PopActionService, RowSelectorComponent$1 as RowSelectorComponent, SearchComponent, SingleSelectListboxComponent, StepsComponent, ThemeConfigComponent, ThemeConfigService, UploadRenderer, UserHistoryService, calcRowSpan, changeContent, clearLocal, compileTsToJs, convertAct, convertCol, convertForm, convertGrid, createCircularIterator, deepClone, executeRuntimeContextInit, filterObjectByKeys, formTypeToProps, generateUniqueId, getFilterMatchMode, gridOptionsHooker, gridUtils, isJSONParsable, pageListGridOptions, parseFunctions, toPascalCase, wrapHeaderValueGetter };
|
|
13182
|
+
export { ActionService, ActionsComponent, AmComponent, AsyncRenderer, AsyncSelectLabelRenderer, CellEditAsyncSelectFieldComponent, CellEditAutoCompleteComponent, CellEditDatePickerComponent, CellEditInputDateComponent, CellEditInputNumberCompoent, CellEditInputTextCompoent, CellEditSelectComponent, CellEditSelectFieldComponent, CellEditTextareaComponent, CodeMirrorComponent, CrumbActionComponent, FieldControl, FormComponent, FormFieldComponent, FormTypeComponent, GridComponent, HeadComponent, HrefBtnListComponent, I18N_Token, I18nService, ImagePreviewComponent, ImportComponent, LANGS, LinkRenderer, LoadingComponent, LoadingService, LogComponent, PageActionService, PageFormComponent, PageFormService, PageFormSlotDirective, PageGridListComponent, PagerComponent, PopActionService, RowSelectorComponent$1 as RowSelectorComponent, SearchComponent, SingleSelectListboxComponent, StepsComponent, ThemeConfigComponent, ThemeConfigService, UploadRenderer, UserHistoryService, calcRowSpan, changeContent, clearLocal, compileTsToJs, convertAct, convertCol, convertForm, convertGrid, createCircularIterator, deepClone, executeRuntimeContextInit, filterObjectByKeys, formTypeToProps, generateUniqueId, getFilterMatchMode, gridOptionsHooker, gridUtils, isJSONParsable, pageListGridOptions, parseFunctions, toPascalCase, wrapHeaderValueGetter };
|
|
13088
13183
|
//# sourceMappingURL=imm-element-ui.mjs.map
|