@mediusinc/mng-commons 6.0.0-rc.4 → 6.0.0-rc.6

package/fesm2022/mediusinc-mng-commons-form-api.mjs

@@ -171,9 +171,6 @@ class ButtonStyleBuilder {
     }
     build(hasNoTitle = false) {
         const styles = [this.levelToStyleClass(), this.sizeToStyleClass(), this._class];
-        if (hasNoTitle && this._rounded == null) {
-            styles.push(`p-button-rounded mng-action-button-icon`);
-        }
         if (this._textButton) {
             styles.push(`p-button-text`);
         }
@@ -183,7 +180,7 @@ class ButtonStyleBuilder {
         if (this._raised) {
             styles.push(`p-button-raised`);
         }
-        if (this._rounded) {
+        if ((hasNoTitle && this._rounded == null) || this._rounded) {
             styles.push('p-button-rounded');
         }
         return styles.join(' ');
@@ -214,21 +211,23 @@ class ButtonStyleBuilder {
             case StyleLevelEnum.Success:
                 return 'p-button-success';
             case StyleLevelEnum.Warning:
-                return 'p-button-warning';
+                return 'p-button-warn';
             case StyleLevelEnum.Danger:
                 return 'p-button-danger';
+            case StyleLevelEnum.Contrast:
+                return 'p-button-contrast';
         }
     }
     sizeToStyleClass() {
         switch (this._size) {
             case StyleSizeEnum.ExtraSmall:
-                return 'p-button-sm mng-button-xs';
+                return 'mng-button-xs';
             case StyleSizeEnum.Small:
-                return 'p-button-sm mng-button-sm';
+                return 'p-button-sm';
             case StyleSizeEnum.Large:
-                return 'p-button-lg mng-button-lg';
+                return 'p-button-lg';
             case StyleSizeEnum.ExtraLarge:
-                return 'p-button-lg mng-button-xl';
+                return 'mng-button-xl';
             case StyleSizeEnum.Normal:
             default:
                 return '';

package/fesm2022/mediusinc-mng-commons-form-api.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mediusinc-mng-commons-form-api.mjs","sources":["../../form/api/src/data-providers/lookup.data-provider.ts","../../form/api/src/data-providers/lookup-data-provider.factory.ts","../../form/api/src/descriptors/action-button.descriptor.ts","../../form/api/src/descriptors/button-style.builder.ts","../../form/api/src/index.ts","../../form/api/src/mediusinc-mng-commons-form-api.ts"],"sourcesContent":["import {DataProviderInst, ILookupDataProvider, LookupDataProviderLookupFnType, ServiceClassOptType} from '@mediusinc/mng-commons/core';\n\nexport class LookupDataProviderInst<Model, Service = any, Sorts = keyof Model, Filters extends keyof any = keyof Model, ServiceClass = ServiceClassOptType<Service>>\n    extends DataProviderInst<Model, Service, ServiceClass>\n    implements ILookupDataProvider<Model, Service, Sorts, Filters, ServiceClass>\n{\n    protected _lookup: LookupDataProviderLookupFnType<Model, Service, Sorts, Filters> = () => [];\n\n    public constructor(serviceType: ServiceClass) {\n        super(serviceType);\n    }\n\n    get lookup() {\n        return this._lookup;\n    }\n\n    withLookup(fn: LookupDataProviderLookupFnType<Model, Service, Sorts, Filters>): this {\n        this._lookup = fn;\n        return this;\n    }\n}\n","import {ServiceClassType} from '@mediusinc/mng-commons/core';\nimport {ModelDescriptor, TypeDescriptor} from '@mediusinc/mng-commons/model';\n\nimport {LookupDataProviderInst} from './lookup.data-provider';\n\n/**\n * Creates and returns an instance of `LookupDataProviderInst` with the specified options for managing lookup data.\n *\n * @param {Object} [opts] - The options object to configure the data provider.\n * @param {TypeDescriptor<Model> | ModelDescriptor<Model>} [opts.type] - The descriptor defining the type of model.\n * @param {ServiceClassType<Service>} [opts.service] - The service class type associated with the data provider.\n * @param {TypeDescriptor<CreateModel> | ModelDescriptor<CreateModel>} [opts.filtersType] - The descriptor defining the filters type.\n * @param {TypeDescriptor<UpdateModel> | ModelDescriptor<UpdateModel>} [opts.sortsType] - The descriptor defining the sorts type.\n * @return {LookupDataProviderInst<Model, Service, Sorts, Filters, ServiceClass>} An instance of `LookupDataProviderInst` configured according to the provided options.\n */\nexport function lookupDataProvider<\n    Model,\n    Service = any,\n    Sorts = keyof Model,\n    Filters extends keyof any = keyof Model,\n    ServiceClass = Service extends undefined ? undefined : ServiceClassType<Service>\n>(opts?: {\n    type?: TypeDescriptor<Model> | ModelDescriptor<Model>;\n    service?: ServiceClassType<Service>;\n    filtersType?: TypeDescriptor<Filters> | ModelDescriptor<Filters>;\n    sortsType?: TypeDescriptor<Sorts> | ModelDescriptor<Sorts>;\n}): LookupDataProviderInst<Model, Service, Sorts, Filters, ServiceClass> {\n    return new LookupDataProviderInst<Model, Service, Sorts, Filters, ServiceClass>(opts?.service as ServiceClass);\n}\n","import {IActionButtonDescriptor, IButtonStyleDescriptor} from '../models/button.model';\n\nexport class ActionButtonDescriptor implements IActionButtonDescriptor {\n    private _label?: string | null;\n\n    private _icon?: string | null;\n    private _iconPosition?: 'left' | 'right';\n\n    private _styleClass?: IButtonStyleDescriptor;\n\n    private _badge?: string;\n    private _tooltip?: string | null;\n    private _tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';\n\n    public withLabel(label?: string | null): this {\n        this._label = label;\n        return this;\n    }\n\n    public withIcon(icon: string | null, iconPosition?: 'left' | 'right'): this {\n        this._icon = icon;\n        this._iconPosition = iconPosition;\n        return this;\n    }\n\n    public withStyle(style?: IButtonStyleDescriptor): this {\n        this._styleClass = style;\n        return this;\n    }\n\n    public withBadge(badge: string): this {\n        this._badge = badge;\n        return this;\n    }\n\n    public withTooltip(tooltip: string | null, position?: 'top' | 'bottom' | 'left' | 'right'): this {\n        this._tooltip = tooltip;\n        this._tooltipPosition = position ?? 'top';\n        return this;\n    }\n\n    public get label() {\n        return this._label;\n    }\n\n    public get icon() {\n        return this._icon;\n    }\n\n    public get iconPosition() {\n        return this._iconPosition;\n    }\n\n    public get style() {\n        return this._styleClass;\n    }\n\n    public get badge() {\n        return this._badge;\n    }\n\n    public get tooltip() {\n        return this._tooltip;\n    }\n\n    public get tooltipPosition() {\n        return this._tooltipPosition;\n    }\n\n    public copy(): ActionButtonDescriptor {\n        const descriptor = new ActionButtonDescriptor();\n        descriptor._label = this._label;\n        descriptor._icon = this._icon;\n        descriptor._iconPosition = this._iconPosition;\n        descriptor._styleClass = {...this._styleClass};\n        descriptor._badge = this._badge;\n        descriptor._tooltip = this._tooltip;\n        return descriptor;\n    }\n}\n","import {StyleLevelEnum, StyleSizeEnum} from '@mediusinc/mng-commons/core';\n\nimport {IButtonStyleDescriptor} from '../models/button.model';\n\nexport class ButtonStyleBuilder implements IButtonStyleDescriptor {\n    private _level?: StyleLevelEnum;\n    private _size?: StyleSizeEnum;\n    private _textButton?: boolean;\n    private _outlined?: boolean;\n    private _raised?: boolean;\n    private _rounded?: boolean;\n    private _class?: string;\n\n    public static from(opts?: IButtonStyleDescriptor): ButtonStyleBuilder {\n        const builder = new ButtonStyleBuilder();\n        builder._level = opts?.level;\n        builder._size = opts?.size;\n        builder._textButton = opts?.textButton;\n        builder._outlined = opts?.outlined;\n        builder._raised = opts?.raised;\n        builder._rounded = opts?.rounded;\n        builder._class = opts?.class;\n        return builder;\n    }\n\n    public get level() {\n        return this._level;\n    }\n\n    public get size() {\n        return this._size;\n    }\n\n    public get textButton() {\n        return this._textButton;\n    }\n\n    public get outlined() {\n        return this._outlined;\n    }\n\n    public get raised() {\n        return this._raised;\n    }\n\n    public get rounded() {\n        return this._rounded;\n    }\n\n    public get class() {\n        return this._class;\n    }\n\n    /**\n     * sets custom action level and returns this object\n     * @param level\n     */\n    public withLevel(level: StyleLevelEnum): ButtonStyleBuilder {\n        this._level = level;\n        return this;\n    }\n\n    /**\n     * sets custom size and return this object\n     * @param size\n     */\n    public withSize(size: StyleSizeEnum): ButtonStyleBuilder {\n        this._size = size;\n        return this;\n    }\n\n    /**\n     * sets text button property\n     * @param text default true\n     */\n    public withTextButton(text = true): ButtonStyleBuilder {\n        this._textButton = text;\n        return this;\n    }\n\n    /**\n     * sets outline button property\n     * @param outlined default true\n     */\n    public withOutlined(outlined = true): ButtonStyleBuilder {\n        this._outlined = outlined;\n        return this;\n    }\n\n    /**\n     * sets raised button property\n     * @param raised default true\n     */\n    public withRaised(raised = true): ButtonStyleBuilder {\n        this._raised = raised;\n        return this;\n    }\n\n    public withRounded(rounded = true): ButtonStyleBuilder {\n        this._rounded = rounded;\n        return this;\n    }\n\n    /**\n     * sets custom style class\n     * @param customClass\n     */\n    public withClass(customClass: string): ButtonStyleBuilder {\n        this._class = customClass;\n        return this;\n    }\n\n    public build(hasNoTitle = false): string {\n        const styles = [this.levelToStyleClass(), this.sizeToStyleClass(), this._class];\n\n        if (hasNoTitle && this._rounded == null) {\n            styles.push(`p-button-rounded mng-action-button-icon`);\n        }\n\n        if (this._textButton) {\n            styles.push(`p-button-text`);\n        }\n\n        if (this._outlined) {\n            styles.push(`p-button-outlined`);\n        }\n\n        if (this._raised) {\n            styles.push(`p-button-raised`);\n        }\n\n        if (this._rounded) {\n            styles.push('p-button-rounded');\n        }\n\n        return styles.join(' ');\n    }\n\n    public copy(): ButtonStyleBuilder {\n        const builder = new ButtonStyleBuilder();\n        builder._level = this._level;\n        builder._size = this._size;\n        builder._textButton = this._textButton;\n        builder._outlined = this._outlined;\n        builder._raised = this._raised;\n        builder._rounded = this._rounded;\n        builder._class = this._class;\n        return builder;\n    }\n\n    private levelToStyleClass(): string {\n        switch (this._level) {\n            case undefined:\n            case StyleLevelEnum.Default:\n            case StyleLevelEnum.Primary:\n                return 'p-button-primary';\n            case StyleLevelEnum.Secondary:\n                return 'p-button-secondary';\n            case StyleLevelEnum.Info:\n                return 'p-button-info';\n            case StyleLevelEnum.Help:\n                return 'p-button-help';\n            case StyleLevelEnum.Success:\n                return 'p-button-success';\n            case StyleLevelEnum.Warning:\n                return 'p-button-warning';\n            case StyleLevelEnum.Danger:\n                return 'p-button-danger';\n        }\n    }\n\n    private sizeToStyleClass(): string {\n        switch (this._size) {\n            case StyleSizeEnum.ExtraSmall:\n                return 'p-button-sm mng-button-xs';\n            case StyleSizeEnum.Small:\n                return 'p-button-sm mng-button-sm';\n            case StyleSizeEnum.Large:\n                return 'p-button-lg mng-button-lg';\n            case StyleSizeEnum.ExtraLarge:\n                return 'p-button-lg mng-button-xl';\n            case StyleSizeEnum.Normal:\n            default:\n                return '';\n        }\n    }\n}\n","// data providers\nexport * from './data-providers/lookup.data-provider';\nexport * from './data-providers/lookup-data-provider.factory';\n\n// descriptors\nexport * from './descriptors/action-button.descriptor';\nexport * from './descriptors/button-style.builder';\n\n// models\nexport * from './models/button.model';\nexport * from './models/trim.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mediusinc-mng-commons-form-api.mjs","sources":["../../form/api/src/data-providers/lookup.data-provider.ts","../../form/api/src/data-providers/lookup-data-provider.factory.ts","../../form/api/src/descriptors/action-button.descriptor.ts","../../form/api/src/descriptors/button-style.builder.ts","../../form/api/src/index.ts","../../form/api/src/mediusinc-mng-commons-form-api.ts"],"sourcesContent":["import {DataProviderInst, ILookupDataProvider, LookupDataProviderLookupFnType, ServiceClassOptType} from '@mediusinc/mng-commons/core';\n\nexport class LookupDataProviderInst<Model, Service = any, Sorts = keyof Model, Filters extends keyof any = keyof Model, ServiceClass = ServiceClassOptType<Service>>\n    extends DataProviderInst<Model, Service, ServiceClass>\n    implements ILookupDataProvider<Model, Service, Sorts, Filters, ServiceClass>\n{\n    protected _lookup: LookupDataProviderLookupFnType<Model, Service, Sorts, Filters> = () => [];\n\n    public constructor(serviceType: ServiceClass) {\n        super(serviceType);\n    }\n\n    get lookup() {\n        return this._lookup;\n    }\n\n    withLookup(fn: LookupDataProviderLookupFnType<Model, Service, Sorts, Filters>): this {\n        this._lookup = fn;\n        return this;\n    }\n}\n","import {ServiceClassType} from '@mediusinc/mng-commons/core';\nimport {ModelDescriptor, TypeDescriptor} from '@mediusinc/mng-commons/model';\n\nimport {LookupDataProviderInst} from './lookup.data-provider';\n\n/**\n * Creates and returns an instance of `LookupDataProviderInst` with the specified options for managing lookup data.\n *\n * @param {Object} [opts] - The options object to configure the data provider.\n * @param {TypeDescriptor<Model> | ModelDescriptor<Model>} [opts.type] - The descriptor defining the type of model.\n * @param {ServiceClassType<Service>} [opts.service] - The service class type associated with the data provider.\n * @param {TypeDescriptor<CreateModel> | ModelDescriptor<CreateModel>} [opts.filtersType] - The descriptor defining the filters type.\n * @param {TypeDescriptor<UpdateModel> | ModelDescriptor<UpdateModel>} [opts.sortsType] - The descriptor defining the sorts type.\n * @return {LookupDataProviderInst<Model, Service, Sorts, Filters, ServiceClass>} An instance of `LookupDataProviderInst` configured according to the provided options.\n */\nexport function lookupDataProvider<\n    Model,\n    Service = any,\n    Sorts = keyof Model,\n    Filters extends keyof any = keyof Model,\n    ServiceClass = Service extends undefined ? undefined : ServiceClassType<Service>\n>(opts?: {\n    type?: TypeDescriptor<Model> | ModelDescriptor<Model>;\n    service?: ServiceClassType<Service>;\n    filtersType?: TypeDescriptor<Filters> | ModelDescriptor<Filters>;\n    sortsType?: TypeDescriptor<Sorts> | ModelDescriptor<Sorts>;\n}): LookupDataProviderInst<Model, Service, Sorts, Filters, ServiceClass> {\n    return new LookupDataProviderInst<Model, Service, Sorts, Filters, ServiceClass>(opts?.service as ServiceClass);\n}\n","import {IActionButtonDescriptor, IButtonStyleDescriptor} from '../models/button.model';\n\nexport class ActionButtonDescriptor implements IActionButtonDescriptor {\n    private _label?: string | null;\n\n    private _icon?: string | null;\n    private _iconPosition?: 'left' | 'right';\n\n    private _styleClass?: IButtonStyleDescriptor;\n\n    private _badge?: string;\n    private _tooltip?: string | null;\n    private _tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';\n\n    public withLabel(label?: string | null): this {\n        this._label = label;\n        return this;\n    }\n\n    public withIcon(icon: string | null, iconPosition?: 'left' | 'right'): this {\n        this._icon = icon;\n        this._iconPosition = iconPosition;\n        return this;\n    }\n\n    public withStyle(style?: IButtonStyleDescriptor): this {\n        this._styleClass = style;\n        return this;\n    }\n\n    public withBadge(badge: string): this {\n        this._badge = badge;\n        return this;\n    }\n\n    public withTooltip(tooltip: string | null, position?: 'top' | 'bottom' | 'left' | 'right'): this {\n        this._tooltip = tooltip;\n        this._tooltipPosition = position ?? 'top';\n        return this;\n    }\n\n    public get label() {\n        return this._label;\n    }\n\n    public get icon() {\n        return this._icon;\n    }\n\n    public get iconPosition() {\n        return this._iconPosition;\n    }\n\n    public get style() {\n        return this._styleClass;\n    }\n\n    public get badge() {\n        return this._badge;\n    }\n\n    public get tooltip() {\n        return this._tooltip;\n    }\n\n    public get tooltipPosition() {\n        return this._tooltipPosition;\n    }\n\n    public copy(): ActionButtonDescriptor {\n        const descriptor = new ActionButtonDescriptor();\n        descriptor._label = this._label;\n        descriptor._icon = this._icon;\n        descriptor._iconPosition = this._iconPosition;\n        descriptor._styleClass = {...this._styleClass};\n        descriptor._badge = this._badge;\n        descriptor._tooltip = this._tooltip;\n        return descriptor;\n    }\n}\n","import {StyleLevelEnum, StyleSizeEnum} from '@mediusinc/mng-commons/core';\n\nimport {IButtonStyleDescriptor} from '../models/button.model';\n\nexport class ButtonStyleBuilder implements IButtonStyleDescriptor {\n    private _level?: StyleLevelEnum;\n    private _size?: StyleSizeEnum;\n    private _textButton?: boolean;\n    private _outlined?: boolean;\n    private _raised?: boolean;\n    private _rounded?: boolean;\n    private _class?: string;\n\n    public static from(opts?: IButtonStyleDescriptor): ButtonStyleBuilder {\n        const builder = new ButtonStyleBuilder();\n        builder._level = opts?.level;\n        builder._size = opts?.size;\n        builder._textButton = opts?.textButton;\n        builder._outlined = opts?.outlined;\n        builder._raised = opts?.raised;\n        builder._rounded = opts?.rounded;\n        builder._class = opts?.class;\n        return builder;\n    }\n\n    public get level() {\n        return this._level;\n    }\n\n    public get size() {\n        return this._size;\n    }\n\n    public get textButton() {\n        return this._textButton;\n    }\n\n    public get outlined() {\n        return this._outlined;\n    }\n\n    public get raised() {\n        return this._raised;\n    }\n\n    public get rounded() {\n        return this._rounded;\n    }\n\n    public get class() {\n        return this._class;\n    }\n\n    /**\n     * sets custom action level and returns this object\n     * @param level\n     */\n    public withLevel(level: StyleLevelEnum): ButtonStyleBuilder {\n        this._level = level;\n        return this;\n    }\n\n    /**\n     * sets custom size and return this object\n     * @param size\n     */\n    public withSize(size: StyleSizeEnum): ButtonStyleBuilder {\n        this._size = size;\n        return this;\n    }\n\n    /**\n     * sets text button property\n     * @param text default true\n     */\n    public withTextButton(text = true): ButtonStyleBuilder {\n        this._textButton = text;\n        return this;\n    }\n\n    /**\n     * sets outline button property\n     * @param outlined default true\n     */\n    public withOutlined(outlined = true): ButtonStyleBuilder {\n        this._outlined = outlined;\n        return this;\n    }\n\n    /**\n     * sets raised button property\n     * @param raised default true\n     */\n    public withRaised(raised = true): ButtonStyleBuilder {\n        this._raised = raised;\n        return this;\n    }\n\n    public withRounded(rounded = true): ButtonStyleBuilder {\n        this._rounded = rounded;\n        return this;\n    }\n\n    /**\n     * sets custom style class\n     * @param customClass\n     */\n    public withClass(customClass: string): ButtonStyleBuilder {\n        this._class = customClass;\n        return this;\n    }\n\n    public build(hasNoTitle = false): string {\n        const styles = [this.levelToStyleClass(), this.sizeToStyleClass(), this._class];\n\n        if (this._textButton) {\n            styles.push(`p-button-text`);\n        }\n\n        if (this._outlined) {\n            styles.push(`p-button-outlined`);\n        }\n\n        if (this._raised) {\n            styles.push(`p-button-raised`);\n        }\n\n        if ((hasNoTitle && this._rounded == null) || this._rounded) {\n            styles.push('p-button-rounded');\n        }\n\n        return styles.join(' ');\n    }\n\n    public copy(): ButtonStyleBuilder {\n        const builder = new ButtonStyleBuilder();\n        builder._level = this._level;\n        builder._size = this._size;\n        builder._textButton = this._textButton;\n        builder._outlined = this._outlined;\n        builder._raised = this._raised;\n        builder._rounded = this._rounded;\n        builder._class = this._class;\n        return builder;\n    }\n\n    private levelToStyleClass(): string {\n        switch (this._level) {\n            case undefined:\n            case StyleLevelEnum.Default:\n            case StyleLevelEnum.Primary:\n                return 'p-button-primary';\n            case StyleLevelEnum.Secondary:\n                return 'p-button-secondary';\n            case StyleLevelEnum.Info:\n                return 'p-button-info';\n            case StyleLevelEnum.Help:\n                return 'p-button-help';\n            case StyleLevelEnum.Success:\n                return 'p-button-success';\n            case StyleLevelEnum.Warning:\n                return 'p-button-warn';\n            case StyleLevelEnum.Danger:\n                return 'p-button-danger';\n            case StyleLevelEnum.Contrast:\n                return 'p-button-contrast';\n        }\n    }\n\n    private sizeToStyleClass(): string {\n        switch (this._size) {\n            case StyleSizeEnum.ExtraSmall:\n                return 'mng-button-xs';\n            case StyleSizeEnum.Small:\n                return 'p-button-sm';\n            case StyleSizeEnum.Large:\n                return 'p-button-lg';\n            case StyleSizeEnum.ExtraLarge:\n                return 'mng-button-xl';\n            case StyleSizeEnum.Normal:\n            default:\n                return '';\n        }\n    }\n}\n","// data providers\nexport * from './data-providers/lookup.data-provider';\nexport * from './data-providers/lookup-data-provider.factory';\n\n// descriptors\nexport * from './descriptors/action-button.descriptor';\nexport * from './descriptors/button-style.builder';\n\n// models\nexport * from './models/button.model';\nexport * from './models/empty-value.model';\nexport * from './models/trim.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/mediusinc-mng-commons-form.mjs

@@ -1,24 +1,18 @@
-import { AsyncPipe, JsonPipe, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { forwardRef, inject, Injector, DestroyRef, input, booleanAttribute, output, viewChild, signal, computed, effect, Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, Directive } from '@angular/core';
+import { forwardRef, inject, Injector, DestroyRef, input, booleanAttribute, output, viewChild, signal, computed, effect, Component, ChangeDetectionStrategy, ChangeDetectorRef, ViewEncapsulation, ElementRef, Renderer2, afterNextRender, Directive } from '@angular/core';
 import { takeUntilDestroyed, toObservable as toObservable$1 } from '@angular/core/rxjs-interop';
-import * as i1$1 from '@angular/forms';
+import * as i2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, NG_VALIDATORS, FormBuilder, Validators, ReactiveFormsModule, NgControl } from '@angular/forms';
-import * as i2 from '@ngx-translate/core';
+import * as i1 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import * as i1 from 'primeng/autocomplete';
-import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
+import { AutoComplete } from 'primeng/autocomplete';
 import { ReplaySubject, take, switchMap, of, merge, Subject, distinctUntilChanged, debounceTime, combineLatest, tap, map as map$1 } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { LoggerService, CommonsInternalError, FilterMatchMode, fromSubscribeError, getErrorLogLevel, toObservable } from '@mediusinc/mng-commons/core';
-import * as i2$1 from 'primeng/calendar';
-import { CalendarModule } from 'primeng/calendar';
-import * as i1$2 from 'primeng/dropdown';
-import { Dropdown, DropdownModule } from 'primeng/dropdown';
-import * as i2$2 from 'primeng/multiselect';
-import { MultiSelect, MultiSelectModule } from 'primeng/multiselect';
-import * as i2$3 from 'primeng/inputnumber';
-import { InputNumberModule } from 'primeng/inputnumber';
+import { DatePicker } from 'primeng/datepicker';
+import { MultiSelect } from 'primeng/multiselect';
+import { Select } from 'primeng/select';
+import { InputNumber } from 'primeng/inputnumber';
 
 const AUTOCOMPLETE_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
@@ -51,6 +45,7 @@ class AutocompleteComponent {
         this.searchTrim = input(undefined);
         this.disabledInput = input(false, { transform: booleanAttribute, alias: 'disabled' });
         this.valueChange = output();
+        // eslint-disable-next-line @angular-eslint/no-output-native
         this.blur = output();
         this.primeAutocomplete = viewChild(AutoComplete);
         this.isInited = false;
@@ -435,12 +430,12 @@ class AutocompleteComponent {
             return value;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.12", type: AutocompleteComponent, isStandalone: true, selector: "mng-autocomplete", inputs: { dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: true, transformFunction: null }, optionsTrackProperty: { classPropertyName: "optionsTrackProperty", publicName: "optionsTrackProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsValuePropertyInit: { classPropertyName: "optionsValuePropertyInit", publicName: "optionsValueProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelPropertyInit: { classPropertyName: "optionsLabelPropertyInit", publicName: "optionsLabelProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelTranslate: { classPropertyName: "optionsLabelTranslate", publicName: "optionsLabelTranslate", isSignal: true, isRequired: false, transformFunction: null }, inlineSearch: { classPropertyName: "inlineSearch", publicName: "inlineSearch", isSignal: true, isRequired: false, transformFunction: null }, openOnFocus: { classPropertyName: "openOnFocus", publicName: "openOnFocus", isSignal: true, isRequired: false, transformFunction: null }, multiselect: { classPropertyName: "multiselect", publicName: "multiselect", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, dropdownClassName: { classPropertyName: "dropdownClassName", publicName: "dropdownClassName", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, selectFirst: { classPropertyName: "selectFirst", publicName: "selectFirst", isSignal: true, isRequired: false, transformFunction: null }, searchTrim: { classPropertyName: "searchTrim", publicName: "searchTrim", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", blur: "blur" }, providers: [AUTOCOMPLETE_VALUE_ACCESSOR], viewQueries: [{ propertyName: "primeAutocomplete", first: true, predicate: AutoComplete, descendants: true, isSignal: true }], ngImport: i0, template: "<p-autoComplete\n    [ngModel]=\"ngModelValue()\"\n    [placeholder]=\"placeholder()\"\n    [dropdown]=\"true\"\n    [dataKey]=\"optionsTrackProperty()\"\n    [optionLabel]=\"optionsLabelProperty()\"\n    [suggestions]=\"suggestions()\"\n    [multiple]=\"multiselect()\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"className()\"\n    [panelStyleClass]=\"dropdownClassName()\"\n    [minLength]=\"openOnFocus() ? 0 : 1\"\n    [showClear]=\"showClear()\"\n    [forceSelection]=\"autoClear()\"\n    [disabled]=\"disabled()\"\n    [completeOnFocus]=\"openOnFocus()\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onUnselect)=\"onUnselect($event)\"\n    (onFocus)=\"onFocus($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onClear)=\"onClear()\"\n    (onShow)=\"onShow()\"\n    (onHide)=\"onHide()\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n", dependencies: [{ kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.7", type: AutocompleteComponent, isStandalone: true, selector: "mng-autocomplete", inputs: { dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: true, transformFunction: null }, optionsTrackProperty: { classPropertyName: "optionsTrackProperty", publicName: "optionsTrackProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsValuePropertyInit: { classPropertyName: "optionsValuePropertyInit", publicName: "optionsValueProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelPropertyInit: { classPropertyName: "optionsLabelPropertyInit", publicName: "optionsLabelProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelTranslate: { classPropertyName: "optionsLabelTranslate", publicName: "optionsLabelTranslate", isSignal: true, isRequired: false, transformFunction: null }, inlineSearch: { classPropertyName: "inlineSearch", publicName: "inlineSearch", isSignal: true, isRequired: false, transformFunction: null }, openOnFocus: { classPropertyName: "openOnFocus", publicName: "openOnFocus", isSignal: true, isRequired: false, transformFunction: null }, multiselect: { classPropertyName: "multiselect", publicName: "multiselect", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, dropdownClassName: { classPropertyName: "dropdownClassName", publicName: "dropdownClassName", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, selectFirst: { classPropertyName: "selectFirst", publicName: "selectFirst", isSignal: true, isRequired: false, transformFunction: null }, searchTrim: { classPropertyName: "searchTrim", publicName: "searchTrim", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", blur: "blur" }, providers: [AUTOCOMPLETE_VALUE_ACCESSOR], viewQueries: [{ propertyName: "primeAutocomplete", first: true, predicate: AutoComplete, descendants: true, isSignal: true }], ngImport: i0, template: "<p-autoComplete\n    [ngModel]=\"ngModelValue()\"\n    [placeholder]=\"placeholder()\"\n    [dropdown]=\"true\"\n    [dataKey]=\"optionsTrackProperty()\"\n    [optionLabel]=\"optionsLabelProperty()\"\n    [suggestions]=\"suggestions()\"\n    [multiple]=\"multiselect()\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"className()\"\n    [panelStyleClass]=\"dropdownClassName()\"\n    [minLength]=\"openOnFocus() ? 0 : 1\"\n    [showClear]=\"showClear()\"\n    [forceSelection]=\"autoClear()\"\n    [disabled]=\"disabled()\"\n    [completeOnFocus]=\"openOnFocus()\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onUnselect)=\"onUnselect($event)\"\n    (onFocus)=\"onFocus($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onClear)=\"onClear()\"\n    (onShow)=\"onShow()\"\n    (onHide)=\"onHide()\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-autocomplete', providers: [AUTOCOMPLETE_VALUE_ACCESSOR], imports: [AutoCompleteModule, AsyncPipe, TranslateModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-autoComplete\n    [ngModel]=\"ngModelValue()\"\n    [placeholder]=\"placeholder()\"\n    [dropdown]=\"true\"\n    [dataKey]=\"optionsTrackProperty()\"\n    [optionLabel]=\"optionsLabelProperty()\"\n    [suggestions]=\"suggestions()\"\n    [multiple]=\"multiselect()\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"className()\"\n    [panelStyleClass]=\"dropdownClassName()\"\n    [minLength]=\"openOnFocus() ? 0 : 1\"\n    [showClear]=\"showClear()\"\n    [forceSelection]=\"autoClear()\"\n    [disabled]=\"disabled()\"\n    [completeOnFocus]=\"openOnFocus()\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onUnselect)=\"onUnselect($event)\"\n    (onFocus)=\"onFocus($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onClear)=\"onClear()\"\n    (onShow)=\"onShow()\"\n    (onHide)=\"onHide()\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n" }]
+            args: [{ selector: 'mng-autocomplete', providers: [AUTOCOMPLETE_VALUE_ACCESSOR], imports: [TranslateModule, FormsModule, AutoComplete], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-autoComplete\n    [ngModel]=\"ngModelValue()\"\n    [placeholder]=\"placeholder()\"\n    [dropdown]=\"true\"\n    [dataKey]=\"optionsTrackProperty()\"\n    [optionLabel]=\"optionsLabelProperty()\"\n    [suggestions]=\"suggestions()\"\n    [multiple]=\"multiselect()\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"className()\"\n    [panelStyleClass]=\"dropdownClassName()\"\n    [minLength]=\"openOnFocus() ? 0 : 1\"\n    [showClear]=\"showClear()\"\n    [forceSelection]=\"autoClear()\"\n    [disabled]=\"disabled()\"\n    [completeOnFocus]=\"openOnFocus()\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onUnselect)=\"onUnselect($event)\"\n    (onFocus)=\"onFocus($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onClear)=\"onClear()\"\n    (onShow)=\"onShow()\"\n    (onHide)=\"onHide()\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n" }]
         }], ctorParameters: () => [] });
 
 const DATE_RANGE_VALUE_ACCESSOR = {
@@ -460,14 +455,15 @@ class DateRangeComponent {
         this.destroyRef = inject(DestroyRef);
         this.cdr = inject(ChangeDetectorRef);
         this.placeholder = input();
-        this.showTime = input(false);
-        this.showSeconds = input(false);
+        this.showTime = input(false, { transform: booleanAttribute });
+        this.showSeconds = input(false, { transform: booleanAttribute });
         this.dateFormat = input();
         this.className = input();
         this.required = input(false, { transform: booleanAttribute });
         this.disabled = input(false, {
             transform: booleanAttribute
         });
+        this.vertical = input(false, { transform: booleanAttribute });
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onChangeFn = () => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -572,14 +568,14 @@ class DateRangeComponent {
             this.onChangeFn(date);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DateRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: DateRangeComponent, isStandalone: true, selector: "mng-date-range", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "className()" } }, providers: [DATE_RANGE_VALUE_ACCESSOR, DATE_RANGE_VALIDATOR], ngImport: i0, template: "@if (showTime()) {\n    <div class=\"flex gap-2\">\n        <p-calendar\n            appendTo=\"body\"\n            [formControl]=\"fromCtrl\"\n            [maxDate]=\"toCtrl.value\"\n            [placeholder]=\"placeholder()\"\n            [dateFormat]=\"dateFormat()\"\n            [showTime]=\"true\"\n            [showSeconds]=\"showSeconds()\"\n            [showIcon]=\"true\"\n            [firstDayOfWeek]=\"1\"\n            (onBlur)=\"onBlur()\"></p-calendar>\n        <p-calendar\n            appendTo=\"body\"\n            [formControl]=\"toCtrl\"\n            [minDate]=\"fromCtrl.value\"\n            [placeholder]=\"placeholder()\"\n            [dateFormat]=\"dateFormat()\"\n            [showTime]=\"true\"\n            [showSeconds]=\"showSeconds()\"\n            [showIcon]=\"true\"\n            [firstDayOfWeek]=\"1\"\n            (onBlur)=\"onBlur()\"></p-calendar>\n    </div>\n} @else {\n    <p-calendar\n        appendTo=\"body\"\n        [formControl]=\"dateRangeCtrl\"\n        [placeholder]=\"placeholder()\"\n        [dateFormat]=\"dateFormat()\"\n        selectionMode=\"range\"\n        [showIcon]=\"true\"\n        [firstDayOfWeek]=\"1\"\n        (onBlur)=\"onBlur()\"></p-calendar>\n}\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i2$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DateRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: DateRangeComponent, isStandalone: true, selector: "mng-date-range", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "className()" } }, providers: [DATE_RANGE_VALUE_ACCESSOR, DATE_RANGE_VALIDATOR], ngImport: i0, template: "@if (showTime()) {\n    <div class=\"flex gap-1\" [class.flex-col]=\"vertical()\">\n        <p-date-picker\n            appendTo=\"body\"\n            [formControl]=\"fromCtrl\"\n            [maxDate]=\"toCtrl.value\"\n            [placeholder]=\"placeholder()\"\n            [dateFormat]=\"dateFormat()\"\n            [showTime]=\"true\"\n            [showSeconds]=\"showSeconds()\"\n            [showIcon]=\"true\"\n            [firstDayOfWeek]=\"1\"\n            (onBlur)=\"onBlur()\"></p-date-picker>\n        <p-date-picker\n            appendTo=\"body\"\n            [formControl]=\"toCtrl\"\n            [minDate]=\"fromCtrl.value\"\n            [placeholder]=\"placeholder()\"\n            [dateFormat]=\"dateFormat()\"\n            [showTime]=\"true\"\n            [showSeconds]=\"showSeconds()\"\n            [showIcon]=\"true\"\n            [firstDayOfWeek]=\"1\"\n            (onBlur)=\"onBlur()\"></p-date-picker>\n    </div>\n} @else {\n    <p-date-picker\n        appendTo=\"body\"\n        [formControl]=\"dateRangeCtrl\"\n        [placeholder]=\"placeholder()\"\n        [dateFormat]=\"dateFormat()\"\n        selectionMode=\"range\"\n        [showIcon]=\"true\"\n        [firstDayOfWeek]=\"1\"\n        (onBlur)=\"onBlur()\"></p-date-picker>\n}\n", styles: ["mng-date-range.ng-dirty.ng-invalid p-date-picker>.p-datepicker>.p-inputtext{border-color:var(--p-inputtext-invalid-border-color, #f87171)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DateRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DateRangeComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-date-range', providers: [DATE_RANGE_VALUE_ACCESSOR, DATE_RANGE_VALIDATOR], imports: [FormsModule, CalendarModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'mng-date-range', providers: [DATE_RANGE_VALUE_ACCESSOR, DATE_RANGE_VALIDATOR], imports: [FormsModule, ReactiveFormsModule, DatePicker], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'className()'
-                    }, template: "@if (showTime()) {\n    <div class=\"flex gap-2\">\n        <p-calendar\n            appendTo=\"body\"\n            [formControl]=\"fromCtrl\"\n            [maxDate]=\"toCtrl.value\"\n            [placeholder]=\"placeholder()\"\n            [dateFormat]=\"dateFormat()\"\n            [showTime]=\"true\"\n            [showSeconds]=\"showSeconds()\"\n            [showIcon]=\"true\"\n            [firstDayOfWeek]=\"1\"\n            (onBlur)=\"onBlur()\"></p-calendar>\n        <p-calendar\n            appendTo=\"body\"\n            [formControl]=\"toCtrl\"\n            [minDate]=\"fromCtrl.value\"\n            [placeholder]=\"placeholder()\"\n            [dateFormat]=\"dateFormat()\"\n            [showTime]=\"true\"\n            [showSeconds]=\"showSeconds()\"\n            [showIcon]=\"true\"\n            [firstDayOfWeek]=\"1\"\n            (onBlur)=\"onBlur()\"></p-calendar>\n    </div>\n} @else {\n    <p-calendar\n        appendTo=\"body\"\n        [formControl]=\"dateRangeCtrl\"\n        [placeholder]=\"placeholder()\"\n        [dateFormat]=\"dateFormat()\"\n        selectionMode=\"range\"\n        [showIcon]=\"true\"\n        [firstDayOfWeek]=\"1\"\n        (onBlur)=\"onBlur()\"></p-calendar>\n}\n" }]
+                    }, template: "@if (showTime()) {\n    <div class=\"flex gap-1\" [class.flex-col]=\"vertical()\">\n        <p-date-picker\n            appendTo=\"body\"\n            [formControl]=\"fromCtrl\"\n            [maxDate]=\"toCtrl.value\"\n            [placeholder]=\"placeholder()\"\n            [dateFormat]=\"dateFormat()\"\n            [showTime]=\"true\"\n            [showSeconds]=\"showSeconds()\"\n            [showIcon]=\"true\"\n            [firstDayOfWeek]=\"1\"\n            (onBlur)=\"onBlur()\"></p-date-picker>\n        <p-date-picker\n            appendTo=\"body\"\n            [formControl]=\"toCtrl\"\n            [minDate]=\"fromCtrl.value\"\n            [placeholder]=\"placeholder()\"\n            [dateFormat]=\"dateFormat()\"\n            [showTime]=\"true\"\n            [showSeconds]=\"showSeconds()\"\n            [showIcon]=\"true\"\n            [firstDayOfWeek]=\"1\"\n            (onBlur)=\"onBlur()\"></p-date-picker>\n    </div>\n} @else {\n    <p-date-picker\n        appendTo=\"body\"\n        [formControl]=\"dateRangeCtrl\"\n        [placeholder]=\"placeholder()\"\n        [dateFormat]=\"dateFormat()\"\n        selectionMode=\"range\"\n        [showIcon]=\"true\"\n        [firstDayOfWeek]=\"1\"\n        (onBlur)=\"onBlur()\"></p-date-picker>\n}\n", styles: ["mng-date-range.ng-dirty.ng-invalid p-date-picker>.p-datepicker>.p-inputtext{border-color:var(--p-inputtext-invalid-border-color, #f87171)}\n"] }]
         }] });
 
 const DROPDOWN_VALUE_ACCESSOR = {
@@ -617,8 +613,9 @@ class DropdownComponent {
         this.inlineSearch = input(false, { transform: booleanAttribute });
         this.searchTrim = input(undefined);
         this.valueChange = output();
+        // eslint-disable-next-line @angular-eslint/no-output-native
         this.blur = output();
-        this.primeDropdown = viewChild(Dropdown);
+        this.primeSelect = viewChild(Select);
         this.primeMultiselect = viewChild(MultiSelect);
         this.ngModelValue = signal(undefined);
         this._loading = signal(false);
@@ -710,7 +707,7 @@ class DropdownComponent {
             // ignore this blur event
             return;
         }
-        const primeDropdown = this.primeDropdown();
+        const primeDropdown = this.primeSelect();
         if (this.changeValueOnBlur() && primeDropdown) {
             this.propagateValueChange(primeDropdown.value);
         }
@@ -932,12 +929,12 @@ class DropdownComponent {
                 return value;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: DropdownComponent, isStandalone: true, selector: "mng-dropdown", inputs: { dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionsTrackProperty: { classPropertyName: "optionsTrackProperty", publicName: "optionsTrackProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelPropertyInit: { classPropertyName: "optionsLabelPropertyInit", publicName: "optionsLabelProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelTranslate: { classPropertyName: "optionsLabelTranslate", publicName: "optionsLabelTranslate", isSignal: true, isRequired: false, transformFunction: null }, optionsValuePropertyInput: { classPropertyName: "optionsValuePropertyInput", publicName: "optionsValueProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsDisabledProperty: { classPropertyName: "optionsDisabledProperty", publicName: "optionsDisabledProperty", isSignal: true, isRequired: false, transformFunction: null }, multiselect: { classPropertyName: "multiselect", publicName: "multiselect", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, selectFirstItemInput: { classPropertyName: "selectFirstItemInput", publicName: "selectFirstItem", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, dropdownClassName: { classPropertyName: "dropdownClassName", publicName: "dropdownClassName", isSignal: true, isRequired: false, transformFunction: null }, changeValueOnBlur: { classPropertyName: "changeValueOnBlur", publicName: "changeValueOnBlur", isSignal: true, isRequired: false, transformFunction: null }, loadingInput: { classPropertyName: "loadingInput", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, allowInput: { classPropertyName: "allowInput", publicName: "allowInput", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, inlineSearch: { classPropertyName: "inlineSearch", publicName: "inlineSearch", isSignal: true, isRequired: false, transformFunction: null }, searchTrim: { classPropertyName: "searchTrim", publicName: "searchTrim", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", blur: "blur" }, providers: [DROPDOWN_VALUE_ACCESSOR], viewQueries: [{ propertyName: "primeDropdown", first: true, predicate: Dropdown, descendants: true, isSignal: true }, { propertyName: "primeMultiselect", first: true, predicate: MultiSelect, descendants: true, isSignal: true }], ngImport: i0, template: "@if (!multiselect()) {\n    <p-dropdown\n        [(ngModel)]=\"ngModelValue\"\n        [placeholder]=\"placeholder()\"\n        [dataKey]=\"optionsTrackProperty()\"\n        [optionLabel]=\"optionsLabelProperty()\"\n        [optionValue]=\"optionsValueProperty()\"\n        [optionDisabled]=\"optionsDisabledProperty()\"\n        [options]=\"items()\"\n        [showClear]=\"showClear()\"\n        [editable]=\"allowInput()\"\n        [styleClass]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [disabled]=\"disabled()\"\n        [filter]=\"inlineSearch() && !allowInput()\"\n        [filterBy]=\"optionsLabelProperty()\"\n        (onBlur)=\"onDropdownBlur($event)\"\n        (onChange)=\"onDropdownChange($event)\"\n        (onShow)=\"onDropdownPanelShow()\"\n        (onHide)=\"onDropdownPanelHide()\"\n        [dropdownIcon]=\"loading() ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n        [appendTo]=\"appendTo()\">\n    </p-dropdown>\n} @else {\n    <p-multiSelect\n        [ngModel]=\"ngModelValue()\"\n        [maxSelectedLabels]=\"1\"\n        [selectedItemsLabel]=\"'mngDropdown.multiselectOverMaxDisplayLimit' | translate\"\n        [placeholder]=\"placeholder()\"\n        [dataKey]=\"optionsTrackProperty()\"\n        [optionLabel]=\"optionsLabelProperty()\"\n        [optionValue]=\"optionsValueProperty()\"\n        [optionDisabled]=\"optionsDisabledProperty()\"\n        [options]=\"items()\"\n        [styleClass]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [filter]=\"true\"\n        [showToggleAll]=\"false\"\n        [disabled]=\"disabled()\"\n        (onChange)=\"onMultiselectChange($event)\"\n        (onPanelHide)=\"onMultiselectPanelHide()\"\n        (onBlur)=\"onMultiselectBlur($event)\"\n        appendTo=\"body\">\n    </p-multiSelect>\n}\n", dependencies: [{ kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i1$2.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i2$2.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: DropdownComponent, isStandalone: true, selector: "mng-dropdown", inputs: { dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionsTrackProperty: { classPropertyName: "optionsTrackProperty", publicName: "optionsTrackProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelPropertyInit: { classPropertyName: "optionsLabelPropertyInit", publicName: "optionsLabelProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsLabelTranslate: { classPropertyName: "optionsLabelTranslate", publicName: "optionsLabelTranslate", isSignal: true, isRequired: false, transformFunction: null }, optionsValuePropertyInput: { classPropertyName: "optionsValuePropertyInput", publicName: "optionsValueProperty", isSignal: true, isRequired: false, transformFunction: null }, optionsDisabledProperty: { classPropertyName: "optionsDisabledProperty", publicName: "optionsDisabledProperty", isSignal: true, isRequired: false, transformFunction: null }, multiselect: { classPropertyName: "multiselect", publicName: "multiselect", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, selectFirstItemInput: { classPropertyName: "selectFirstItemInput", publicName: "selectFirstItem", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, dropdownClassName: { classPropertyName: "dropdownClassName", publicName: "dropdownClassName", isSignal: true, isRequired: false, transformFunction: null }, changeValueOnBlur: { classPropertyName: "changeValueOnBlur", publicName: "changeValueOnBlur", isSignal: true, isRequired: false, transformFunction: null }, loadingInput: { classPropertyName: "loadingInput", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, allowInput: { classPropertyName: "allowInput", publicName: "allowInput", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, inlineSearch: { classPropertyName: "inlineSearch", publicName: "inlineSearch", isSignal: true, isRequired: false, transformFunction: null }, searchTrim: { classPropertyName: "searchTrim", publicName: "searchTrim", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", blur: "blur" }, providers: [DROPDOWN_VALUE_ACCESSOR], viewQueries: [{ propertyName: "primeSelect", first: true, predicate: Select, descendants: true, isSignal: true }, { propertyName: "primeMultiselect", first: true, predicate: MultiSelect, descendants: true, isSignal: true }], ngImport: i0, template: "@if (!multiselect()) {\n    <p-select\n        [(ngModel)]=\"ngModelValue\"\n        [placeholder]=\"placeholder()\"\n        [dataKey]=\"optionsTrackProperty()\"\n        [optionLabel]=\"optionsLabelProperty()\"\n        [optionValue]=\"optionsValueProperty()\"\n        [optionDisabled]=\"optionsDisabledProperty()\"\n        [options]=\"items()\"\n        [showClear]=\"showClear()\"\n        [editable]=\"allowInput()\"\n        [styleClass]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [disabled]=\"disabled()\"\n        [filter]=\"inlineSearch() && !allowInput()\"\n        [filterBy]=\"optionsLabelProperty()\"\n        (onBlur)=\"onDropdownBlur($event)\"\n        (onChange)=\"onDropdownChange($event)\"\n        (onShow)=\"onDropdownPanelShow()\"\n        (onHide)=\"onDropdownPanelHide()\"\n        [dropdownIcon]=\"loading() ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n        [appendTo]=\"appendTo()\">\n    </p-select>\n} @else {\n    <p-multiSelect\n        [ngModel]=\"ngModelValue()\"\n        [maxSelectedLabels]=\"1\"\n        [selectedItemsLabel]=\"'mngDropdown.multiselectOverMaxDisplayLimit' | translate\"\n        [placeholder]=\"placeholder()\"\n        [dataKey]=\"optionsTrackProperty()\"\n        [optionLabel]=\"optionsLabelProperty()\"\n        [optionValue]=\"optionsValueProperty()\"\n        [optionDisabled]=\"optionsDisabledProperty()\"\n        [options]=\"items()\"\n        [styleClass]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [filter]=\"true\"\n        [showToggleAll]=\"false\"\n        [disabled]=\"disabled()\"\n        (onChange)=\"onMultiselectChange($event)\"\n        (onPanelHide)=\"onMultiselectPanelHide()\"\n        (onBlur)=\"onMultiselectBlur($event)\"\n        appendTo=\"body\">\n    </p-multiSelect>\n}\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-dropdown', providers: [DROPDOWN_VALUE_ACCESSOR], imports: [DropdownModule, MultiSelectModule, TranslateModule, FormsModule, JsonPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!multiselect()) {\n    <p-dropdown\n        [(ngModel)]=\"ngModelValue\"\n        [placeholder]=\"placeholder()\"\n        [dataKey]=\"optionsTrackProperty()\"\n        [optionLabel]=\"optionsLabelProperty()\"\n        [optionValue]=\"optionsValueProperty()\"\n        [optionDisabled]=\"optionsDisabledProperty()\"\n        [options]=\"items()\"\n        [showClear]=\"showClear()\"\n        [editable]=\"allowInput()\"\n        [styleClass]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [disabled]=\"disabled()\"\n        [filter]=\"inlineSearch() && !allowInput()\"\n        [filterBy]=\"optionsLabelProperty()\"\n        (onBlur)=\"onDropdownBlur($event)\"\n        (onChange)=\"onDropdownChange($event)\"\n        (onShow)=\"onDropdownPanelShow()\"\n        (onHide)=\"onDropdownPanelHide()\"\n        [dropdownIcon]=\"loading() ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n        [appendTo]=\"appendTo()\">\n    </p-dropdown>\n} @else {\n    <p-multiSelect\n        [ngModel]=\"ngModelValue()\"\n        [maxSelectedLabels]=\"1\"\n        [selectedItemsLabel]=\"'mngDropdown.multiselectOverMaxDisplayLimit' | translate\"\n        [placeholder]=\"placeholder()\"\n        [dataKey]=\"optionsTrackProperty()\"\n        [optionLabel]=\"optionsLabelProperty()\"\n        [optionValue]=\"optionsValueProperty()\"\n        [optionDisabled]=\"optionsDisabledProperty()\"\n        [options]=\"items()\"\n        [styleClass]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [filter]=\"true\"\n        [showToggleAll]=\"false\"\n        [disabled]=\"disabled()\"\n        (onChange)=\"onMultiselectChange($event)\"\n        (onPanelHide)=\"onMultiselectPanelHide()\"\n        (onBlur)=\"onMultiselectBlur($event)\"\n        appendTo=\"body\">\n    </p-multiSelect>\n}\n" }]
+            args: [{ selector: 'mng-dropdown', providers: [DROPDOWN_VALUE_ACCESSOR], imports: [TranslateModule, FormsModule, Select, MultiSelect], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!multiselect()) {\n    <p-select\n        [(ngModel)]=\"ngModelValue\"\n        [placeholder]=\"placeholder()\"\n        [dataKey]=\"optionsTrackProperty()\"\n        [optionLabel]=\"optionsLabelProperty()\"\n        [optionValue]=\"optionsValueProperty()\"\n        [optionDisabled]=\"optionsDisabledProperty()\"\n        [options]=\"items()\"\n        [showClear]=\"showClear()\"\n        [editable]=\"allowInput()\"\n        [styleClass]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [disabled]=\"disabled()\"\n        [filter]=\"inlineSearch() && !allowInput()\"\n        [filterBy]=\"optionsLabelProperty()\"\n        (onBlur)=\"onDropdownBlur($event)\"\n        (onChange)=\"onDropdownChange($event)\"\n        (onShow)=\"onDropdownPanelShow()\"\n        (onHide)=\"onDropdownPanelHide()\"\n        [dropdownIcon]=\"loading() ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n        [appendTo]=\"appendTo()\">\n    </p-select>\n} @else {\n    <p-multiSelect\n        [ngModel]=\"ngModelValue()\"\n        [maxSelectedLabels]=\"1\"\n        [selectedItemsLabel]=\"'mngDropdown.multiselectOverMaxDisplayLimit' | translate\"\n        [placeholder]=\"placeholder()\"\n        [dataKey]=\"optionsTrackProperty()\"\n        [optionLabel]=\"optionsLabelProperty()\"\n        [optionValue]=\"optionsValueProperty()\"\n        [optionDisabled]=\"optionsDisabledProperty()\"\n        [options]=\"items()\"\n        [styleClass]=\"className()\"\n        [panelStyleClass]=\"dropdownClassName()\"\n        [filter]=\"true\"\n        [showToggleAll]=\"false\"\n        [disabled]=\"disabled()\"\n        (onChange)=\"onMultiselectChange($event)\"\n        (onPanelHide)=\"onMultiselectPanelHide()\"\n        (onBlur)=\"onMultiselectBlur($event)\"\n        appendTo=\"body\">\n    </p-multiSelect>\n}\n" }]
         }], ctorParameters: () => [] });
 
 const NUMBER_RANGE_VALUE_ACCESSOR = {
@@ -961,13 +958,14 @@ class NumberRangeComponent {
         this.formBuilder = inject(FormBuilder);
         this.cdr = inject(ChangeDetectorRef);
         this.placeholder = input();
-        this.useGrouping = input(true);
+        this.useGrouping = input(true, { transform: booleanAttribute });
         this.minFractionDigits = input();
         this.maxFractionDigits = input();
         this.required = input(false, { transform: booleanAttribute });
         this.disabled = input(false, {
             transform: booleanAttribute
         });
+        this.vertical = input(false, { transform: booleanAttribute });
         this.keyDown = output();
         this.fromToFormControl = this.formBuilder.group({
             from: [null, Validators.required],
@@ -1046,37 +1044,141 @@ class NumberRangeComponent {
         const toDate = this.toCtrl.value;
         this.onChangeFn([fromDate, toDate]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NumberRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.12", type: NumberRangeComponent, isStandalone: true, selector: "mng-number-range", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, minFractionDigits: { classPropertyName: "minFractionDigits", publicName: "minFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maxFractionDigits: { classPropertyName: "maxFractionDigits", publicName: "maxFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { keyDown: "keyDown" }, providers: [NUMBER_RANGE_VALUE_ACCESSOR, NUMBER_RANGE_VALIDATOR], ngImport: i0, template: "<div class=\"flex gap-2\">\n    <p-inputNumber\n        [formControl]=\"fromCtrl\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [minFractionDigits]=\"minFractionDigits()\"\n        [maxFractionDigits]=\"maxFractionDigits()\"\n        [max]=\"toCtrl.value\"\n        (onKeyDown)=\"onKeyDown($event)\"\n        (onBlur)=\"onBlur()\" />\n    <p-inputNumber\n        [formControl]=\"toCtrl\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [minFractionDigits]=\"minFractionDigits()\"\n        [maxFractionDigits]=\"maxFractionDigits()\"\n        [min]=\"fromCtrl.value\"\n        (onKeyDown)=\"onKeyDown($event)\"\n        (onBlur)=\"onBlur()\" />\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2$3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NumberRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.7", type: NumberRangeComponent, isStandalone: true, selector: "mng-number-range", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, minFractionDigits: { classPropertyName: "minFractionDigits", publicName: "minFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maxFractionDigits: { classPropertyName: "maxFractionDigits", publicName: "maxFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { keyDown: "keyDown" }, providers: [NUMBER_RANGE_VALUE_ACCESSOR, NUMBER_RANGE_VALIDATOR], ngImport: i0, template: "<div class=\"flex gap-1\" [class.flex-col]=\"vertical()\">\n    <p-inputNumber\n        [formControl]=\"fromCtrl\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [minFractionDigits]=\"minFractionDigits()\"\n        [maxFractionDigits]=\"maxFractionDigits()\"\n        [max]=\"toCtrl.value\"\n        (onKeyDown)=\"onKeyDown($event)\"\n        (onBlur)=\"onBlur()\" />\n    <p-inputNumber\n        [formControl]=\"toCtrl\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [minFractionDigits]=\"minFractionDigits()\"\n        [maxFractionDigits]=\"maxFractionDigits()\"\n        [min]=\"fromCtrl.value\"\n        (onKeyDown)=\"onKeyDown($event)\"\n        (onBlur)=\"onBlur()\" />\n</div>\n", styles: ["mng-number-range.ng-dirty.ng-invalid>div>p-inputnumber .p-inputtext{border-color:var(--p-inputtext-invalid-border-color, #f87171)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NumberRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NumberRangeComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-number-range', providers: [NUMBER_RANGE_VALUE_ACCESSOR, NUMBER_RANGE_VALIDATOR], imports: [FormsModule, ReactiveFormsModule, InputNumberModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex gap-2\">\n    <p-inputNumber\n        [formControl]=\"fromCtrl\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [minFractionDigits]=\"minFractionDigits()\"\n        [maxFractionDigits]=\"maxFractionDigits()\"\n        [max]=\"toCtrl.value\"\n        (onKeyDown)=\"onKeyDown($event)\"\n        (onBlur)=\"onBlur()\" />\n    <p-inputNumber\n        [formControl]=\"toCtrl\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [minFractionDigits]=\"minFractionDigits()\"\n        [maxFractionDigits]=\"maxFractionDigits()\"\n        [min]=\"fromCtrl.value\"\n        (onKeyDown)=\"onKeyDown($event)\"\n        (onBlur)=\"onBlur()\" />\n</div>\n" }]
+            args: [{ selector: 'mng-number-range', providers: [NUMBER_RANGE_VALUE_ACCESSOR, NUMBER_RANGE_VALIDATOR], imports: [FormsModule, ReactiveFormsModule, InputNumber], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"flex gap-1\" [class.flex-col]=\"vertical()\">\n    <p-inputNumber\n        [formControl]=\"fromCtrl\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [minFractionDigits]=\"minFractionDigits()\"\n        [maxFractionDigits]=\"maxFractionDigits()\"\n        [max]=\"toCtrl.value\"\n        (onKeyDown)=\"onKeyDown($event)\"\n        (onBlur)=\"onBlur()\" />\n    <p-inputNumber\n        [formControl]=\"toCtrl\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [minFractionDigits]=\"minFractionDigits()\"\n        [maxFractionDigits]=\"maxFractionDigits()\"\n        [min]=\"fromCtrl.value\"\n        (onKeyDown)=\"onKeyDown($event)\"\n        (onBlur)=\"onBlur()\" />\n</div>\n", styles: ["mng-number-range.ng-dirty.ng-invalid>div>p-inputnumber .p-inputtext{border-color:var(--p-inputtext-invalid-border-color, #f87171)}\n"] }]
         }], ctorParameters: () => [] });
 
+/**
+ * Directive that converts empty string values to undefined or null when the input loses focus.
+ * Can also be configured to leave empty strings as is.
+ *
+ * Usage:
+ * ```html
+ * <input mngInputEmptyValue="undefined" />
+ * ```
+ *
+ * @example
+ * // Convert empty strings to undefined (default behavior)
+ * <input mngInputEmptyValue />
+ *
+ * @example
+ * // Convert empty strings to null
+ * <input mngInputEmptyValue="null" />
+ *
+ * @example
+ * // Leave empty strings as is (no conversion)
+ * <input mngInputEmptyValue="none" />
+ */
+class InputEmptyValueDirective {
+    constructor() {
+        /**
+         * Input property that specifies how empty string values should be handled.
+         *
+         * @default 'undefined'
+         */
+        this.mngInputEmptyValue = input('undefined');
+        this.#el = inject(ElementRef);
+        this.#ngControl = inject(NgControl, { optional: true });
+        this.#renderer = inject(Renderer2);
+        this.#afterNextRenderRef = afterNextRender(() => {
+            const nativeElement = this.#el.nativeElement;
+            const inputChildElement = nativeElement.querySelector('input');
+            if (inputChildElement) {
+                this.#renderer.listen(inputChildElement, 'blur', () => this.onBlur());
+            }
+        });
+    }
+    #el;
+    #ngControl;
+    #renderer;
+    #afterNextRenderRef;
+    /**
+     * Handler for the blur event.
+     * Checks if the input value is an empty string and converts it to undefined, null, or leaves it as is
+     * based on the configuration.
+     */
+    onBlur() {
+        if (!this.#ngControl?.control) {
+            return;
+        }
+        const value = this.#ngControl?.control.value;
+        if (typeof value === 'string' && value.trim() === '') {
+            const emptyValue = this.#getEmptyValue();
+            // Only update the value if we're not using 'none' option (which would return '')
+            if (emptyValue !== '') {
+                this.#ngControl.control.setValue(emptyValue, { emitEvent: false });
+            }
+        }
+    }
+    /**
+     * Returns the appropriate empty value based on the configuration.
+     *
+     * @returns undefined, null, or empty string based on the mngInputEmptyValue configuration
+     */
+    #getEmptyValue() {
+        switch (this.mngInputEmptyValue()) {
+            case 'null':
+                return null;
+            case 'none':
+                return '';
+            case 'undefined':
+            default:
+                return undefined;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: InputEmptyValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.7", type: InputEmptyValueDirective, isStandalone: true, selector: "[mngInputEmptyValue]", inputs: { mngInputEmptyValue: { classPropertyName: "mngInputEmptyValue", publicName: "mngInputEmptyValue", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: InputEmptyValueDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mngInputEmptyValue]',
+                    host: { '(blur)': 'onBlur()' }
+                }]
+        }] });
+
 class InputTrimDirective {
     constructor() {
         this.mngInputTrim = input();
-        this.el = inject(ElementRef);
-        this.ngControl = inject(NgControl, { optional: true });
+        this.#el = inject(ElementRef);
+        this.#ngControl = inject(NgControl, { optional: true });
+        this.#renderer = inject(Renderer2);
+        this.#inputEl = this.#el.nativeElement;
+        this.#afterNextRenderRef = afterNextRender(() => {
+            const nativeElement = this.#el.nativeElement;
+            const inputChildElement = nativeElement.querySelector('input');
+            if (inputChildElement) {
+                this.#inputEl = inputChildElement;
+                this.#renderer.listen(inputChildElement, 'blur', () => this.onBlur());
+            }
+        });
     }
+    #el;
+    #ngControl;
+    #renderer;
+    #inputEl;
+    #afterNextRenderRef;
     onBlur() {
-        const control = this.ngControl?.control;
-        const value = control ? control.value : this.el.nativeElement.value;
+        const control = this.#ngControl?.control;
+        const value = control ? control.value : this.#inputEl.value;
         let trimmedValue;
         if (typeof value === 'string') {
-            trimmedValue = this.getTrimmedValue(value);
+            trimmedValue = this.#getTrimmedValue(value);
             if (trimmedValue != value) {
                 if (control) {
                     control.setValue(trimmedValue, { emitEvent: false });
                 }
                 else {
-                    this.el.nativeElement.value = trimmedValue;
+                    this.#inputEl.value = trimmedValue;
                 }
             }
         }
     }
-    getTrimmedValue(value) {
+    #getTrimmedValue(value) {
         switch (this.mngInputTrim()) {
             case 'both':
                 return value.trim();
@@ -1088,15 +1190,13 @@ class InputTrimDirective {
                 return value;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: InputTrimDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.12", type: InputTrimDirective, isStandalone: true, selector: "[mngInputTrim]", inputs: { mngInputTrim: { classPropertyName: "mngInputTrim", publicName: "mngInputTrim", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: InputTrimDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.7", type: InputTrimDirective, isStandalone: true, selector: "[mngInputTrim]", inputs: { mngInputTrim: { classPropertyName: "mngInputTrim", publicName: "mngInputTrim", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: InputTrimDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: InputTrimDirective, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: '[mngInputTrim]',
-                    // eslint-disable-next-line @angular-eslint/no-host-metadata-property
                     host: { '(blur)': 'onBlur()' }
                 }]
         }] });
@@ -1107,5 +1207,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AUTOCOMPLETE_VALUE_ACCESSOR, AutocompleteComponent, DATE_RANGE_VALIDATOR, DATE_RANGE_VALUE_ACCESSOR, DROPDOWN_VALUE_ACCESSOR, DateRangeComponent, DropdownComponent, InputTrimDirective, NUMBER_RANGE_VALIDATOR, NUMBER_RANGE_VALUE_ACCESSOR, NumberRangeComponent };
+export { AUTOCOMPLETE_VALUE_ACCESSOR, AutocompleteComponent, DATE_RANGE_VALIDATOR, DATE_RANGE_VALUE_ACCESSOR, DROPDOWN_VALUE_ACCESSOR, DateRangeComponent, DropdownComponent, InputEmptyValueDirective, InputTrimDirective, NUMBER_RANGE_VALIDATOR, NUMBER_RANGE_VALUE_ACCESSOR, NumberRangeComponent };
 //# sourceMappingURL=mediusinc-mng-commons-form.mjs.map