@elite.framework/ng.core 1.0.55 → 1.0.57

package/fesm2022/elite.framework-ng.core.mjs

@@ -4284,6 +4284,11 @@ class GenericSelectorTypeComponent extends FieldType {
         }
         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
@@ -4375,7 +4380,7 @@ class GenericSelectorTypeComponent extends FieldType {
   (completeMethod)="search($event)"
   [multiple]="to['multiple']"
   [optionLabel]="to['labelField'] || 'name'"
-  [dropdown]="true"
+  [dropdown]="false"
   [forceSelection]="true"
   [placeholder]="(props['placeholder'] ?? '')| translate"
   [disabled]="!!props.disabled"
@@ -4384,7 +4389,6 @@ class GenericSelectorTypeComponent extends FieldType {
   class="w-full rounded-none"
   [showEmptyMessage]="true"
   (onSelect)="onSelect($event)"
-  (onDropdownClick)="onDropdownClick($event)"
   emptyMessage="{{ getEmptyMessage() | translate }}"
   [showTransitionOptions]="'0ms'"  >
     <!-- <ng-template let-item pTemplate="item">
@@ -4401,7 +4405,16 @@ class GenericSelectorTypeComponent extends FieldType {
         <a (click)="onSelect(option)">  {{option[to['labelField'] || 'name'] }} </a>
     </ng-template>
  -->
+    <!-- (onDropdownClick)="onDropdownClick($event)" -->
     </p-autoComplete>
+     <button
+    type="button"
+    pButton
+    icon="pi pi-chevron-down"
+    class="p-button-outlined p-button-secondary rounded-l-none"
+    (click)="onDropdownButtonClick()">
+  </button>
+
   `, 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: "ngmodule", type: InputGroupAddonModule }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericSelectorTypeComponent, decorators: [{
@@ -4419,7 +4432,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
   (completeMethod)="search($event)"
   [multiple]="to['multiple']"
   [optionLabel]="to['labelField'] || 'name'"
-  [dropdown]="true"
+  [dropdown]="false"
   [forceSelection]="true"
   [placeholder]="(props['placeholder'] ?? '')| translate"
   [disabled]="!!props.disabled"
@@ -4428,7 +4441,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
   class="w-full rounded-none"
   [showEmptyMessage]="true"
   (onSelect)="onSelect($event)"
-  (onDropdownClick)="onDropdownClick($event)"
   emptyMessage="{{ getEmptyMessage() | translate }}"
   [showTransitionOptions]="'0ms'"  >
     <!-- <ng-template let-item pTemplate="item">
@@ -4445,7 +4457,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
         <a (click)="onSelect(option)">  {{option[to['labelField'] || 'name'] }} </a>
     </ng-template>
  -->
+    <!-- (onDropdownClick)="onDropdownClick($event)" -->
     </p-autoComplete>
+     <button
+    type="button"
+    pButton
+    icon="pi pi-chevron-down"
+    class="p-button-outlined p-button-secondary rounded-l-none"
+    (click)="onDropdownButtonClick()">
+  </button>
+
   `,
                     providers: [DialogService, BaseService],
                     imports: [
@@ -6312,14 +6333,6 @@ class BaseCrud {
         }
         this.loadPage(0, 10);
     }
-    visibleChange(value) {
-        if (this.mode == 'view') {
-            this.dialogVisible = value;
-        }
-        else {
-            this.drawerVisible = value;
-        }
-    }
     onPageChange(event) {
         // فك المتغيّرات مع قيمة افتراضية لفلاتر
         const { first = this.first, rows = this.rows, sort = this.sort, filters = {} } = event;
@@ -6350,6 +6363,21 @@ class BaseCrud {
             this.dialogVisible = true;
         }
     }
+    visibleChange(value) {
+        // let modeConfig: string; // 'drawer' | 'dialog'
+        // if (typeof this.displayMode === 'string') {
+        //   modeConfig = this.displayMode;
+        // } else {
+        //   // Per-action override if displayMode is an object
+        //   modeConfig = this.displayMode[this.mode as string] ?? 'drawer';
+        // }
+        if (this.displayMode == 'dialog') {
+            this.dialogVisible = value;
+        }
+        else {
+            this.drawerVisible = value;
+        }
+    }
     // onTableAction(event: { name: string; row: T | null }): void {
     //     switch (event.name) {
     //       case 'add':    this.openDrawer(null,event.name);             break;