@tilde-nlp/ngx-common 4.1.2 → 4.1.3

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

@@ -1,14 +1,16 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
-import { FilterBarFilterItem } from './models';
+import { FilterBarFilter, FilterBarFilterItem } from './models';
 import { FilterBarChangeEvent } from './models/filter-bar-change-event.model';
 import { FilterBarSettings } from './models/filter-bar-settings.model';
+import { MatSelect } from '@angular/material/select';
 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;
+    optionSearchInputs: ElementRef<MatSelect>[];
     onResize(): void;
     settings: FilterBarSettings;
     set filterRowVisible(value: boolean);
@@ -44,6 +46,9 @@ export declare class FilterBarComponent implements OnInit, AfterViewInit, OnDest
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    focusOptionSearchInput(filter: FilterBarFilter, select: MatSelect, index: number): void;
+    filterOptions(event: KeyboardEvent, filter: FilterBarFilter): void;
+    setMaxPanelWidth(filter: FilterBarFilter, select: MatSelect): void;
     emitFilters(): void;
     switchRight(): void;
     switchLeft(): void;

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

@@ -0,0 +1,9 @@
+import { FilterBarFilterItem } from './filter-bar-filter-item.model';
+export interface FilterBarFilterSearch {
+    /**
+     * If placeholder is defined search will be appeared.
+     * When searching for items, the filteredValues are being set automatically.
+     */
+    placeholder: string;
+    filteredValues?: FilterBarFilterItem[];
+}

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

@@ -0,0 +1,13 @@
+export interface FilterBarFilterSingleSelection {
+    /**
+     * Indicates whether the filter is selected. This property must be supplied externally.
+     * When set to true, it disables all options except the one with the corresponding value.
+     * In order to allow unselecting the currently selected value, a specific value must be defined.
+     */
+    selected: boolean;
+    /**
+     * The value of the filter option that remains enabled when `selected` is true.
+     * This is used to match the option that should not be disabled.
+     */
+    value: string;
+}

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

@@ -1,7 +1,20 @@
-import { FilterBarFilterItem } from "./filter-bar-filter-item.model";
+import { FilterBarFilterItem } from './filter-bar-filter-item.model';
+import { FilterBarFilterSearch } from './filter-bar-filter-search.model';
+import { FilterBarFilterSingleSelection } from './filter-bar-filter-single-selection.model';
 export interface FilterBarFilter {
     fieldName: string;
     title: string;
     values: FilterBarFilterItem[];
+    search?: FilterBarFilterSearch;
+    singleSelection?: FilterBarFilterSingleSelection;
+    disableTitleCase?: boolean;
+    /**
+     * Set this to '' in case you need to fit longest content.
+     * Combine this with search, so filtering does not affect panel size.
+     */
+    maxPanelWidth?: number | string;
+    /**
+     * If values array keys are already translated, set this to true.
+     */
     translated?: boolean;
 }

package/lib/terminology/components/terminology-panel/terminology-panel.component.d.ts

@@ -11,6 +11,7 @@ export declare class TerminologyPanelComponent implements OnInit {
         sourceLanguageCode: string;
         targetLanguageCode: string;
     };
+    setSelectedFromLocalStorage: boolean;
     selectedCollection: CombinedCollection | null;
     glossarySelectEvent: EventEmitter<CombinedCollection | null>;
     get isAuthenticated(): boolean | undefined;
@@ -26,5 +27,5 @@ export declare class TerminologyPanelComponent implements OnInit {
     selectGlossary(collection: CombinedCollection | null): void;
     private initializeData;
     static ɵfac: i0.ɵɵFactoryDeclaration<TerminologyPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TerminologyPanelComponent, "lib-terminology-panel", never, { "system": { "alias": "system"; "required": true; }; "selectedCollection": { "alias": "selectedCollection"; "required": false; }; }, { "glossarySelectEvent": "glossarySelectEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TerminologyPanelComponent, "lib-terminology-panel", never, { "system": { "alias": "system"; "required": true; }; "setSelectedFromLocalStorage": { "alias": "setSelectedFromLocalStorage"; "required": true; }; "selectedCollection": { "alias": "selectedCollection"; "required": false; }; }, { "glossarySelectEvent": "glossarySelectEvent"; }, never, never, false, never>;
 }

package/lib/terminology/terminology.component.d.ts

@@ -14,6 +14,7 @@ export declare class TerminologyComponent implements OnInit, OnDestroy, OnChange
     };
     disabled: boolean;
     storeSelectedInLocalStorage: boolean;
+    setSelectedFromLocalStorage: boolean;
     showMenuIconOnMobile: boolean;
     glossarySelectEvent: EventEmitter<CombinedCollection | null>;
     menuToggleEvent: EventEmitter<boolean>;
@@ -33,5 +34,5 @@ export declare class TerminologyComponent implements OnInit, OnDestroy, OnChange
     private presetCollection;
     private watchSystemChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<TerminologyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TerminologyComponent, "lib-terminology", never, { "selectedCollectionId": { "alias": "selectedCollectionId"; "required": false; }; "system": { "alias": "system"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "storeSelectedInLocalStorage": { "alias": "storeSelectedInLocalStorage"; "required": false; }; "showMenuIconOnMobile": { "alias": "showMenuIconOnMobile"; "required": false; }; }, { "glossarySelectEvent": "glossarySelectEvent"; "menuToggleEvent": "menuToggleEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TerminologyComponent, "lib-terminology", never, { "selectedCollectionId": { "alias": "selectedCollectionId"; "required": false; }; "system": { "alias": "system"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "storeSelectedInLocalStorage": { "alias": "storeSelectedInLocalStorage"; "required": false; }; "setSelectedFromLocalStorage": { "alias": "setSelectedFromLocalStorage"; "required": false; }; "showMenuIconOnMobile": { "alias": "showMenuIconOnMobile"; "required": false; }; }, { "glossarySelectEvent": "glossarySelectEvent"; "menuToggleEvent": "menuToggleEvent"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tilde-nlp/ngx-common",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "peerDependencies": {
     "@angular/common": " ^16.0.0",
     "@angular/core": " ^16.0.0",