@deenruv/admin-ui 1.0.0

package/core/shared/components/chip/chip.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * A chip component for displaying a label with an optional action icon.
+ *
+ * @example
+ * ```HTML
+ * <vdr-chip [colorFrom]="item.value"
+ *           icon="close"
+ *           (iconClick)="clear(item)">
+ * {{ item.value }}</vdr-chip>
+ * ```
+ * @docsCategory components
+ */
+export declare class ChipComponent {
+    /**
+     * @description
+     * The icon should be the name of one of the available Clarity icons: https://clarity.design/foundation/icons/shapes/
+     *
+     */
+    icon: string;
+    invert: boolean;
+    /**
+     * @description
+     * If set, the chip will have an auto-generated background
+     * color based on the string value passed in.
+     */
+    colorFrom: string;
+    /**
+     * @description
+     * The color of the chip can also be one of the standard status colors.
+     */
+    colorType: 'error' | 'success' | 'warning';
+    iconClick: EventEmitter<MouseEvent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "vdr-chip", never, { "icon": { "alias": "icon"; "required": false; }; "invert": { "alias": "invert"; "required": false; }; "colorFrom": { "alias": "colorFrom"; "required": false; }; "colorType": { "alias": "colorType"; "required": false; }; }, { "iconClick": "iconClick"; }, never, ["*"], false, never>;
+}

