@mediusinc/mng-commons 1.0.0 → 1.1.0-rc.1
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/components/tableview/table/column-filter/column-filter.component.mjs +3 -3
- package/esm2020/lib/descriptors/field.descriptor.mjs +9 -1
- package/esm2020/lib/descriptors/filter.descriptor.mjs +8 -8
- package/esm2020/lib/descriptors/types/field.type.mjs +2 -1
- package/esm2020/lib/services/configuration.service.mjs +8 -1
- package/esm2020/lib/utils/editor-formly.util.mjs +13 -2
- package/fesm2015/mediusinc-mng-commons.mjs +37 -10
- package/fesm2015/mediusinc-mng-commons.mjs.map +1 -1
- package/fesm2020/mediusinc-mng-commons.mjs +37 -10
- package/fesm2020/mediusinc-mng-commons.mjs.map +1 -1
- package/lib/descriptors/field.descriptor.d.ts +3 -0
- package/lib/descriptors/filter.descriptor.d.ts +3 -2
- package/lib/descriptors/types/field.type.d.ts +2 -1
- package/lib/services/configuration.service.d.ts +5 -0
- package/package.json +1 -1
- package/version-info.json +5 -5
|
@@ -1082,6 +1082,7 @@ var FieldLookupTypeEnum;
|
|
|
1082
1082
|
FieldLookupTypeEnum[FieldLookupTypeEnum["Dropdown"] = 0] = "Dropdown";
|
|
1083
1083
|
FieldLookupTypeEnum[FieldLookupTypeEnum["Autocomplete"] = 1] = "Autocomplete";
|
|
1084
1084
|
FieldLookupTypeEnum[FieldLookupTypeEnum["Dialog"] = 2] = "Dialog";
|
|
1085
|
+
FieldLookupTypeEnum[FieldLookupTypeEnum["Custom"] = 3] = "Custom";
|
|
1085
1086
|
})(FieldLookupTypeEnum || (FieldLookupTypeEnum = {}));
|
|
1086
1087
|
var FieldManyToManyEditorTypeEnum;
|
|
1087
1088
|
(function (FieldManyToManyEditorTypeEnum) {
|
|
@@ -2410,7 +2411,10 @@ class FilterLookupDescriptor extends FilterDescriptor {
|
|
|
2410
2411
|
this._autocompleteInlineSearch = false;
|
|
2411
2412
|
this._modelType = modelType;
|
|
2412
2413
|
this._filterType = FilterTypeEnum.Lookup;
|
|
2413
|
-
ModelUtil.trySetLookupItemsProperties(this);
|
|
2414
|
+
ModelUtil.trySetLookupItemsProperties(this, false);
|
|
2415
|
+
if (this._itemsValueProperty) {
|
|
2416
|
+
this._filterProperty = `${property}.${this._itemsValueProperty}`;
|
|
2417
|
+
}
|
|
2414
2418
|
}
|
|
2415
2419
|
get lookupType() {
|
|
2416
2420
|
return this._lookupType;
|
|
@@ -2427,9 +2431,6 @@ class FilterLookupDescriptor extends FilterDescriptor {
|
|
|
2427
2431
|
get itemsValueProperty() {
|
|
2428
2432
|
return this._itemsValueProperty;
|
|
2429
2433
|
}
|
|
2430
|
-
get dataKeyProperty() {
|
|
2431
|
-
return this._dataKeyProperty;
|
|
2432
|
-
}
|
|
2433
2434
|
get multiselect() {
|
|
2434
2435
|
return this._multiselect;
|
|
2435
2436
|
}
|
|
@@ -2452,11 +2453,12 @@ class FilterLookupDescriptor extends FilterDescriptor {
|
|
|
2452
2453
|
}
|
|
2453
2454
|
withItemsValueProperty(itemsValueProperty) {
|
|
2454
2455
|
this._itemsValueProperty = itemsValueProperty;
|
|
2455
|
-
this._dataKeyProperty = itemsValueProperty;
|
|
2456
2456
|
return this;
|
|
2457
2457
|
}
|
|
2458
|
+
/**
|
|
2459
|
+
* @deprecated
|
|
2460
|
+
*/
|
|
2458
2461
|
withDataKeyProperty(dataKeyProperty) {
|
|
2459
|
-
this._dataKeyProperty = dataKeyProperty;
|
|
2460
2462
|
this._itemsValueProperty = dataKeyProperty;
|
|
2461
2463
|
return this;
|
|
2462
2464
|
}
|
|
@@ -2515,7 +2517,6 @@ class FilterLookupDescriptor extends FilterDescriptor {
|
|
|
2515
2517
|
filter._itemsLabelProperty = this._itemsLabelProperty;
|
|
2516
2518
|
filter._itemsLabelTranslate = this._itemsLabelTranslate;
|
|
2517
2519
|
filter._itemsValueProperty = this._itemsValueProperty;
|
|
2518
|
-
filter._dataKeyProperty = this._dataKeyProperty;
|
|
2519
2520
|
filter._multiselect = this._multiselect;
|
|
2520
2521
|
filter._dropdownClassName = this._dropdownClassName;
|
|
2521
2522
|
filter._autocompleteOpenOnFocus = this._autocompleteOpenOnFocus;
|
|
@@ -3393,6 +3394,13 @@ class MngConfigurationService {
|
|
|
3393
3394
|
getConfigValue(key) {
|
|
3394
3395
|
return this.configuration[key] ? this.configuration[key] : null;
|
|
3395
3396
|
}
|
|
3397
|
+
/**
|
|
3398
|
+
* Has configuration for key.
|
|
3399
|
+
* @param key Configuration key.
|
|
3400
|
+
*/
|
|
3401
|
+
hasConfigKey(key) {
|
|
3402
|
+
return Object.keys(this.configuration).some(k => k === key);
|
|
3403
|
+
}
|
|
3396
3404
|
/**
|
|
3397
3405
|
* Merges configuration from multiple sources with
|
|
3398
3406
|
*/
|
|
@@ -5499,6 +5507,9 @@ class FieldLookupDescriptor extends AFieldDescriptor {
|
|
|
5499
5507
|
get dialogTableDataProvider() {
|
|
5500
5508
|
return this._dialogTableDataProvider;
|
|
5501
5509
|
}
|
|
5510
|
+
get customComponentName() {
|
|
5511
|
+
return this._customComponentName;
|
|
5512
|
+
}
|
|
5502
5513
|
withItemsLabelProperty(itemsLabelProperty, translate = false) {
|
|
5503
5514
|
this._itemsLabelProperty = itemsLabelProperty;
|
|
5504
5515
|
this._itemsLabelTranslate = translate;
|
|
@@ -5548,6 +5559,11 @@ class FieldLookupDescriptor extends AFieldDescriptor {
|
|
|
5548
5559
|
this._dialogTableDataProvider = tableDataProvider;
|
|
5549
5560
|
return this;
|
|
5550
5561
|
}
|
|
5562
|
+
asCustomComponent(customComponentName) {
|
|
5563
|
+
this._lookupType = FieldLookupTypeEnum.Custom;
|
|
5564
|
+
this._customComponentName = customComponentName;
|
|
5565
|
+
return this;
|
|
5566
|
+
}
|
|
5551
5567
|
copy() {
|
|
5552
5568
|
const field = new FieldLookupDescriptor(this._editor, this._property, this._modelType);
|
|
5553
5569
|
this.copyFieldsTo(field);
|
|
@@ -6892,7 +6908,14 @@ class EditorFormlyUtil {
|
|
|
6892
6908
|
delete field.key;
|
|
6893
6909
|
}
|
|
6894
6910
|
else if (descriptor instanceof FieldLookupEnumDescriptor) {
|
|
6895
|
-
|
|
6911
|
+
switch (descriptor.lookupType) {
|
|
6912
|
+
case FieldLookupTypeEnum.Custom:
|
|
6913
|
+
field.type = descriptor.customComponentName;
|
|
6914
|
+
break;
|
|
6915
|
+
default:
|
|
6916
|
+
field.type = 'enum';
|
|
6917
|
+
break;
|
|
6918
|
+
}
|
|
6896
6919
|
}
|
|
6897
6920
|
else if (descriptor instanceof FieldLookupDescriptor) {
|
|
6898
6921
|
switch (descriptor.lookupType) {
|
|
@@ -6902,6 +6925,10 @@ class EditorFormlyUtil {
|
|
|
6902
6925
|
case FieldLookupTypeEnum.Dialog:
|
|
6903
6926
|
field.type = 'dialog';
|
|
6904
6927
|
break;
|
|
6928
|
+
case FieldLookupTypeEnum.Custom:
|
|
6929
|
+
console.log('custom', descriptor.customComponentName);
|
|
6930
|
+
field.type = descriptor.customComponentName;
|
|
6931
|
+
break;
|
|
6905
6932
|
case FieldLookupTypeEnum.Dropdown:
|
|
6906
6933
|
default:
|
|
6907
6934
|
field.type = 'dropdown';
|
|
@@ -10171,10 +10198,10 @@ class MngTableColumnFilterComponent {
|
|
|
10171
10198
|
}
|
|
10172
10199
|
}
|
|
10173
10200
|
MngTableColumnFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngTableColumnFilterComponent, deps: [{ token: i2$1.PrimeNGConfig }], target: i0.ɵɵFactoryTarget.Component });
|
|
10174
|
-
MngTableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngTableColumnFilterComponent, selector: "mng-table-column-filter", inputs: { descriptor: "descriptor", display: "display" }, viewQueries: [{ propertyName: "primeColumnFilter", first: true, predicate: ColumnFilter, descendants: true }], ngImport: i0, template: "<p-columnFilter\n class=\"ml-auto\"\n [type]=\"primeType\"\n [field]=\"descriptor.property\"\n [display]=\"primeDisplay\"\n [matchMode]=\"$any(primeDefaultMatchMode)\"\n [matchModeOptions]=\"$any(primeMatchModes)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showMatchModes]=\"true\"\n [showOperator]=\"false\"\n [showAddButton]=\"false\"\n [hideOnClear]=\"true\"\n [showMenu]=\"primeShowMatchMode\"\n [minFractionDigits]=\"$any(descriptor.numberMinFractionDigits)\"\n [maxFractionDigits]=\"$any(descriptor.numberMaxFractionDigits)\"\n [useGrouping]=\"descriptor.numberUseGrouping\">\n <ng-template *ngIf=\"primeType === 'date'\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container *ngIf=\"activeMatchMode === 'between'; else datePicker\">\n <mng-date-range\n [ngModel]=\"value\"\n (ngModelChange)=\"dateFilter($event, filterCallback)\"\n [showTime]=\"descriptor.datePickerShowTime\"\n [dateFormat]=\"descriptor.datePickerFormat\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"></mng-date-range>\n </ng-container>\n <ng-template #datePicker>\n <p-calendar\n appendTo=\"body\"\n [ngModel]=\"value\"\n (ngModelChange)=\"dateFilter($event, filterCallback)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showIcon]=\"true\"\n [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n [showTime]=\"descriptor.datePickerShowTime\"\n [firstDayOfWeek]=\"1\">\n </p-calendar>\n </ng-template>\n </ng-template>\n <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n <mng-autocomplete\n *ngSwitchCase=\"lookupTypeAutocomplete\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.
|
|
10201
|
+
MngTableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngTableColumnFilterComponent, selector: "mng-table-column-filter", inputs: { descriptor: "descriptor", display: "display" }, viewQueries: [{ propertyName: "primeColumnFilter", first: true, predicate: ColumnFilter, descendants: true }], ngImport: i0, template: "<p-columnFilter\n class=\"ml-auto\"\n [type]=\"primeType\"\n [field]=\"descriptor.property\"\n [display]=\"primeDisplay\"\n [matchMode]=\"$any(primeDefaultMatchMode)\"\n [matchModeOptions]=\"$any(primeMatchModes)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showMatchModes]=\"true\"\n [showOperator]=\"false\"\n [showAddButton]=\"false\"\n [hideOnClear]=\"true\"\n [showMenu]=\"primeShowMatchMode\"\n [minFractionDigits]=\"$any(descriptor.numberMinFractionDigits)\"\n [maxFractionDigits]=\"$any(descriptor.numberMaxFractionDigits)\"\n [useGrouping]=\"descriptor.numberUseGrouping\">\n <ng-template *ngIf=\"primeType === 'date'\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container *ngIf=\"activeMatchMode === 'between'; else datePicker\">\n <mng-date-range\n [ngModel]=\"value\"\n (ngModelChange)=\"dateFilter($event, filterCallback)\"\n [showTime]=\"descriptor.datePickerShowTime\"\n [dateFormat]=\"descriptor.datePickerFormat\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"></mng-date-range>\n </ng-container>\n <ng-template #datePicker>\n <p-calendar\n appendTo=\"body\"\n [ngModel]=\"value\"\n (ngModelChange)=\"dateFilter($event, filterCallback)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showIcon]=\"true\"\n [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n [showTime]=\"descriptor.datePickerShowTime\"\n [firstDayOfWeek]=\"1\">\n </p-calendar>\n </ng-template>\n </ng-template>\n <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n <mng-autocomplete\n *ngSwitchCase=\"lookupTypeAutocomplete\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.itemsValueProperty\"\n [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n [multiselect]=\"lookupDescriptor.multiselect\"\n [openOnFocus]=\"lookupDescriptor.autocompleteOpenOnFocus\"\n [inlineSearch]=\"lookupDescriptor.autocompleteInlineSearch\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n [className]=\"lookupDescriptor.className\"\n [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n </mng-autocomplete>\n <mng-dropdown\n *ngSwitchCase=\"lookupTypeDropdown\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n [multiselect]=\"lookupDescriptor.multiselect\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.selectToFilter' | translate\"\n [className]=\"lookupDescriptor.className\"\n [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n [showClear]=\"false\"\n [changeValueOnBlur]=\"lookupDescriptor.multiselect\"\n (valueChange)=\"dropdownFilter($event, filterCallback)\">\n </mng-dropdown>\n </ng-container>\n </ng-template>\n</p-columnFilter>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$1.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$4.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons"] }, { kind: "component", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsValueProperty", "itemsLabelProperty", "itemsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName", "showClear", "autoClear", "selectFirst"], outputs: ["valueChange"] }, { kind: "component", type: MngDropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "dataKeyProperty", "itemsLabelProperty", "itemsLabelTranslate", "itemsValueProperty", "itemsDisabledProperty", "multiselect", "placeholder", "showClear", "selectFirstItem", "className", "dropdownClassName", "changeValueOnBlur"], outputs: ["valueChange"] }, { kind: "component", type: MngDateRangeComponent, selector: "mng-date-range", inputs: ["placeholder", "showTime", "showSeconds", "dateFormat"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
|
|
10175
10202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngTableColumnFilterComponent, decorators: [{
|
|
10176
10203
|
type: Component,
|
|
10177
|
-
args: [{ selector: 'mng-table-column-filter', template: "<p-columnFilter\n class=\"ml-auto\"\n [type]=\"primeType\"\n [field]=\"descriptor.property\"\n [display]=\"primeDisplay\"\n [matchMode]=\"$any(primeDefaultMatchMode)\"\n [matchModeOptions]=\"$any(primeMatchModes)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showMatchModes]=\"true\"\n [showOperator]=\"false\"\n [showAddButton]=\"false\"\n [hideOnClear]=\"true\"\n [showMenu]=\"primeShowMatchMode\"\n [minFractionDigits]=\"$any(descriptor.numberMinFractionDigits)\"\n [maxFractionDigits]=\"$any(descriptor.numberMaxFractionDigits)\"\n [useGrouping]=\"descriptor.numberUseGrouping\">\n <ng-template *ngIf=\"primeType === 'date'\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container *ngIf=\"activeMatchMode === 'between'; else datePicker\">\n <mng-date-range\n [ngModel]=\"value\"\n (ngModelChange)=\"dateFilter($event, filterCallback)\"\n [showTime]=\"descriptor.datePickerShowTime\"\n [dateFormat]=\"descriptor.datePickerFormat\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"></mng-date-range>\n </ng-container>\n <ng-template #datePicker>\n <p-calendar\n appendTo=\"body\"\n [ngModel]=\"value\"\n (ngModelChange)=\"dateFilter($event, filterCallback)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showIcon]=\"true\"\n [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n [showTime]=\"descriptor.datePickerShowTime\"\n [firstDayOfWeek]=\"1\">\n </p-calendar>\n </ng-template>\n </ng-template>\n <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n <mng-autocomplete\n *ngSwitchCase=\"lookupTypeAutocomplete\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.
|
|
10204
|
+
args: [{ selector: 'mng-table-column-filter', template: "<p-columnFilter\n class=\"ml-auto\"\n [type]=\"primeType\"\n [field]=\"descriptor.property\"\n [display]=\"primeDisplay\"\n [matchMode]=\"$any(primeDefaultMatchMode)\"\n [matchModeOptions]=\"$any(primeMatchModes)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showMatchModes]=\"true\"\n [showOperator]=\"false\"\n [showAddButton]=\"false\"\n [hideOnClear]=\"true\"\n [showMenu]=\"primeShowMatchMode\"\n [minFractionDigits]=\"$any(descriptor.numberMinFractionDigits)\"\n [maxFractionDigits]=\"$any(descriptor.numberMaxFractionDigits)\"\n [useGrouping]=\"descriptor.numberUseGrouping\">\n <ng-template *ngIf=\"primeType === 'date'\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container *ngIf=\"activeMatchMode === 'between'; else datePicker\">\n <mng-date-range\n [ngModel]=\"value\"\n (ngModelChange)=\"dateFilter($event, filterCallback)\"\n [showTime]=\"descriptor.datePickerShowTime\"\n [dateFormat]=\"descriptor.datePickerFormat\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"></mng-date-range>\n </ng-container>\n <ng-template #datePicker>\n <p-calendar\n appendTo=\"body\"\n [ngModel]=\"value\"\n (ngModelChange)=\"dateFilter($event, filterCallback)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showIcon]=\"true\"\n [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n [showTime]=\"descriptor.datePickerShowTime\"\n [firstDayOfWeek]=\"1\">\n </p-calendar>\n </ng-template>\n </ng-template>\n <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n <mng-autocomplete\n *ngSwitchCase=\"lookupTypeAutocomplete\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.itemsValueProperty\"\n [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n [multiselect]=\"lookupDescriptor.multiselect\"\n [openOnFocus]=\"lookupDescriptor.autocompleteOpenOnFocus\"\n [inlineSearch]=\"lookupDescriptor.autocompleteInlineSearch\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n [className]=\"lookupDescriptor.className\"\n [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n </mng-autocomplete>\n <mng-dropdown\n *ngSwitchCase=\"lookupTypeDropdown\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n [multiselect]=\"lookupDescriptor.multiselect\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.selectToFilter' | translate\"\n [className]=\"lookupDescriptor.className\"\n [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n [showClear]=\"false\"\n [changeValueOnBlur]=\"lookupDescriptor.multiselect\"\n (valueChange)=\"dropdownFilter($event, filterCallback)\">\n </mng-dropdown>\n </ng-container>\n </ng-template>\n</p-columnFilter>\n" }]
|
|
10178
10205
|
}], ctorParameters: function () { return [{ type: i2$1.PrimeNGConfig }]; }, propDecorators: { descriptor: [{
|
|
10179
10206
|
type: Input
|
|
10180
10207
|
}], display: [{
|