@tilde-nlp/ngx-common 3.0.2 → 4.0.1

package/lib/filter-bar/filter-bar.component.d.ts

@@ -0,0 +1,54 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { FilterBarFilterItem } from './models';
+import { FilterBarChangeEvent } from './models/filter-bar-change-event.model';
+import { FilterBarSettings } from './models/filter-bar-settings.model';
+import { TranslateService } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+export declare class FilterBarComponent implements OnInit, AfterViewInit, OnDestroy {
+    private cdref;
+    private translate;
+    filterWrapper: ElementRef;
+    onResize(): void;
+    settings: FilterBarSettings;
+    set filterRowVisible(value: boolean);
+    filterBarChange: EventEmitter<FilterBarChangeEvent>;
+    private _inputText;
+    private _filterRowVisible;
+    private formChangesSubscription;
+    /** To hide filters, but leave chips visible */
+    readonly inputFormControlName = "input";
+    readonly filterFormGroup: FormGroup<{}>;
+    readonly form: FormGroup<{
+        input: FormControl<string | null>;
+        filters: FormGroup<{}>;
+    }>;
+    searchTitle: string;
+    searchTooltip: string;
+    suffixIcon: string;
+    prefixIcon: string;
+    showSuffixIcon: boolean;
+    filters: FilterBarChangeEvent;
+    filterOverflow: boolean;
+    activeFilterIndex: number;
+    searchIndex: number;
+    get filterFormGroupValue(): {
+        [key: string]: FilterBarFilterItem[];
+    };
+    get filterRowVisible(): boolean;
+    get inputText(): string;
+    get showSearch(): boolean;
+    set inputText(value: string);
+    constructor(cdref: ChangeDetectorRef, translate: TranslateService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    emitFilters(): void;
+    switchRight(): void;
+    switchLeft(): void;
+    removeFilter(key: string, ix: number): void;
+    private checkOverflow;
+    private subscribeToFormValueChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterBarComponent, "tld-filter-bar", never, { "settings": { "alias": "settings"; "required": false; }; "filterRowVisible": { "alias": "filterRowVisible"; "required": false; }; }, { "filterBarChange": "filterBarChange"; }, never, never, false, never>;
+}

package/lib/filter-bar/filter-bar.module.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./filter-bar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/flex-layout";
+import * as i7 from "@angular/material/select";
+import * as i8 from "@angular/forms";
+import * as i9 from "@angular/material/tooltip";
+import * as i10 from "@angular/material/button";
+import * as i11 from "@angular/material/chips";
+import * as i12 from "@angular/material/icon";
+import * as i13 from "../pipes/sort-translations-by-property/sort-translations-by-property.module";
+export declare class FilterBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FilterBarModule, [typeof i1.FilterBarComponent], [typeof i2.CommonModule, typeof i3.TranslateModule, typeof i4.MatInputModule, typeof i5.MatFormFieldModule, typeof i6.FlexLayoutModule, typeof i7.MatSelectModule, typeof i8.FormsModule, typeof i9.MatTooltipModule, typeof i10.MatButtonModule, typeof i11.MatChipsModule, typeof i12.MatIconModule, typeof i8.ReactiveFormsModule, typeof i13.SortTranslationsByPropertyModule], [typeof i1.FilterBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FilterBarModule>;
+}

package/lib/filter-bar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './filter-bar.component';
+export * from './filter-bar.module';
+export * from './models';

package/lib/filter-bar/models/filter-bar-change-event.model.d.ts

@@ -0,0 +1,6 @@
+export interface FilterBarChangeEvent {
+    input: string;
+    filters: {
+        [fieldName: string]: any[];
+    };
+}

package/lib/filter-bar/models/filter-bar-filter-item.model.d.ts

@@ -0,0 +1,4 @@
+export interface FilterBarFilterItem {
+    key: string;
+    value: any;
+}

package/lib/filter-bar/models/filter-bar-filter.model.d.ts

@@ -0,0 +1,6 @@
+import { FilterBarFilterItem } from "./filter-bar-filter-item.model";
+export interface FilterBarFilter {
+    fieldName: string;
+    title: string;
+    values: FilterBarFilterItem[];
+}

package/lib/filter-bar/models/filter-bar-settings.model.d.ts

@@ -0,0 +1,19 @@
+import { FilterBarFilter } from "./filter-bar-filter.model";
+export interface FilterBarSettings {
+    /** Show/hide search input. Enabled by default. */
+    hideSearch?: boolean;
+    /**
+     * Title for search input field. Default value: FILTER_BAR.SEARCH
+     */
+    searchTitle?: string;
+    /**
+     * Search tooltip, shown after input field for icon
+     */
+    searchTooltip?: string;
+    /** Prefix icon from material icons. */
+    prefixIcon?: string;
+    /** Suffix icon from material icons. */
+    suffixIcon?: string;
+    showSuffixIcon?: boolean;
+    filters?: FilterBarFilter[];
+}

package/lib/filter-bar/models/index.d.ts

@@ -0,0 +1,3 @@
+export * from './filter-bar-filter.model';
+export * from './filter-bar-settings.model';
+export * from './filter-bar-filter-item.model';

package/lib/footer/footer.component.d.ts

@@ -11,5 +11,5 @@ export declare class FooterComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "tld-footer", never, { "privacyRoute": "privacyRoute"; "termsOfUseRoute": "termsOfUseRoute"; "contactUsRoute": "contactUsRoute"; "baseUrl": "baseUrl"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "tld-footer", never, { "privacyRoute": { "alias": "privacyRoute"; "required": false; }; "termsOfUseRoute": { "alias": "termsOfUseRoute"; "required": false; }; "contactUsRoute": { "alias": "contactUsRoute"; "required": false; }; "baseUrl": { "alias": "baseUrl"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/helpers/html-element-parse.helper.d.ts

@@ -0,0 +1,3 @@
+export declare class HtmlElementParseHelper {
+    static tableAsCsv(tableElement: HTMLElement, ignoreAttributeName?: string): string;
+}

package/lib/helpers/index.d.ts

@@ -1 +1,3 @@
-export * from "./missing-translation-helper";
+export * from "./missing-translation.helper";
+export * from "./save-file.helper";
+export * from "./html-element-parse.helper";

package/lib/helpers/save-file.helper.d.ts

@@ -0,0 +1,3 @@
+export declare class SaveFileHelper {
+    static saveFile(content: string, fileName: string): void;
+}

package/lib/inline-message/inline-message.component.d.ts

@@ -6,5 +6,5 @@ export declare class InlineMessageComponent {
     iconName: string;
     message: InlineMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<InlineMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InlineMessageComponent, "lib-inline-message", never, { "iconName": "iconName"; "message": "message"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InlineMessageComponent, "lib-inline-message", never, { "iconName": { "alias": "iconName"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/multi-functional-table/constants/disable-export-attribute-name.const.d.ts

@@ -0,0 +1 @@
+export declare const DISABLE_EXPORT_ATTRIBUTE_NAME = "disable-export";

package/lib/multi-functional-table/constants/index.d.ts

@@ -0,0 +1 @@
+export * from "./disable-export-attribute-name.const";

package/lib/multi-functional-table/index.d.ts

@@ -0,0 +1,4 @@
+export * from './multi-functional-table.component';
+export * from './multi-functional-table.module';
+export * from './models';
+export * from './constants';

package/lib/multi-functional-table/models/batch-config.model.d.ts

@@ -0,0 +1,4 @@
+export interface BatchConfig {
+    enabled: boolean;
+    checkBoxesDisabled?: boolean;
+}

package/lib/multi-functional-table/models/column-config.model.d.ts

@@ -0,0 +1,18 @@
+export interface ColumnConfig {
+    /**
+     * Column name. For column to dissapear/be visible, this must be the same as defined for mat-table columns.
+     */
+    name: string;
+    /**
+     * Display name. Component applies translate pipe to this.
+     */
+    displayName: string;
+    /**
+     * Default value to determine if column is selected.
+     */
+    selected: boolean;
+    /**
+    * If set to true, columns visibility can't be toggled.
+    */
+    notConfigurable?: boolean;
+}

package/lib/multi-functional-table/models/column-select-config.model.d.ts

@@ -0,0 +1,14 @@
+import { ColumnConfig } from "./column-config.model";
+/**
+ * Multi functional table configuration for column selecting. Config responsible for configuring columns whose visibilty can be toggled.
+ */
+export interface ColumnSelectConfig {
+    /**
+     * Columns to whom visibility can be changed.
+     */
+    columns: ColumnConfig[];
+    /**
+     * If column select feature is enabled.
+     */
+    enabled?: boolean;
+}

package/lib/multi-functional-table/models/export-config.model.d.ts

@@ -0,0 +1,9 @@
+import { ExportFormat } from "./export-format.enum";
+export interface ExportConfig {
+    enabled: boolean;
+    fileOptions?: {
+        format?: ExportFormat;
+        saveToFile: boolean;
+        fileName: string;
+    };
+}

package/lib/multi-functional-table/models/export-format.enum.d.ts

@@ -0,0 +1,3 @@
+export declare enum ExportFormat {
+    CSV = "csv"
+}

package/lib/multi-functional-table/models/filter-config.model.d.ts

@@ -0,0 +1,6 @@
+import { FilterBarSettings } from "../../filter-bar";
+export interface FilterConfig {
+    settings: FilterBarSettings;
+    visible?: boolean;
+    enabled?: boolean;
+}

package/lib/multi-functional-table/models/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./multi-functional-table-config.model";
+export * from "./column-config.model";
+export * from "./column-select-config.model";
+export * from "./export-config.model";
+export * from "./export-format.enum";
+export * from "./no-data-row-config.model";
+export * from "./batch-config.model";

package/lib/multi-functional-table/models/multi-functional-table-config.model.d.ts

@@ -0,0 +1,36 @@
+import { MatTableDataSource } from "@angular/material/table";
+import { BatchConfig } from "./batch-config.model";
+import { ColumnSelectConfig } from "./column-select-config.model";
+import { ExportConfig } from "./export-config.model";
+import { FilterConfig } from "./filter-config.model";
+import { NoDataRowConfig } from "./no-data-row-config.model";
+/**
+ * Configuration for table with multiple predefined actoins against mat table.
+ */
+export interface MultiFunctionalTableConfig<T> {
+    /**
+     * Mat table dataSource
+     */
+    dataSource: MatTableDataSource<T>;
+    /**
+     * Configuration for toggling displayed columns in mat table
+     */
+    columnSelect?: ColumnSelectConfig;
+    /**
+     * Configuration for filters. For filtering custom filterBar component is used. Note that component does not filter datasource by itself but only emits event when filters are changed.
+     */
+    filter?: FilterConfig;
+    /**
+     * Configuration for exporting data.
+     */
+    export?: ExportConfig;
+    /**
+     * Local storage key to store selected columns and filter visibilty.
+     */
+    localStorageKey?: string;
+    /**
+     * Configuration for texts and icon for no data row.
+     */
+    noDataRow?: NoDataRowConfig;
+    batchConfig?: BatchConfig;
+}

package/lib/multi-functional-table/models/no-data-row-config.model.d.ts

@@ -0,0 +1,9 @@
+export interface NoDataRowConfig {
+    enabled: boolean;
+    title: string;
+    titleParams?: any;
+    description: string;
+    descriptionParams?: any;
+    icon?: string;
+    loading?: boolean;
+}

package/lib/multi-functional-table/models/selected-column-local-storage-config.model.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Object type that is stored in local storage for remembering user choices.
+ */
+export interface SelectedColumnLocalStorageConfig {
+    /**
+     * Settings related to column select.
+     */
+    columns?: {
+        /**
+         * Wether given column was selected.
+         */
+        [columnName: string]: boolean;
+    };
+    /**
+     * Filter settings.
+     */
+    filter?: {
+        visible?: boolean;
+    };
+}

package/lib/multi-functional-table/multi-functional-table.component.d.ts

@@ -0,0 +1,65 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
+import { MatSort } from '@angular/material/sort';
+import { MatColumnDef, MatHeaderRowDef, MatNoDataRow, MatRowDef, MatTable } from '@angular/material/table';
+import { TranslateService } from '@ngx-translate/core';
+import { Observable } from 'rxjs';
+import { FilterBarChangeEvent } from '../filter-bar/models/filter-bar-change-event.model';
+import { DOMService } from '../services';
+import { NoDataRowConfig } from './models';
+import { ColumnConfig } from './models/column-config.model';
+import { MultiFunctionalTableConfig } from './models/multi-functional-table-config.model';
+import * as i0 from "@angular/core";
+export declare class MultiFunctionalTableComponent<T> implements OnInit, AfterContentInit, AfterViewInit {
+    private readonly domService;
+    private readonly translateService;
+    readonly matSelection: SelectionModel<T>;
+    config: MultiFunctionalTableConfig<T>;
+    highlightedElements: T[];
+    set selection(value: T[]);
+    filterBarChange: EventEmitter<FilterBarChangeEvent>;
+    exported: EventEmitter<T[]>;
+    selectionChange: Observable<T[]>;
+    headerRowDefs: QueryList<MatHeaderRowDef>;
+    rowDefs: QueryList<MatRowDef<T>>;
+    columnDefs: QueryList<MatColumnDef>;
+    noDataRow: MatNoDataRow;
+    table: MatTable<T>;
+    sort: MatSort;
+    tableElementRef: ElementRef<HTMLElement>;
+    get ignoreAttributeName(): string;
+    displayColumns: string[];
+    columnSelectActive: boolean;
+    exportActive: boolean;
+    noDataRowActive: boolean;
+    filterBarVisible: boolean;
+    noDataRowConfig: NoDataRowConfig;
+    noDataRowIcon: string;
+    configurableColumns: ColumnConfig[];
+    batchSelectedEnabled: boolean;
+    hoveredRow: any;
+    get filterActive(): boolean | undefined;
+    private localStorageValue;
+    readonly batchColumnName = "batch";
+    constructor(domService: DOMService, translateService: TranslateService);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    updateDisplayColumns(initial?: boolean): void;
+    toggleFilterBar(): void;
+    filtersChanged(filters: FilterBarChangeEvent): void;
+    export(): void;
+    highlightElement(element: T): boolean;
+    isAllSelected(): boolean;
+    toggleAllRowSelection(): void;
+    toggleElementSelection(element: T): void;
+    private exportToFile;
+    private updateLocalStorage;
+    private readFromLocalStorage;
+    private setColumnSelectProperties;
+    private setFilterVisibility;
+    private setNoDataRowProperties;
+    private setExportProperties;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiFunctionalTableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiFunctionalTableComponent<any>, "tld-multi-functional-table", never, { "config": { "alias": "config"; "required": false; }; "highlightedElements": { "alias": "highlightedElements"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "filterBarChange": "filterBarChange"; "exported": "exported"; "selectionChange": "selectionChange"; }, ["noDataRow", "headerRowDefs", "rowDefs", "columnDefs"], ["[additionalActions]", "*"], false, never>;
+}

package/lib/multi-functional-table/multi-functional-table.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./multi-functional-table.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/table";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@ngx-translate/core";
+import * as i6 from "@angular/material/menu";
+import * as i7 from "@angular/material/checkbox";
+import * as i8 from "@angular/forms";
+import * as i9 from "../filter-bar/filter-bar.module";
+import * as i10 from "@angular/flex-layout";
+import * as i11 from "@angular/material/sort";
+import * as i12 from "@angular/material/progress-spinner";
+export declare class MultiFunctionalTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiFunctionalTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiFunctionalTableModule, [typeof i1.MultiFunctionalTableComponent], [typeof i2.CommonModule, typeof i3.MatTableModule, typeof i4.MatButtonModule, typeof i5.TranslateModule, typeof i6.MatMenuModule, typeof i7.MatCheckboxModule, typeof i8.FormsModule, typeof i9.FilterBarModule, typeof i10.FlexLayoutModule, typeof i11.MatSortModule, typeof i12.MatProgressSpinnerModule], [typeof i1.MultiFunctionalTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MultiFunctionalTableModule>;
+}

package/lib/notification-message/notification-message.component.d.ts

@@ -18,5 +18,5 @@ export declare class NotificationMessageComponent implements OnInit {
     closeClick(): void;
     linkClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationMessageComponent, "lib-tld-notification-message", never, { "message": "message"; "inline": "inline"; }, { "buttonClicked": "buttonClicked"; "closeClicked": "closeClicked"; "linkClicked": "linkClicked"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationMessageComponent, "lib-tld-notification-message", never, { "message": { "alias": "message"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; }, { "buttonClicked": "buttonClicked"; "closeClicked": "closeClicked"; "linkClicked": "linkClicked"; }, never, never, false, never>;
 }

package/lib/pipes/date-ago/date-ago.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./date-ago.pipe";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
+export declare class DateAgoModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateAgoModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DateAgoModule, [typeof i1.DateAgoPipe], [typeof i2.CommonModule, typeof i3.TranslateModule], [typeof i1.DateAgoPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DateAgoModule>;
+}

package/lib/pipes/date-ago/date-ago.pipe.d.ts

@@ -0,0 +1,20 @@
+import { ChangeDetectorRef, PipeTransform } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { DateAgo, DateAgoSettings } from './models';
+import * as i0 from "@angular/core";
+export declare class DateAgoPipe implements PipeTransform {
+    private readonly translate;
+    private readonly _ref;
+    private readonly settings;
+    readonly defaultSettings: DateAgoSettings;
+    get intervals(): import("./models").DateAgoInterval[];
+    get multiplePostfix(): string;
+    get localizationPrefix(): string;
+    get justNowKey(): string;
+    get justNowSeconds(): number;
+    constructor(translate: TranslateService, _ref: ChangeDetectorRef, settings: DateAgoSettings);
+    transform(value: Date, enableMultiplePostfix?: boolean): string;
+    calculateDateAgo(value: Date, enableMultiplePostfix: boolean): DateAgo | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateAgoPipe, [null, null, { optional: true; }]>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DateAgoPipe, "dateAgo", false>;
+}

package/lib/pipes/date-ago/index.d.ts

@@ -0,0 +1,2 @@
+export * from './date-ago.module';
+export * from './date-ago.pipe';

package/lib/pipes/date-ago/models/date-ago-interval.model.d.ts

@@ -0,0 +1,5 @@
+export interface DateAgoInterval {
+    key: string;
+    interval: number;
+    min: number;
+}

package/lib/pipes/date-ago/models/date-ago-settings.model.d.ts

@@ -0,0 +1,26 @@
+import { DateAgoInterval } from "./date-ago-interval.model";
+/**
+ * Configuration settings for DateAgo pipe.
+ */
+export interface DateAgoSettings {
+    /**
+     * Intervals for defined groups.
+     */
+    intervals: DateAgoInterval[];
+    /**
+     * String to be added to original key if interval group value is bigger than 1. Typically you want to add 'S' to the key, if value is multiple.
+     */
+    multiplePostfix: string;
+    /**
+     * Localization key, that should be before interval key. Do not place '.' at the end of key.
+     */
+    localizationPrefix: string;
+    /**
+     * Key for "Just now"
+     */
+    justNowKey: string;
+    /**
+     * For how many seconds should show just now.
+     */
+    justNowSeconds: number;
+}

package/lib/pipes/date-ago/models/date-ago-settings.token.d.ts

@@ -0,0 +1 @@
+export declare const DateAgoSettingsToken = "DATE_AGO_SETTINGS";

package/lib/pipes/date-ago/models/date-ago.model.d.ts

@@ -0,0 +1,4 @@
+export interface DateAgo {
+    key: string;
+    howMany?: number;
+}

package/lib/pipes/date-ago/models/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./date-ago-settings.token";
+export * from "./date-ago-settings.model";
+export * from "./date-ago.model";
+export * from "./date-ago-interval.model";

package/lib/pipes/index.d.ts

@@ -1,2 +1,4 @@
 export * from './filter-with-highlight';
 export * from './sort-translations';
+export * from './sort-translations-by-property';
+export * from './date-ago';

package/lib/pipes/sort-translations-by-property/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./sort-translations-by-property.module";
+export * from "./sort-translations-by-property.pipe";

package/lib/pipes/sort-translations-by-property/sort-translations-by-property.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./sort-translations-by-property.pipe";
+import * as i2 from "@angular/common";
+export declare class SortTranslationsByPropertyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortTranslationsByPropertyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SortTranslationsByPropertyModule, [typeof i1.SortTranslationsByPropertyPipe], [typeof i2.CommonModule], [typeof i1.SortTranslationsByPropertyPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SortTranslationsByPropertyModule>;
+}

package/lib/pipes/sort-translations-by-property/sort-translations-by-property.pipe.d.ts

@@ -0,0 +1,15 @@
+import { PipeTransform } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+export declare class SortTranslationsByPropertyPipe implements PipeTransform {
+    private translate;
+    constructor(translate: TranslateService);
+    /**
+     * Transforms the input array of objects by sorting them based on the specified sortingValueKey.
+     * @param values An array of objects to be sorted.
+     * @param sortingValueKey The key by which the provided values should be sorted.
+     */
+    transform(values: any[], sortingValueKey: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortTranslationsByPropertyPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SortTranslationsByPropertyPipe, "sortTranslationsByProperty", false>;
+}

package/lib/plausible/plausible-event.directive.d.ts

@@ -7,5 +7,5 @@ export declare class PlausibleEventDirective {
     set libPlausibleEvent(value: PlausibleEvent | undefined);
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlausibleEventDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PlausibleEventDirective, "[libPlausibleEvent]", never, { "libPlausibleEvent": "libPlausibleEvent"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PlausibleEventDirective, "[libPlausibleEvent]", never, { "libPlausibleEvent": { "alias": "libPlausibleEvent"; "required": false; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,21 +1,17 @@
 {
   "name": "@tilde-nlp/ngx-common",
-  "version": "3.0.2",
+  "version": "4.0.1",
   "peerDependencies": {
-    "@angular/common": "^15.0.0",
-    "@angular/core": "^15.0.0",
-    "@ngx-translate/core": "^14.0.0"
+    "@angular/common": " ^16.0.0",
+    "@angular/core": " ^16.0.0",
+    "@ngx-translate/core": "^15.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
   "author": "Tilde",
   "license": "Apache-2.0",
-  "module": "fesm2015/tilde-nlp-ngx-common.mjs",
-  "es2020": "fesm2020/tilde-nlp-ngx-common.mjs",
-  "esm2020": "esm2020/tilde-nlp-ngx-common.mjs",
-  "fesm2020": "fesm2020/tilde-nlp-ngx-common.mjs",
-  "fesm2015": "fesm2015/tilde-nlp-ngx-common.mjs",
+  "module": "fesm2022/tilde-nlp-ngx-common.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -23,11 +19,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/tilde-nlp-ngx-common.mjs",
-      "es2020": "./fesm2020/tilde-nlp-ngx-common.mjs",
-      "es2015": "./fesm2015/tilde-nlp-ngx-common.mjs",
-      "node": "./fesm2015/tilde-nlp-ngx-common.mjs",
-      "default": "./fesm2020/tilde-nlp-ngx-common.mjs"
+      "esm2022": "./esm2022/tilde-nlp-ngx-common.mjs",
+      "esm": "./esm2022/tilde-nlp-ngx-common.mjs",
+      "default": "./fesm2022/tilde-nlp-ngx-common.mjs"
     }
   },
   "sideEffects": false

package/public-api.d.ts

@@ -9,3 +9,7 @@ export * from './lib/tld-loader';
 export * from './lib/helpers';
 export * from './lib/company-product';
 export * from './lib/footer';
+export * from './lib/file-upload';
+export * from './lib/filter-bar';
+export * from './lib/multi-functional-table';
+export * from './lib/confirmation-modal';

package/styles/components/buttons.scss

@@ -0,0 +1,19 @@
+// for mat-button loading directive
+/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
+.mat-loading .mat-button-wrapper {
+  visibility: hidden;
+}
+
+.mat-loading .mat-mdc-progress-spinner {
+  position: absolute;
+  top: calc(50% - 10px);
+  left: calc(50% - 10px);
+}
+
+/// ----------------------------------------
+
+
+[mat-menu-item].align-v-middle *,
+button.align-v-middle * {
+  vertical-align: middle;
+}

package/styles/components/dialogs.scss

@@ -0,0 +1,18 @@
+@use "../variables/font-size.variables.scss" as fs;
+
+.mat-mdc-dialog-container {
+  min-width: 22rem;
+  width: 40rem !important;
+
+  h1[mat-dialog-title].mat-mdc-dialog-title,
+  [mat-dialog-title].mat-dialog-title h1 {
+    font-size: fs.$font-size-2-xl  !important;
+    font-weight: 600 !important;
+    margin-bottom: 0 !important;
+  }
+}
+
+[mat-dialog-actions] {
+  display: flex;
+  gap: 1rem;
+}