@elite.framework/ng.core 1.0.56 → 1.0.58

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

@@ -45,7 +45,9 @@ import * as i1$6 from 'primeng/dynamicdialog';
 import { DialogService } from 'primeng/dynamicdialog';
 import * as i1$7 from 'primeng/splitbutton';
 import { SplitButtonModule } from 'primeng/splitbutton';
+import * as i5$3 from 'primeng/inputgroupaddon';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
+import * as i4$4 from 'primeng/inputgroup';
 import { InputGroupModule } from 'primeng/inputgroup';
 import { finalize as finalize$1 } from 'rxjs/operators';
 import * as i3$3 from 'primeng/avatar';
@@ -73,7 +75,7 @@ import { FormlyFormFieldModule as FormlyFormFieldModule$1 } from '@ngx-formly/pr
 import { InputNumber } from 'primeng/inputnumber';
 import * as i3$4 from 'primeng/select';
 import { SelectModule } from 'primeng/select';
-import * as i5$3 from '@ngx-formly/core/select';
+import * as i5$4 from '@ngx-formly/core/select';
 import { FormlySelectModule as FormlySelectModule$1 } from '@ngx-formly/core/select';
 import * as i2$5 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
@@ -4284,6 +4286,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
@@ -4366,43 +4373,43 @@ class GenericSelectorTypeComponent extends FieldType {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericSelectorTypeComponent, deps: [{ token: BaseService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", 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-autoComplete
-      #autoComp
-(ngModelChange)="onSelectionChange($event)"
-[ngModel]="selectedItem"
-  [formlyAttributes]="field"
-  [suggestions]="options_"
-  (completeMethod)="search($event)"
-  [multiple]="to['multiple']"
-  [optionLabel]="to['labelField'] || 'name'"
-  [dropdown]="true"
-  [forceSelection]="true"
-  [placeholder]="(props['placeholder'] ?? '')| translate"
-  [disabled]="!!props.disabled"
-  dropdownMode="current"
-  appendTo="body"
-  class="w-full rounded-none"
-  [showEmptyMessage]="true"
-  (onSelect)="onSelect($event)"
-  (onDropdownClick)="onDropdownClick($event)"
-  emptyMessage="{{ getEmptyMessage() | translate }}"
-  [showTransitionOptions]="'0ms'"  >
-    <!-- <ng-template let-item pTemplate="item">
-    <div class="flex items-center gap-2">
-      <p-checkbox
-        [binary]="true"
-        [ngModel]="isItemSelected(item)"
-        (onChange)="toggleItemSelection(item)">
-      </p-checkbox>
-      <span>{{ item[to['labelField'] || 'name'] }}</span>
-    </div>
-  </ng-template> -->
-  <!-- <ng-template let-option #item>
-        <a (click)="onSelect(option)">  {{option[to['labelField'] || 'name'] }} </a>
-    </ng-template>
- -->
-    </p-autoComplete>
-  `, 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" }] });
+  <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>
+    <button
+      type="button"
+      pButton
+      icon="pi pi-chevron-down"
+      class="p-button-outlined p-button-secondary"
+      (click)="onDropdownButtonClick()">
+    </button>
+  </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$4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5$3.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: "pipe", type: i1$3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericSelectorTypeComponent, decorators: [{
             type: Component,
@@ -4410,42 +4417,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                     selector: 'formly-generic-selector',
                     template: `
   <!-- (ngModelChange)="onSelectionChange($event)" -->
-      <p-autoComplete
-      #autoComp
-(ngModelChange)="onSelectionChange($event)"
-[ngModel]="selectedItem"
-  [formlyAttributes]="field"
-  [suggestions]="options_"
-  (completeMethod)="search($event)"
-  [multiple]="to['multiple']"
-  [optionLabel]="to['labelField'] || 'name'"
-  [dropdown]="true"
-  [forceSelection]="true"
-  [placeholder]="(props['placeholder'] ?? '')| translate"
-  [disabled]="!!props.disabled"
-  dropdownMode="current"
-  appendTo="body"
-  class="w-full rounded-none"
-  [showEmptyMessage]="true"
-  (onSelect)="onSelect($event)"
-  (onDropdownClick)="onDropdownClick($event)"
-  emptyMessage="{{ getEmptyMessage() | translate }}"
-  [showTransitionOptions]="'0ms'"  >
-    <!-- <ng-template let-item pTemplate="item">
-    <div class="flex items-center gap-2">
-      <p-checkbox
-        [binary]="true"
-        [ngModel]="isItemSelected(item)"
-        (onChange)="toggleItemSelection(item)">
-      </p-checkbox>
-      <span>{{ item[to['labelField'] || 'name'] }}</span>
-    </div>
-  </ng-template> -->
-  <!-- <ng-template let-option #item>
-        <a (click)="onSelect(option)">  {{option[to['labelField'] || 'name'] }} </a>
-    </ng-template>
- -->
-    </p-autoComplete>
+  <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>
+    <button
+      type="button"
+      pButton
+      icon="pi pi-chevron-down"
+      class="p-button-outlined p-button-secondary"
+      (click)="onDropdownButtonClick()">
+    </button>
+  </p-inputGroupAddon>
+</p-inputGroup>
+
+
   `,
                     providers: [DialogService, BaseService],
                     imports: [
@@ -5436,7 +5443,7 @@ class FormlyFieldSelect extends FieldType {
     </div>
   </ng-template>
     </p-select>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormlyFormFieldModule }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormlySelectModule$1 }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$3.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormlyFormFieldModule }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormlySelectModule$1 }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$4.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyFieldSelect, decorators: [{
             type: Component,
@@ -6181,7 +6188,7 @@ class FormlyFieldRadio extends FieldType {
       </p-radioButton>
       <label [for]="id + index" class="ml-2">{{ option.label }}</label>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$5.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$3.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$5.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$4.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyFieldRadio, decorators: [{
             type: Component,