@indigina/kendo 1.2.30 → 1.2.31
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/angular/forms/widgets/file/file-select/field-file-select.component.mjs +13 -4
- package/esm2022/lib/angular/forms/widgets/file/file-upload/field-file-upload.component.mjs +5 -3
- package/esm2022/lib/angular/forms/widgets/textarea/field-textarea.component.mjs +5 -3
- package/fesm2022/indigina-kendo.mjs +19 -6
- package/fesm2022/indigina-kendo.mjs.map +1 -1
- package/lib/angular/forms/widgets/file/file-select/field-file-select.component.d.ts +6 -3
- package/lib/angular/forms/widgets/file/file-upload/field-file-upload.component.d.ts +2 -1
- package/lib/angular/forms/widgets/textarea/field-textarea.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import { FieldComponent } from '../../field/field.component';
|
|
2
2
|
import { ControlContainer, FormGroupDirective } from '@angular/forms';
|
|
3
|
-
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/forms";
|
|
6
6
|
import * as i2 from "@ngx-translate/core";
|
|
7
7
|
import * as i3 from "@angular/common";
|
|
8
8
|
import * as i4 from "@progress/kendo-angular-upload";
|
|
9
9
|
export class FieldFileSelectComponent extends FieldComponent {
|
|
10
|
+
onFilesSelected(event) {
|
|
11
|
+
const selectedFiles = event.files.map((file) => file.rawFile);
|
|
12
|
+
this.filesSelected.emit(selectedFiles);
|
|
13
|
+
}
|
|
10
14
|
constructor(parent, eref) {
|
|
11
15
|
super(parent, eref, null);
|
|
12
16
|
this.parent = parent;
|
|
@@ -18,9 +22,10 @@ export class FieldFileSelectComponent extends FieldComponent {
|
|
|
18
22
|
this.showFileList = true;
|
|
19
23
|
this.disabled = false;
|
|
20
24
|
this.restrictions = this.defaultFileRestrictions;
|
|
25
|
+
this.filesSelected = new EventEmitter();
|
|
21
26
|
}
|
|
22
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: FieldFileSelectComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldFileSelectComponent, selector: "field-file-select", inputs: { labelKey: "labelKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", disabled: "disabled", restrictions: "restrictions" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-fileselect\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldFileSelectComponent, selector: "field-file-select", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", disabled: "disabled", restrictions: "restrictions" }, outputs: { filesSelected: "filesSelected" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-fileselect\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n (select)=\"onFilesSelected($event)\"\n >\n <kendo-upload-messages\n select=\"{{ placeholderKey | translate }}\"\n ></kendo-upload-messages>\n </kendo-fileselect>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: i4.FileSelectComponent, selector: "kendo-fileselect", inputs: ["accept", "disabled", "multiple", "name", "showFileList", "tabindex", "restrictions", "zoneId", "focusableId"], outputs: ["blur", "focus", "select", "remove", "valueChange"], exportAs: ["kendoFileSelect"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
|
|
24
29
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
25
30
|
] }); }
|
|
26
31
|
}
|
|
@@ -28,9 +33,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
|
|
|
28
33
|
type: Component,
|
|
29
34
|
args: [{ selector: 'field-file-select', viewProviders: [
|
|
30
35
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
31
|
-
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-fileselect\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{
|
|
36
|
+
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-fileselect\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n (select)=\"onFilesSelected($event)\"\n >\n <kendo-upload-messages\n select=\"{{ placeholderKey | translate }}\"\n ></kendo-upload-messages>\n </kendo-fileselect>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"] }]
|
|
32
37
|
}], ctorParameters: function () { return [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
|
|
33
38
|
type: Input
|
|
39
|
+
}], placeholderKey: [{
|
|
40
|
+
type: Input
|
|
34
41
|
}], fieldName: [{
|
|
35
42
|
type: Input
|
|
36
43
|
}], multiple: [{
|
|
@@ -41,5 +48,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
|
|
|
41
48
|
type: Input
|
|
42
49
|
}], restrictions: [{
|
|
43
50
|
type: Input
|
|
51
|
+
}], filesSelected: [{
|
|
52
|
+
type: Output
|
|
44
53
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtZmlsZS1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2VuZG8vc3JjL2xpYi9hbmd1bGFyL2Zvcm1zL3dpZGdldHMvZmlsZS9maWxlLXNlbGVjdC9maWVsZC1maWxlLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZW5kby9zcmMvbGliL2FuZ3VsYXIvZm9ybXMvd2lkZ2V0cy9maWxlL2ZpbGUtc2VsZWN0L2ZpZWxkLWZpbGUtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFFWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFVdkIsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGNBQW9CO0lBcUJoRSxlQUFlLENBQUMsS0FBa0I7UUFDaEMsTUFBTSxhQUFhLEdBQVcsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQzNDLENBQUMsSUFBYyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUNqQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELFlBQW1CLE1BQTBCLEVBQVMsSUFBZ0I7UUFDcEUsS0FBSyxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFEVCxXQUFNLEdBQU4sTUFBTSxDQUFvQjtRQUFTLFNBQUksR0FBSixJQUFJLENBQVk7UUEzQjlELDRCQUF1QixHQUFxQjtZQUNsRCxpQkFBaUIsRUFBRSxFQUFFO1NBQ3RCLENBQUM7UUFTSyxhQUFRLEdBQVksSUFBSSxDQUFDO1FBRXpCLGlCQUFZLEdBQVksSUFBSSxDQUFDO1FBRTdCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFMUIsaUJBQVksR0FBcUIsSUFBSSxDQUFDLHVCQUF1QixDQUFDO1FBQzNELGtCQUFhLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFXM0UsQ0FBQzsrR0E5QlUsd0JBQXdCO21HQUF4Qix3QkFBd0IsaVVDdkJyQyxnckNBc0NBLDZrQ0RuQmlCO1lBQ2IsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLGtCQUFrQixFQUFFO1NBQy9EOzs0RkFFVSx3QkFBd0I7a0JBUnBDLFNBQVM7K0JBQ0UsbUJBQW1CLGlCQUdkO3dCQUNiLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxrQkFBa0IsRUFBRTtxQkFDL0Q7a0lBUU0sUUFBUTtzQkFEZCxLQUFLO2dCQUdDLGNBQWM7c0JBRHBCLEtBQUs7Z0JBR0MsU0FBUztzQkFEZixLQUFLO2dCQUdDLFFBQVE7c0JBRGQsS0FBSztnQkFHQyxZQUFZO3NCQURsQixLQUFLO2dCQUdDLFFBQVE7c0JBRGQsS0FBSztnQkFHQyxZQUFZO3NCQURsQixLQUFLO2dCQUVJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBGaWxlSW5mbyxcbiAgRmlsZVJlc3RyaWN0aW9ucyxcbiAgU2VsZWN0RXZlbnQsXG59IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLXVwbG9hZCc7XG5pbXBvcnQgeyBGaWVsZENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ZpZWxkL2ZpZWxkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb250cm9sQ29udGFpbmVyLCBGb3JtR3JvdXBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZpZWxkLWZpbGUtc2VsZWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpZWxkLWZpbGUtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmllbGQtZmlsZS1zZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcbiAgdmlld1Byb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQ29udHJvbENvbnRhaW5lciwgdXNlRXhpc3Rpbmc6IEZvcm1Hcm91cERpcmVjdGl2ZSB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGaWVsZEZpbGVTZWxlY3RDb21wb25lbnQgZXh0ZW5kcyBGaWVsZENvbXBvbmVudDxGaWxlPiB7XG4gIHByaXZhdGUgZGVmYXVsdEZpbGVSZXN0cmljdGlvbnM6IEZpbGVSZXN0cmljdGlvbnMgPSB7XG4gICAgYWxsb3dlZEV4dGVuc2lvbnM6IFtdLFxuICB9O1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBsYWJlbEtleTogc3RyaW5nO1xuICBASW5wdXQoKVxuICBwdWJsaWMgcGxhY2Vob2xkZXJLZXk6IHN0cmluZztcbiAgQElucHV0KClcbiAgcHVibGljIGZpZWxkTmFtZTogc3RyaW5nO1xuICBASW5wdXQoKVxuICBwdWJsaWMgbXVsdGlwbGU6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd0ZpbGVMaXN0OiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KClcbiAgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyByZXN0cmljdGlvbnM6IEZpbGVSZXN0cmljdGlvbnMgPSB0aGlzLmRlZmF1bHRGaWxlUmVzdHJpY3Rpb25zO1xuICBAT3V0cHV0KCkgZmlsZXNTZWxlY3RlZDogRXZlbnRFbWl0dGVyPEZpbGVbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPEZpbGVbXT4oKTtcblxuICBvbkZpbGVzU2VsZWN0ZWQoZXZlbnQ6IFNlbGVjdEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3Qgc2VsZWN0ZWRGaWxlczogRmlsZVtdID0gZXZlbnQuZmlsZXMubWFwKFxuICAgICAgKGZpbGU6IEZpbGVJbmZvKSA9PiBmaWxlLnJhd0ZpbGUsXG4gICAgKTtcbiAgICB0aGlzLmZpbGVzU2VsZWN0ZWQuZW1pdChzZWxlY3RlZEZpbGVzKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBwYXJlbnQ6IEZvcm1Hcm91cERpcmVjdGl2ZSwgcHVibGljIGVyZWY6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcihwYXJlbnQsIGVyZWYsIG51bGwpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICA8bGFiZWxcbiAgICBmb3I9XCJ7eyAnXycgKyBmaWVsZE5hbWUgfX1cIlxuICAgIGNsYXNzPVwiY29sLW1kLTMgY29udHJvbC1sYWJlbFwiXG4gICAgdHJhbnNsYXRlPVwie3sgbGFiZWxLZXkgfX1cIlxuICA+PC9sYWJlbD5cbiAgPGRpdiBjbGFzcz1cImNvbC1tZC05XCI+XG4gICAgPGtlbmRvLWZpbGVzZWxlY3RcbiAgICAgIGlkPVwie3sgJ18nICsgZmllbGROYW1lIH19XCJcbiAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwiZmllbGROYW1lXCJcbiAgICAgIFttdWx0aXBsZV09XCJtdWx0aXBsZVwiXG4gICAgICBbc2hvd0ZpbGVMaXN0XT1cInNob3dGaWxlTGlzdFwiXG4gICAgICBbcmVzdHJpY3Rpb25zXT1cInJlc3RyaWN0aW9uc1wiXG4gICAgICBbYXR0ci5kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAoc2VsZWN0KT1cIm9uRmlsZXNTZWxlY3RlZCgkZXZlbnQpXCJcbiAgICA+XG4gICAgICA8a2VuZG8tdXBsb2FkLW1lc3NhZ2VzXG4gICAgICAgIHNlbGVjdD1cInt7IHBsYWNlaG9sZGVyS2V5IHwgdHJhbnNsYXRlIH19XCJcbiAgICAgID48L2tlbmRvLXVwbG9hZC1tZXNzYWdlcz5cbiAgICA8L2tlbmRvLWZpbGVzZWxlY3Q+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiYmctZGFuZ2VyXCJcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIHBhcmVudC5mb3JtLmdldChmaWVsZE5hbWUpICYmXG4gICAgICAgIHBhcmVudC5mb3JtLmdldChmaWVsZE5hbWUpLmludmFsaWQgJiZcbiAgICAgICAgcGFyZW50LmZvcm0uZ2V0KGZpZWxkTmFtZSkudG91Y2hlZFxuICAgICAgXCJcbiAgICA+XG4gICAgICA8c3BhbiAqbmdJZj1cInBhcmVudC5mb3JtLmdldChmaWVsZE5hbWUpLmVycm9yc1sncmVxdWlyZWQnXVwiPnt7XG4gICAgICAgIFwiUmVxdWlyZWRcIiB8IHRyYW5zbGF0ZSA6IHsgcGFyYW0wOiBsYWJlbEtleSB8IHRyYW5zbGF0ZSB9XG4gICAgICB9fTwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwicGFyZW50LmZvcm0uZ2V0KGZpZWxkTmFtZSkuZXJyb3JzWydzZXJ2ZXJFcnJvck1zZyddXCI+e3tcbiAgICAgICAgcGFyZW50LmZvcm0uZ2V0KGZpZWxkTmFtZSkuZXJyb3JzW1wic2VydmVyRXJyb3JNc2dcIl1cbiAgICAgIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -21,7 +21,7 @@ export class FieldFileUploadComponent extends FieldComponent {
|
|
|
21
21
|
this.restrictions = this.defaultFileRestrictions;
|
|
22
22
|
}
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: FieldFileUploadComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldFileUploadComponent, selector: "field-file-upload", inputs: { labelKey: "labelKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", autoUpload: "autoUpload", disabled: "disabled", saveUrl: "saveUrl", removeUrl: "removeUrl", restrictions: "restrictions" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-upload\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [autoUpload]=\"autoUpload\"\n [saveUrl]=\"saveUrl\"\n [removeUrl]=\"removeUrl\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldFileUploadComponent, selector: "field-file-upload", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", autoUpload: "autoUpload", disabled: "disabled", saveUrl: "saveUrl", removeUrl: "removeUrl", restrictions: "restrictions" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-upload\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [autoUpload]=\"autoUpload\"\n [saveUrl]=\"saveUrl\"\n [removeUrl]=\"removeUrl\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{ placeholderKey | translate }}\"\n ></kendo-upload-messages>\n </kendo-upload>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: i4.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
|
|
25
25
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
26
26
|
] }); }
|
|
27
27
|
}
|
|
@@ -29,9 +29,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
|
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{ selector: 'field-file-upload', viewProviders: [
|
|
31
31
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
32
|
-
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-upload\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [autoUpload]=\"autoUpload\"\n [saveUrl]=\"saveUrl\"\n [removeUrl]=\"removeUrl\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{
|
|
32
|
+
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-upload\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [autoUpload]=\"autoUpload\"\n [saveUrl]=\"saveUrl\"\n [removeUrl]=\"removeUrl\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{ placeholderKey | translate }}\"\n ></kendo-upload-messages>\n </kendo-upload>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"] }]
|
|
33
33
|
}], ctorParameters: function () { return [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
|
|
34
34
|
type: Input
|
|
35
|
+
}], placeholderKey: [{
|
|
36
|
+
type: Input
|
|
35
37
|
}], fieldName: [{
|
|
36
38
|
type: Input
|
|
37
39
|
}], multiple: [{
|
|
@@ -49,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
|
|
|
49
51
|
}], restrictions: [{
|
|
50
52
|
type: Input
|
|
51
53
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2VuZG8vc3JjL2xpYi9hbmd1bGFyL2Zvcm1zL3dpZGdldHMvZmlsZS9maWxlLXVwbG9hZC9maWVsZC1maWxlLXVwbG9hZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZW5kby9zcmMvbGliL2FuZ3VsYXIvZm9ybXMvd2lkZ2V0cy9maWxlL2ZpbGUtdXBsb2FkL2ZpZWxkLWZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7O0FBVzdELE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxjQUFvQjtJQTBCaEUsWUFBbUIsTUFBMEIsRUFBUyxJQUFnQjtRQUNwRSxLQUFLLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztRQURULFdBQU0sR0FBTixNQUFNLENBQW9CO1FBQVMsU0FBSSxHQUFKLElBQUksQ0FBWTtRQXpCOUQsNEJBQXVCLEdBQXFCO1lBQ2xELGlCQUFpQixFQUFFLEVBQUU7U0FDdEIsQ0FBQztRQVNLLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFFekIsaUJBQVksR0FBWSxJQUFJLENBQUM7UUFFN0IsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUU1QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBTTFCLGlCQUFZLEdBQXFCLElBQUksQ0FBQyx1QkFBdUIsQ0FBQztJQUlyRSxDQUFDOytHQTVCVSx3QkFBd0I7bUdBQXhCLHdCQUF3QiwwVkNickMsNnRDQXdDQSwrM0NEL0JpQjtZQUNiLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxrQkFBa0IsRUFBRTtTQUMvRDs7NEZBRVUsd0JBQXdCO2tCQVJwQyxTQUFTOytCQUNFLG1CQUFtQixpQkFHZDt3QkFDYixFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsa0JBQWtCLEVBQUU7cUJBQy9EO2tJQVFNLFFBQVE7c0JBRGQsS0FBSztnQkFHQyxjQUFjO3NCQURwQixLQUFLO2dCQUdDLFNBQVM7c0JBRGYsS0FBSztnQkFHQyxRQUFRO3NCQURkLEtBQUs7Z0JBR0MsWUFBWTtzQkFEbEIsS0FBSztnQkFHQyxVQUFVO3NCQURoQixLQUFLO2dCQUdDLFFBQVE7c0JBRGQsS0FBSztnQkFHQyxPQUFPO3NCQURiLEtBQUs7Z0JBR0MsU0FBUztzQkFEZixLQUFLO2dCQUdDLFlBQVk7c0JBRGxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sQ29udGFpbmVyLCBGb3JtR3JvdXBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGaWVsZENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ZpZWxkL2ZpZWxkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGaWxlUmVzdHJpY3Rpb25zIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItdXBsb2FkJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmllbGQtZmlsZS11cGxvYWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmllbGQtZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWVsZC1maWxlLXVwbG9hZC5jb21wb25lbnQuc2NzcyddLFxuICB2aWV3UHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBDb250cm9sQ29udGFpbmVyLCB1c2VFeGlzdGluZzogRm9ybUdyb3VwRGlyZWN0aXZlIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZpZWxkRmlsZVVwbG9hZENvbXBvbmVudCBleHRlbmRzIEZpZWxkQ29tcG9uZW50PEZpbGU+IHtcbiAgcHJpdmF0ZSBkZWZhdWx0RmlsZVJlc3RyaWN0aW9uczogRmlsZVJlc3RyaWN0aW9ucyA9IHtcbiAgICBhbGxvd2VkRXh0ZW5zaW9uczogW10sXG4gIH07XG5cbiAgQElucHV0KClcbiAgcHVibGljIGxhYmVsS2V5OiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwbGFjZWhvbGRlcktleTogc3RyaW5nO1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGROYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBtdWx0aXBsZTogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzaG93RmlsZUxpc3Q6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXV0b1VwbG9hZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KClcbiAgcHVibGljIHNhdmVVcmw6IHN0cmluZztcbiAgQElucHV0KClcbiAgcHVibGljIHJlbW92ZVVybDogc3RyaW5nO1xuICBASW5wdXQoKVxuICBwdWJsaWMgcmVzdHJpY3Rpb25zOiBGaWxlUmVzdHJpY3Rpb25zID0gdGhpcy5kZWZhdWx0RmlsZVJlc3RyaWN0aW9ucztcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcGFyZW50OiBGb3JtR3JvdXBEaXJlY3RpdmUsIHB1YmxpYyBlcmVmOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIocGFyZW50LCBlcmVmLCBudWxsKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXBcIj5cbiAgPGxhYmVsXG4gICAgZm9yPVwie3sgJ18nICsgZmllbGROYW1lIH19XCJcbiAgICBjbGFzcz1cImNvbC1tZC0zIGNvbnRyb2wtbGFiZWxcIlxuICAgIHRyYW5zbGF0ZT1cInt7IGxhYmVsS2V5IH19XCJcbiAgPjwvbGFiZWw+XG4gIDxkaXYgY2xhc3M9XCJjb2wtbWQtOVwiPlxuICAgIDxrZW5kby11cGxvYWRcbiAgICAgIGlkPVwie3sgJ18nICsgZmllbGROYW1lIH19XCJcbiAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwiZmllbGROYW1lXCJcbiAgICAgIFthdXRvVXBsb2FkXT1cImF1dG9VcGxvYWRcIlxuICAgICAgW3NhdmVVcmxdPVwic2F2ZVVybFwiXG4gICAgICBbcmVtb3ZlVXJsXT1cInJlbW92ZVVybFwiXG4gICAgICBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxuICAgICAgW3Nob3dGaWxlTGlzdF09XCJzaG93RmlsZUxpc3RcIlxuICAgICAgW3Jlc3RyaWN0aW9uc109XCJyZXN0cmljdGlvbnNcIlxuICAgICAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgID5cbiAgICAgIDxrZW5kby11cGxvYWQtbWVzc2FnZXNcbiAgICAgICAgc2VsZWN0PVwie3sgcGxhY2Vob2xkZXJLZXkgfCB0cmFuc2xhdGUgfX1cIlxuICAgICAgPjwva2VuZG8tdXBsb2FkLW1lc3NhZ2VzPlxuICAgIDwva2VuZG8tdXBsb2FkPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImJnLWRhbmdlclwiXG4gICAgICAqbmdJZj1cIlxuICAgICAgICBwYXJlbnQuZm9ybS5nZXQoZmllbGROYW1lKSAmJlxuICAgICAgICBwYXJlbnQuZm9ybS5nZXQoZmllbGROYW1lKS5pbnZhbGlkICYmXG4gICAgICAgIHBhcmVudC5mb3JtLmdldChmaWVsZE5hbWUpLnRvdWNoZWRcbiAgICAgIFwiXG4gICAgPlxuICAgICAgPHNwYW4gKm5nSWY9XCJwYXJlbnQuZm9ybS5nZXQoZmllbGROYW1lKS5lcnJvcnNbJ3JlcXVpcmVkJ11cIj57e1xuICAgICAgICBcIlJlcXVpcmVkXCIgfCB0cmFuc2xhdGUgOiB7IHBhcmFtMDogbGFiZWxLZXkgfCB0cmFuc2xhdGUgfVxuICAgICAgfX08L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cInBhcmVudC5mb3JtLmdldChmaWVsZE5hbWUpLmVycm9yc1snc2VydmVyRXJyb3JNc2cnXVwiPnt7XG4gICAgICAgIHBhcmVudC5mb3JtLmdldChmaWVsZE5hbWUpLmVycm9yc1tcInNlcnZlckVycm9yTXNnXCJdXG4gICAgICB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -14,7 +14,7 @@ export class FieldTextAreaComponent extends FieldComponent {
|
|
|
14
14
|
this.readonly = false;
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: FieldTextAreaComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldTextAreaComponent, selector: "field-textarea", inputs: { labelKey: "labelKey", fieldName: "fieldName", readonly: "readonly" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-textarea\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [readonly]=\"readonly\"\n style=\"height: auto\"\n placeholder=\"{{
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldTextAreaComponent, selector: "field-textarea", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", readonly: "readonly" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-textarea\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [readonly]=\"readonly\"\n style=\"height: auto\"\n placeholder=\"{{ placeholderKey | translate }}\"\n ></kendo-textarea>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-textarea.ng-invalid{border:1px solid #cccccc;box-shadow:inset 0 1px 3px #ececec;border-radius:3px;color:#333}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
|
|
18
18
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
19
19
|
] }); }
|
|
20
20
|
}
|
|
@@ -22,12 +22,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
|
|
|
22
22
|
type: Component,
|
|
23
23
|
args: [{ selector: 'field-textarea', viewProviders: [
|
|
24
24
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
25
|
-
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-textarea\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [readonly]=\"readonly\"\n style=\"height: auto\"\n placeholder=\"{{
|
|
25
|
+
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-textarea\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [readonly]=\"readonly\"\n style=\"height: auto\"\n placeholder=\"{{ placeholderKey | translate }}\"\n ></kendo-textarea>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-textarea.ng-invalid{border:1px solid #cccccc;box-shadow:inset 0 1px 3px #ececec;border-radius:3px;color:#333}\n"] }]
|
|
26
26
|
}], ctorParameters: function () { return [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
|
|
27
27
|
type: Input
|
|
28
|
+
}], placeholderKey: [{
|
|
29
|
+
type: Input
|
|
28
30
|
}], fieldName: [{
|
|
29
31
|
type: Input
|
|
30
32
|
}], readonly: [{
|
|
31
33
|
type: Input
|
|
32
34
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtdGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2VuZG8vc3JjL2xpYi9hbmd1bGFyL2Zvcm1zL3dpZGdldHMvdGV4dGFyZWEvZmllbGQtdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2VuZG8vc3JjL2xpYi9hbmd1bGFyL2Zvcm1zL3dpZGdldHMvdGV4dGFyZWEvZmllbGQtdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7QUFVMUQsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGNBQXNCO0lBVWhFLFlBQW1CLE1BQTBCLEVBQVMsSUFBZ0I7UUFDcEUsS0FBSyxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFEVCxXQUFNLEdBQU4sTUFBTSxDQUFvQjtRQUFTLFNBQUksR0FBSixJQUFJLENBQVk7UUFGL0QsYUFBUSxHQUFZLEtBQUssQ0FBQztJQUlqQyxDQUFDOytHQVpVLHNCQUFzQjttR0FBdEIsc0JBQXNCLCtMQ1puQywwK0JBZ0NBLDArQkR4QmlCO1lBQ2IsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLGtCQUFrQixFQUFFO1NBQy9EOzs0RkFFVSxzQkFBc0I7a0JBUmxDLFNBQVM7K0JBQ0UsZ0JBQWdCLGlCQUdYO3dCQUNiLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxrQkFBa0IsRUFBRTtxQkFDL0Q7a0lBSU0sUUFBUTtzQkFEZCxLQUFLO2dCQUdDLGNBQWM7c0JBRHBCLEtBQUs7Z0JBR0MsU0FBUztzQkFEZixLQUFLO2dCQUdDLFFBQVE7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xDb250YWluZXIsIEZvcm1Hcm91cERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZpZWxkQ29tcG9uZW50IH0gZnJvbSAnLi4vZmllbGQvZmllbGQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmllbGQtdGV4dGFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmllbGQtdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWVsZC10ZXh0YXJlYS5jb21wb25lbnQuc2NzcyddLFxuICB2aWV3UHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBDb250cm9sQ29udGFpbmVyLCB1c2VFeGlzdGluZzogRm9ybUdyb3VwRGlyZWN0aXZlIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZpZWxkVGV4dEFyZWFDb21wb25lbnQgZXh0ZW5kcyBGaWVsZENvbXBvbmVudDxzdHJpbmc+IHtcbiAgQElucHV0KClcbiAgcHVibGljIGxhYmVsS2V5OiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwbGFjZWhvbGRlcktleTogc3RyaW5nO1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGROYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBwYXJlbnQ6IEZvcm1Hcm91cERpcmVjdGl2ZSwgcHVibGljIGVyZWY6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcihwYXJlbnQsIGVyZWYsIG51bGwpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICA8bGFiZWxcbiAgICBmb3I9XCJ7eyAnXycgKyBmaWVsZE5hbWUgfX1cIlxuICAgIGNsYXNzPVwiY29sLW1kLTMgY29udHJvbC1sYWJlbFwiXG4gICAgdHJhbnNsYXRlPVwie3sgbGFiZWxLZXkgfX1cIlxuICA+PC9sYWJlbD5cbiAgPGRpdiBjbGFzcz1cImNvbC1tZC05XCI+XG4gICAgPGtlbmRvLXRleHRhcmVhXG4gICAgICBpZD1cInt7ICdfJyArIGZpZWxkTmFtZSB9fVwiXG4gICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cImZpZWxkTmFtZVwiXG4gICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgc3R5bGU9XCJoZWlnaHQ6IGF1dG9cIlxuICAgICAgcGxhY2Vob2xkZXI9XCJ7eyBwbGFjZWhvbGRlcktleSB8IHRyYW5zbGF0ZSB9fVwiXG4gICAgPjwva2VuZG8tdGV4dGFyZWE+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiYmctZGFuZ2VyXCJcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIHBhcmVudC5mb3JtLmdldChmaWVsZE5hbWUpICYmXG4gICAgICAgIHBhcmVudC5mb3JtLmdldChmaWVsZE5hbWUpLmludmFsaWQgJiZcbiAgICAgICAgcGFyZW50LmZvcm0uZ2V0KGZpZWxkTmFtZSkudG91Y2hlZFxuICAgICAgXCJcbiAgICA+XG4gICAgICA8c3BhbiAqbmdJZj1cInBhcmVudC5mb3JtLmdldChmaWVsZE5hbWUpLmVycm9yc1sncmVxdWlyZWQnXVwiPnt7XG4gICAgICAgIFwiUmVxdWlyZWRcIiB8IHRyYW5zbGF0ZSA6IHsgcGFyYW0wOiBsYWJlbEtleSB8IHRyYW5zbGF0ZSB9XG4gICAgICB9fTwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwicGFyZW50LmZvcm0uZ2V0KGZpZWxkTmFtZSkuZXJyb3JzWydzZXJ2ZXJFcnJvck1zZyddXCI+e3tcbiAgICAgICAgcGFyZW50LmZvcm0uZ2V0KGZpZWxkTmFtZSkuZXJyb3JzW1wic2VydmVyRXJyb3JNc2dcIl1cbiAgICAgIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1033,7 +1033,7 @@ class FieldFileUploadComponent extends FieldComponent {
|
|
|
1033
1033
|
this.restrictions = this.defaultFileRestrictions;
|
|
1034
1034
|
}
|
|
1035
1035
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: FieldFileUploadComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1036
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldFileUploadComponent, selector: "field-file-upload", inputs: { labelKey: "labelKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", autoUpload: "autoUpload", disabled: "disabled", saveUrl: "saveUrl", removeUrl: "removeUrl", restrictions: "restrictions" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-upload\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [autoUpload]=\"autoUpload\"\n [saveUrl]=\"saveUrl\"\n [removeUrl]=\"removeUrl\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{
|
|
1036
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldFileUploadComponent, selector: "field-file-upload", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", autoUpload: "autoUpload", disabled: "disabled", saveUrl: "saveUrl", removeUrl: "removeUrl", restrictions: "restrictions" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-upload\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [autoUpload]=\"autoUpload\"\n [saveUrl]=\"saveUrl\"\n [removeUrl]=\"removeUrl\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{ placeholderKey | translate }}\"\n ></kendo-upload-messages>\n </kendo-upload>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"], dependencies: [{ kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: i4.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
|
|
1037
1037
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
1038
1038
|
] }); }
|
|
1039
1039
|
}
|
|
@@ -1041,9 +1041,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
|
|
|
1041
1041
|
type: Component,
|
|
1042
1042
|
args: [{ selector: 'field-file-upload', viewProviders: [
|
|
1043
1043
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
1044
|
-
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-upload\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [autoUpload]=\"autoUpload\"\n [saveUrl]=\"saveUrl\"\n [removeUrl]=\"removeUrl\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{
|
|
1044
|
+
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-upload\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [autoUpload]=\"autoUpload\"\n [saveUrl]=\"saveUrl\"\n [removeUrl]=\"removeUrl\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{ placeholderKey | translate }}\"\n ></kendo-upload-messages>\n </kendo-upload>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"] }]
|
|
1045
1045
|
}], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
|
|
1046
1046
|
type: Input
|
|
1047
|
+
}], placeholderKey: [{
|
|
1048
|
+
type: Input
|
|
1047
1049
|
}], fieldName: [{
|
|
1048
1050
|
type: Input
|
|
1049
1051
|
}], multiple: [{
|
|
@@ -1110,7 +1112,7 @@ class FieldTextAreaComponent extends FieldComponent {
|
|
|
1110
1112
|
this.readonly = false;
|
|
1111
1113
|
}
|
|
1112
1114
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: FieldTextAreaComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1113
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldTextAreaComponent, selector: "field-textarea", inputs: { labelKey: "labelKey", fieldName: "fieldName", readonly: "readonly" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-textarea\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [readonly]=\"readonly\"\n style=\"height: auto\"\n placeholder=\"{{
|
|
1115
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldTextAreaComponent, selector: "field-textarea", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", readonly: "readonly" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-textarea\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [readonly]=\"readonly\"\n style=\"height: auto\"\n placeholder=\"{{ placeholderKey | translate }}\"\n ></kendo-textarea>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-textarea.ng-invalid{border:1px solid #cccccc;box-shadow:inset 0 1px 3px #ececec;border-radius:3px;color:#333}\n"], dependencies: [{ kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
|
|
1114
1116
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
1115
1117
|
] }); }
|
|
1116
1118
|
}
|
|
@@ -1118,9 +1120,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
|
|
|
1118
1120
|
type: Component,
|
|
1119
1121
|
args: [{ selector: 'field-textarea', viewProviders: [
|
|
1120
1122
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
1121
|
-
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-textarea\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [readonly]=\"readonly\"\n style=\"height: auto\"\n placeholder=\"{{
|
|
1123
|
+
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-textarea\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [readonly]=\"readonly\"\n style=\"height: auto\"\n placeholder=\"{{ placeholderKey | translate }}\"\n ></kendo-textarea>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-textarea.ng-invalid{border:1px solid #cccccc;box-shadow:inset 0 1px 3px #ececec;border-radius:3px;color:#333}\n"] }]
|
|
1122
1124
|
}], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
|
|
1123
1125
|
type: Input
|
|
1126
|
+
}], placeholderKey: [{
|
|
1127
|
+
type: Input
|
|
1124
1128
|
}], fieldName: [{
|
|
1125
1129
|
type: Input
|
|
1126
1130
|
}], readonly: [{
|
|
@@ -1165,6 +1169,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
|
|
|
1165
1169
|
}] });
|
|
1166
1170
|
|
|
1167
1171
|
class FieldFileSelectComponent extends FieldComponent {
|
|
1172
|
+
onFilesSelected(event) {
|
|
1173
|
+
const selectedFiles = event.files.map((file) => file.rawFile);
|
|
1174
|
+
this.filesSelected.emit(selectedFiles);
|
|
1175
|
+
}
|
|
1168
1176
|
constructor(parent, eref) {
|
|
1169
1177
|
super(parent, eref, null);
|
|
1170
1178
|
this.parent = parent;
|
|
@@ -1176,9 +1184,10 @@ class FieldFileSelectComponent extends FieldComponent {
|
|
|
1176
1184
|
this.showFileList = true;
|
|
1177
1185
|
this.disabled = false;
|
|
1178
1186
|
this.restrictions = this.defaultFileRestrictions;
|
|
1187
|
+
this.filesSelected = new EventEmitter();
|
|
1179
1188
|
}
|
|
1180
1189
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: FieldFileSelectComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1181
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldFileSelectComponent, selector: "field-file-select", inputs: { labelKey: "labelKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", disabled: "disabled", restrictions: "restrictions" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-fileselect\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{
|
|
1190
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FieldFileSelectComponent, selector: "field-file-select", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", disabled: "disabled", restrictions: "restrictions" }, outputs: { filesSelected: "filesSelected" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-fileselect\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n (select)=\"onFilesSelected($event)\"\n >\n <kendo-upload-messages\n select=\"{{ placeholderKey | translate }}\"\n ></kendo-upload-messages>\n </kendo-fileselect>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"], dependencies: [{ kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: i4.FileSelectComponent, selector: "kendo-fileselect", inputs: ["accept", "disabled", "multiple", "name", "showFileList", "tabindex", "restrictions", "zoneId", "focusableId"], outputs: ["blur", "focus", "select", "remove", "valueChange"], exportAs: ["kendoFileSelect"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
|
|
1182
1191
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
1183
1192
|
] }); }
|
|
1184
1193
|
}
|
|
@@ -1186,9 +1195,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
|
|
|
1186
1195
|
type: Component,
|
|
1187
1196
|
args: [{ selector: 'field-file-select', viewProviders: [
|
|
1188
1197
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
1189
|
-
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-fileselect\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n >\n <kendo-upload-messages\n select=\"{{
|
|
1198
|
+
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div class=\"col-md-9\">\n <kendo-fileselect\n id=\"{{ '_' + fieldName }}\"\n [formControlName]=\"fieldName\"\n [multiple]=\"multiple\"\n [showFileList]=\"showFileList\"\n [restrictions]=\"restrictions\"\n [attr.disabled]=\"disabled\"\n (select)=\"onFilesSelected($event)\"\n >\n <kendo-upload-messages\n select=\"{{ placeholderKey | translate }}\"\n ></kendo-upload-messages>\n </kendo-fileselect>\n <ng-content></ng-content>\n <div\n class=\"bg-danger\"\n *ngIf=\"\n parent.form.get(fieldName) &&\n parent.form.get(fieldName).invalid &&\n parent.form.get(fieldName).touched\n \"\n >\n <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n \"Required\" | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n }}</span>\n </div>\n </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"] }]
|
|
1190
1199
|
}], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
|
|
1191
1200
|
type: Input
|
|
1201
|
+
}], placeholderKey: [{
|
|
1202
|
+
type: Input
|
|
1192
1203
|
}], fieldName: [{
|
|
1193
1204
|
type: Input
|
|
1194
1205
|
}], multiple: [{
|
|
@@ -1199,6 +1210,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
|
|
|
1199
1210
|
type: Input
|
|
1200
1211
|
}], restrictions: [{
|
|
1201
1212
|
type: Input
|
|
1213
|
+
}], filesSelected: [{
|
|
1214
|
+
type: Output
|
|
1202
1215
|
}] } });
|
|
1203
1216
|
|
|
1204
1217
|
class FieldFileSelectModule {
|