@acorex/components 4.2.34 → 4.2.36
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/property-editor/editors/selectbox-editor/selectbox.editor.mjs +5 -12
- package/esm2020/lib/property-editor/editors/selection-editor/selection-editor.mjs +3 -3
- package/esm2020/lib/property-editor/property-editor.class.mjs +1 -2
- package/esm2020/lib/search-bar/search-bar.component.mjs +6 -35
- package/fesm2015/acorex-components.mjs +18 -55
- package/fesm2015/acorex-components.mjs.map +1 -1
- package/fesm2020/acorex-components.mjs +11 -48
- package/fesm2020/acorex-components.mjs.map +1 -1
- package/lib/property-editor/editors/selectbox-editor/selectbox.editor.d.ts +1 -1
- package/lib/search-bar/search-bar.component.d.ts +0 -1
- package/package.json +1 -1
|
@@ -10264,7 +10264,6 @@ class AXSearchBarComponent {
|
|
|
10264
10264
|
this._filterItems.push({
|
|
10265
10265
|
name: el.property.name,
|
|
10266
10266
|
title: el.property.title,
|
|
10267
|
-
textValue: el.value,
|
|
10268
10267
|
value: el.value
|
|
10269
10268
|
});
|
|
10270
10269
|
}
|
|
@@ -10281,42 +10280,14 @@ class AXSearchBarComponent {
|
|
|
10281
10280
|
this.dropdown.toggle();
|
|
10282
10281
|
}
|
|
10283
10282
|
handleValueChange(e) {
|
|
10284
|
-
|
|
10285
|
-
|
|
10286
|
-
debugger;
|
|
10287
|
-
if (e.property.editorOptions?.valueField && e.value != null) {
|
|
10288
|
-
if (e.property.editorOptions.returnAllData) {
|
|
10289
|
-
value = e.value;
|
|
10290
|
-
e.value.forEach(element => {
|
|
10291
|
-
text.push(element[e.property.editorOptions.textField]);
|
|
10292
|
-
});
|
|
10293
|
-
}
|
|
10294
|
-
else if (e.property.editorOptions?.mode == 'multiple') {
|
|
10295
|
-
e.value.forEach(element => {
|
|
10296
|
-
value.push(element[e.property.editorOptions.valueField]);
|
|
10297
|
-
text.push(element[e.property.editorOptions.textField]);
|
|
10298
|
-
});
|
|
10299
|
-
}
|
|
10300
|
-
else {
|
|
10301
|
-
value = e.value[0][e.property.editorOptions.valueField];
|
|
10302
|
-
text = e.value[0][e.property.editorOptions.textField];
|
|
10303
|
-
}
|
|
10304
|
-
}
|
|
10305
|
-
else {
|
|
10306
|
-
value = e.value;
|
|
10307
|
-
text = e.value;
|
|
10308
|
-
}
|
|
10309
|
-
const findEl = this._filterItemsClone.find((el) => el.name == e.property.name);
|
|
10310
|
-
if (findEl) {
|
|
10311
|
-
findEl.value = value;
|
|
10312
|
-
findEl.textValue = text.toString();
|
|
10283
|
+
if (this._filterItemsClone.find((el) => el.name == e.property.name)) {
|
|
10284
|
+
this._filterItemsClone.find((el) => el.name == e.property.name).value = e.value;
|
|
10313
10285
|
}
|
|
10314
10286
|
else if (e.value != null) {
|
|
10315
10287
|
this._filterItemsClone.push({
|
|
10316
10288
|
name: e.property.name,
|
|
10317
10289
|
title: e.property.title,
|
|
10318
|
-
value,
|
|
10319
|
-
textValue: text.toString(),
|
|
10290
|
+
value: e.value,
|
|
10320
10291
|
filterOptions: {
|
|
10321
10292
|
filters: e.property?.filterOptions?.filters ? e.property.filterOptions.filters : [],
|
|
10322
10293
|
logic: e.property?.filterOptions?.logic ? e.property.filterOptions.logic : 'and',
|
|
@@ -10379,10 +10350,10 @@ class AXSearchBarComponent {
|
|
|
10379
10350
|
ngOnInit() { }
|
|
10380
10351
|
}
|
|
10381
10352
|
AXSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
10382
|
-
AXSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSearchBarComponent, selector: "ax-search-bar", inputs: { size: "size", disabled: "disabled", items: "items", rtl: "rtl" }, outputs: { onValueChange: "onValueChange", onSearchValue: "onSearchValue" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #dropdown\r\n maxHeight=\"unset\">\r\n <ng-container start>\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </ng-container>\r\n <ng-container header>\r\n <div class=\"ax chips-container\">\r\n <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n <span class=\"chips-text\">\r\n <b>{{item.title}} :</b> {{item.
|
|
10353
|
+
AXSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSearchBarComponent, selector: "ax-search-bar", inputs: { size: "size", disabled: "disabled", items: "items", rtl: "rtl" }, outputs: { onValueChange: "onValueChange", onSearchValue: "onSearchValue" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #dropdown\r\n maxHeight=\"unset\">\r\n <ng-container start>\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </ng-container>\r\n <ng-container header>\r\n <div class=\"ax chips-container\">\r\n <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n <span class=\"chips-text\">\r\n <b>{{item.title}} :</b> {{item.value}}\r\n </span>\r\n <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n <i class=\"far fa-times close\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container panel>\r\n <div class=\"panel-box\">\r\n <div *ngFor=\"let item of _items\" class=\"row\">\r\n <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n <!-- <ax-form-group> -->\r\n <div *ngIf=\"prop.property.visible != false\">\r\n <ax-label>{{prop.property.title}}</ax-label>\r\n <ng-container ax-property-editor-renderer [property]=\"prop\" [context]=\"_context\"\r\n (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n </div>\r\n <!-- </ax-form-group> -->\r\n </div>\r\n </div>\r\n <div class=\"footer-button\">\r\n <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container end>\r\n <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n [tabIndex]=\"-1\" (click)=\"handleButtonClick()\">{{'common.search' | trans}}</ax-button>\r\n </ng-container>\r\n\r\n</ax-drop-down>\r\n", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"], components: [{ type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading"], outputs: ["dropdownToggle", "onButtonClick"] }, { type: AXLabelComponent, selector: "ax-label", inputs: ["size"] }, { type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: AXPropertyEditorRendererDirective, selector: "[ax-property-editor-renderer]", inputs: ["property", "validationForm", "context", "host", "groupId"], outputs: ["onValueChange"] }], pipes: { "trans": i1$2.AXTranslatorPipe } });
|
|
10383
10354
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, decorators: [{
|
|
10384
10355
|
type: Component,
|
|
10385
|
-
args: [{ selector: 'ax-search-bar', template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #dropdown\r\n maxHeight=\"unset\">\r\n <ng-container start>\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </ng-container>\r\n <ng-container header>\r\n <div class=\"ax chips-container\">\r\n <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n <span class=\"chips-text\">\r\n <b>{{item.title}} :</b> {{item.
|
|
10356
|
+
args: [{ selector: 'ax-search-bar', template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #dropdown\r\n maxHeight=\"unset\">\r\n <ng-container start>\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </ng-container>\r\n <ng-container header>\r\n <div class=\"ax chips-container\">\r\n <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n <span class=\"chips-text\">\r\n <b>{{item.title}} :</b> {{item.value}}\r\n </span>\r\n <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n <i class=\"far fa-times close\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container panel>\r\n <div class=\"panel-box\">\r\n <div *ngFor=\"let item of _items\" class=\"row\">\r\n <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n <!-- <ax-form-group> -->\r\n <div *ngIf=\"prop.property.visible != false\">\r\n <ax-label>{{prop.property.title}}</ax-label>\r\n <ng-container ax-property-editor-renderer [property]=\"prop\" [context]=\"_context\"\r\n (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n </div>\r\n <!-- </ax-form-group> -->\r\n </div>\r\n </div>\r\n <div class=\"footer-button\">\r\n <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container end>\r\n <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n [tabIndex]=\"-1\" (click)=\"handleButtonClick()\">{{'common.search' | trans}}</ax-button>\r\n </ng-container>\r\n\r\n</ax-drop-down>\r\n", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"] }]
|
|
10386
10357
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { dropdown: [{
|
|
10387
10358
|
type: ViewChild,
|
|
10388
10359
|
args: ['dropdown', { static: true }]
|
|
@@ -10426,7 +10397,6 @@ class AXProperyEditorComponent {
|
|
|
10426
10397
|
return this._value;
|
|
10427
10398
|
}
|
|
10428
10399
|
set value(v) {
|
|
10429
|
-
console.log('value set');
|
|
10430
10400
|
if (v !== this._value) {
|
|
10431
10401
|
this._value = v;
|
|
10432
10402
|
this.valueChange.emit(v);
|
|
@@ -11805,7 +11775,7 @@ class AXSelectBoxPropertyEditorComponent extends AXProperyEditorComponent {
|
|
|
11805
11775
|
this.cdr = cdr;
|
|
11806
11776
|
this.valueField = 'id';
|
|
11807
11777
|
this.textField = 'text';
|
|
11808
|
-
this.
|
|
11778
|
+
this.selectionMode = 'single';
|
|
11809
11779
|
this.selectionDataMode = 'value';
|
|
11810
11780
|
this.allowSearch = true;
|
|
11811
11781
|
this.allowNull = false;
|
|
@@ -11846,25 +11816,18 @@ class AXSelectBoxPropertyEditorComponent extends AXProperyEditorComponent {
|
|
|
11846
11816
|
}
|
|
11847
11817
|
}
|
|
11848
11818
|
handleValueChange(e) {
|
|
11849
|
-
super.handleValueChange(e.
|
|
11819
|
+
super.handleValueChange(e.selectedValues);
|
|
11850
11820
|
}
|
|
11851
11821
|
ngAfterViewInit() {
|
|
11852
|
-
debugger;
|
|
11853
|
-
if (typeof this.value != 'object') {
|
|
11854
|
-
this.selectBox.selectedValues = this.value;
|
|
11855
|
-
}
|
|
11856
|
-
else {
|
|
11857
|
-
this.selectBox.selectedItems = this.value;
|
|
11858
|
-
}
|
|
11859
11822
|
this.registerForValidationForm(this.selectBox);
|
|
11860
11823
|
this.onRenderCompleted.emit();
|
|
11861
11824
|
}
|
|
11862
11825
|
}
|
|
11863
11826
|
AXSelectBoxPropertyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSelectBoxPropertyEditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
11864
|
-
AXSelectBoxPropertyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSelectBoxPropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "selectBox", first: true, predicate: AXSelectBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-select-box [mode]=\"
|
|
11827
|
+
AXSelectBoxPropertyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSelectBoxPropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "selectBox", first: true, predicate: AXSelectBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-select-box [mode]=\"selectionMode\"\r\n [textField]=\"textField\" \r\n [valueField]=\"valueField\" \r\n [selectedValues]=\"value\" \r\n [remoteOperation]=\"remoteOperation\"\r\n [allowSearch]=\"allowSearch\" \r\n [allowNull]=\"allowNull\"\r\n [readonly]=\"readonly\"\r\n [disabled]=\"disabled\"\r\n (selectionChanged)=\"handleValueChange($event)\">\r\n <ax-data-source [provideData]=\"provideData\">\r\n </ax-data-source>\r\n <ax-validation [rules]=\"validation?.rules\">\r\n </ax-validation>\r\n</ax-select-box>", components: [{ type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { type: AXDataSourceComponent, selector: "ax-data-source", inputs: ["provideData", "params"] }, { type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
|
|
11865
11828
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSelectBoxPropertyEditorComponent, decorators: [{
|
|
11866
11829
|
type: Component,
|
|
11867
|
-
args: [{ template: "<ax-select-box [mode]=\"
|
|
11830
|
+
args: [{ template: "<ax-select-box [mode]=\"selectionMode\"\r\n [textField]=\"textField\" \r\n [valueField]=\"valueField\" \r\n [selectedValues]=\"value\" \r\n [remoteOperation]=\"remoteOperation\"\r\n [allowSearch]=\"allowSearch\" \r\n [allowNull]=\"allowNull\"\r\n [readonly]=\"readonly\"\r\n [disabled]=\"disabled\"\r\n (selectionChanged)=\"handleValueChange($event)\">\r\n <ax-data-source [provideData]=\"provideData\">\r\n </ax-data-source>\r\n <ax-validation [rules]=\"validation?.rules\">\r\n </ax-validation>\r\n</ax-select-box>" }]
|
|
11868
11831
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selectBox: [{
|
|
11869
11832
|
type: ViewChild,
|
|
11870
11833
|
args: [AXSelectBoxComponent, { static: true }]
|
|
@@ -11918,7 +11881,7 @@ AXSelectionListPropertyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVe
|
|
|
11918
11881
|
[value]="value"
|
|
11919
11882
|
[items]="items"
|
|
11920
11883
|
[mode]="mode"
|
|
11921
|
-
(
|
|
11884
|
+
(selectedValuesChange)="handleValueChange($event)"
|
|
11922
11885
|
[textField]="textField"
|
|
11923
11886
|
[valueField]="valueField"
|
|
11924
11887
|
[direction]="direction"
|
|
@@ -11938,7 +11901,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
11938
11901
|
[value]="value"
|
|
11939
11902
|
[items]="items"
|
|
11940
11903
|
[mode]="mode"
|
|
11941
|
-
(
|
|
11904
|
+
(selectedValuesChange)="handleValueChange($event)"
|
|
11942
11905
|
[textField]="textField"
|
|
11943
11906
|
[valueField]="valueField"
|
|
11944
11907
|
[direction]="direction"
|