@elite.framework/ng.ui.core 0.0.1

package/fesm2022/elite.framework-ng.ui.core-generic-search.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elite.framework-ng.ui.core-generic-search.mjs","sources":["../tmp-esm2022/generic-search/lib/generic-search-module.js","../tmp-esm2022/generic-search/lib/generic-search.js","../tmp-esm2022/generic-search/elite.framework-ng.ui.core-generic-search.js"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as i0 from \"@angular/core\";\nexport class GenericSearchModule {\n    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: GenericSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\n    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.1.8\", ngImport: i0, type: GenericSearchModule, imports: [CommonModule] });\n    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: GenericSearchModule, imports: [CommonModule] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: GenericSearchModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [CommonModule],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuZXJpYy1zZWFyY2gtbW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9uZy51aS5jb3JlL2dlbmVyaWMtc2VhcmNoL3NyYy9saWIvZ2VuZXJpYy1zZWFyY2gtbW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQUsvQyxNQUFNLE9BQU8sbUJBQW1CO3VHQUFuQixtQkFBbUI7d0dBQW5CLG1CQUFtQixZQUZwQixZQUFZO3dHQUVYLG1CQUFtQixZQUZwQixZQUFZOzsyRkFFWCxtQkFBbUI7a0JBSC9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgR2VuZXJpY1NlYXJjaE1vZHVsZSB7fVxuIl19","import { Component, EventEmitter, Input, Output, ViewChild, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FormlyForm } from '@ngx-formly/core';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { ToolbarModule } from 'primeng/toolbar';\nimport { ButtonModule } from 'primeng/button';\nimport { Popover, PopoverModule } from 'primeng/popover';\nimport { InputIconModule } from 'primeng/inputicon';\nimport { IconFieldModule } from 'primeng/iconfield';\nimport { InputTextModule } from 'primeng/inputtext';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"primeng/button\";\nimport * as i2 from \"@angular/forms\";\nimport * as i3 from \"primeng/popover\";\nimport * as i4 from \"primeng/inputicon\";\nimport * as i5 from \"primeng/iconfield\";\nimport * as i6 from \"primeng/inputtext\";\nimport * as i7 from \"@ngx-translate/core\";\nexport class GenericSearch {\n    overlay;\n    translate = inject(TranslateService);\n    placeholder = 'بحث...';\n    /**\n     * List of fields to search by\n     * Example: [{ label: 'Name', value: 'name' }, { label: 'Email', value: 'email' }]\n     */\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    search = new EventEmitter();\n    form = new FormGroup({});\n    model = {};\n    options = {};\n    fields = [];\n    fields_ = [];\n    //   onTogglePopover(event: any) {\n    //     debugger\n    //   this.overlay.toggle(event);\n    // }\n    ngOnInit() {\n        this.fields_ = this.fields;\n    }\n    onSubmit() {\n        this.search.emit(this.model);\n    }\n    onReset() {\n        this.model = {};\n        this.search.emit(this.model);\n    }\n    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: GenericSearch, deps: [], target: i0.ɵɵFactoryTarget.Component });\n    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.1.8\", type: GenericSearch, isStandalone: true, selector: \"lib-generic-search\", inputs: { placeholder: \"placeholder\", model: \"model\", fields: \"fields\" }, outputs: { search: \"search\" }, viewQueries: [{ propertyName: \"overlay\", first: true, predicate: [\"overlay\"], descendants: true }], ngImport: i0, template: \"<div class=\\\"flex items-center gap-3\\\">\\r\\n<p-iconfield iconPosition=\\\"left\\\">\\r\\n\\r\\n          <p-inputicon class=\\\"pi pi-search\\\"> </p-inputicon>\\r\\n                <input pInputText type=\\\"text\\\" (keyup.enter)=\\\"onSubmit()\\\" [(ngModel)]=\\\"model['filter']\\\" placeholder=\\\"{{ 'SEARCH' | translate }}\\\" />\\r\\n  <!-- 2) Search Button that toggles the popover -->\\r\\n\\r\\n</p-iconfield>\\r\\n<p-button icon=\\\"pi pi-filter\\\" outlined severity=\\\"secondary\\\" (onClick)=\\\"overlay.toggle($event)\\\" />\\r\\n</div>\\r\\n<!-- 4) Popover for Advanced Multi-field Search -->\\r\\n<p-popover #overlay [dismissable]=\\\"true\\\"  styleClass=\\\"p-4 w-80 max-h-96 flex flex-col\\\">\\r\\n\\r\\n   <div class=\\\"flex-1 overflow-auto\\\">\\r\\n  <form [formGroup]=\\\"form\\\" (ngSubmit)=\\\"onSubmit(); overlay.hide()\\\">\\r\\n    <formly-form\\r\\n      [form]=\\\"form\\\"\\r\\n      [fields]=\\\"fields_\\\"\\r\\n      [model]=\\\"model\\\"\\r\\n      [options]=\\\"options\\\">\\r\\n    </formly-form>\\r\\n     </form>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"flex justify-end mt-2 space-x-2 flex-none\\\">\\r\\n      <button type=\\\"submit\\\" pButton size=\\\"small\\\" label=\\\"{{ 'SEARCH' | translate }}\\\"></button>\\r\\n      <button type=\\\"button\\\" pButton size=\\\"small\\\" class=\\\"p-button-text\\\" (click)=\\\"onReset(); overlay.hide()\\\">\\r\\n        {{ 'CLEAR' | translate }}\\r\\n      </button>\\r\\n    </div>\\r\\n\\r\\n\\r\\n</p-popover>\\r\\n\", dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"component\", type: FormlyForm, selector: \"formly-form\", inputs: [\"form\", \"model\", \"fields\", \"options\"], outputs: [\"modelChange\"] }, { kind: \"ngmodule\", type: TranslateModule }, { kind: \"ngmodule\", type: ToolbarModule }, { kind: \"ngmodule\", type: ButtonModule }, { kind: \"directive\", type: i1.ButtonDirective, selector: \"[pButton]\", inputs: [\"iconPos\", \"loadingIcon\", \"loading\", \"severity\", \"raised\", \"rounded\", \"text\", \"outlined\", \"size\", \"plain\", \"fluid\", \"label\", \"icon\", \"buttonProps\"] }, { kind: \"component\", type: i1.Button, selector: \"p-button\", inputs: [\"type\", \"iconPos\", \"icon\", \"badge\", \"label\", \"disabled\", \"loading\", \"loadingIcon\", \"raised\", \"rounded\", \"text\", \"plain\", \"severity\", \"outlined\", \"link\", \"tabindex\", \"size\", \"variant\", \"style\", \"styleClass\", \"badgeClass\", \"badgeSeverity\", \"ariaLabel\", \"buttonProps\", \"autofocus\", \"fluid\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i2.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i2.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i2.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i2.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i2.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }, { kind: \"ngmodule\", type: PopoverModule }, { kind: \"component\", type: i3.Popover, selector: \"p-popover\", inputs: [\"ariaLabel\", \"ariaLabelledBy\", \"dismissable\", \"style\", \"styleClass\", \"appendTo\", \"autoZIndex\", \"ariaCloseLabel\", \"baseZIndex\", \"focusOnShow\", \"showTransitionOptions\", \"hideTransitionOptions\"], outputs: [\"onShow\", \"onHide\"] }, { kind: \"ngmodule\", type: FormsModule }, { kind: \"directive\", type: i2.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"ngmodule\", type: InputIconModule }, { kind: \"component\", type: i4.InputIcon, selector: \"p-inputicon, p-inputIcon\", inputs: [\"styleClass\"] }, { kind: \"ngmodule\", type: IconFieldModule }, { kind: \"component\", type: i5.IconField, selector: \"p-iconfield, p-iconField, p-icon-field\", inputs: [\"iconPosition\", \"styleClass\"] }, { kind: \"ngmodule\", type: InputTextModule }, { kind: \"directive\", type: i6.InputText, selector: \"[pInputText]\", inputs: [\"pSize\", \"variant\", \"fluid\", \"invalid\"] }, { kind: \"pipe\", type: i7.TranslatePipe, name: \"translate\" }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: GenericSearch, decorators: [{\n            type: Component,\n            args: [{ selector: 'lib-generic-search', standalone: true, imports: [\n                        CommonModule,\n                        FormlyForm,\n                        TranslateModule,\n                        ToolbarModule,\n                        ButtonModule,\n                        ReactiveFormsModule,\n                        PopoverModule,\n                        FormsModule,\n                        InputIconModule,\n                        IconFieldModule,\n                        InputTextModule,\n                    ], template: \"<div class=\\\"flex items-center gap-3\\\">\\r\\n<p-iconfield iconPosition=\\\"left\\\">\\r\\n\\r\\n          <p-inputicon class=\\\"pi pi-search\\\"> </p-inputicon>\\r\\n                <input pInputText type=\\\"text\\\" (keyup.enter)=\\\"onSubmit()\\\" [(ngModel)]=\\\"model['filter']\\\" placeholder=\\\"{{ 'SEARCH' | translate }}\\\" />\\r\\n  <!-- 2) Search Button that toggles the popover -->\\r\\n\\r\\n</p-iconfield>\\r\\n<p-button icon=\\\"pi pi-filter\\\" outlined severity=\\\"secondary\\\" (onClick)=\\\"overlay.toggle($event)\\\" />\\r\\n</div>\\r\\n<!-- 4) Popover for Advanced Multi-field Search -->\\r\\n<p-popover #overlay [dismissable]=\\\"true\\\"  styleClass=\\\"p-4 w-80 max-h-96 flex flex-col\\\">\\r\\n\\r\\n   <div class=\\\"flex-1 overflow-auto\\\">\\r\\n  <form [formGroup]=\\\"form\\\" (ngSubmit)=\\\"onSubmit(); overlay.hide()\\\">\\r\\n    <formly-form\\r\\n      [form]=\\\"form\\\"\\r\\n      [fields]=\\\"fields_\\\"\\r\\n      [model]=\\\"model\\\"\\r\\n      [options]=\\\"options\\\">\\r\\n    </formly-form>\\r\\n     </form>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"flex justify-end mt-2 space-x-2 flex-none\\\">\\r\\n      <button type=\\\"submit\\\" pButton size=\\\"small\\\" label=\\\"{{ 'SEARCH' | translate }}\\\"></button>\\r\\n      <button type=\\\"button\\\" pButton size=\\\"small\\\" class=\\\"p-button-text\\\" (click)=\\\"onReset(); overlay.hide()\\\">\\r\\n        {{ 'CLEAR' | translate }}\\r\\n      </button>\\r\\n    </div>\\r\\n\\r\\n\\r\\n</p-popover>\\r\\n\" }]\n        }], propDecorators: { overlay: [{\n                type: ViewChild,\n                args: ['overlay']\n            }], placeholder: [{\n                type: Input\n            }], search: [{\n                type: Output\n            }], model: [{\n                type: Input\n            }], fields: [{\n                type: Input\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuZXJpYy1zZWFyY2guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL25nLnVpLmNvcmUvZ2VuZXJpYy1zZWFyY2gvc3JjL2xpYi9nZW5lcmljLXNlYXJjaC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbmcudWkuY29yZS9nZW5lcmljLXNlYXJjaC9zcmMvbGliL2dlbmVyaWMtc2VhcmNoLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdFLE9BQU8sRUFBcUIsVUFBVSxFQUFxQixNQUFNLGtCQUFrQixDQUFDO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7Ozs7OztBQW9CcEQsTUFBTSxPQUFPLGFBQWE7SUFDRCxPQUFPLENBQVc7SUFDekMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBRTVCLFdBQVcsR0FBRyxRQUFRLENBQUM7SUFFaEM7OztPQUdHO0lBR0gsNERBQTREO0lBQ2xELE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBRTNDLElBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNqQixLQUFLLEdBQVEsRUFBRSxDQUFDO0lBQ3hCLE9BQU8sR0FBc0IsRUFBRSxDQUFDO0lBQ3ZCLE1BQU0sR0FBd0IsRUFBRSxDQUFDO0lBQ3pDLE9BQU8sR0FBd0IsRUFBRSxDQUFDO0lBRXJDLGtDQUFrQztJQUNsQyxlQUFlO0lBQ2YsZ0NBQWdDO0lBQ2hDLElBQUk7SUFDRixRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQzdCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7dUdBcENVLGFBQWE7MkZBQWIsYUFBYSwyUkM5QjFCLHEwQ0FpQ0EsMkNEakJJLFlBQVksK0JBQ1osVUFBVSxpSUFDVixlQUFlLDhCQUNmLGFBQWEsOEJBQ2IsWUFBWSx1cEJBQ1osbUJBQW1CLDR5QkFDbkIsYUFBYSx1VUFDYixXQUFXLHNQQUNYLGVBQWUsdUlBQ2YsZUFBZSxxS0FDZixlQUFlOzsyRkFJTixhQUFhO2tCQWxCekIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGFBQWE7d0JBQ2IsV0FBVzt3QkFDWCxlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsZUFBZTtxQkFDaEI7OEJBSXNCLE9BQU87c0JBQTVCLFNBQVM7dUJBQUMsU0FBUztnQkFHWixXQUFXO3NCQUFuQixLQUFLO2dCQVNJLE1BQU07c0JBQWYsTUFBTTtnQkFHQyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRm9ybWx5RmllbGRDb25maWcsIEZvcm1seUZvcm0sIEZvcm1seUZvcm1PcHRpb25zIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUsIFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IFRvb2xiYXJNb2R1bGUgfSBmcm9tICdwcmltZW5nL3Rvb2xiYXInO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9idXR0b24nO1xuaW1wb3J0IHsgUG9wb3ZlciwgUG9wb3Zlck1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvcG9wb3Zlcic7XG5pbXBvcnQgeyBJbnB1dEljb25Nb2R1bGUgfSBmcm9tICdwcmltZW5nL2lucHV0aWNvbic7XG5pbXBvcnQgeyBJY29uRmllbGRNb2R1bGUgfSBmcm9tICdwcmltZW5nL2ljb25maWVsZCc7XG5pbXBvcnQgeyBJbnB1dFRleHRNb2R1bGUgfSBmcm9tICdwcmltZW5nL2lucHV0dGV4dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1nZW5lcmljLXNlYXJjaCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybWx5Rm9ybSxcbiAgICBUcmFuc2xhdGVNb2R1bGUsXG4gICAgVG9vbGJhck1vZHVsZSxcbiAgICBCdXR0b25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBQb3BvdmVyTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIElucHV0SWNvbk1vZHVsZSxcbiAgICBJY29uRmllbGRNb2R1bGUsXG4gICAgSW5wdXRUZXh0TW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2VuZXJpYy1zZWFyY2guaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEdlbmVyaWNTZWFyY2ggaW1wbGVtZW50cyBPbkluaXQge1xuICAgQFZpZXdDaGlsZCgnb3ZlcmxheScpIG92ZXJsYXkhOiBQb3BvdmVyO1xuICB0cmFuc2xhdGUgPSBpbmplY3QoVHJhbnNsYXRlU2VydmljZSk7XG5cbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAn2KjYrdirLi4uJztcblxuICAvKipcbiAgICogTGlzdCBvZiBmaWVsZHMgdG8gc2VhcmNoIGJ5XG4gICAqIEV4YW1wbGU6IFt7IGxhYmVsOiAnTmFtZScsIHZhbHVlOiAnbmFtZScgfSwgeyBsYWJlbDogJ0VtYWlsJywgdmFsdWU6ICdlbWFpbCcgfV1cbiAgICovXG5cblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgQE91dHB1dCgpIHNlYXJjaCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGZvcm0gPSBuZXcgRm9ybUdyb3VwKHt9KTtcbiBASW5wdXQoKSBtb2RlbDogYW55ID0ge307XG4gIG9wdGlvbnM6IEZvcm1seUZvcm1PcHRpb25zID0ge307XG4gIEBJbnB1dCgpIGZpZWxkczogRm9ybWx5RmllbGRDb25maWdbXSA9IFtdO1xuICAgZmllbGRzXzogRm9ybWx5RmllbGRDb25maWdbXSA9IFtdO1xuXG4vLyAgIG9uVG9nZ2xlUG9wb3ZlcihldmVudDogYW55KSB7XG4vLyAgICAgZGVidWdnZXJcbi8vICAgdGhpcy5vdmVybGF5LnRvZ2dsZShldmVudCk7XG4vLyB9XG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuZmllbGRzXyA9IHRoaXMuZmllbGRzO1xuICB9XG5cbiAgb25TdWJtaXQoKSB7XG4gICAgdGhpcy5zZWFyY2guZW1pdCh0aGlzLm1vZGVsKTtcbiAgfVxuXG4gIG9uUmVzZXQoKSB7XG4gICAgdGhpcy5tb2RlbCA9IHt9O1xuICAgIHRoaXMuc2VhcmNoLmVtaXQodGhpcy5tb2RlbCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBnYXAtM1wiPlxyXG48cC1pY29uZmllbGQgaWNvblBvc2l0aW9uPVwibGVmdFwiPlxyXG5cclxuICAgICAgICAgIDxwLWlucHV0aWNvbiBjbGFzcz1cInBpIHBpLXNlYXJjaFwiPiA8L3AtaW5wdXRpY29uPlxyXG4gICAgICAgICAgICAgICAgPGlucHV0IHBJbnB1dFRleHQgdHlwZT1cInRleHRcIiAoa2V5dXAuZW50ZXIpPVwib25TdWJtaXQoKVwiIFsobmdNb2RlbCldPVwibW9kZWxbJ2ZpbHRlciddXCIgcGxhY2Vob2xkZXI9XCJ7eyAnU0VBUkNIJyB8IHRyYW5zbGF0ZSB9fVwiIC8+XHJcbiAgPCEtLSAyKSBTZWFyY2ggQnV0dG9uIHRoYXQgdG9nZ2xlcyB0aGUgcG9wb3ZlciAtLT5cclxuXHJcbjwvcC1pY29uZmllbGQ+XHJcbjxwLWJ1dHRvbiBpY29uPVwicGkgcGktZmlsdGVyXCIgb3V0bGluZWQgc2V2ZXJpdHk9XCJzZWNvbmRhcnlcIiAob25DbGljayk9XCJvdmVybGF5LnRvZ2dsZSgkZXZlbnQpXCIgLz5cclxuPC9kaXY+XHJcbjwhLS0gNCkgUG9wb3ZlciBmb3IgQWR2YW5jZWQgTXVsdGktZmllbGQgU2VhcmNoIC0tPlxyXG48cC1wb3BvdmVyICNvdmVybGF5IFtkaXNtaXNzYWJsZV09XCJ0cnVlXCIgIHN0eWxlQ2xhc3M9XCJwLTQgdy04MCBtYXgtaC05NiBmbGV4IGZsZXgtY29sXCI+XHJcblxyXG4gICA8ZGl2IGNsYXNzPVwiZmxleC0xIG92ZXJmbG93LWF1dG9cIj5cclxuICA8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiAobmdTdWJtaXQpPVwib25TdWJtaXQoKTsgb3ZlcmxheS5oaWRlKClcIj5cclxuICAgIDxmb3JtbHktZm9ybVxyXG4gICAgICBbZm9ybV09XCJmb3JtXCJcclxuICAgICAgW2ZpZWxkc109XCJmaWVsZHNfXCJcclxuICAgICAgW21vZGVsXT1cIm1vZGVsXCJcclxuICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiPlxyXG4gICAgPC9mb3JtbHktZm9ybT5cclxuICAgICA8L2Zvcm0+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWVuZCBtdC0yIHNwYWNlLXgtMiBmbGV4LW5vbmVcIj5cclxuICAgICAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCIgcEJ1dHRvbiBzaXplPVwic21hbGxcIiBsYWJlbD1cInt7ICdTRUFSQ0gnIHwgdHJhbnNsYXRlIH19XCI+PC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIHBCdXR0b24gc2l6ZT1cInNtYWxsXCIgY2xhc3M9XCJwLWJ1dHRvbi10ZXh0XCIgKGNsaWNrKT1cIm9uUmVzZXQoKTsgb3ZlcmxheS5oaWRlKClcIj5cclxuICAgICAgICB7eyAnQ0xFQVInIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcblxyXG5cclxuPC9wLXBvcG92ZXI+XHJcbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxpdGUuZnJhbWV3b3JrLW5nLnVpLmNvcmUtZ2VuZXJpYy1zZWFyY2guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL25nLnVpLmNvcmUvZ2VuZXJpYy1zZWFyY2gvc3JjL2VsaXRlLmZyYW1ld29yay1uZy51aS5jb3JlLWdlbmVyaWMtc2VhcmNoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19"],"names":[],"mappings":"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"}

