@acorex/components 4.2.67 → 4.2.72

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

@@ -18,7 +18,7 @@ export declare class AXDropdownComponent extends AXBaseDropdownComponent impleme
     dropdownToggle: EventEmitter<any>;
     onButtonClick: EventEmitter<AXHtmlEvent<MouseEvent>>;
     onKeydownHandler(e: KeyboardEvent): void;
-    dropdownWidth: number;
+    dropdownWidth: string;
     private overlayRef;
     private templatePortal;
     constructor(cdr: ChangeDetectorRef, ref: ElementRef<HTMLDivElement>, overlay: Overlay, viewContainerRef: ViewContainerRef);
@@ -34,5 +34,5 @@ export declare class AXDropdownComponent extends AXBaseDropdownComponent impleme
     updatePosition(): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownComponent, "ax-drop-down", never, { "rtl": "rtl"; "readonly": "readonly"; "loading": "loading"; }, { "dropdownToggle": "dropdownToggle"; "onButtonClick": "onButtonClick"; }, never, ["[start]", "ng-container[header]", "[end]", "ng-container[panel]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownComponent, "ax-drop-down", never, { "rtl": "rtl"; "readonly": "readonly"; "loading": "loading"; "dropdownWidth": "dropdownWidth"; }, { "dropdownToggle": "dropdownToggle"; "onButtonClick": "onButtonClick"; }, never, ["[start]", "ng-container[header]", "[end]", "ng-container[panel]"]>;
 }

package/lib/property-editor/editors/number-editor/number.editor.d.ts

@@ -10,6 +10,7 @@ export declare class AXNumberBoxPropertyEditorComponent extends AXProperyEditorC
     maxValue?: number;
     validation: AXValidation;
     clearButton: boolean;
+    showCounter: boolean;
     private textBox;
     constructor(cdr: ChangeDetectorRef);
     handleValueChange(e: any): void;

package/lib/property-editor/editors/searchbar-selectbox-editor/searchbar-selectbox-editor.d.ts

@@ -0,0 +1,29 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { AXProperyEditorComponent } from '../../property-editor.class';
+import { AXValidation } from '../../../validation/validation.component';
+import { AXSelectBoxComponent } from '../../../selectbox/selectbox.component';
+import * as i0 from "@angular/core";
+export declare class AXSearchBarSelectBoxEditorComponent extends AXProperyEditorComponent<any> {
+    protected cdr: ChangeDetectorRef;
+    valueField: string;
+    textField: string;
+    mode: string;
+    selectionDataMode: string;
+    allowSearch: boolean;
+    allowNull: boolean;
+    disabled: boolean;
+    items: any;
+    remoteOperation: boolean;
+    returnAllData: boolean;
+    validation: AXValidation;
+    selectBox: AXSelectBoxComponent;
+    private _filter;
+    get filter(): any;
+    set filter(v: any);
+    constructor(cdr: ChangeDetectorRef);
+    handleValueChange(e: any): void;
+    ngAfterViewInit(): void;
+    provideData: (e: any) => Promise<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBarSelectBoxEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBarSelectBoxEditorComponent, "ng-component", never, {}, {}, never, never>;
+}

package/lib/property-editor/editors/selectbox-editor/selectbox.module.d.ts

