@mediusinc/mng-commons 1.0.0 → 1.1.0
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
|
@@ -1095,6 +1095,7 @@ var FieldLookupTypeEnum;
|
|
|
1095
1095
|
FieldLookupTypeEnum[FieldLookupTypeEnum["Dropdown"] = 0] = "Dropdown";
|
|
1096
1096
|
FieldLookupTypeEnum[FieldLookupTypeEnum["Autocomplete"] = 1] = "Autocomplete";
|
|
1097
1097
|
FieldLookupTypeEnum[FieldLookupTypeEnum["Dialog"] = 2] = "Dialog";
|
|
1098
|
+
FieldLookupTypeEnum[FieldLookupTypeEnum["Custom"] = 3] = "Custom";
|
|
1098
1099
|
})(FieldLookupTypeEnum || (FieldLookupTypeEnum = {}));
|
|
1099
1100
|
var FieldManyToManyEditorTypeEnum;
|
|
1100
1101
|
(function (FieldManyToManyEditorTypeEnum) {
|
|
@@ -2426,7 +2427,10 @@ class FilterLookupDescriptor extends FilterDescriptor {
|
|
|
2426
2427
|
this._autocompleteInlineSearch = false;
|
|
2427
2428
|
this._modelType = modelType;
|
|
2428
2429
|
this._filterType = FilterTypeEnum.Lookup;
|
|
2429
|
-
ModelUtil.trySetLookupItemsProperties(this);
|
|
2430
|
+
ModelUtil.trySetLookupItemsProperties(this, false);
|
|
2431
|
+
if (this._itemsValueProperty) {
|
|
2432
|
+
this._filterProperty = `${property}.${this._itemsValueProperty}`;
|
|
2433
|
+
}
|
|
2430
2434
|
}
|
|
2431
2435
|
get lookupType() {
|
|
2432
2436
|
return this._lookupType;
|
|
@@ -2443,9 +2447,6 @@ class FilterLookupDescriptor extends FilterDescriptor {
|
|
|
2443
2447
|
get itemsValueProperty() {
|
|
2444
2448
|
return this._itemsValueProperty;
|
|
2445
2449
|
}
|
|
2446
|
-
get dataKeyProperty() {
|
|
2447
|
-
return this._dataKeyProperty;
|
|
2448
|
-
}
|
|
2449
2450
|
get multiselect() {
|
|
2450
2451
|
return this._multiselect;
|
|
2451
2452
|
}
|
|
@@ -2468,11 +2469,12 @@ class FilterLookupDescriptor extends FilterDescriptor {
|
|
|
2468
2469
|
}
|
|
2469
2470
|
withItemsValueProperty(itemsValueProperty) {
|
|
2470
2471
|
this._itemsValueProperty = itemsValueProperty;
|
|
2471
|
-
this._dataKeyProperty = itemsValueProperty;
|
|
2472
2472
|
return this;
|
|
2473
2473
|
}
|
|
2474
|
+
/**
|
|
2475
|
+
* @deprecated
|
|
2476
|
+
*/
|
|
2474
2477
|
withDataKeyProperty(dataKeyProperty) {
|
|
2475
|
-
this._dataKeyProperty = dataKeyProperty;
|
|
2476
2478
|
this._itemsValueProperty = dataKeyProperty;
|
|
2477
2479
|
return this;
|
|
2478
2480
|
}
|
|
@@ -2531,7 +2533,6 @@ class FilterLookupDescriptor extends FilterDescriptor {
|
|
|
2531
2533
|
filter._itemsLabelProperty = this._itemsLabelProperty;
|
|
2532
2534
|
filter._itemsLabelTranslate = this._itemsLabelTranslate;
|
|
2533
2535
|
filter._itemsValueProperty = this._itemsValueProperty;
|
|
2534
|
-
filter._dataKeyProperty = this._dataKeyProperty;
|
|
2535
2536
|
filter._multiselect = this._multiselect;
|
|
2536
2537
|
filter._dropdownClassName = this._dropdownClassName;
|
|
2537
2538
|
filter._autocompleteOpenOnFocus = this._autocompleteOpenOnFocus;
|
|
@@ -3420,6 +3421,13 @@ class MngConfigurationService {
|
|
|
3420
3421
|
getConfigValue(key) {
|
|
3421
3422
|
return this.configuration[key] ? this.configuration[key] : null;
|
|
3422
3423
|
}
|
|
3424
|
+
/**
|
|
3425
|
+
* Has configuration for key.
|
|
3426
|
+
* @param key Configuration key.
|
|
3427
|
+
*/
|
|
3428
|
+
hasConfigKey(key) {
|
|
3429
|
+
return Object.keys(this.configuration).some(k => k === key);
|
|
3430
|
+
}
|
|
3423
3431
|
/**
|
|
3424
3432
|
* Merges configuration from multiple sources with
|
|
3425
3433
|
*/
|
|
@@ -5545,6 +5553,9 @@ class FieldLookupDescriptor extends AFieldDescriptor {
|
|
|
5545
5553
|
get dialogTableDataProvider() {
|
|
5546
5554
|
return this._dialogTableDataProvider;
|
|
5547
5555
|
}
|
|
5556
|
+
get customComponentName() {
|
|
5557
|
+
return this._customComponentName;
|
|
5558
|
+
}
|
|
5548
5559
|
withItemsLabelProperty(itemsLabelProperty, translate = false) {
|
|
5549
5560
|
this._itemsLabelProperty = itemsLabelProperty;
|
|
5550
5561
|
this._itemsLabelTranslate = translate;
|
|
@@ -5594,6 +5605,11 @@ class FieldLookupDescriptor extends AFieldDescriptor {
|
|
|
5594
5605
|
this._dialogTableDataProvider = tableDataProvider;
|
|
5595
5606
|
return this;
|
|
5596
5607
|
}
|
|
5608
|
+
asCustomComponent(customComponentName) {
|
|
5609
|
+
this._lookupType = FieldLookupTypeEnum.Custom;
|
|
5610
|
+
this._customComponentName = customComponentName;
|
|
5611
|
+
return this;
|
|
5612
|
+
}
|
|
5597
5613
|
copy() {
|
|
5598
5614
|
const field = new FieldLookupDescriptor(this._editor, this._property, this._modelType);
|
|
5599
5615
|
this.copyFieldsTo(field);
|
|
@@ -6944,7 +6960,14 @@ class EditorFormlyUtil {
|
|
|
6944
6960
|
delete field.key;
|
|
6945
6961
|
}
|
|
6946
6962
|
else if (descriptor instanceof FieldLookupEnumDescriptor) {
|
|
6947
|
-
|
|
6963
|
+
switch (descriptor.lookupType) {
|
|
6964
|
+
case FieldLookupTypeEnum.Custom:
|
|
6965
|
+
field.type = descriptor.customComponentName;
|
|
6966
|
+
break;
|
|
6967
|
+
default:
|
|
6968
|
+
field.type = 'enum';
|
|
6969
|
+
break;
|
|
6970
|
+
}
|
|
6948
6971
|
}
|
|
6949
6972
|
else if (descriptor instanceof FieldLookupDescriptor) {
|
|
6950
6973
|
switch (descriptor.lookupType) {
|
|
@@ -6954,6 +6977,10 @@ class EditorFormlyUtil {
|
|
|
6954
6977
|
case FieldLookupTypeEnum.Dialog:
|
|
6955
6978
|
field.type = 'dialog';
|
|
6956
6979
|
break;
|
|
6980
|
+
case FieldLookupTypeEnum.Custom:
|
|
6981
|
+
console.log('custom', descriptor.customComponentName);
|
|
6982
|
+
field.type = descriptor.customComponentName;
|
|
6983
|
+
break;
|
|
6957
6984
|
case FieldLookupTypeEnum.Dropdown:
|
|
6958
6985
|
default:
|
|
6959
6986
|
field.type = 'dropdown';
|
|
@@ -10286,10 +10313,10 @@ class MngTableColumnFilterComponent {
|
|
|
10286
10313
|
}
|
|
10287
10314
|
}
|
|
10288
10315
|
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 });
|
|
10289
|
-
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.
|
|
10316
|
+
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" }] });
|
|
10290
10317
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngTableColumnFilterComponent, decorators: [{
|
|
10291
10318
|
type: Component,
|
|
10292
|
-
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.
|
|
10319
|
+
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" }]
|
|
10293
10320
|
}], ctorParameters: function () { return [{ type: i2$1.PrimeNGConfig }]; }, propDecorators: { descriptor: [{
|
|
10294
10321
|
type: Input
|
|
10295
10322
|
}], display: [{
|