package/fesm2022/elite.framework-ng.ui.core-generic-selector.mjs

@@ -0,0 +1,441 @@
+import * as i0 from '@angular/core';
+import { NgModule, ViewChild, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FieldType, FormlyAttributes } from '@ngx-formly/core';
+import { DialogService } from 'primeng/dynamicdialog';
+import { forkJoin } from 'rxjs';
+import { finalize } from 'rxjs/operators';
+import * as i2 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from 'primeng/autocomplete';
+import { AutoCompleteModule, AutoComplete } from 'primeng/autocomplete';
+import * as i4 from 'primeng/inputgroup';
+import { InputGroupModule } from 'primeng/inputgroup';
+import * as i5 from 'primeng/inputgroupaddon';
+import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
+import * as i7 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { CheckboxModule } from 'primeng/checkbox';
+import * as i6 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i1 from '@elite.framework/ng.core/services';
+import { BaseService } from '@elite.framework/ng.core/services';
+
+class GenericSelectorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: GenericSelectorModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericSelectorModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericSelectorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class GenericSelectorTypeComponent extends FieldType {
+    svc;
+    injector;
+    cdr;
+    autoComp;
+    options_ = [];
+    selectedItem;
+    loading = false;
+    _offlineList = [];
+    api;
+    dialog;
+    valueChangeSubscription; // Add a subscription to manage the observable
+    constructor(svc, injector, cdr) {
+        super();
+        this.svc = svc;
+        this.injector = injector;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.api = this.svc;
+        this.dialog = this.injector.get(DialogService);
+        const to = this.props;
+        this.api.apiName = to['serviceName'];
+        if (to['offline']) {
+            if (to['offlineDataFn']) {
+                this._offlineList = to['offlineDataFn']();
+                this.initOfflineSelection();
+            }
+            else if (to['offlineItems$']) {
+                to['offlineItems$'].subscribe((list) => {
+                    this._offlineList = list;
+                    this.initOfflineSelection();
+                });
+            }
+            else {
+                this._offlineList = to['offlineItems'] || [];
+                this.initOfflineSelection();
+            }
+        }
+        else {
+            if (this.props.loadSaved && !this.props.multiple && this.props.loadSavedField && this.props.valueField) {
+                const vf = this.to['valueField'] || 'id';
+                const lf = this.to['labelField'] || 'name';
+                this.selectedItem =
+                    {
+                        [vf]: this.formControl.value,
+                        [lf]: this.model[this.props.loadSavedField],
+                    };
+                if (this.props.change) {
+                    this.props.change(this.field, { item: this.selectedItem });
+                    this.cdr.detectChanges();
+                }
+            }
+            else {
+                this.initOnlineSelection();
+            }
+        }
+        // Subscribe to formControl value changes
+        this.valueChangeSubscription = this.formControl.valueChanges
+            .subscribe(() => {
+            // This tap operator is a good place to run side effects
+            // like calling your change handler after a value changes.
+            // this.selectedItem = this.formControl.value;
+            if (this.props.change) {
+                if (to['offline']) {
+                    if (to['offlineDataFn']) {
+                        this._offlineList = to['offlineDataFn']();
+                        this.initOfflineSelection(false);
+                    }
+                    else if (to['offlineItems$']) {
+                        to['offlineItems$'].subscribe((list) => {
+                            this._offlineList = list;
+                            this.initOfflineSelection(false);
+                        });
+                    }
+                    else {
+                        this._offlineList = to['offlineItems'] || [];
+                        this.initOfflineSelection(false);
+                    }
+                }
+                else {
+                    this.initOnlineSelection(false);
+                }
+            }
+        });
+    }
+    // Remember to unsubscribe to prevent memory leaks!
+    ngOnDestroy() {
+        if (this.valueChangeSubscription) {
+            this.valueChangeSubscription.unsubscribe();
+        }
+    }
+    loadDefaultValue() {
+        this.loading = true;
+        const vf = this.to['valueField'] || 'id';
+        const fixedFilters = this.getFixedFilters();
+        const lf = this.to['loadDefaultField'] || 'isDefault';
+        const lfValue = this.to['loadDefaultValue'] || true;
+        const searchParams = {
+            [lf]: lfValue,
+            ...fixedFilters,
+        };
+        this.api.getList(searchParams)
+            .subscribe({
+            next: (res) => {
+                // Assuming the API returns a list and you want to select the first one
+                if (res && res.items && res.items.length > 0) {
+                    if (this.to['multiple']) {
+                        this.formControl.setValue(res.items.map((c) => c[vf]));
+                    }
+                    else {
+                        const defaultValue = res.items[0];
+                        this.formControl.setValue(defaultValue?.[vf]);
+                    }
+                }
+                this.loading = false;
+                // this.initOnlineSelection(); // Proceed with online selection after setting the value
+            },
+            error: (err) => {
+                console.error("Failed to load default value from API:", err);
+                this.loading = false;
+                // this.initOnlineSelection(); // Fallback to local selection if API fails
+            }
+        });
+    }
+    // New method to handle loading the default value from the API
+    onSelect(event) {
+        if (this.props.onSelect) {
+            this.props.onSelect(this.field, { item: event.value });
+            this.cdr.detectChanges();
+        }
+    }
+    onSelectionChange(val) {
+        this.selectedItem = val;
+        const vf = this.to['valueField'] || 'id';
+        if (this.to['multiple']) {
+            this.formControl.setValue(Array.isArray(val) ? val.map((c) => c[vf]) : []);
+        }
+        else {
+            this.formControl.setValue(val?.[vf] ?? null);
+        }
+    }
+    initOfflineSelection(withSetValue = true) {
+        const val = this.formControl.value;
+        const vf = this.to['valueField'] || 'id';
+        if (val == null)
+            return;
+        if (this.to['multiple'] && Array.isArray(val)) {
+            this.selectedItem = this._offlineList.filter(item => val.includes(item[vf]));
+        }
+        else {
+            this.selectedItem = this._offlineList.find(item => item[vf] === val);
+        }
+        if (withSetValue == true) {
+            this.formControl.setValue(this.to['multiple']
+                ? this.selectedItem.map((c) => c[vf])
+                : this.selectedItem?.[vf]);
+        }
+        else {
+            if (this.props.change) {
+                this.props.change(this.field, { item: this.selectedItem });
+                this.cdr.detectChanges();
+            }
+        }
+    }
+    initOnlineSelection(withSetValue = true) {
+        const fullModel = this.model;
+        const val = this.formControl.value;
+        const vf = this.to['valueField'] || 'id';
+        if (val == null || (Array.isArray(val) && val.length === 0)) {
+            this.selectedItem = this.to['multiple'] ? [] : null;
+            if (this.props['loadDefault'] == true) {
+                this.loadDefaultValue();
+            }
+            else {
+                return;
+            }
+        }
+        if (this.to['multiple'] && Array.isArray(val) && val.length) {
+            const calls = val.map((id) => this.api.get(id));
+            forkJoin(calls)
+                .pipe(finalize(() => (this.loading = false)))
+                .subscribe(items => {
+                this.selectedItem = items;
+                if (withSetValue == true) {
+                    this.formControl.setValue(items.map((c) => c[vf]));
+                    this.cdr.detectChanges();
+                }
+                else {
+                    if (this.props.change) {
+                        this.props.change(this.field, { item: this.selectedItem });
+                        this.cdr.detectChanges();
+                    }
+                }
+            });
+        }
+        else {
+            this.loading = true;
+            this.api.get(val)
+                .pipe(finalize(() => (this.loading = false)))
+                .subscribe((item) => {
+                this.selectedItem = item;
+                // debugger
+                if (withSetValue == true) {
+                    this.formControl.setValue(item?.[vf]);
+                    this.cdr.detectChanges();
+                }
+                else {
+                    if (this.props.change) {
+                        this.props.change(this.field, { item: this.selectedItem });
+                        this.cdr.detectChanges();
+                    }
+                }
+            });
+        }
+    }
+    getFixedFilters() {
+        const fixedFilters = this.to['fixedFilters'];
+        if (typeof fixedFilters === 'function') {
+            // Call with current model (and optionally field)
+            return fixedFilters(this.model);
+        }
+        return fixedFilters || {};
+    }
+    onDropdownButtonClick() {
+        console.log('Custom dropdown button clicked!');
+        this.search({ query: '' }); // trigger your own search
+        setTimeout(() => this.autoComp.show(), 0); // force dropdown to open
+    }
+    // Called when dropdown button clicked
+    onDropdownClick(event) {
+        // 🚫 stop the default dropdown behavior
+        event.originalEvent.preventDefault();
+        event.originalEvent.stopPropagation();
+        console.log('Dropdown clicked!', event);
+        // ✅ your custom code here
+        // e.g., force trigger search for empty query
+        this.search({ query: '' });
+    }
+    search(event) {
+        const q = event.query?.toString().toLowerCase() || '';
+        const lf = this.to['labelField'] || 'name';
+        const fixedFilters = this.getFixedFilters();
+        if (this.to['offline']) {
+            this.options_ = this.to['offlineDataFn']
+                ? this.to['offlineDataFn'](q)
+                : this._offlineList.filter(item => item[lf]?.toString().toLowerCase().includes(q));
+            setTimeout(() => this.autoComp?.show(), 0);
+        }
+        else {
+            this.loading = true;
+            this.options_ = [];
+            const searchParams = {
+                [lf]: q,
+                ...fixedFilters,
+            };
+            // ✅ استخدام listEndpoint إذا كان موجودًا، وإلا العودة إلى الافتراضي
+            let listEndpoint = this.props.listEndpoint;
+            if (typeof listEndpoint === 'function') {
+                listEndpoint = listEndpoint(this.model);
+            }
+            this.api.getList(searchParams, listEndpoint)
+                .pipe(finalize(() => (this.loading = false)))
+                .subscribe({
+                next: (res) => {
+                    this.options_ = res.items ?? res ?? [];
+                    setTimeout(() => this.autoComp?.show(), 0);
+                },
+                error: () => {
+                    this.options_ = [];
+                },
+            });
+        }
+    }
+    openCrud(mode) {
+        const payload = mode === 'add' ? null : this.selectedItem;
+        // Example integration:
+        // const ref = this.dialog.open(CrudComponent, {
+        //   data: {
+        //     serviceName: this.to.serviceName,
+        //     mode,
+        //     record: payload
+        //   }
+        // });
+        // ref.onClose.subscribe((updated: any) => {
+        //   if (!this.to.multiple && updated?.[this.to.valueField]) {
+        //     this.api.get(updated[this.to.valueField])
+        //       .subscribe(item => {
+        //         this.selectedItem = item;
+        //         this.formControl.setValue(item?.[this.to.valueField]);
+        //       });
+        //   }
+        // });
+    }
+    getEmptyMessage() {
+        if (this.loading) {
+            return 'LOADING_DATA_MESSAGE'; // مفتاح ترجمة لـ "جاري تحميل البيانات..."
+        }
+        else if (this.options_.length === 0) {
+            return 'NO_RESULTS_FOUND'; // مفتاح ترجمة لـ "لا توجد نتائج مطابقة."
+        }
+        return ''; // لا تُعرض رسالة إذا كانت هناك نتائج
+    }
+    isItemSelected(item) {
+        const vf = this.to['valueField'] || 'id';
+        return Array.isArray(this.selectedItem) &&
+            this.selectedItem.some((sel) => sel[vf] === item[vf]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericSelectorTypeComponent, deps: [{ token: i1.BaseService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: GenericSelectorTypeComponent, isStandalone: true, selector: "formly-generic-selector", providers: [DialogService, BaseService], viewQueries: [{ propertyName: "autoComp", first: true, predicate: ["autoComp"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+  <!-- (ngModelChange)="onSelectionChange($event)" -->
+  <p-inputGroup class="w-full">
+  <p-autoComplete
+    #autoComp
+    [ngModel]="selectedItem"
+    (ngModelChange)="onSelectionChange($event)"
+    [formlyAttributes]="field"
+    [suggestions]="options_"
+    (completeMethod)="search($event)"
+    [multiple]="to['multiple']"
+    [optionLabel]="to['labelField'] || 'name'"
+    [dropdown]="false"
+    [forceSelection]="true"
+    [placeholder]="(props['placeholder'] ?? '') | translate"
+    [disabled]="!!props.disabled"
+    dropdownMode="current"
+    appendTo="body"
+    class="w-full rounded-none"
+    [showEmptyMessage]="true"
+    (onSelect)="onSelect($event)"
+    emptyMessage="{{ getEmptyMessage() | translate }}"
+    [showTransitionOptions]="'0ms'">
+  </p-autoComplete>
+
+  <!-- 🔘 Custom dropdown addon -->
+  <p-inputGroupAddon>
+     <p-button icon="pi pi-chevron-down" (click)="onDropdownButtonClick()" severity="secondary" />
+  </p-inputGroupAddon>
+</p-inputGroup>
+
+
+  `, isInline: true, dependencies: [{ 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: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i3.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "appendTo"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: GenericSelectorTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-generic-selector',
+                    template: `
+  <!-- (ngModelChange)="onSelectionChange($event)" -->
+  <p-inputGroup class="w-full">
+  <p-autoComplete
+    #autoComp
+    [ngModel]="selectedItem"
+    (ngModelChange)="onSelectionChange($event)"
+    [formlyAttributes]="field"
+    [suggestions]="options_"
+    (completeMethod)="search($event)"
+    [multiple]="to['multiple']"
+    [optionLabel]="to['labelField'] || 'name'"
+    [dropdown]="false"
+    [forceSelection]="true"
+    [placeholder]="(props['placeholder'] ?? '') | translate"
+    [disabled]="!!props.disabled"
+    dropdownMode="current"
+    appendTo="body"
+    class="w-full rounded-none"
+    [showEmptyMessage]="true"
+    (onSelect)="onSelect($event)"
+    emptyMessage="{{ getEmptyMessage() | translate }}"
+    [showTransitionOptions]="'0ms'">
+  </p-autoComplete>
+
+  <!-- 🔘 Custom dropdown addon -->
+  <p-inputGroupAddon>
+     <p-button icon="pi pi-chevron-down" (click)="onDropdownButtonClick()" severity="secondary" />
+  </p-inputGroupAddon>
+</p-inputGroup>
+
+
+  `,
+                    providers: [DialogService, BaseService],
+                    imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        AutoCompleteModule,
+                        CommonModule,
+                        InputGroupModule,
+                        InputGroupAddonModule,
+                        FormlyAttributes,
+                        TranslateModule,
+                        AutoComplete,
+                        CheckboxModule,
+                        ButtonModule
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1.BaseService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { autoComp: [{
+                type: ViewChild,
+                args: ['autoComp']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericSelectorModule, GenericSelectorTypeComponent };
+//# sourceMappingURL=elite.framework-ng.ui.core-generic-selector.mjs.map