package/core/shared/components/configurable-input/configurable-input.component.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, UntypedFormGroup, ValidationErrors, Validator } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { ConfigArg, ConfigArgDefinition, ConfigurableOperation, ConfigurableOperationDefinition } from '../../../common/generated-types';
+import { CurrencyService } from '../../../providers/currency/currency.service';
+import * as i0 from "@angular/core";
+/**
+ * A form input which renders a card with the internal form fields of the given ConfigurableOperation.
+ */
+export declare class ConfigurableInputComponent implements OnInit, OnChanges, OnDestroy, ControlValueAccessor, Validator {
+    private currencyService;
+    operation?: ConfigurableOperation;
+    operationDefinition?: ConfigurableOperationDefinition;
+    readonly: boolean;
+    removable: boolean;
+    position: number;
+    hideDescription: boolean;
+    remove: EventEmitter<ConfigurableOperation>;
+    argValues: {
+        [name: string]: any;
+    };
+    onChange: (val: any) => void;
+    onTouch: () => void;
+    form: UntypedFormGroup;
+    positionChange$: Observable<number>;
+    private positionChangeSubject;
+    private subscription;
+    constructor(currencyService: CurrencyService);
+    interpolateDescription(): string;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    trackByName(index: number, arg: ConfigArg): string;
+    getArgDef(arg: ConfigArg): ConfigArgDefinition | undefined;
+    private createForm;
+    validate(c: AbstractControl): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurableInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfigurableInputComponent, "vdr-configurable-input", never, { "operation": { "alias": "operation"; "required": false; }; "operationDefinition": { "alias": "operationDefinition"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "position": { "alias": "position"; "required": false; }; "hideDescription": { "alias": "hideDescription"; "required": false; }; }, { "remove": "remove"; }, never, never, false, never>;
+}

package/core/shared/components/currency-code-selector/currency-code-selector.component.d.ts

@@ -0,0 +1,21 @@
+import { ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { CurrencyCode } from '../../../common/generated-types';
+import { DataService } from '../../../data/providers/data.service';
+import * as i0 from "@angular/core";
+export declare class CurrencyCodeSelectorComponent implements ControlValueAccessor, OnDestroy {
+    currencyCodes: CurrencyCode[];
+    private subscription;
+    private locale;
+    protected value: string | undefined;
+    onChangeFn: (value: any) => void;
+    onTouchFn: (value: any) => void;
+    searchCurrencyCodes: (term: string, item: CurrencyCode) => boolean | undefined;
+    constructor(dataService?: DataService, changeDetectorRef?: ChangeDetectorRef);
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyCodeSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CurrencyCodeSelectorComponent, "vdr-currency-code-selector", never, {}, {}, never, never, false, never>;
+}

package/core/shared/components/currency-input/currency-input.component.d.ts

@@ -0,0 +1,53 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { DataService } from '../../../data/providers/data.service';
+import { CurrencyService } from '../../../providers/currency/currency.service';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * A form input control which displays currency in decimal format, whilst working
+ * with the integer cent value in the background.
+ *
+ * @example
+ * ```HTML
+ * <vdr-currency-input
+ *     [(ngModel)]="entityPrice"
+ *     [currencyCode]="currencyCode"
+ * ></vdr-currency-input>
+ * ```
+ *
+ * @docsCategory components
+ */
+export declare class CurrencyInputComponent implements ControlValueAccessor, OnInit, OnChanges, OnDestroy {
+    private dataService;
+    private currencyService;
+    disabled: boolean;
+    readonly: boolean;
+    value: number;
+    currencyCode: string;
+    valueChange: EventEmitter<any>;
+    prefix$: Observable<string>;
+    suffix$: Observable<string>;
+    hasFractionPart: boolean;
+    onChange: (val: any) => void;
+    onTouch: () => void;
+    _inputValue: string;
+    private currencyCode$;
+    private subscription;
+    readonly precision: number;
+    readonly precisionFactor: number;
+    constructor(dataService: DataService, currencyService: CurrencyService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInput(value: string): void;
+    onFocus(): void;
+    writeValue(value: any): void;
+    private toNumericString;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CurrencyInputComponent, "vdr-currency-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "currencyCode": { "alias": "currencyCode"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}

package/core/shared/components/custom-detail-component-host/custom-detail-component-host.component.d.ts

@@ -0,0 +1,20 @@
+import { Injector, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { UntypedFormGroup } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { CustomDetailComponentLocationId } from '../../../common/component-registry-types';
+import { CustomDetailComponentService } from '../../../providers/custom-detail-component/custom-detail-component.service';
+import * as i0 from "@angular/core";
+export declare class CustomDetailComponentHostComponent implements OnInit, OnDestroy {
+    private viewContainerRef;
+    private customDetailComponentService;
+    private injector;
+    locationId: CustomDetailComponentLocationId;
+    entity$: Observable<any>;
+    detailForm: UntypedFormGroup;
+    private componentRefs;
+    constructor(viewContainerRef: ViewContainerRef, customDetailComponentService: CustomDetailComponentService, injector: Injector);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomDetailComponentHostComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomDetailComponentHostComponent, "vdr-custom-detail-component-host", never, { "locationId": { "alias": "locationId"; "required": false; }; "entity$": { "alias": "entity$"; "required": false; }; "detailForm": { "alias": "detailForm"; "required": false; }; }, {}, never, never, false, never>;
+}

package/core/shared/components/custom-field-control/custom-field-control.component.d.ts

@@ -0,0 +1,31 @@
+import { OnInit } from '@angular/core';
+import { UntypedFormGroup } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { InputComponentConfig } from '../../../common/component-registry-types';
+import { CustomFieldConfig, CustomFieldsFragment, LanguageCode } from '../../../common/generated-types';
+import { DataService } from '../../../data/providers/data.service';
+import { CustomFieldComponentService, CustomFieldEntityName } from '../../../providers/custom-field-component/custom-field-component.service';
+import * as i0 from "@angular/core";
+/**
+ * This component renders the appropriate type of form input control based
+ * on the "type" property of the provided CustomFieldConfig.
+ */
+export declare class CustomFieldControlComponent implements OnInit {
+    private dataService;
+    private customFieldComponentService;
+    entityName: CustomFieldEntityName;
+    formGroup: UntypedFormGroup;
+    customField: CustomFieldsFragment;
+    compact: boolean;
+    showLabel: boolean;
+    readonly: boolean;
+    hasCustomControl: boolean;
+    uiLanguage$: Observable<LanguageCode>;
+    constructor(dataService: DataService, customFieldComponentService: CustomFieldComponentService);
+    ngOnInit(): void;
+    getFieldDefinition(): CustomFieldConfig & {
+        ui?: InputComponentConfig;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomFieldControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomFieldControlComponent, "vdr-custom-field-control", never, { "entityName": { "alias": "entityName"; "required": false; }; "formGroup": { "alias": "customFieldsFormGroup"; "required": false; }; "customField": { "alias": "customField"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, false, never>;
+}

package/core/shared/components/customer-label/customer-label.component.d.ts

@@ -0,0 +1,7 @@
+import { CustomerFragment } from '../../../common/generated-types';
+import * as i0 from "@angular/core";
+export declare class CustomerLabelComponent {
+    customer: CustomerFragment;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomerLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomerLabelComponent, "vdr-customer-label", never, { "customer": { "alias": "customer"; "required": false; }; }, {}, never, never, false, never>;
+}

package/core/shared/components/data-table/data-table-column.component.d.ts

@@ -0,0 +1,11 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DataTableColumnComponent {
+    /**
+     * When set to true, this column will expand to use avaiable width
+     */
+    expand: boolean;
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableColumnComponent, "vdr-dt-column", never, { "expand": { "alias": "expand"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/core/shared/components/data-table/data-table.component.d.ts

@@ -0,0 +1,107 @@
+import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { SelectionManager } from '../../../common/utilities/selection-manager';
+import { DataTableColumnComponent } from './data-table-column.component';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * A table for displaying PaginatedList results. It is designed to be used inside components which
+ * extend the {@link BaseListComponent} class.
+ *
+ * **Deprecated** This component is deprecated. Use the {@link DataTable2Component} instead.
+ *
+ * @example
+ * ```HTML
+ * <vdr-data-table
+ *   [items]="items$ | async"
+ *   [itemsPerPage]="itemsPerPage$ | async"
+ *   [totalItems]="totalItems$ | async"
+ *   [currentPage]="currentPage$ | async"
+ *   (pageChange)="setPageNumber($event)"
+ *   (itemsPerPageChange)="setItemsPerPage($event)"
+ * >
+ *   <!-- The header columns are defined first -->
+ *   <vdr-dt-column>{{ 'common.name' | translate }}</vdr-dt-column>
+ *   <vdr-dt-column></vdr-dt-column>
+ *   <vdr-dt-column></vdr-dt-column>
+ *
+ *   <!-- Then we define how a row is rendered -->
+ *   <ng-template let-taxRate="item">
+ *     <td class="left align-middle">{{ taxRate.name }}</td>
+ *     <td class="left align-middle">{{ taxRate.category.name }}</td>
+ *     <td class="left align-middle">{{ taxRate.zone.name }}</td>
+ *     <td class="left align-middle">{{ taxRate.value }}%</td>
+ *     <td class="right align-middle">
+ *       <vdr-table-row-action
+ *         iconShape="edit"
+ *         [label]="'common.edit' | translate"
+ *         [linkTo]="['./', taxRate.id]"
+ *       ></vdr-table-row-action>
+ *     </td>
+ *     <td class="right align-middle">
+ *       <vdr-dropdown>
+ *         <button type="button" class="btn btn-link btn-sm" vdrDropdownTrigger>
+ *           {{ 'common.actions' | translate }}
+ *           <clr-icon shape="caret down"></clr-icon>
+ *         </button>
+ *         <vdr-dropdown-menu vdrPosition="bottom-right">
+ *           <button
+ *               type="button"
+ *               class="delete-button"
+ *               (click)="deleteTaxRate(taxRate)"
+ *               [disabled]="!(['DeleteSettings', 'DeleteTaxRate'] | hasPermission)"
+ *               vdrDropdownItem
+ *           >
+ *               <clr-icon shape="trash" class="is-danger"></clr-icon>
+ *               {{ 'common.delete' | translate }}
+ *           </button>
+ *         </vdr-dropdown-menu>
+ *       </vdr-dropdown>
+ *     </td>
+ *   </ng-template>
+ * </vdr-data-table>
+ * ```
+ *
+ * @docsCategory components
+ * @deprecated Use the DataTable2 component instead.
+ */
+export declare class DataTableComponent<T> implements AfterContentInit, OnChanges, OnInit, OnDestroy {
+    private changeDetectorRef;
+    items: T[];
+    itemsPerPage: number;
+    currentPage: number;
+    totalItems: number;
+    emptyStateLabel: string;
+    selectionManager?: SelectionManager<T>;
+    pageChange: EventEmitter<number>;
+    itemsPerPageChange: EventEmitter<number>;
+    /** @deprecated pass a SelectionManager instance instead */
+    allSelected: boolean;
+    /** @deprecated pass a SelectionManager instance instead */
+    isRowSelectedFn: ((item: T) => boolean) | undefined;
+    /** @deprecated pass a SelectionManager instance instead */
+    allSelectChange: EventEmitter<void>;
+    /** @deprecated pass a SelectionManager instance instead */
+    rowSelectChange: EventEmitter<{
+        event: MouseEvent;
+        item: T;
+    }>;
+    columns: QueryList<DataTableColumnComponent>;
+    templateRefs: QueryList<TemplateRef<any>>;
+    rowTemplate: TemplateRef<any>;
+    currentStart: number;
+    currentEnd: number;
+    disableSelect: boolean;
+    private subscription;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    private shiftDownHandler;
+    private shiftUpHandler;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    trackByFn(index: number, item: any): any;
+    onToggleAllClick(): void;
+    onRowClick(item: T, event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent<any>, "vdr-data-table", never, { "items": { "alias": "items"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "emptyStateLabel": { "alias": "emptyStateLabel"; "required": false; }; "selectionManager": { "alias": "selectionManager"; "required": false; }; "allSelected": { "alias": "allSelected"; "required": false; }; "isRowSelectedFn": { "alias": "isRowSelectedFn"; "required": false; }; }, { "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; "allSelectChange": "allSelectChange"; "rowSelectChange": "rowSelectChange"; }, ["columns", "templateRefs"], ["vdr-bulk-action-menu"], false, never>;
+}

package/core/shared/components/data-table-2/data-table-column.component.d.ts

@@ -0,0 +1,25 @@
+import { OnInit, TemplateRef } from '@angular/core';
+import { DataTableSort } from '../../../providers/data-table/data-table-sort';
+import * as i0 from "@angular/core";
+export declare class DataTable2ColumnComponent<T> implements OnInit {
+    #private;
+    id: string;
+    /**
+     * When set to true, this column will expand to use available width
+     */
+    expand: boolean;
+    heading: string;
+    align: 'left' | 'right' | 'center';
+    sort?: DataTableSort<any>;
+    optional: boolean;
+    hiddenByDefault: boolean;
+    orderable: boolean;
+    get visible(): boolean;
+    template: TemplateRef<any>;
+    ngOnInit(): void;
+    setVisibility(isVisible: boolean): void;
+    resetVisibility(): void;
+    onColumnChange(callback: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTable2ColumnComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTable2ColumnComponent<any>, "vdr-dt2-column", ["row"], { "id": { "alias": "id"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "align": { "alias": "align"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "hiddenByDefault": { "alias": "hiddenByDefault"; "required": false; }; "orderable": { "alias": "orderable"; "required": false; }; }, {}, ["template"], never, false, never>;
+}

package/core/shared/components/data-table-2/data-table-custom-component.service.d.ts

@@ -0,0 +1,52 @@
+import { Provider, Type } from '@angular/core';
+import { PageLocationId } from '../../../common/component-registry-types';
+import * as i0 from "@angular/core";
+export type DataTableLocationId = {
+    [location in PageLocationId]: location extends `${string}-list` ? location : never;
+}[PageLocationId] | 'collection-contents' | 'edit-options-list' | 'manage-product-variant-list' | 'customer-order-list' | 'product-detail-variants-list' | string;
+export type DataTableColumnId = 'id' | 'created-at' | 'updated-at' | 'name' | 'code' | 'description' | 'slug' | 'enabled' | 'sku' | 'price' | 'price-with-tax' | 'status' | 'state' | 'image' | 'quantity' | 'total' | 'stock-on-hand' | string;
+/**
+ * @description
+ * Components which are to be used to render custom cells in a data table should implement this interface.
+ *
+ * The `rowItem` property is the data object for the row, e.g. the `Product` object if used
+ * in the `product-list` table.
+ *
+ * @docsCategory custom-table-components
+ */
+export interface CustomColumnComponent {
+    rowItem: any;
+}
+/**
+ * @description
+ * Configures a {@link CustomDetailComponent} to be placed in the given location.
+ *
+ * @docsCategory custom-table-components
+ */
+export interface DataTableComponentConfig {
+    /**
+     * @description
+     * The location in the UI where the custom component should be placed.
+     */
+    tableId: DataTableLocationId;
+    /**
+     * @description
+     * The column in the table where the custom component should be placed.
+     */
+    columnId: DataTableColumnId;
+    /**
+     * @description
+     * The component to render in the table cell. This component should implement the
+     * {@link CustomColumnComponent} interface.
+     */
+    component: Type<CustomColumnComponent>;
+    providers?: Provider[];
+}
+export declare class DataTableCustomComponentService {
+    private configMap;
+    registerCustomComponent(config: DataTableComponentConfig): void;
+    getCustomComponentsFor(tableId: DataTableLocationId, columnId: DataTableColumnId): DataTableComponentConfig | undefined;
+    private compoundId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableCustomComponentService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DataTableCustomComponentService>;
+}

package/core/shared/components/data-table-2/data-table-custom-field-column.component.d.ts

@@ -0,0 +1,18 @@
+import { OnInit, TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { CustomFieldConfig, LanguageCode } from '../../../common/generated-types';
+import { DataService } from '../../../data/providers/data.service';
+import { DataTableSortCollection } from '../../../providers/data-table/data-table-sort-collection';
+import { DataTable2ColumnComponent } from './data-table-column.component';
+import * as i0 from "@angular/core";
+export declare class DataTableCustomFieldColumnComponent<T> extends DataTable2ColumnComponent<T> implements OnInit {
+    protected dataService: DataService;
+    customField: CustomFieldConfig;
+    sorts?: DataTableSortCollection<any, any[]>;
+    template: TemplateRef<any>;
+    protected uiLanguage$: Observable<LanguageCode>;
+    constructor(dataService: DataService);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableCustomFieldColumnComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableCustomFieldColumnComponent<any>, "vdr-dt2-custom-field-column", ["row"], { "customField": { "alias": "customField"; "required": false; }; "sorts": { "alias": "sorts"; "required": false; }; }, {}, never, never, false, never>;
+}

package/core/shared/components/data-table-2/data-table-search.component.d.ts

@@ -0,0 +1,10 @@
+import { TemplateRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class DataTable2SearchComponent {
+    searchTermControl: FormControl<string>;
+    searchTermPlaceholder: string | undefined;
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTable2SearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTable2SearchComponent, "vdr-dt2-search", never, { "searchTermControl": { "alias": "searchTermControl"; "required": false; }; "searchTermPlaceholder": { "alias": "searchTermPlaceholder"; "required": false; }; }, {}, never, never, false, never>;
+}

package/core/shared/components/data-table-2/data-table2.component.d.ts

@@ -0,0 +1,134 @@
+import { AfterContentInit, ChangeDetectorRef, EventEmitter, Injector, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Observable, Subject } from 'rxjs';
+import { LanguageCode } from '../../../common/generated-types';
+import { DataService } from '../../../data/providers/data.service';
+import { DataTableFilterCollection } from '../../../providers/data-table/data-table-filter-collection';
+import { DataTableConfig, LocalStorageService } from '../../../providers/local-storage/local-storage.service';
+import { BulkActionMenuComponent } from '../bulk-action-menu/bulk-action-menu.component';
+import { FilterPresetService } from '../data-table-filter-presets/filter-preset.service';
+import { DataTable2ColumnComponent } from './data-table-column.component';
+import { DataTableComponentConfig, DataTableCustomComponentService, DataTableLocationId } from './data-table-custom-component.service';
+import { DataTableCustomFieldColumnComponent } from './data-table-custom-field-column.component';
+import { DataTable2SearchComponent } from './data-table-search.component';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * A table for displaying PaginatedList results. It is designed to be used inside components which
+ * extend the {@link BaseListComponent} or {@link TypedBaseListComponent} class.
+ *
+ * @example
+ * ```html
+ * <vdr-data-table-2
+ *     id="product-review-list"
+ *     [items]="items$ | async"
+ *     [itemsPerPage]="itemsPerPage$ | async"
+ *     [totalItems]="totalItems$ | async"
+ *     [currentPage]="currentPage$ | async"
+ *     [filters]="filters"
+ *     (pageChange)="setPageNumber($event)"
+ *     (itemsPerPageChange)="setItemsPerPage($event)"
+ * >
+ *     <vdr-bulk-action-menu
+ *         locationId="product-review-list"
+ *         [hostComponent]="this"
+ *         [selectionManager]="selectionManager"
+ *     />
+ *     <vdr-dt2-search
+ *         [searchTermControl]="searchTermControl"
+ *         searchTermPlaceholder="Filter by title"
+ *     />
+ *     <vdr-dt2-column [heading]="'common.id' | translate" [hiddenByDefault]="true">
+ *         <ng-template let-review="item">
+ *             {{ review.id }}
+ *         </ng-template>
+ *     </vdr-dt2-column>
+ *     <vdr-dt2-column
+ *         [heading]="'common.created-at' | translate"
+ *         [hiddenByDefault]="true"
+ *         [sort]="sorts.get('createdAt')"
+ *     >
+ *         <ng-template let-review="item">
+ *             {{ review.createdAt | localeDate : 'short' }}
+ *         </ng-template>
+ *     </vdr-dt2-column>
+ *     <vdr-dt2-column
+ *         [heading]="'common.updated-at' | translate"
+ *         [hiddenByDefault]="true"
+ *         [sort]="sorts.get('updatedAt')"
+ *     >
+ *         <ng-template let-review="item">
+ *             {{ review.updatedAt | localeDate : 'short' }}
+ *         </ng-template>
+ *     </vdr-dt2-column>
+ *     <vdr-dt2-column [heading]="'common.name' | translate" [optional]="false" [sort]="sorts.get('name')">
+ *         <ng-template let-review="item">
+ *             <a class="button-ghost" [routerLink]="['./', review.id]"
+ *                 ><span>{{ review.name }}</span>
+ *                 <clr-icon shape="arrow right"></clr-icon>
+ *             </a>
+ *         </ng-template>
+ *     </vdr-dt2-column>
+ * </vdr-data-table-2>
+ * ```
+ *
+ * @docsCategory components
+ */
+export declare class DataTable2Component<T> implements AfterContentInit, OnChanges, OnDestroy {
+    protected changeDetectorRef: ChangeDetectorRef;
+    protected localStorageService: LocalStorageService;
+    protected dataService: DataService;
+    id: DataTableLocationId;
+    items: T[];
+    itemsPerPage: number;
+    currentPage: number;
+    totalItems: number;
+    emptyStateLabel: string;
+    filters: DataTableFilterCollection;
+    activeIndex: number;
+    pageChange: EventEmitter<number>;
+    itemsPerPageChange: EventEmitter<number>;
+    columns: QueryList<DataTable2ColumnComponent<T>>;
+    customFieldColumns: QueryList<DataTableCustomFieldColumnComponent<T>>;
+    searchComponent: DataTable2SearchComponent;
+    bulkActionMenuComponent: BulkActionMenuComponent;
+    customSearchTemplate: TemplateRef<any>;
+    templateRefs: QueryList<TemplateRef<any>>;
+    injector: Injector;
+    route: ActivatedRoute;
+    filterPresetService: FilterPresetService;
+    dataTableCustomComponentService: DataTableCustomComponentService;
+    protected customComponents: Map<string, {
+        config: DataTableComponentConfig;
+        injector: Injector;
+    }>;
+    rowTemplate: TemplateRef<any>;
+    currentStart: number;
+    currentEnd: number;
+    disableSelect: boolean;
+    showSearchFilterRow: boolean;
+    protected uiLanguage$: Observable<LanguageCode>;
+    protected destroy$: Subject<void>;
+    constructor(changeDetectorRef: ChangeDetectorRef, localStorageService: LocalStorageService, dataService: DataService);
+    get selectionManager(): import("@deenruv/admin-ui/core").SelectionManager<any>;
+    get allColumns(): DataTable2ColumnComponent<T>[];
+    get visibleSortedColumns(): DataTable2ColumnComponent<T>[];
+    get sortedColumns(): DataTable2ColumnComponent<T>[];
+    private shiftDownHandler;
+    private shiftUpHandler;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    onColumnReorder(event: {
+        column: DataTable2ColumnComponent<any>;
+        newIndex: number;
+    }): void;
+    onColumnsReset(): void;
+    toggleSearchFilterRow(): void;
+    trackByFn(index: number, item: any): any;
+    onToggleAllClick(): void;
+    onRowClick(item: T, event: MouseEvent): void;
+    protected getDataTableConfig(): DataTableConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTable2Component<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTable2Component<any>, "vdr-data-table-2", never, { "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "emptyStateLabel": { "alias": "emptyStateLabel"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; }, { "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; }, ["searchComponent", "bulkActionMenuComponent", "customSearchTemplate", "columns", "customFieldColumns", "templateRefs"], ["vdr-bulk-action-menu"], false, never>;
+}

package/core/shared/components/data-table-column-picker/data-table-column-picker.component.d.ts

@@ -0,0 +1,19 @@
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { EventEmitter } from '@angular/core';
+import { LanguageCode } from '../../../common/generated-types';
+import { DataTable2ColumnComponent } from '../data-table-2/data-table-column.component';
+import * as i0 from "@angular/core";
+export declare class DataTableColumnPickerComponent {
+    columns: Array<DataTable2ColumnComponent<any>>;
+    uiLanguage: LanguageCode;
+    reorder: EventEmitter<{
+        column: DataTable2ColumnComponent<any>;
+        newIndex: number;
+    }>;
+    resetColumns: EventEmitter<void>;
+    toggleColumn(column: DataTable2ColumnComponent<any>): void;
+    drop(event: CdkDragDrop<Array<DataTable2ColumnComponent<any>>>): void;
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableColumnPickerComponent, "vdr-data-table-colum-picker", never, { "columns": { "alias": "columns"; "required": false; }; "uiLanguage": { "alias": "uiLanguage"; "required": false; }; }, { "reorder": "reorder"; "resetColumns": "resetColumns"; }, never, never, false, never>;
+}

package/core/shared/components/data-table-filter-label/data-table-filter-label.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { FilterWithValue } from '../../../providers/data-table/data-table-filter-collection';
+import * as i0 from "@angular/core";
+export declare class DataTableFilterLabelComponent implements OnInit {
+    filterWithValue: FilterWithValue;
+    protected customFilterLabel$?: Observable<string>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableFilterLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableFilterLabelComponent, "vdr-data-table-filter-label", never, { "filterWithValue": { "alias": "filterWithValue"; "required": false; }; }, {}, never, never, false, never>;
+}