@verisoft/ui-primeng 21.0.12 → 21.0.13
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.
|
@@ -3,7 +3,7 @@ import { inject, Input, Optional, Self, Component, forwardRef, ChangeDetectionSt
|
|
|
3
3
|
import * as i1 from '@angular/forms';
|
|
4
4
|
import { ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
5
5
|
import * as i1$6 from '@verisoft/ui-core';
|
|
6
|
-
import { BaseFormInputComponent, WarningPipe, BaseInputControls, INPUT_GROUP_COMPONENT_TOKEN, ControlSeverity, SlotPosition, FieldSize, FieldType, TEXTFIELD_COMPONENT_TOKEN, BreadcrumbCoreComponent, BREADCRUMB_COMPONENT_TOKEN, CHECKBOX_COMPONENT_TOKEN, CALENDAR_COMPONENT_TOKEN, PASSWORD_COMPONENT_TOKEN, IconPosition, BUTTON_COMPONENT_TOKEN, SECTION_COMPONENT_TOKEN, DROPDOWN_BUTTON_COMPONENT_TOKEN, RADIOBUTTON_COMPONENT_TOKEN, NUMBER_INPUT_COMPONENT_TOKEN, SETTINGS_MENU, UnsubscribeComponent, HEADER_COMPONENT_TOKEN, TEXTAREA_COMPONENT_TOKEN, LOADER_COMPONENT_TOKEN, SNACKBAR_COMPONENT_TOKEN, SideMenuService, ScreenSizeService, MENU_TOKEN, SideMenuProviderService, SIDE_MENU_COMPONENT_TOKEN, SIDE_MENU_STATE_TOKEN, ColumnModel, RowModel, TABLE_COLUMN_PROVIDER, TABLE_COMPONENT_TOKEN, ACTION_BUTTON_GROUP_COMPONENT_TOKEN, queryListChanged, DROPDOWN_COMPONENT_TOKEN, MULTISELECT_COMPONENT_TOKEN, GenericFieldType, DatasourceDirective, GENERIC_FIELD_COMPONENT_TOKEN, PageHeaderCoreComponent, PAGE_HEADER_COMPONENT_TOKEN, LayoutType, STEPPER_COMPONENT_TOKEN, SLIDER_COMPONENT_TOKEN, CONFIRM_DIALOG_COMPONENT_TOKEN, SWITCH_COMPONENT_TOKEN, TAB_VIEW_COMPONENT_TOKEN, DEFAULT_DEBOUNCE_TIME, DialogService, isFilterEmpty, ButtonShortCutDirective, FILTER_COMPONENT_TOKEN, MAX_COLUMN_CHAR_COUNT, TableSelectionMode, downloadFile, TableDatasourceDirective, TableFilterDirective, FeatureListFilterPipe, FEATURE_LIST_COLUMN_PROVIDER, FeatureListFilterFieldDirective, FEATURE_LIST_PAGE_CONFIG_PROPERTY, TAG_COMPONENT_TOKEN, IconsComponent } from '@verisoft/ui-core';
|
|
6
|
+
import { BaseFormInputComponent, WarningPipe, BaseInputControls, INPUT_GROUP_COMPONENT_TOKEN, ControlSeverity, SlotPosition, FieldSize, FieldType, TEXTFIELD_COMPONENT_TOKEN, BreadcrumbCoreComponent, BREADCRUMB_COMPONENT_TOKEN, CHECKBOX_COMPONENT_TOKEN, CALENDAR_COMPONENT_TOKEN, PASSWORD_COMPONENT_TOKEN, IconPosition, BUTTON_COMPONENT_TOKEN, SECTION_COMPONENT_TOKEN, DROPDOWN_BUTTON_COMPONENT_TOKEN, RADIOBUTTON_COMPONENT_TOKEN, NUMBER_INPUT_COMPONENT_TOKEN, SETTINGS_MENU, UnsubscribeComponent, HEADER_COMPONENT_TOKEN, TEXTAREA_COMPONENT_TOKEN, LOADER_COMPONENT_TOKEN, SNACKBAR_COMPONENT_TOKEN, SideMenuService, ScreenSizeService, MENU_TOKEN, SideMenuProviderService, SIDE_MENU_COMPONENT_TOKEN, SIDE_MENU_STATE_TOKEN, ColumnModel, RowModel, TABLE_COLUMN_PROVIDER, TABLE_COMPONENT_TOKEN, ACTION_BUTTON_GROUP_COMPONENT_TOKEN, queryListChanged, DROPDOWN_COMPONENT_TOKEN, MULTISELECT_COMPONENT_TOKEN, GenericFieldType, DatasourceDirective, GENERIC_FIELD_COMPONENT_TOKEN, PageHeaderCoreComponent, PAGE_HEADER_COMPONENT_TOKEN, LayoutType, STEPPER_COMPONENT_TOKEN, SLIDER_COMPONENT_TOKEN, CONFIRM_DIALOG_COMPONENT_TOKEN, SWITCH_COMPONENT_TOKEN, TAB_VIEW_COMPONENT_TOKEN, DEFAULT_DEBOUNCE_TIME, DialogService, isFilterEmpty, ButtonShortCutDirective, FILTER_COMPONENT_TOKEN, MAX_COLUMN_CHAR_COUNT, TableSelectionMode, downloadFile, TableDatasourceDirective, TableFilterDirective, FeatureListFilterPipe, FEATURE_LIST_COLUMN_PROVIDER, FeatureListFilterFieldDirective, FEATURE_LIST_COMPONENT_TOKEN, FEATURE_LIST_PAGE_CONFIG_PROPERTY, TAG_COMPONENT_TOKEN, IconsComponent } from '@verisoft/ui-core';
|
|
7
7
|
import * as i3$1 from 'primeng/inputgroup';
|
|
8
8
|
import { InputGroupModule } from 'primeng/inputgroup';
|
|
9
9
|
import * as i2$1 from 'primeng/inputgroupaddon';
|
|
@@ -705,11 +705,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
705
705
|
class NumberInputComponent extends BaseFormInputComponent {
|
|
706
706
|
constructor(ngControl) {
|
|
707
707
|
super(ngControl);
|
|
708
|
-
this.
|
|
708
|
+
this.decimals = 0;
|
|
709
709
|
this.errorMessage = 'test';
|
|
710
710
|
}
|
|
711
|
+
computeStep() {
|
|
712
|
+
if (this.step !== undefined) {
|
|
713
|
+
return this.step;
|
|
714
|
+
}
|
|
715
|
+
return this.decimals > 0 ? Math.pow(10, -this.decimals) : 1;
|
|
716
|
+
}
|
|
711
717
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
712
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: NumberInputComponent, isStandalone: true, selector: "v-number-input", inputs: {
|
|
718
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: NumberInputComponent, isStandalone: true, selector: "v-number-input", inputs: { decimals: "decimals", currency: "currency", min: "min", max: "max", step: "step", errorMessage: "errorMessage" }, providers: [
|
|
713
719
|
{
|
|
714
720
|
provide: BaseInputControls,
|
|
715
721
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
@@ -718,7 +724,7 @@ class NumberInputComponent extends BaseFormInputComponent {
|
|
|
718
724
|
provide: NUMBER_INPUT_COMPONENT_TOKEN,
|
|
719
725
|
useExisting: NumberInputComponent,
|
|
720
726
|
},
|
|
721
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-number-input\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-inputNumber\n class=\"w-100\"\n [formControl]=\"formControl\"\n [showButtons]=\"true\"\n [inputId]=\"inputId\"\n [mode]=\"
|
|
727
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-number-input\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-inputNumber\n class=\"w-100\"\n [formControl]=\"formControl\"\n [showButtons]=\"true\"\n [inputId]=\"inputId\"\n [mode]=\"decimals > 0 ? 'decimal' : (currency ? 'currency' : undefined)\"\n [min]=\"min\"\n [max]=\"max\"\n [minFractionDigits]=\"decimals\"\n [step]=\"computeStep()\"\n [currency]=\"currency\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2$5.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
722
728
|
}
|
|
723
729
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NumberInputComponent, decorators: [{
|
|
724
730
|
type: Component,
|
|
@@ -736,12 +742,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
736
742
|
provide: NUMBER_INPUT_COMPONENT_TOKEN,
|
|
737
743
|
useExisting: NumberInputComponent,
|
|
738
744
|
},
|
|
739
|
-
], template: "<div class=\"v-number-input\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-inputNumber\n class=\"w-100\"\n [formControl]=\"formControl\"\n [showButtons]=\"true\"\n [inputId]=\"inputId\"\n [mode]=\"
|
|
745
|
+
], template: "<div class=\"v-number-input\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-inputNumber\n class=\"w-100\"\n [formControl]=\"formControl\"\n [showButtons]=\"true\"\n [inputId]=\"inputId\"\n [mode]=\"decimals > 0 ? 'decimal' : (currency ? 'currency' : undefined)\"\n [min]=\"min\"\n [max]=\"max\"\n [minFractionDigits]=\"decimals\"\n [step]=\"computeStep()\"\n [currency]=\"currency\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n" }]
|
|
740
746
|
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
741
747
|
type: Optional
|
|
742
748
|
}, {
|
|
743
749
|
type: Self
|
|
744
|
-
}] }], propDecorators: {
|
|
750
|
+
}] }], propDecorators: { decimals: [{
|
|
745
751
|
type: Input
|
|
746
752
|
}], currency: [{
|
|
747
753
|
type: Input
|
|
@@ -2460,6 +2466,7 @@ class FilterComponent extends UnsubscribeComponent {
|
|
|
2460
2466
|
this.filters = [];
|
|
2461
2467
|
this.fulltextFieldName = 'searchField';
|
|
2462
2468
|
this.showFulltext = true;
|
|
2469
|
+
this.filterDetailShowFulltext = true;
|
|
2463
2470
|
this.showFilters = true;
|
|
2464
2471
|
this.autoBind = true;
|
|
2465
2472
|
this.debounceTime = DEFAULT_DEBOUNCE_TIME;
|
|
@@ -2490,7 +2497,8 @@ class FilterComponent extends UnsubscribeComponent {
|
|
|
2490
2497
|
const fieldDeclaratios$ = this.fieldDeclarations.changes.pipe(startWith({}), map(() => this.fieldDeclarations.toArray()));
|
|
2491
2498
|
this.fieldDefinitios$ = this.inputFields$.pipe(combineLatestWith(fieldDeclaratios$), map(([inputs, views]) => {
|
|
2492
2499
|
this.searchField.name = this.fulltextFieldName;
|
|
2493
|
-
|
|
2500
|
+
const fields = [...(inputs ?? []), ...views];
|
|
2501
|
+
this.lastFormFields = this.filterDetailShowFulltext ? [this.searchField, ...fields] : fields;
|
|
2494
2502
|
return this.lastFormFields;
|
|
2495
2503
|
}));
|
|
2496
2504
|
this.simpleFormFieldDefinitions$ = this.fieldDefinitios$.pipe(map((fields) => {
|
|
@@ -2562,7 +2570,7 @@ class FilterComponent extends UnsubscribeComponent {
|
|
|
2562
2570
|
return value;
|
|
2563
2571
|
}
|
|
2564
2572
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2565
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FilterComponent, isStandalone: true, selector: "v-filter", inputs: { filterDetailTitle: "filterDetailTitle", applyButtonLabel: "applyButtonLabel", clearButtonLabel: "clearButtonLabel", fields: "fields", filters: "filters", title: "title", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", showFilters: "showFilters", autoBind: "autoBind", debounceTime: "debounceTime" }, providers: [
|
|
2573
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FilterComponent, isStandalone: true, selector: "v-filter", inputs: { filterDetailTitle: "filterDetailTitle", applyButtonLabel: "applyButtonLabel", clearButtonLabel: "clearButtonLabel", fields: "fields", filters: "filters", title: "title", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", filterDetailShowFulltext: "filterDetailShowFulltext", showFilters: "showFilters", autoBind: "autoBind", debounceTime: "debounceTime" }, providers: [
|
|
2566
2574
|
{
|
|
2567
2575
|
provide: NG_VALUE_ACCESSOR,
|
|
2568
2576
|
useExisting: forwardRef(() => FilterComponent),
|
|
@@ -2613,6 +2621,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
2613
2621
|
type: Input
|
|
2614
2622
|
}], showFulltext: [{
|
|
2615
2623
|
type: Input
|
|
2624
|
+
}], filterDetailShowFulltext: [{
|
|
2625
|
+
type: Input
|
|
2616
2626
|
}], showFilters: [{
|
|
2617
2627
|
type: Input
|
|
2618
2628
|
}], autoBind: [{
|
|
@@ -2636,6 +2646,7 @@ class FeatureListComponent {
|
|
|
2636
2646
|
this.useRouterFilter = true;
|
|
2637
2647
|
this.fulltextFieldName = 'searchField';
|
|
2638
2648
|
this.showFulltext = true;
|
|
2649
|
+
this.filterDialogShowFulltext = true;
|
|
2639
2650
|
this.autoDeleteEnabled = true;
|
|
2640
2651
|
this.autoDownloadEnabled = true;
|
|
2641
2652
|
this.downloadFileName = 'export.csv';
|
|
@@ -2644,6 +2655,8 @@ class FeatureListComponent {
|
|
|
2644
2655
|
this.filterDetailTitle = 'Set filters';
|
|
2645
2656
|
this.applyButtonLabel = 'Apply';
|
|
2646
2657
|
this.clearButtonLabel = 'Clear all';
|
|
2658
|
+
this.pageSize = DEFAULT_SEARCH_LIMIT;
|
|
2659
|
+
this.showPaginator = true;
|
|
2647
2660
|
this.addClick = new EventEmitter();
|
|
2648
2661
|
this.downloadClick = new EventEmitter();
|
|
2649
2662
|
this.deleteClick = new EventEmitter();
|
|
@@ -2799,7 +2812,12 @@ class FeatureListComponent {
|
|
|
2799
2812
|
return new Blob([csvData], { type: 'text/csv' });
|
|
2800
2813
|
}
|
|
2801
2814
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2802
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FeatureListComponent, isStandalone: true, selector: "v-feature-list", inputs: { autoBind: "autoBind", title: "title", columns: "columns", filters: "filters", maxVisibleActions: "maxVisibleActions", tableName: "tableName", ngrxFeatureKey: "ngrxFeatureKey", maxVisibleMobileActions: "maxVisibleMobileActions", showExtendedFilter: "showExtendedFilter", showDownload: "showDownload", showDelete: "showDelete", showAdd: "showAdd", canDownload: "canDownload", canDelete: "canDelete", canAdd: "canAdd", useRouterFilter: "useRouterFilter", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", deleteConfirmMessage: "deleteConfirmMessage", autoDeleteEnabled: "autoDeleteEnabled", autoDownloadEnabled: "autoDownloadEnabled", downloadFileName: "downloadFileName", datasource: "datasource", extraFilter: "extraFilter", disableCustomClicks: "disableCustomClicks", maximumColumnLength: "maximumColumnLength", filterDetailTitle: "filterDetailTitle", applyButtonLabel: "applyButtonLabel", clearButtonLabel: "clearButtonLabel",
|
|
2815
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FeatureListComponent, isStandalone: true, selector: "v-feature-list", inputs: { autoBind: "autoBind", title: "title", columns: "columns", filters: "filters", maxVisibleActions: "maxVisibleActions", tableName: "tableName", ngrxFeatureKey: "ngrxFeatureKey", maxVisibleMobileActions: "maxVisibleMobileActions", showExtendedFilter: "showExtendedFilter", showDownload: "showDownload", showDelete: "showDelete", showAdd: "showAdd", canDownload: "canDownload", canDelete: "canDelete", canAdd: "canAdd", useRouterFilter: "useRouterFilter", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", filterDialogShowFulltext: "filterDialogShowFulltext", deleteConfirmMessage: "deleteConfirmMessage", autoDeleteEnabled: "autoDeleteEnabled", autoDownloadEnabled: "autoDownloadEnabled", downloadFileName: "downloadFileName", datasource: "datasource", extraFilter: "extraFilter", disableCustomClicks: "disableCustomClicks", maximumColumnLength: "maximumColumnLength", filterDetailTitle: "filterDetailTitle", applyButtonLabel: "applyButtonLabel", clearButtonLabel: "clearButtonLabel", pageSize: "pageSize", showPaginator: "showPaginator", selectionMode: "selectionMode" }, outputs: { addClick: "addClick", downloadClick: "downloadClick", deleteClick: "deleteClick", selectionChange: "selectionChange" }, providers: [
|
|
2816
|
+
{
|
|
2817
|
+
provide: FEATURE_LIST_COMPONENT_TOKEN,
|
|
2818
|
+
useExisting: FeatureListComponent,
|
|
2819
|
+
},
|
|
2820
|
+
], queries: [{ propertyName: "viewColumns", predicate: FEATURE_LIST_COLUMN_PROVIDER }, { propertyName: "fieldDeclarations", predicate: FeatureListFilterFieldDirective }], viewQueries: [{ propertyName: "tableDatasourceDirective", first: true, predicate: TableDatasourceDirective, descendants: true }], ngImport: i0, template: "<div class=\"feature-list__container full-height-container\">\n <v-filter\n #filter\n [title]=\"title\"\n [fields]=\"columns | featureListColumn\"\n [filters]=\"filters\"\n [fulltextFieldName]=\"fulltextFieldName\"\n [showFulltext]=\"showFulltext\"\n [filterDetailShowFulltext]=\"filterDialogShowFulltext\"\n [showFilters]=\"showExtendedFilter\"\n [applyButtonLabel]=\"applyButtonLabel\"\n [clearButtonLabel]=\"clearButtonLabel\"\n [filterDetailTitle]=\"filterDetailTitle\"\n >\n <v-action-button-group\n [maxItems]=\"maxVisibleActions\"\n [maxItemsMobile]=\"maxVisibleMobileActions\"\n >\n @if (showAdd) {\n <v-action-button\n [icon]=\"icons.add\"\n label=\"Add\"\n [disabled]=\"!canAdd\"\n (click)=\"addClick.emit()\"\n ></v-action-button>\n } @if (showDelete){\n <v-action-button\n [icon]=\"icons.delete\"\n label=\"Delete\"\n [disabled]=\"!canDelete || !selection.length\"\n (click)=\"startDeleteItems()\"\n ></v-action-button>\n } @if (showDownload){\n <v-action-button\n [icon]=\"icons.download\"\n label=\"Download\"\n [disabled]=\"!canDownload\"\n (click)=\"startDownload()\"\n ></v-action-button>\n }\n </v-action-button-group>\n </v-filter>\n <div class=\"feature-list__table-container full-height-container\">\n <div class=\"full-height-container\">\n <v-table\n useDatasource\n useFilter\n [filterComponent]=\"filter\"\n class=\"full-height-container\"\n [selectionMode]=\"selectionMode\"\n [tableName]=\"tableName\"\n [autoBind]=\"true\"\n [datasource]=\"datasource\"\n [columns]=\"columns\"\n [extraFilter]=\"extraFilter\"\n [maximumColumnLength]=\"maximumColumnLength\"\n [disableCustomClicks]=\"disableCustomClicks\"\n [pageSize]=\"pageSize\"\n [showPaginator]=\"showPaginator\"\n (selectionChange)=\"selectItems($event)\"\n >\n </v-table>\n </div>\n </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "v-table", inputs: ["data", "total", "filter", "loading", "scrollable", "pageSize", "currentPage", "showPaginator", "sortMultiple", "lazy", "selectionMode", "showPageSizePicker", "entityKey", "maximumColumnLength", "disableCustomClicks", "columns", "selection"], outputs: ["pageSizeChange", "selectionChange", "pageChange", "sortChange", "lazyLoad"] }, { kind: "directive", type: TableDatasourceDirective, selector: "v-table[useDatasource]", inputs: ["autoBind", "tableName", "debounceTime", "datasource", "extraFilter", "transformFn"], exportAs: ["useDatasource"] }, { kind: "component", type: FilterComponent, selector: "v-filter", inputs: ["filterDetailTitle", "applyButtonLabel", "clearButtonLabel", "fields", "filters", "title", "fulltextFieldName", "showFulltext", "filterDetailShowFulltext", "showFilters", "autoBind", "debounceTime"] }, { kind: "directive", type: TableFilterDirective, selector: "v-table[useFilter]", inputs: ["filterComponent"], exportAs: ["tableFilterDirective"] }, { kind: "component", type: ActionButtonGroupComponent, selector: "v-action-button-group", inputs: ["maxItems", "maxItemsMobile", "items", "menuIconPos", "menuIcon", "label", "showLabels", "icon"] }, { kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "pipe", type: FeatureListFilterPipe, name: "featureListColumn" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2803
2821
|
}
|
|
2804
2822
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListComponent, decorators: [{
|
|
2805
2823
|
type: Component,
|
|
@@ -2811,7 +2829,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
2811
2829
|
ActionButtonGroupComponent,
|
|
2812
2830
|
ActionButtonComponent,
|
|
2813
2831
|
FeatureListFilterPipe,
|
|
2814
|
-
],
|
|
2832
|
+
], providers: [
|
|
2833
|
+
{
|
|
2834
|
+
provide: FEATURE_LIST_COMPONENT_TOKEN,
|
|
2835
|
+
useExisting: FeatureListComponent,
|
|
2836
|
+
},
|
|
2837
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"feature-list__container full-height-container\">\n <v-filter\n #filter\n [title]=\"title\"\n [fields]=\"columns | featureListColumn\"\n [filters]=\"filters\"\n [fulltextFieldName]=\"fulltextFieldName\"\n [showFulltext]=\"showFulltext\"\n [filterDetailShowFulltext]=\"filterDialogShowFulltext\"\n [showFilters]=\"showExtendedFilter\"\n [applyButtonLabel]=\"applyButtonLabel\"\n [clearButtonLabel]=\"clearButtonLabel\"\n [filterDetailTitle]=\"filterDetailTitle\"\n >\n <v-action-button-group\n [maxItems]=\"maxVisibleActions\"\n [maxItemsMobile]=\"maxVisibleMobileActions\"\n >\n @if (showAdd) {\n <v-action-button\n [icon]=\"icons.add\"\n label=\"Add\"\n [disabled]=\"!canAdd\"\n (click)=\"addClick.emit()\"\n ></v-action-button>\n } @if (showDelete){\n <v-action-button\n [icon]=\"icons.delete\"\n label=\"Delete\"\n [disabled]=\"!canDelete || !selection.length\"\n (click)=\"startDeleteItems()\"\n ></v-action-button>\n } @if (showDownload){\n <v-action-button\n [icon]=\"icons.download\"\n label=\"Download\"\n [disabled]=\"!canDownload\"\n (click)=\"startDownload()\"\n ></v-action-button>\n }\n </v-action-button-group>\n </v-filter>\n <div class=\"feature-list__table-container full-height-container\">\n <div class=\"full-height-container\">\n <v-table\n useDatasource\n useFilter\n [filterComponent]=\"filter\"\n class=\"full-height-container\"\n [selectionMode]=\"selectionMode\"\n [tableName]=\"tableName\"\n [autoBind]=\"true\"\n [datasource]=\"datasource\"\n [columns]=\"columns\"\n [extraFilter]=\"extraFilter\"\n [maximumColumnLength]=\"maximumColumnLength\"\n [disableCustomClicks]=\"disableCustomClicks\"\n [pageSize]=\"pageSize\"\n [showPaginator]=\"showPaginator\"\n (selectionChange)=\"selectItems($event)\"\n >\n </v-table>\n </div>\n </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"] }]
|
|
2815
2838
|
}], propDecorators: { viewColumns: [{
|
|
2816
2839
|
type: ContentChildren,
|
|
2817
2840
|
args: [FEATURE_LIST_COLUMN_PROVIDER]
|
|
@@ -2858,6 +2881,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
2858
2881
|
type: Input
|
|
2859
2882
|
}], showFulltext: [{
|
|
2860
2883
|
type: Input
|
|
2884
|
+
}], filterDialogShowFulltext: [{
|
|
2885
|
+
type: Input
|
|
2861
2886
|
}], deleteConfirmMessage: [{
|
|
2862
2887
|
type: Input
|
|
2863
2888
|
}], autoDeleteEnabled: [{
|
|
@@ -2880,6 +2905,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
2880
2905
|
type: Input
|
|
2881
2906
|
}], clearButtonLabel: [{
|
|
2882
2907
|
type: Input
|
|
2908
|
+
}], pageSize: [{
|
|
2909
|
+
type: Input
|
|
2910
|
+
}], showPaginator: [{
|
|
2911
|
+
type: Input
|
|
2883
2912
|
}], addClick: [{
|
|
2884
2913
|
type: Output
|
|
2885
2914
|
}], downloadClick: [{
|
|
@@ -2908,7 +2937,7 @@ class FeatureListPageComponent {
|
|
|
2908
2937
|
[showDelete]="config.showDelete ?? true"
|
|
2909
2938
|
>
|
|
2910
2939
|
</v-feature-list>
|
|
2911
|
-
`, isInline: true, dependencies: [{ kind: "component", type: FeatureListComponent, selector: "v-feature-list", inputs: ["autoBind", "title", "columns", "filters", "maxVisibleActions", "tableName", "ngrxFeatureKey", "maxVisibleMobileActions", "showExtendedFilter", "showDownload", "showDelete", "showAdd", "canDownload", "canDelete", "canAdd", "useRouterFilter", "fulltextFieldName", "showFulltext", "deleteConfirmMessage", "autoDeleteEnabled", "autoDownloadEnabled", "downloadFileName", "datasource", "extraFilter", "disableCustomClicks", "maximumColumnLength", "filterDetailTitle", "applyButtonLabel", "clearButtonLabel", "selectionMode"], outputs: ["addClick", "downloadClick", "deleteClick", "selectionChange"] }] }); }
|
|
2940
|
+
`, isInline: true, dependencies: [{ kind: "component", type: FeatureListComponent, selector: "v-feature-list", inputs: ["autoBind", "title", "columns", "filters", "maxVisibleActions", "tableName", "ngrxFeatureKey", "maxVisibleMobileActions", "showExtendedFilter", "showDownload", "showDelete", "showAdd", "canDownload", "canDelete", "canAdd", "useRouterFilter", "fulltextFieldName", "showFulltext", "filterDialogShowFulltext", "deleteConfirmMessage", "autoDeleteEnabled", "autoDownloadEnabled", "downloadFileName", "datasource", "extraFilter", "disableCustomClicks", "maximumColumnLength", "filterDetailTitle", "applyButtonLabel", "clearButtonLabel", "pageSize", "showPaginator", "selectionMode"], outputs: ["addClick", "downloadClick", "deleteClick", "selectionChange"] }] }); }
|
|
2912
2941
|
}
|
|
2913
2942
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FeatureListPageComponent, decorators: [{
|
|
2914
2943
|
type: Component,
|