@@ -1,13 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./selectbox.editor";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../../../selectbox/selectbox.module";
-import * as i5 from "../../../data-source/datasource.module";
-import * as i6 from "../../../validation/validation.module";
+import * as i2 from "../searchbar-selectbox-editor/searchbar-selectbox-editor";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "../../../selectbox/selectbox.module";
+import * as i6 from "../../../data-source/datasource.module";
+import * as i7 from "../../../validation/validation.module";
 export declare class AXSelectBoxPropertyEditorModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxPropertyEditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxPropertyEditorModule, [typeof i1.AXSelectBoxPropertyEditorComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXSelectBoxModule, typeof i5.AXDataSourceModule, typeof i6.AXValidationModule], [typeof i1.AXSelectBoxPropertyEditorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxPropertyEditorModule, [typeof i1.AXSelectBoxPropertyEditorComponent, typeof i2.AXSearchBarSelectBoxEditorComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.AXSelectBoxModule, typeof i6.AXDataSourceModule, typeof i7.AXValidationModule], [typeof i1.AXSelectBoxPropertyEditorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectBoxPropertyEditorModule>;
 }

package/lib/property-editor/editors/selection-editor/selection-editor.d.ts

@@ -17,6 +17,7 @@ export declare class AXSelectionListPropertyEditorComponent extends AXProperyEdi
     direction: 'horizontal' | 'vertical';
     textField: string;
     valueField: string;
+    selectedItems: any;
     handleValueChange(e: any): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListPropertyEditorComponent, never>;

package/lib/property-editor/editors/text-editor/text.editor.d.ts

@@ -7,6 +7,9 @@ export declare class AXTextPropertyEditorComponent extends AXProperyEditorCompon
     private textBox;
     validation: AXValidation;
     clearButton: boolean;
+    mask: any;
+    maskGuid: boolean;
+    showMask: boolean;
     constructor(cdr: ChangeDetectorRef);
     handleValueChange(e: any): void;
     ngAfterViewInit(): void;

package/lib/property-editor/property-editor.class.d.ts

@@ -16,6 +16,7 @@ export interface AXPropertyDef {
     row?: number;
     col?: number | AXPropertyColDef;
     filterOptions?: FilterModel;
+    uniqueNumber?: number;
 }
 export interface FilterModel {
     operator?: any;
@@ -29,6 +30,7 @@ export interface FilterModel {
 export interface FiltersModel {
     name?: string;
     value?: string;
+    field?: string;
     filterOptions: FilterModel;
 }
 export interface AXPropertyColDef {

package/lib/search-bar/search-bar.component.d.ts

@@ -0,0 +1,53 @@
+import { ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
+import { AXElementSize } from '../base/element.class';
+import { AXDropdownComponent } from '../dropdown/dropdown.component';
+import { AXPropertyEditorRendererDirective } from '../property-editor/property-editor-renderer.directive';
+import { AXPropertyColDef, AXPropertyConfig, AXProperyEditorValueChangeEvent, FilterModel } from '../property-editor/property-editor.class';
+import { AXValidationFormComponent } from '../validation/validation-form.component';
+import * as i0 from "@angular/core";
+export interface FilterTextItemsModel {
+    name: string;
+    title: string;
+    value: any;
+    textValue: string;
+    filterOptions?: FilterModel;
+    component: AXPropertyConfig;
+    uniqueNumber?: number;
+}
+export declare class AXSearchBarComponent implements OnInit {
+    private ref;
+    constructor(ref: ElementRef<HTMLDivElement>);
+    dropdown: AXDropdownComponent;
+    _editors: QueryList<AXPropertyEditorRendererDirective>;
+    form: AXValidationFormComponent;
+    size: AXElementSize;
+    disabled: boolean;
+    fitParent: boolean;
+    dropdownWidth: string;
+    rtl: boolean;
+    set items(v: AXPropertyConfig[]);
+    onValueChange: EventEmitter<any>;
+    onSearchValue: EventEmitter<FilterTextItemsModel[]>;
+    _items: any[];
+    _filterItems: FilterTextItemsModel[];
+    _filterItemsClone: FilterTextItemsModel[];
+    _defultValueCount: any;
+    _context: any;
+    clearItem(name: string): void;
+    refresh(): void;
+    handleButtonClick(): void;
+    handleValueChange(e: AXProperyEditorValueChangeEvent): Promise<void>;
+    handleItemRemoveClick(item: FilterTextItemsModel): void;
+    search(): void;
+    clear(): void;
+    renderCol(e: number | AXPropertyColDef): string;
+    _handleShowTitleSelected(item: any): string;
+    _handleShowValueSelected(item: any): any;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private _handleTextValue;
+    private _handleDefultVlaue;
+    private _handleInitVlaue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBarComponent, "ax-search-bar", never, { "size": "size"; "disabled": "disabled"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "rtl": "rtl"; "items": "items"; }, { "onValueChange": "onValueChange"; "onSearchValue": "onSearchValue"; }, never, ["[start]"]>;
+}

package/lib/search-bar/search-bar.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./search-bar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../dropdown/dropdown.module";
+import * as i5 from "../button/button.module";
+import * as i6 from "../textbox/textbox.module";
+import * as i7 from "../property-editor/property-editor.module";
+import * as i8 from "../form-group/form-group.module";
+import * as i9 from "../label/label.module";
+import * as i10 from "@acorex/core";
+import * as i11 from "../validation/validation.module";
+export declare class AXSearchBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSearchBarModule, [typeof i1.AXSearchBarComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXDropdownModule, typeof i5.AXButtonModule, typeof i6.AXTextBoxModule, typeof i7.AXProppertyEditorModule, typeof i8.AXFormGroupModule, typeof i9.AXLabelModule, typeof i10.AXTranslatorModule, typeof i11.AXValidationModule], [typeof i1.AXSearchBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSearchBarModule>;
+}

package/lib/selectbox/selectbox.component.d.ts

@@ -35,6 +35,8 @@ export declare class AXSelectBoxComponent extends AXValidatableComponent impleme
     textAlign: 'right' | 'left' | null;
     bufferSize: number;
     remoteOperation: boolean;
+    fitParent: boolean;
+    dropdownWidth: string;
     dropdownToggle: EventEmitter<any>;
     currentfocusedIndex: number;
     showLoading: boolean;
@@ -112,5 +114,5 @@ export declare class AXSelectBoxComponent extends AXValidatableComponent impleme
     private itemsStatusObserver;
     private waitForData;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "showDropDownButton": "showDropDownButton"; "rowInputTemplate": "rowInputTemplate"; "showCheckBox": "showCheckBox"; "readonly": "readonly"; "rtl": "rtl"; "disabled": "disabled"; "placeholder": "placeholder"; "size": "size"; "allowNull": "allowNull"; "textAlign": "textAlign"; "bufferSize": "bufferSize"; "remoteOperation": "remoteOperation"; "dataSource": "dataSource"; "validation": "validation"; "disabledCallback": "disabledCallback"; "allowSearch": "allowSearch"; "textField": "textField"; "valueField": "valueField"; "disabledField": "disabledField"; "mode": "mode"; "items": "items"; "selectedItems": "selectedItems"; "selectedValues": "selectedValues"; }, { "dropdownToggle": "dropdownToggle"; "itemsChange": "itemsChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "selectionChanged": "selectionChanged"; "selectedItemsChange": "selectedItemsChange"; "selectedValuesChange": "selectedValuesChange"; }, ["rowTemplate", "_contentDataSource", "_contentValidation"], ["[start]", "[end]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "showDropDownButton": "showDropDownButton"; "rowInputTemplate": "rowInputTemplate"; "showCheckBox": "showCheckBox"; "readonly": "readonly"; "rtl": "rtl"; "disabled": "disabled"; "placeholder": "placeholder"; "size": "size"; "allowNull": "allowNull"; "textAlign": "textAlign"; "bufferSize": "bufferSize"; "remoteOperation": "remoteOperation"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "dataSource": "dataSource"; "validation": "validation"; "disabledCallback": "disabledCallback"; "allowSearch": "allowSearch"; "textField": "textField"; "valueField": "valueField"; "disabledField": "disabledField"; "mode": "mode"; "items": "items"; "selectedItems": "selectedItems"; "selectedValues": "selectedValues"; }, { "dropdownToggle": "dropdownToggle"; "itemsChange": "itemsChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "selectionChanged": "selectionChanged"; "selectedItemsChange": "selectedItemsChange"; "selectedValuesChange": "selectedValuesChange"; }, ["rowTemplate", "_contentDataSource", "_contentValidation"], ["[start]", "[end]"]>;
 }

package/lib/selection-list/selection-list.component.d.ts

@@ -14,6 +14,7 @@ export declare class AXSelectionListComponent extends AXValidatableComponent imp
     mode: string;
     textField: string;
     valueField: string;
+    selectionChanged: EventEmitter<any>;
     selectedItemsChange: EventEmitter<any[]>;
     get selectedItems(): any[];
     set selectedItems(v: any[]);
@@ -25,6 +26,7 @@ export declare class AXSelectionListComponent extends AXValidatableComponent imp
     onCheckValueChange(value: any, checked: boolean): void;
     focus(): void;
     onvalueChanged(e: any): void;
+    checkBoxClick(e: any, data: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "readonly": "readonly"; "value": "value"; "disabled": "disabled"; "size": "size"; "direction": "direction"; "items": "items"; "mode": "mode"; "textField": "textField"; "valueField": "valueField"; "selectedItems": "selectedItems"; "selectedValues": "selectedValues"; }, { "selectedItemsChange": "selectedItemsChange"; "selectedValuesChange": "selectedValuesChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "readonly": "readonly"; "value": "value"; "disabled": "disabled"; "size": "size"; "direction": "direction"; "items": "items"; "mode": "mode"; "textField": "textField"; "valueField": "valueField"; "selectedItems": "selectedItems"; "selectedValues": "selectedValues"; }, { "selectionChanged": "selectionChanged"; "selectedItemsChange": "selectedItemsChange"; "selectedValuesChange": "selectedValuesChange"; }, never, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "4.2.67",
+  "version": "4.2.72",
   "peerDependencies": {
     "@angular/common": "^13.3.8",
     "@angular/core": "^13.3.8"

package/public-api.d.ts

@@ -85,6 +85,8 @@ export * from './lib/query-builder/query-builder.service';
 export * from './lib/query-builder/query-builder.class';
 export * from './lib/searchbox/searchbox.component';
 export * from './lib/searchbox/searchbox.module';
+export * from './lib/search-bar/search-bar.component';
+export * from './lib/search-bar/search-bar.module';
 export * from './lib/selectbox/selectbox.component';
 export * from './lib/selectbox/selectbox2.component';
 export * from './lib/selectbox/selectbox.module';