@mediusinc/mng-commons 4.1.0-rc.0-4e19f910 → 4.1.0-rc.0

package/lib/components/form/autocomplete/autocomplete.component.d.ts

@@ -2,8 +2,9 @@ import { EventEmitter, ExistingProvider, OnDestroy, OnInit } from '@angular/core
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { AutoComplete, AutoCompleteSelectEvent } from 'primeng/autocomplete';
 import { AutoCompleteCompleteEvent } from 'primeng/autocomplete/autocomplete.interface';
-import { Observable, ReplaySubject, Subscription } from 'rxjs';
+import { ReplaySubject } from 'rxjs';
 import { ILookupDataProvider } from '../../../data-providers';
+import { InputTrimType } from '../../../descriptors/types';
 import * as i0 from "@angular/core";
 export declare const MNG_AUTOCOMPLETE_VALUE_ACCESSOR: ExistingProvider;
 export declare class MngAutocompleteComponent implements OnInit, OnDestroy, ControlValueAccessor {
@@ -11,37 +12,37 @@ export declare class MngAutocompleteComponent implements OnInit, OnDestroy, Cont
     private readonly translate;
     private readonly logger;
     private readonly formlyWrapper;
-    dataProvider?: ILookupDataProvider<any, any>;
-    optionsTrackProperty?: string;
-    optionsValuePropertyInit?: string;
-    optionsLabelPropertyInit?: string;
-    optionsLabelTranslate: boolean;
-    inlineSearch: boolean;
-    openOnFocus: boolean;
-    multiselect: boolean;
-    placeholder?: string;
-    className?: string;
-    dropdownClassName?: string;
-    showClear: boolean;
-    autoClear: boolean;
-    selectFirst: boolean;
+    private readonly destroyRef;
+    dataProvider: import("@angular/core").InputSignal<ILookupDataProvider<any, any>>;
+    optionsTrackProperty: import("@angular/core").InputSignal<string | undefined>;
+    optionsValuePropertyInit: import("@angular/core").InputSignal<string | undefined>;
+    optionsLabelPropertyInit: import("@angular/core").InputSignal<string | undefined>;
+    optionsLabelTranslate: import("@angular/core").InputSignal<boolean>;
+    inlineSearch: import("@angular/core").InputSignal<boolean>;
+    openOnFocus: import("@angular/core").InputSignal<boolean>;
+    multiselect: import("@angular/core").InputSignal<boolean>;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    className: import("@angular/core").InputSignal<string | undefined>;
+    dropdownClassName: import("@angular/core").InputSignal<string | undefined>;
+    showClear: import("@angular/core").InputSignal<boolean>;
+    autoClear: import("@angular/core").InputSignal<boolean>;
+    selectFirst: import("@angular/core").InputSignal<boolean>;
+    searchTrim: import("@angular/core").InputSignal<InputTrimType | undefined>;
     valueChangeEventEmitter: EventEmitter<any>;
-    primeAutocomplete?: AutoComplete;
+    primeAutocomplete: import("@angular/core").Signal<AutoComplete | undefined>;
     private isInited;
-    private suggestionsSubject;
     private searchSubscription;
     private dataProviderService;
     private onChangeFn;
     private onTouchedFn;
-    optionsLabelProperty?: string;
-    optionsValueProperty?: string;
     autocompleteFormControl: FormControl;
-    suggestions$: Observable<Array<any>>;
-    suggestionSubscription?: Subscription;
+    suggestions: import("@angular/core").WritableSignal<any[]>;
     private isPanelShown;
     private isFocused;
     private userSelectedItem?;
     queryResultCacheSubject?: ReplaySubject<any>;
+    optionsLabelProperty: import("@angular/core").Signal<string | undefined>;
+    optionsValueProperty: import("@angular/core").Signal<string | undefined>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     onSearch(event: AutoCompleteCompleteEvent, isInit?: boolean): void;
@@ -54,6 +55,7 @@ export declare class MngAutocompleteComponent implements OnInit, OnDestroy, Cont
      * Selects and sets new value
      */
     private setValue;
+    private trimValue;
     onFocus(event: Event): void;
     /**
      * calls the selectFirst item anytime the input field goes out of focus and if the suggestions panel is not displayed.
@@ -77,5 +79,5 @@ export declare class MngAutocompleteComponent implements OnInit, OnDestroy, Cont
     private i18nPopulateItems;
     private setSuggestionsFromItems;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngAutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MngAutocompleteComponent, "mng-autocomplete", never, { "dataProvider": { "alias": "dataProvider"; "required": false; }; "optionsTrackProperty": { "alias": "optionsTrackProperty"; "required": false; }; "optionsValuePropertyInit": { "alias": "optionsValueProperty"; "required": false; }; "optionsLabelPropertyInit": { "alias": "optionsLabelProperty"; "required": false; }; "optionsLabelTranslate": { "alias": "optionsLabelTranslate"; "required": false; }; "inlineSearch": { "alias": "inlineSearch"; "required": false; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "className": { "alias": "className"; "required": false; }; "dropdownClassName": { "alias": "dropdownClassName"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autoClear": { "alias": "autoClear"; "required": false; }; "selectFirst": { "alias": "selectFirst"; "required": false; }; }, { "valueChangeEventEmitter": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MngAutocompleteComponent, "mng-autocomplete", never, { "dataProvider": { "alias": "dataProvider"; "required": true; "isSignal": true; }; "optionsTrackProperty": { "alias": "optionsTrackProperty"; "required": false; "isSignal": true; }; "optionsValuePropertyInit": { "alias": "optionsValueProperty"; "required": false; "isSignal": true; }; "optionsLabelPropertyInit": { "alias": "optionsLabelProperty"; "required": false; "isSignal": true; }; "optionsLabelTranslate": { "alias": "optionsLabelTranslate"; "required": false; "isSignal": true; }; "inlineSearch": { "alias": "inlineSearch"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "dropdownClassName": { "alias": "dropdownClassName"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "autoClear": { "alias": "autoClear"; "required": false; "isSignal": true; }; "selectFirst": { "alias": "selectFirst"; "required": false; "isSignal": true; }; "searchTrim": { "alias": "searchTrim"; "required": false; "isSignal": true; }; }, { "valueChangeEventEmitter": "valueChange"; }, never, never, true, never>;
 }

package/lib/components/form/date-range/date-range.component.d.ts

@@ -1,31 +1,28 @@
-import { ExistingProvider, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor, FormBuilder, FormControl } from '@angular/forms';
+import { ExistingProvider, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare const MNG_DATE_RANGE_VALUE_ACCESSOR: ExistingProvider;
-export declare class MngDateRangeComponent implements OnInit, OnDestroy, ControlValueAccessor {
-    private formBuilder;
-    placeholder?: string;
-    showTime: boolean;
-    showSeconds: boolean;
-    dateFormat?: string;
-    private _disabled;
+export declare class MngDateRangeComponent implements OnInit, ControlValueAccessor {
+    private readonly formBuilder;
+    private readonly injector;
+    private readonly destroyRef;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    showTime: import("@angular/core").InputSignal<boolean>;
+    showSeconds: import("@angular/core").InputSignal<boolean>;
+    dateFormat: import("@angular/core").InputSignal<string | undefined>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     private fromToFormControl;
     private onChangeFn;
     onTouchedFn: any;
-    private subscriptions;
-    constructor(formBuilder: FormBuilder);
     get fromCtrl(): FormControl<any>;
     get toCtrl(): FormControl<any>;
     get dateRangeCtrl(): FormControl<any>;
-    set disabled(isDisabled: boolean);
     ngOnInit(): void;
-    ngOnDestroy(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     writeValue(obj: any): void;
     private onValueChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngDateRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MngDateRangeComponent, "mng-date-range", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MngDateRangeComponent, "mng-date-range", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/form/dropdown/dropdown.component.d.ts

@@ -1,46 +1,40 @@
-import { EventEmitter, ExistingProvider, Injector, OnDestroy, OnInit } from '@angular/core';
+import { EventEmitter, ExistingProvider, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
-import { TranslateService } from '@ngx-translate/core';
 import { Dropdown } from 'primeng/dropdown';
-import { Observable } from 'rxjs';
 import { ILookupDataProvider } from '../../../data-providers';
-import { MngFormlyFieldWrapperComponent } from '../formly/wrappers';
 import * as i0 from "@angular/core";
 export declare const MNG_DROPDOWN_VALUE_ACCESSOR: ExistingProvider;
-export declare class MngDropdownComponent implements OnInit, OnDestroy, ControlValueAccessor {
-    private injector;
-    private translate;
-    private formlyWrapper;
+export declare class MngDropdownComponent implements OnInit, ControlValueAccessor {
     private readonly logger;
-    dataProvider?: ILookupDataProvider<any, any>;
-    optionsTrackProperty?: string;
-    optionsLabelPropertyInit?: string;
-    optionsLabelTranslate: boolean;
-    optionsValuePropertyInit?: string;
-    optionsDisabledProperty?: string;
-    multiselect: boolean;
-    placeholder?: string;
-    showClear: boolean;
-    selectFirstItem: boolean;
-    className?: string;
-    dropdownClassName?: string;
-    changeValueOnBlur: boolean;
-    private loadingSubject;
-    $loading: Observable<boolean>;
+    private readonly injector;
+    private readonly destroyRef;
+    private readonly translate;
+    private readonly formlyWrapper;
+    readonly dropdownFormControl: FormControl;
+    dataProvider: import("@angular/core").InputSignal<ILookupDataProvider<any, any> | undefined>;
+    optionsTrackProperty: import("@angular/core").InputSignal<string | undefined>;
+    optionsLabelPropertyInit: import("@angular/core").InputSignal<string | undefined>;
+    optionsLabelTranslate: import("@angular/core").InputSignal<boolean>;
+    optionsValuePropertyInit: import("@angular/core").InputSignal<string | undefined>;
+    optionsDisabledProperty: import("@angular/core").InputSignal<string | undefined>;
+    multiselect: import("@angular/core").InputSignal<boolean>;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    showClear: import("@angular/core").InputSignal<boolean>;
+    selectFirstItem: import("@angular/core").InputSignal<boolean>;
+    className: import("@angular/core").InputSignal<string | undefined>;
+    dropdownClassName: import("@angular/core").InputSignal<string | undefined>;
+    changeValueOnBlur: import("@angular/core").InputSignal<boolean>;
+    loading: import("@angular/core").WritableSignal<boolean>;
     valueChangeEventEmitter: EventEmitter<any>;
-    primeDropdown?: Dropdown;
-    optionsLabelProperty?: string;
-    optionsValueProperty?: string;
-    private optionsSubject;
+    primeDropdown: import("@angular/core").Signal<Dropdown | undefined>;
     private dataProviderService;
     private onChangeFn;
     private onTouchedFn;
-    dropdownFormControl: FormControl;
-    items$: Observable<Array<any>>;
-    private itemsSubscription?;
-    constructor(injector: Injector, translate: TranslateService, formlyWrapper: MngFormlyFieldWrapperComponent);
+    items: import("@angular/core").WritableSignal<any[]>;
+    private firstTimeSettingItems;
+    optionsLabelProperty: import("@angular/core").Signal<string | undefined>;
+    optionsValueProperty: import("@angular/core").Signal<string | undefined>;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -55,6 +49,6 @@ export declare class MngDropdownComponent implements OnInit, OnDestroy, ControlV
      * @private
      */
     private isValueAccessorInitialized;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MngDropdownComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MngDropdownComponent, "mng-dropdown", never, { "dataProvider": { "alias": "dataProvider"; "required": false; }; "optionsTrackProperty": { "alias": "optionsTrackProperty"; "required": false; }; "optionsLabelPropertyInit": { "alias": "optionsLabelProperty"; "required": false; }; "optionsLabelTranslate": { "alias": "optionsLabelTranslate"; "required": false; }; "optionsValuePropertyInit": { "alias": "optionsValueProperty"; "required": false; }; "optionsDisabledProperty": { "alias": "optionsDisabledProperty"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "selectFirstItem": { "alias": "selectFirstItem"; "required": false; }; "className": { "alias": "className"; "required": false; }; "dropdownClassName": { "alias": "dropdownClassName"; "required": false; }; "changeValueOnBlur": { "alias": "changeValueOnBlur"; "required": false; }; }, { "valueChangeEventEmitter": "valueChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MngDropdownComponent, "mng-dropdown", never, { "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; "optionsTrackProperty": { "alias": "optionsTrackProperty"; "required": false; "isSignal": true; }; "optionsLabelPropertyInit": { "alias": "optionsLabelProperty"; "required": false; "isSignal": true; }; "optionsLabelTranslate": { "alias": "optionsLabelTranslate"; "required": false; "isSignal": true; }; "optionsValuePropertyInit": { "alias": "optionsValueProperty"; "required": false; "isSignal": true; }; "optionsDisabledProperty": { "alias": "optionsDisabledProperty"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "selectFirstItem": { "alias": "selectFirstItem"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "dropdownClassName": { "alias": "dropdownClassName"; "required": false; "isSignal": true; }; "changeValueOnBlur": { "alias": "changeValueOnBlur"; "required": false; "isSignal": true; }; }, { "valueChangeEventEmitter": "valueChange"; }, never, never, true, never>;
 }

package/lib/components/form/formly/wrappers/formly-field-wrapper/formly-field-wrapper.component.d.ts

@@ -6,7 +6,6 @@ export declare class MngFormlyFieldWrapperComponent extends FieldWrapper impleme
     localizationAction: ActionDescriptorInst<any>;
     ngOnInit(): void;
     private addMissingTranslationHelperText;
-    private createLocalizationTableview;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngFormlyFieldWrapperComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngFormlyFieldWrapperComponent, "mng-formly-field-wrapper", never, {}, {}, never, never, true, never>;
 }

package/lib/components/tableview/tableview.component.d.ts

@@ -1,13 +1,14 @@
-import { AfterContentInit, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { MediusQueryParam } from '../../api/models';
 import { ITableviewDataProvider } from '../../data-providers';
 import { ActionDescriptorInst } from '../../descriptors/action';
 import { TableviewDescriptorInst } from '../../descriptors/tableview';
 import { MngTemplateDirective } from '../../directives';
+import { ViewContainer } from '../../services/view';
 import { MngTableLoadEvent } from '../table/models/table.event';
 import * as i0 from "@angular/core";
-export declare class MngTableviewComponent<T, S> implements OnInit, OnDestroy, AfterContentInit {
-    private readonly viewContainer;
+export declare class MngTableviewComponent<T, S> implements OnInit, AfterContentInit {
+    readonly viewContainer: ViewContainer<any, any> | null;
     descriptor: TableviewDescriptorInst<T>;
     dataProvider?: ITableviewDataProvider<T, S>;
     actions: Array<ActionDescriptorInst<any>>;
@@ -15,14 +16,12 @@ export declare class MngTableviewComponent<T, S> implements OnInit, OnDestroy, A
     toolbarLeftActions: ActionDescriptorInst<T>[];
     toolbarRightActions: ActionDescriptorInst<T>[];
     tableQueryParam?: MediusQueryParam;
-    private subscriptions;
     hasItemSelectionAction: boolean;
     selectedItems: T[];
     templates: QueryList<MngTemplateDirective>;
     footerTemplate?: TemplateRef<any>;
     ngOnInit(): void;
     ngAfterContentInit(): void;
-    ngOnDestroy(): void;
     onTableLoad(event: MngTableLoadEvent): void;
     selectionChange(selectedItems: Array<T>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngTableviewComponent<any, any>, never>;

package/lib/descriptors/editor/field-base.descriptor.d.ts

@@ -5,7 +5,6 @@ import { MngFormlyFieldConfig, MngFormlyHookFn } from '../../components/form/for
 import { MngFormFieldEvent, MngFormFieldEventData, MngFormFieldEventTypeEnum } from '../../components/form/models';
 import { GetterFn, MngFieldAsyncValidator, MngFieldValidationMessage, MngFieldValidator } from '../../types';
 import { FieldConfig } from '../interfaces';
-import { ITableviewDescriptorInternal } from '../tableview/internal/tableview.model';
 import { FieldSizeEnum } from '../types';
 import { FieldValidationDescriptor } from './field-validation.descriptor';
 import { IEditorDescriptorInternal } from './internal/editor.model';
@@ -51,7 +50,6 @@ export declare abstract class AFieldDescriptor<FieldModel, EditorModel, FieldVal
     /** @ignore */ protected _inputClassName: string;
     /** @ignore */ protected _size: FieldSizeEnum;
     /** @ignore */ protected _isLocalized: boolean;
-    /** @ignore */ protected _localizationTableview?: ITableviewDescriptorInternal<any>;
     /** @ignore */ protected readonly _eventsSubject: Subject<MngFormFieldEvent<FieldModel, EditorModel>>;
     protected constructor(editor: IEditorDescriptorInternal<EditorModel>, property: string);
     get property(): string;
@@ -87,7 +85,6 @@ export declare abstract class AFieldDescriptor<FieldModel, EditorModel, FieldVal
     get labelClassName(): string;
     get inputClassName(): string;
     get size(): FieldSizeEnum;
-    get localizationTableview(): ITableviewDescriptorInternal<any> | undefined;
     get isSizeSmall(): boolean;
     get isSizeLarge(): boolean;
     get isLocalized(): boolean;
@@ -117,9 +114,8 @@ export declare abstract class AFieldDescriptor<FieldModel, EditorModel, FieldVal
     /**
      * This method adds an icon with text Show all translations above the field and after clicking on it, it displays a new dialog with tableview.
      * This new table view shows all available translations for specific property and allows editing it.
-     * @param tableview with lookup provider for locales
      */
-    localized<LocalizationModel = any>(tableview?: ITableviewDescriptorInternal<LocalizationModel>): this;
+    localized(): this;
     nextEvent(type: MngFormFieldEventTypeEnum, cmpType: Type<any>, cmpInstance: any, data?: MngFormFieldEventData<FieldModel, EditorModel>): void;
     get events$(): Observable<MngFormFieldEvent<FieldModel, EditorModel>>;
     protected copyFieldsTo(obj: AFieldDescriptor<FieldModel, EditorModel, FieldValue>): void;

package/lib/descriptors/editor/field-lookup.descriptor.d.ts

@@ -3,7 +3,7 @@ import { EnumValue } from '../../models';
 import { ClassType, EnumConstantType, EnumType, ServiceClassType } from '../../types';
 import { FieldLookupConfig, ILookupDescriptor } from '../interfaces';
 import { TableDescriptorInst } from '../table';
-import { FieldLookupTypeEnum } from '../types';
+import { FieldLookupTypeEnum, InputTrimType } from '../types';
 import { AFieldDescriptor } from './field-base.descriptor';
 import { IEditorDescriptorInternal } from './internal/editor.model';
 export type FieldLookupDescriptorConstructorOptsType<EditorModel, Service> = FieldLookupDescriptorCreateOptsProviderType<EditorModel, Service> & {
@@ -35,6 +35,7 @@ export declare class FieldLookupDescriptor<FieldModel, EditorModel, Service = an
     protected _autocompleteInlineSearch?: boolean;
     protected _autocompleteAutoClear?: boolean;
     protected _autocompleteSelectFirst?: boolean;
+    protected _autocompleteInputTrim?: InputTrimType;
     protected _dialogTableDescriptor?: TableDescriptorInst<FieldModel>;
     protected _dialogTableDataProvider?: ITableDataProvider<FieldModel, any>;
     protected _customComponentName?: string;
@@ -54,6 +55,7 @@ export declare class FieldLookupDescriptor<FieldModel, EditorModel, Service = an
     get dialogTableDescriptor(): TableDescriptorInst<FieldModel> | undefined;
     get dialogTableDataProvider(): ITableDataProvider<FieldModel, any> | undefined;
     get customComponentName(): string | undefined;
+    get trimOption(): InputTrimType | undefined;
     withOptionsLabelProperty(property: keyof FieldModel, translate?: boolean): this;
     withOptionsLabelPropertyUnsafe(property: string, translate?: boolean): this;
     withOptionsDisabledProperty(property: keyof FieldModel): this;
@@ -61,6 +63,7 @@ export declare class FieldLookupDescriptor<FieldModel, EditorModel, Service = an
     withOptionsTrackProperty(property: keyof FieldModel): this;
     withOptionsTrackPropertyUnsafe(property: string): this;
     withLookup(lookup?: LookupDataProviderLookupFnType<FieldModel, Service>): this;
+    withInputTrim(trimOption?: InputTrimType): this;
     withConfig(config: FieldLookupConfig): this;
     asAutocomplete(opts?: FieldLookupAutocompleteOptsType): this;
     asDialog(lookupTableDescriptor: TableDescriptorInst<FieldModel>, tableDataProvider?: ITableDataProvider<FieldModel, any>): this;

package/lib/descriptors/editor/field.descriptor.d.ts

@@ -3,7 +3,7 @@ import { AbstractControl } from '@angular/forms';
 import { AMngFormlyCustomFieldComponent } from '../../components/form/formly/fields/';
 import { RadioValue } from '../../models';
 import { EnumConstantType, EnumType } from '../../types';
-import { FieldInputTypeEnum } from '../types';
+import { FieldInputTypeEnum, InputTrimType } from '../types';
 import { AFieldDescriptor } from './field-base.descriptor';
 import { IEditorDescriptorInternal } from './internal/editor.model';
 export type FieldInputDescriptorType = string | string[] | number | boolean | Date | File | File[];
@@ -86,6 +86,7 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     private _maxLength?;
     private _minLength?;
     private _pattern?;
+    private _inputTrim?;
     private _mask?;
     private _slotChar?;
     private _fileMultiple?;
@@ -122,6 +123,7 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     get maxLength(): number | undefined;
     get minLength(): number | undefined;
     get pattern(): string | RegExp | undefined;
+    get trimOption(): InputTrimType | undefined;
     get mask(): string | undefined;
     get slotChar(): string | undefined;
     get fileMultiple(): boolean | undefined;
@@ -158,6 +160,7 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     withNumberFractions(opts?: FieldInputNumberFractionOptsType): this;
     withNumberGrouping(useGrouping?: boolean): this;
     withTextValidation(opts?: FieldInputTextValidationOptsType): this;
+    withInputTrim(trimOption?: InputTrimType): this;
     withTextValidationEmail(email?: boolean): this;
     withFileOnSelectHandler(fn?: FieldInputFileOnSelectHandlerFnType): this;
     copy(): FieldInputDescriptor<EditorModel, FieldModel, FieldValue>;

package/lib/descriptors/filter/filter.descriptor.d.ts

@@ -1,4 +1,4 @@
-import { FilterMatchModeEnum, FilterTypeEnum } from '../types';
+import { FilterMatchModeEnum, FilterTypeEnum, InputTrimType } from '../types';
 export declare class FilterDescriptor<FilterModel> {
     protected readonly _property: string;
     protected _filterType: FilterTypeEnum;
@@ -21,6 +21,7 @@ export declare class FilterDescriptor<FilterModel> {
     protected _columnClassName: string;
     protected _columnWidth: number | null;
     protected _columnMinWidth: number | null;
+    protected _inputTrim?: InputTrimType;
     constructor(property: string);
     get filterType(): FilterTypeEnum;
     get hasDefaultValue(): boolean;
@@ -42,6 +43,7 @@ export declare class FilterDescriptor<FilterModel> {
     get columnClassName(): string;
     get columnWidth(): number | null;
     get columnMinWidth(): number | null;
+    get trimOption(): InputTrimType | undefined;
     get property(): string;
     asFilterType(filterType: FilterTypeEnum): this;
     /**
@@ -58,6 +60,7 @@ export declare class FilterDescriptor<FilterModel> {
     withClassName(className: string): this;
     withColumnClassName(className: string): this;
     withColumnWidth(width?: number, minWidth?: number): this;
+    withInputTrimming(trimOption?: InputTrimType): this;
     withMatchModes(matchModes: Array<FilterMatchModeEnum>): this;
     copy(): FilterDescriptor<FilterModel>;
     protected copyFieldsTo(descriptor: FilterDescriptor<FilterModel>): void;

package/lib/descriptors/table/column.descriptor.d.ts

@@ -57,6 +57,7 @@ export declare class ColumnDescriptor<ColumnModel, TableModel, ColumnValue = Col
     private _currencyDisplay?;
     private _customComponentType?;
     private _hasCopyToClipboard;
+    private _clipboardValueGetter?;
     private _isLocalized;
     private _localizationExistsProperty?;
     constructor(table: ITableDescriptorInternal<TableModel>, property: Property);
@@ -87,6 +88,7 @@ export declare class ColumnDescriptor<ColumnModel, TableModel, ColumnValue = Col
     get currencyDisplay(): "symbol" | "name" | "code" | undefined;
     get currencyProperty(): string | undefined;
     get hasCopyToClipboard(): boolean;
+    get clipboardValueGetter(): GetterFn<ColumnValue, TableModel> | undefined;
     get template(): string | undefined;
     get getter(): GetterFn<ColumnValue, TableModel> | undefined;
     get isMultiline(): boolean;
@@ -120,7 +122,7 @@ export declare class ColumnDescriptor<ColumnModel, TableModel, ColumnValue = Col
     withFilterLookupEnum(options?: Array<EnumConstantType>): FilterLookupEnumDescriptor;
     withSort(isEnabled?: boolean, sortProperty?: string): this;
     withDefaultSort(asc?: boolean): this;
-    withCopyToClipboard(hasCopyToCliboard?: boolean): this;
+    withCopyToClipboard(hasCopyToClipboard?: boolean, clipboardValueGetter?: GetterFn<ColumnValue, TableModel>): this;
     withTemplate(template: string): this;
     withGetter(getter?: GetterFn<ColumnValue, TableModel>): this;
     withMultiline(isMultiline?: boolean): this;

package/lib/descriptors/types/index.d.ts

@@ -4,3 +4,4 @@ export * from './editor.type';
 export * from './field.type';
 export * from './filter.type';
 export * from './table.type';
+export * from './trim.type';

package/lib/descriptors/types/trim.type.d.ts

@@ -0,0 +1 @@
+export type InputTrimType = 'both' | 'start' | 'end' | 'none';

package/lib/directives/index.d.ts

@@ -1,3 +1,4 @@
 export * from './component.directive';
 export * from './dialog-keydown-handler.directive';
+export * from './input-trim.directive';
 export * from './template.directive';

package/lib/directives/input-trim.directive.d.ts

@@ -0,0 +1,14 @@
+import { ElementRef } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { InputTrimType } from '../descriptors/types';
+import * as i0 from "@angular/core";
+export declare class MngInputTrimDirective {
+    private el;
+    private ngControl;
+    mngInputTrim?: InputTrimType;
+    constructor(el: ElementRef, ngControl: NgControl);
+    onBlur(): void;
+    private getTrimmedValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngInputTrimDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MngInputTrimDirective, "[mngInputTrim]", never, { "mngInputTrim": { "alias": "mngInputTrim"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/utils/editor-formly.util.d.ts

@@ -3,6 +3,7 @@ import { IFormEditorComponent } from '../components/form/models';
 import { AFieldDescriptor, EditorDescriptorInst, FieldGroupDescriptor, FieldTabGroupDescriptor, FieldValidationDescriptor } from '../descriptors/editor';
 export declare class EditorFormlyUtil {
     static createFormlyConfigFromDescriptor(descriptor: EditorDescriptorInst<any>, formEditorComponent: IFormEditorComponent<unknown>): FormlyFieldConfig[];
+    static createLocalizationsTab(descriptor: EditorDescriptorInst<any>): EditorDescriptorInst<any>;
     static createFormlyTabType(tabGroups: FieldTabGroupDescriptor<any>[], formEditorComponent: IFormEditorComponent<unknown>): FormlyFieldConfig[];
     static createFormlyGroupType(groups: FieldGroupDescriptor<any>[], formEditorComponent: IFormEditorComponent<unknown>): FormlyFieldConfig[];
     static createFormlyFields(descriptor: FieldGroupDescriptor<any>, formEditorComponent: IFormEditorComponent<unknown>): FormlyFieldConfig[];

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "4.1.0-rc.0-4e19f910",
+  "version": "4.1.0-rc.0",
   "peerDependencies": {
-    "@angular/animations": "^17.0.0",
-    "@angular/common": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@angular/platform-browser": "^17.0.0",
-    "@angular/router": "^17.0.0",
+    "@angular/animations": "^17.2.0",
+    "@angular/common": "^17.2.0",
+    "@angular/core": "^17.2.0",
+    "@angular/forms": "^17.2.0",
+    "@angular/platform-browser": "^17.2.0",
+    "@angular/router": "^17.2.0",
     "@ngx-formly/core": "^6.3.0",
     "@ngx-translate/core": "^15.0.0",
     "primeng": "~17.4.0"

package/scss/v2/theme/theme-base/mng/_mng_theme_datatable.scss

@@ -134,14 +134,6 @@
     }
 
     .p-checkbox {
-        .p-checkbox-box {
-            background-color: $primaryTextColor;
-
-            .p-checkbox-icon {
-                color: $primaryColor;
-            }
-        }
-
         &:not(.p-checkbox-disabled) {
             .p-checkbox-box {
                 &.p-highlight:hover {

package/scss/v2/theme/theme-base/mng/_mng_theme_dropdown.scss

@@ -20,3 +20,13 @@
         width: 65px;
     }
 }
+
+.p-dropdown-panel {
+    .p-dropdown-item {
+        &.p-highlight {
+            &.p-focus {
+                background: $primaryColor;
+            }
+        }
+    }
+}