@indigina/kendo 1.2.21 → 1.2.22
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/esm2020/lib/widgets/entity-edit/field-multiselect/field-multiselect.component.mjs +27 -6
- package/fesm2015/indigina-kendo.mjs +25 -4
- package/fesm2015/indigina-kendo.mjs.map +1 -1
- package/fesm2020/indigina-kendo.mjs +25 -4
- package/fesm2020/indigina-kendo.mjs.map +1 -1
- package/lib/widgets/entity-edit/field-multiselect/field-multiselect.component.d.ts +9 -4
- package/package.json +1 -1
|
@@ -2435,6 +2435,9 @@ class FieldMultiSelectComponent extends FieldComponent {
|
|
|
2435
2435
|
super(parent, eref, []);
|
|
2436
2436
|
this.parent = parent;
|
|
2437
2437
|
this.eref = eref;
|
|
2438
|
+
this.singleMode = false;
|
|
2439
|
+
this.autoClose = false;
|
|
2440
|
+
this.changed = new EventEmitter();
|
|
2438
2441
|
this.data = [];
|
|
2439
2442
|
this.textField = this.textField ?? 'name';
|
|
2440
2443
|
this.valueField = this.valueField ?? 'id';
|
|
@@ -2445,19 +2448,31 @@ class FieldMultiSelectComponent extends FieldComponent {
|
|
|
2445
2448
|
this.control.setValue(this.control.value.filter((x) => this.data.filter((d) => d.id === x).length));
|
|
2446
2449
|
});
|
|
2447
2450
|
}
|
|
2451
|
+
onPopupOpen(event) {
|
|
2452
|
+
if (!this.singleMode) {
|
|
2453
|
+
return;
|
|
2454
|
+
}
|
|
2455
|
+
this.control.value.length > 0 && event.preventDefault();
|
|
2456
|
+
}
|
|
2448
2457
|
getData() {
|
|
2449
2458
|
return this.service.getPage(this.filter ? { filter: this.filter } : {});
|
|
2450
2459
|
}
|
|
2451
2460
|
}
|
|
2452
2461
|
FieldMultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FieldMultiSelectComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2453
|
-
FieldMultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: FieldMultiSelectComponent, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter", textField: "textField", valueField: "valueField" }, usesInheritance: true, usesOnChanges: 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\"
|
|
2454
|
-
{
|
|
2462
|
+
FieldMultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: FieldMultiSelectComponent, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter", textField: "textField", valueField: "valueField", singleMode: "singleMode", autoClose: "autoClose" }, outputs: { changed: "changed" }, usesInheritance: true, usesOnChanges: 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 *ngIf=\"control\" class=\"col-md-9\">\n <kendo-multiselect\n id=\"{{ '_' + fieldName }}\"\n [formControl]=\"control\"\n [data]=\"data\"\n [autoClose]=\"autoClose\"\n [textField]=\"textField\"\n [valueField]=\"valueField\"\n [valuePrimitive]=\"true\"\n (open)=\"onPopupOpen($event)\"\n >\n </kendo-multiselect>\n\n <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\n <span *ngIf=\"control.errors['required']\">{{\n 'Required' | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n control.errors['serverErrorMsg']\n }}</span>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
|
|
2463
|
+
{
|
|
2464
|
+
provide: ControlContainer,
|
|
2465
|
+
useExisting: FormGroupDirective,
|
|
2466
|
+
},
|
|
2455
2467
|
] });
|
|
2456
2468
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FieldMultiSelectComponent, decorators: [{
|
|
2457
2469
|
type: Component,
|
|
2458
2470
|
args: [{ selector: 'field-multiselect', viewProviders: [
|
|
2459
|
-
{
|
|
2460
|
-
|
|
2471
|
+
{
|
|
2472
|
+
provide: ControlContainer,
|
|
2473
|
+
useExisting: FormGroupDirective,
|
|
2474
|
+
},
|
|
2475
|
+
], template: "<div class=\"form-group\">\n <label\n for=\"{{ '_' + fieldName }}\"\n class=\"col-md-3 control-label\"\n translate=\"{{ labelKey }}\"\n ></label>\n <div *ngIf=\"control\" class=\"col-md-9\">\n <kendo-multiselect\n id=\"{{ '_' + fieldName }}\"\n [formControl]=\"control\"\n [data]=\"data\"\n [autoClose]=\"autoClose\"\n [textField]=\"textField\"\n [valueField]=\"valueField\"\n [valuePrimitive]=\"true\"\n (open)=\"onPopupOpen($event)\"\n >\n </kendo-multiselect>\n\n <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\n <span *ngIf=\"control.errors['required']\">{{\n 'Required' | translate : { param0: labelKey | translate }\n }}</span>\n <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n control.errors['serverErrorMsg']\n }}</span>\n </div>\n </div>\n</div>\n" }]
|
|
2461
2476
|
}], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { service: [{
|
|
2462
2477
|
type: Input
|
|
2463
2478
|
}], rebind: [{
|
|
@@ -2468,6 +2483,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
|
|
|
2468
2483
|
type: Input
|
|
2469
2484
|
}], valueField: [{
|
|
2470
2485
|
type: Input
|
|
2486
|
+
}], singleMode: [{
|
|
2487
|
+
type: Input
|
|
2488
|
+
}], autoClose: [{
|
|
2489
|
+
type: Input
|
|
2490
|
+
}], changed: [{
|
|
2491
|
+
type: Output
|
|
2471
2492
|
}] } });
|
|
2472
2493
|
|
|
2473
2494
|
const All = 'All';
|