monkey-style-guide 21.2.4 → 21.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monkey-style-guide",
-  "version": "21.2.4",
+  "version": "21.2.7",
   "peerDependencies": {
     "@angular/animations": "^21.2.4",
     "@angular/cdk": "^21.2.2",

package/types/monkey-style-guide.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ComponentRef, InputSignal, OutputEmitterRef, AfterContentInit, AfterContentChecked, OnDestroy, ElementRef, EventEmitter, ChangeDetectorRef, OnChanges, OnInit, InputSignalWithTransform, SimpleChanges, Renderer2, AfterViewInit, QueryList, StaticProvider, Injector, InjectionToken, ViewContainerRef, ApplicationRef } from '@angular/core';
+import { TemplateRef, ComponentRef, InputSignal, OutputEmitterRef, AfterContentInit, AfterContentChecked, OnDestroy, ElementRef, EventEmitter, ChangeDetectorRef, OnChanges, OnInit, InputSignalWithTransform, AfterViewInit, SimpleChanges, Renderer2, QueryList, StaticProvider, Injector, InjectionToken, ViewContainerRef, ApplicationRef } from '@angular/core';
 import { NgControl, AbstractControlDirective, ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 import * as rxjs from 'rxjs';
 import { Observable, Subject, BehaviorSubject } from 'rxjs';
 import { Router } from '@angular/router';
+import * as monkey_style_guide from 'monkey-style-guide';
 import * as i2 from '@angular/common';
 import { CurrencyPipe } from '@angular/common';
 import { BooleanInput } from '@angular/cdk/coercion';
@@ -651,53 +652,28 @@ declare class MonkeyDownloadButtonComponent {
  * This style guide was developed by Monkey Exchange Team
  * MIT Licence
  ************************* */
-/**
- * Filter types supported by the filter bar
- */
 type FilterType = 'text' | 'date' | 'currency' | 'status';
-/**
- * Status option for status filter checkboxes
- */
 interface StatusOption {
-    /** Value of the checkbox option */
     value: string;
-    /** Description/label for the checkbox option */
     description: string;
 }
-/**
- * Configuration for a filter option
- */
 interface FilterOption {
-    /** Unique identifier for the filter */
     key: string;
-    /** Display label for the filter */
     label: string;
-    /** Icon name to display (optional) */
     icon?: string;
-    /** Type of filter input */
     type: FilterType;
-    /** Placeholder text for the filter input (optional) */
     placeholder?: string;
-    /** Minimum date for date filters (optional) */
     minDate?: Date | string;
-    /** Maximum date for date filters (optional) */
     maxDate?: Date | string;
-    /** Currency code for currency filters (optional) */
     currency?: string;
-    /** Status options for status filters (required when type is 'status') */
     statusOptions?: StatusOption[];
+    /** Human-readable explanation shown in the complex filter documentation panel */
+    explanation?: string;
 }
-/**
- * Active filter value
- */
 interface ActiveFilter {
-    /** Filter key */
     key: string;
-    /** Filter label */
     label: string;
-    /** Filter type */
     type: FilterType;
-    /** Filter value (format depends on type: string for text, object for date/currency, string[] for status) */
     value: string | {
         startDate: string;
         endDate: string;
@@ -705,182 +681,157 @@ interface ActiveFilter {
         min?: number;
         max?: number;
     } | string[];
-    /** Display text for the filter tag */
     displayText: string;
-    /** Icon name (optional) */
     icon?: string;
 }
-/**
- * Filter bar configuration
- */
 interface FilterBarConfig {
-    /** Available filter options */
     filterOptions: FilterOption[];
-    /** Placeholder text for search input */
     searchPlaceholder?: string;
 }
+type ComplexFilterOperator = ':' | '>' | '<';
+interface ComplexFilterCondition {
+    logicalOp?: 'AND' | 'OR';
+    field: string;
+    operator: ComplexFilterOperator;
+    value: string;
+}
+interface ComplexFilterGroup {
+    /** Logical operator connecting this group to the previous one */
+    logicalOp?: 'AND' | 'OR';
+    conditions: ComplexFilterCondition[];
+}
+interface ComplexFilterResult {
+    raw: string;
+    groups: ComplexFilterGroup[];
+}
+type AutocompleteSuggestionType = 'field' | 'logical' | 'value';
+interface AutocompleteSuggestion {
+    type: AutocompleteSuggestionType;
+    label: string;
+    /** Field key shown as secondary text for field suggestions */
+    sublabel?: string;
+    /** Text spliced into the query when the suggestion is selected */
+    insertValue: string;
+    explanation?: string;
+}
 
-declare class MonkeyFilterBarComponent implements OnInit, AfterContentInit, OnDestroy, OnChanges {
-    protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
-    private _filterBarService;
-    /** Unique key for this filter bar instance */
+declare class MonkeyComplexFilterBarComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
+    private _service;
+    key: i0.InputSignal<string>;
+    config: i0.InputSignal<FilterBarConfig | undefined>;
+    placeholder: i0.InputSignal<string | undefined>;
+    complexFilterChange: EventEmitter<ComplexFilterResult>;
+    private _queryInputRef?;
+    complexQuery: string;
+    queryError: string;
+    autocompleteItems: AutocompleteSuggestion[];
+    autocompleteActiveIndex: number;
+    showDocsPanel: boolean;
+    docsPanelTarget: HTMLElement | null;
+    serviceConfig: i0.Signal<FilterBarConfig | undefined>;
+    allFilterOptions: i0.Signal<monkey_style_guide.FilterOption[]>;
+    queryPlaceholder: i0.Signal<string>;
+    hasActiveQuery: i0.Signal<boolean>;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private validateQuery;
+    private _autoResize;
+    onInputFocus(textarea: HTMLTextAreaElement): void;
+    onTextareaInput(textarea: HTMLTextAreaElement): void;
+    onQueryInput(textarea: HTMLTextAreaElement): void;
+    onKeydown(event: KeyboardEvent, textarea: HTMLTextAreaElement): void;
+    onSelectSuggestion(item: AutocompleteSuggestion, textarea: HTMLTextAreaElement): void;
+    onInputBlur(): void;
+    applyQuery(): void;
+    clearQuery(): void;
+    onShowDocs(event: MouseEvent): void;
+    closeDocs: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyComplexFilterBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyComplexFilterBarComponent, "monkey-complex-filter-bar", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "complexFilterChange": "complexFilterChange"; }, never, ["*"], true, never>;
+}
+
+declare class MonkeyFilterBarComponent implements OnInit, OnChanges, OnDestroy {
+    protected _elementRef: ElementRef<any>;
+    private _service;
     key: i0.InputSignal<string>;
-    /** Filter bar configuration */
     config: i0.InputSignal<FilterBarConfig | undefined>;
-    /** Output event when filters change */
     filtersChange: EventEmitter<{
         search?: string;
         filters: ActiveFilter[];
     }>;
-    /** Output event when search value changes */
     searchChange: EventEmitter<string>;
-    showPopOver: boolean;
-    showSubmenuPopover: boolean;
-    showFilterInputPopover: boolean;
-    elementTarget: HTMLElement | null;
-    submenuTarget: HTMLElement | null;
+    showFilterMenu: boolean;
+    showDateSubmenu: boolean;
+    showFilterInput: boolean;
+    filterMenuTarget: HTMLElement | null;
+    dateSubmenuTarget: HTMLElement | null;
     filterInputTarget: HTMLElement | null;
-    filterInputValue: string;
-    selectedFilterOption: i0.WritableSignal<FilterOption | null>;
-    showCustomDatePicker: boolean;
-    filterDateRange: {
+    isEditingFilter: boolean;
+    activeOption: i0.WritableSignal<FilterOption | null>;
+    textValue: string;
+    currencyValue: number | null;
+    currencyMode: 'from' | 'until';
+    statusValues: string[];
+    dateRange: {
         startDate: string;
         endDate: string;
     };
-    filterCurrencyRange: {
-        min: number;
-        max: number;
-    };
-    currencyRangeType: 'from' | 'until';
-    selectedStatusValues: string[];
-    isEditingActiveFilter: boolean;
-    handledFilterOptionLabel: i0.Signal<string | undefined>;
-    handledFilterOptionIcon: i0.Signal<string | undefined>;
+    showCustomDate: boolean;
     serviceConfig: i0.Signal<FilterBarConfig | undefined>;
     activeFilters: i0.Signal<ActiveFilter[]>;
     searchValue: i0.Signal<string>;
+    searchPlaceholder: i0.Signal<string>;
     constructor();
     ngOnInit(): void;
-    ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    /**
-     * Get available filter options (excluding already active filters)
-     */
     availableFilterOptions(): FilterOption[];
-    /**
-     * Check if a filter is already active
-     */
     isFilterActive(filterKey: string): boolean;
-    /**
-     * Handle showing the popover
-     */
-    onShowPopOver(el: MonkeyButtonComponent): void;
-    /**
-     * Get unique ID for a filter option
-     */
-    getFilterOptionId(optionKey: string): string;
-    /**
-     * Get unique ID for an active filter tag
-     */
+    getOptionId(optionKey: string): string;
     getActiveFilterId(filterKey: string): string;
-    /**
-     * Handle filter option selection - opens submenu for date filters, direct input for others
-     */
-    onSelectFilterOption(option: FilterOption): void;
-    /**
-     * Handle quick date selection from submenu
-     */
-    onSelectQuickDate(option: string): void;
-    /**
-     * Show filter input popover (for non-date filters or custom date picker)
-     */
-    onShowFilterInput(): void;
-    /**
-     * Handle date range change
-     */
-    onDateRangeChange(event: {
+    onShowFilterMenu(btn: MonkeyButtonComponent): void;
+    onSelectOption(option: FilterOption): void;
+    onQuickDate(preset: string): void;
+    onDateChange(event: {
         startDate: string;
         endDate: string;
     }): void;
-    /**
-     * Handle status checkbox change
-     */
-    onStatusCheckboxChange(statusValue: string, checked: boolean): void;
-    /**
-     * Apply the selected filter
-     */
-    onApplyFilter(): void;
-    /**
-     * Edit an active filter - opens the input popover with current values
-     */
-    onEditActiveFilter(activeFilter: ActiveFilter): void;
-    /**
-     * Remove a filter
-     */
-    onRemoveFilter(filterKey: string, event?: Event): void;
-    /**
-     * Clear all filters
-     */
-    onClearAllFilters(): void;
-    /**
-     * Handle search input change
-     */
+    onStatusChange(val: string, checked: boolean): void;
+    onApply(): void;
+    onEditFilter(filter: ActiveFilter): void;
+    onRemoveFilter(filterKey: string, event: Event): void;
+    onClearAll(): void;
     onSearchChange(value: string): void;
-    /**
-     * Emit filters change event
-     */
-    private emitFiltersChange;
-    closePopOver: () => void;
-    closeSubmenuPopover: () => void;
-    closeFilterInputPopover: () => void;
+    closeFilterMenu: () => void;
+    closeDateSubmenu: () => void;
+    closeFilterInput: () => void;
+    private _resetInputState;
+    private _emit;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyFilterBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyFilterBarComponent, "monkey-filter-bar", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "filtersChange": "filtersChange"; "searchChange": "searchChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyFilterBarComponent, "monkey-filter-bar", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "filtersChange": "filtersChange"; "searchChange": "searchChange"; }, never, ["*"], true, never>;
 }
 
 interface FilterBarState {
     search: string;
     filters: ActiveFilter[];
+    complexQuery?: string;
 }
 declare class MonkeyFilterBarService {
     private _configs;
     private _activeFilters;
     private _searchValues;
-    /**
-     * Initialize or update configuration for a filter bar instance
-     */
+    private _complexQueries;
     setConfig(storageKey: string, config: FilterBarConfig): void;
-    /**
-     * Get configuration for a filter bar instance
-     */
     getConfig(storageKey: string): FilterBarConfig | undefined;
-    /**
-     * Get configuration as a computed signal
-     */
     config(storageKey: string): i0.Signal<FilterBarConfig | undefined>;
-    /**
-     * Get available filter options (excluding already active filters)
-     */
     availableFilterOptions(storageKey: string): FilterOption[];
-    /**
-     * Get active filters for a filter bar instance
-     */
     getActiveFilters(storageKey: string): ActiveFilter[];
-    /**
-     * Get active filters as a computed signal
-     */
     activeFilters(storageKey: string): i0.Signal<ActiveFilter[]>;
-    /**
-     * Check if a filter is already active
-     */
     isFilterActive(storageKey: string, filterKey: string): boolean;
-    /**
-     * Set active filters for a filter bar instance (overwrites existing)
-     */
     setActiveFilters(storageKey: string, filters: ActiveFilter[]): void;
-    /**
-     * Add a filter
-     */
     addFilter(storageKey: string, option: FilterOption, value: string | {
         startDate: string;
         endDate: string;
@@ -888,9 +839,6 @@ declare class MonkeyFilterBarService {
         min?: number;
         max?: number;
     } | string[]): void;
-    /**
-     * Update an existing filter (preserves position in array)
-     */
     updateFilter(storageKey: string, filterKey: string, option: FilterOption, value: string | {
         startDate: string;
         endDate: string;
@@ -898,40 +846,39 @@ declare class MonkeyFilterBarService {
         min?: number;
         max?: number;
     } | string[]): void;
-    /**
-     * Remove a filter
-     */
     removeFilter(storageKey: string, filterKey: string): void;
-    /**
-     * Clear all filters for a filter bar instance
-     */
     clearAllFilters(storageKey: string): void;
-    /**
-     * Get search value for a filter bar instance
-     */
     getSearchValue(storageKey: string): string;
-    /**
-     * Get search value as a computed signal
-     */
     searchValue(storageKey: string): i0.Signal<string>;
-    /**
-     * Set search value
-     */
     setSearchValue(storageKey: string, value: string): void;
-    /**
-     * Get complete state (search + filters)
-     */
+    getComplexQuery(storageKey: string): string;
+    setComplexQuery(storageKey: string, query: string): void;
+    clearComplexQuery(storageKey: string): void;
     getState(storageKey: string): FilterBarState;
-    /**
-     * Get state as a computed signal
-     */
     state(storageKey: string): i0.Signal<{
         search: string;
         filters: ActiveFilter[];
+        complexQuery: string | undefined;
     }>;
     /**
-     * Format filter value for display (plain text, no formatting)
+     * Returns autocomplete suggestions for the complex filter input.
+     *
+     * Token resolution (relative to cursorPos):
+     *   - Scan backwards from cursor over non-whitespace / non-paren chars → currentToken
+     *   - Token with operator (fieldKey[:<>]valuePrefix) → suggest status values
+     *   - Token without operator → suggest fields, AND/OR (after a complete term), and ( (at top level)
      */
+    getAutocompleteSuggestions(storageKey: string, query: string, cursorPos: number): AutocompleteSuggestion[];
+    /**
+     * Parses a raw complex query string into structured groups.
+     * Parenthesised expressions become a single group; bare conditions
+     * each become their own single-condition group.
+     *
+     * Example: `(a:1 OR b:2) AND c:3` →
+     *   [{ conditions:[{a:1},{logicalOp:OR,b:2}] }, { logicalOp:AND, conditions:[{c:3}] }]
+     */
+    parseComplexQuery(raw: string): ComplexFilterGroup[];
+    private _parseConditionToken;
     private formatFilterValuePlain;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyFilterBarService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MonkeyFilterBarService>;
@@ -1469,6 +1416,54 @@ declare class MonkeyOptionComponent {
     static ngAcceptInputType_disabled: unknown;
 }
 
+declare class MonkeyPassNumberComponent {
+    disabled: boolean;
+    protected _uid: string;
+    protected _id: string;
+    protected selected: number[];
+    onChange: i0.OutputEmitterRef<number[]>;
+    get isDisabledNumbers(): boolean;
+    get isDisabledClear(): boolean;
+    get id(): string;
+    set id(value: string);
+    constructor();
+    protected clear(): void;
+    protected onPress(pin: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPassNumberComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyPassNumberComponent, "monkey-pass-number", never, { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}
+
+type PinCombinations = {
+    first: number;
+    last: number;
+};
+type PinResult = {
+    passNumber1: string;
+    passNumber2: string;
+    passNumber3: string;
+    passNumber4: string;
+};
+declare class MonkeyPassSecretNumberComponent implements OnInit {
+    protected _uid: string;
+    disabled: boolean;
+    protected _id: string;
+    readonly orLabel: rxjs.Observable<any>;
+    protected pins: PinCombinations[];
+    protected selected: string[];
+    onChange: i0.OutputEmitterRef<PinResult>;
+    get id(): string;
+    set id(value: string);
+    get isDisabledNumbers(): boolean;
+    get isDisabledClear(): boolean;
+    constructor();
+    ngOnInit(): void;
+    protected clear(): void;
+    private getPinPassword;
+    protected onPress(pin: PinCombinations): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPassSecretNumberComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyPassSecretNumberComponent, "monkey-pass-secret-number", never, { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}
+
 /** ************************
  * Copyright Monkey Exchange. All Rights Reserved
  * This style guide was developed by Monkey Exchange Team
@@ -2070,29 +2065,6 @@ declare class MonkeyTooltipDirective {
     static ngAcceptInputType_enabled: unknown;
 }
 
-/** ************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- ************************* */
-
-declare class MonkeyUserProfileButtonComponent {
-    protected _uid: string;
-    elementRef: ElementRef<any>;
-    size: MonkeySize;
-    name: string;
-    iconName: string;
-    protected _id: string;
-    open: boolean;
-    get id(): string;
-    set id(value: string);
-    constructor();
-    onClick(event: MouseEvent): void;
-    handleClose: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyUserProfileButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyUserProfileButtonComponent, "monkey-user-profile-button", never, { "size": { "alias": "size"; "required": false; }; "name": { "alias": "name"; "required": true; }; "iconName": { "alias": "iconName"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
 /** ************************
  * Copyright Monkey Exchange. All Rights Reserved
  * This style guide was developed by Monkey Exchange Team
@@ -2111,52 +2083,27 @@ declare class MonkeyUserProfileComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyUserProfileComponent, "monkey-user-profile", never, { "email": { "alias": "email"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class MonkeyPassNumberComponent {
-    disabled: boolean;
-    protected _uid: string;
-    protected _id: string;
-    protected selected: number[];
-    onChange: i0.OutputEmitterRef<number[]>;
-    get isDisabledNumbers(): boolean;
-    get isDisabledClear(): boolean;
-    get id(): string;
-    set id(value: string);
-    constructor();
-    protected clear(): void;
-    protected onPress(pin: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPassNumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyPassNumberComponent, "monkey-pass-number", never, { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
-}
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
 
-type PinCombinations = {
-    first: number;
-    last: number;
-};
-type PinResult = {
-    passNumber1: string;
-    passNumber2: string;
-    passNumber3: string;
-    passNumber4: string;
-};
-declare class MonkeyPassSecretNumberComponent implements OnInit {
+declare class MonkeyUserProfileButtonComponent {
     protected _uid: string;
-    disabled: boolean;
+    elementRef: ElementRef<any>;
+    size: MonkeySize;
+    name: string;
+    iconName: string;
     protected _id: string;
-    readonly orLabel: rxjs.Observable<any>;
-    protected pins: PinCombinations[];
-    protected selected: string[];
-    onChange: i0.OutputEmitterRef<PinResult>;
+    open: boolean;
     get id(): string;
     set id(value: string);
-    get isDisabledNumbers(): boolean;
-    get isDisabledClear(): boolean;
     constructor();
-    ngOnInit(): void;
-    protected clear(): void;
-    private getPinPassword;
-    protected onPress(pin: PinCombinations): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPassSecretNumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyPassSecretNumberComponent, "monkey-pass-secret-number", never, { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+    onClick(event: MouseEvent): void;
+    handleClose: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyUserProfileButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyUserProfileButtonComponent, "monkey-user-profile-button", never, { "size": { "alias": "size"; "required": false; }; "name": { "alias": "name"; "required": true; }; "iconName": { "alias": "iconName"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 /** ************************
@@ -2369,5 +2316,5 @@ declare const MECX_COUNTRY_ISO_CODE: InjectionToken<string>;
 declare const MECX_GOOGLE_API_KEY: InjectionToken<string>;
 declare function injectTokenWithWarning<T>(token: InjectionToken<T>, name?: string): T | null;
 
-export { MECX_COUNTRY_ISO_CODE, MECX_GOOGLE_API_KEY, MECX_I18N_WRAPPER, MECX_MODAL_DATA, MECX_MODAL_DEFAULT_CONFIG, MECX_POPOVER_OPTIONS, MonkeyAccordionComponent, MonkeyActionBarComponent, MonkeyAlertComponent, MonkeyAutocompleteAddressComponent, MonkeyAutocompleteComponent, MonkeyAvatarComponent, MonkeyBadgeComponent, MonkeyBadgeDirective, MonkeyBreadcrumbComponent, MonkeyButtonComponent, MonkeyCheckboxComponent, MonkeyColumnChecked, MonkeyColumnExpansible, MonkeyColumnSortable, MonkeyColumnStick, MonkeyDateRangeComponent, MonkeyDictionaryService, MonkeyDisplayDirective, MonkeyDividerComponent, MonkeyDownloadButtonComponent, MonkeyEcxAddressService, MonkeyErrorDirective, MonkeyFilterBarComponent, MonkeyFilterBarService, MonkeyFormDirective, MonkeyFormFieldComponent, MonkeyFormFieldControl, MonkeyFormFieldModule, MonkeyHelperDirective, MonkeyIconButtonComponent, MonkeyInfoDirective, MonkeyInputCodeComponent, MonkeyInputCurrencyDirective, MonkeyInputDateRangeComponent, MonkeyInputDirective, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputUploadComponent, MonkeyLabelDirective, MonkeyModalActionsDirective, MonkeyModalComponent, MonkeyModalConfig, MonkeyModalContentDirective, MonkeyModalModule, MonkeyModalRef, MonkeyModalService, MonkeyModalSubtitleDirective, MonkeyModalTitleDirective, MonkeyOptionComponent, MonkeyPaginationActionComponent, MonkeyPaginationLabelComponent, MonkeyPaginationSizeComponent, MonkeyPassNumberComponent, MonkeyPassSecretNumberComponent, MonkeyPopoverContentComponent, MonkeyPopoverDirective, MonkeyPrefixDirective, MonkeyRadioButtonComponent, MonkeySecurityLevelComponent, MonkeySelectComponent, MonkeyStatusComponent, MonkeyStepComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStepperService, MonkeySuffixDirective, MonkeyTabComponent, MonkeyTabLinkDirective, MonkeyTableComponent, MonkeyTableModule, MonkeyTabsComponent, MonkeyTabsModule, MonkeyToastComponent, MonkeyToastRef, MonkeyToastService, MonkeyToggleComponent, MonkeyToggleLineButtonComponent, MonkeyToggleLineComponent, MonkeyTooltipComponent, MonkeyTooltipDirective, MonkeyUserProfileButtonComponent, MonkeyUserProfileComponent, getCurrencySymbol, injectTokenWithWarning };
-export type { ActiveFilter, FilterBarConfig, FilterBarState, FilterOption, FilterType, GoogleApiPlaces, GoogleApiPlacesAddressComponents, GoogleApiPlacesResponse, MonkeyAlertType, MonkeyAutocompleteData, MonkeyAutocompleteResponse, MonkeyBreadcrumb, MonkeyButtonColor, MonkeyButtonType, MonkeyDownloadButtonChangeEvent, MonkeyInputUploadChangeEvent, MonkeyModalConfirmationConfig, MonkeyModalDefaultConfig, MonkeyPopoverDir, MonkeyPopoverOptions, MonkeySize, MonkeyTableScrollConfig, MonkeyToastPosition, MonkeyToastType, StatusOption, ToastConfig };
+export { MECX_COUNTRY_ISO_CODE, MECX_GOOGLE_API_KEY, MECX_I18N_WRAPPER, MECX_MODAL_DATA, MECX_MODAL_DEFAULT_CONFIG, MECX_POPOVER_OPTIONS, MonkeyAccordionComponent, MonkeyActionBarComponent, MonkeyAlertComponent, MonkeyAutocompleteAddressComponent, MonkeyAutocompleteComponent, MonkeyAvatarComponent, MonkeyBadgeComponent, MonkeyBadgeDirective, MonkeyBreadcrumbComponent, MonkeyButtonComponent, MonkeyCheckboxComponent, MonkeyColumnChecked, MonkeyColumnExpansible, MonkeyColumnSortable, MonkeyColumnStick, MonkeyComplexFilterBarComponent, MonkeyDateRangeComponent, MonkeyDictionaryService, MonkeyDisplayDirective, MonkeyDividerComponent, MonkeyDownloadButtonComponent, MonkeyEcxAddressService, MonkeyErrorDirective, MonkeyFilterBarComponent, MonkeyFilterBarService, MonkeyFormDirective, MonkeyFormFieldComponent, MonkeyFormFieldControl, MonkeyFormFieldModule, MonkeyHelperDirective, MonkeyIconButtonComponent, MonkeyInfoDirective, MonkeyInputCodeComponent, MonkeyInputCurrencyDirective, MonkeyInputDateRangeComponent, MonkeyInputDirective, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputUploadComponent, MonkeyLabelDirective, MonkeyModalActionsDirective, MonkeyModalComponent, MonkeyModalConfig, MonkeyModalContentDirective, MonkeyModalModule, MonkeyModalRef, MonkeyModalService, MonkeyModalSubtitleDirective, MonkeyModalTitleDirective, MonkeyOptionComponent, MonkeyPaginationActionComponent, MonkeyPaginationLabelComponent, MonkeyPaginationSizeComponent, MonkeyPassNumberComponent, MonkeyPassSecretNumberComponent, MonkeyPopoverContentComponent, MonkeyPopoverDirective, MonkeyPrefixDirective, MonkeyRadioButtonComponent, MonkeySecurityLevelComponent, MonkeySelectComponent, MonkeyStatusComponent, MonkeyStepComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStepperService, MonkeySuffixDirective, MonkeyTabComponent, MonkeyTabLinkDirective, MonkeyTableComponent, MonkeyTableModule, MonkeyTabsComponent, MonkeyTabsModule, MonkeyToastComponent, MonkeyToastRef, MonkeyToastService, MonkeyToggleComponent, MonkeyToggleLineButtonComponent, MonkeyToggleLineComponent, MonkeyTooltipComponent, MonkeyTooltipDirective, MonkeyUserProfileButtonComponent, MonkeyUserProfileComponent, getCurrencySymbol, injectTokenWithWarning };
+export type { ActiveFilter, AutocompleteSuggestion, AutocompleteSuggestionType, ComplexFilterCondition, ComplexFilterGroup, ComplexFilterOperator, ComplexFilterResult, FilterBarConfig, FilterBarState, FilterOption, FilterType, GoogleApiPlaces, GoogleApiPlacesAddressComponents, GoogleApiPlacesResponse, MonkeyAlertType, MonkeyAutocompleteData, MonkeyAutocompleteResponse, MonkeyBreadcrumb, MonkeyButtonColor, MonkeyButtonType, MonkeyDownloadButtonChangeEvent, MonkeyInputUploadChangeEvent, MonkeyModalConfirmationConfig, MonkeyModalDefaultConfig, MonkeyPopoverDir, MonkeyPopoverOptions, MonkeySize, MonkeyTableScrollConfig, MonkeyToastPosition, MonkeyToastType, StatusOption, ToastConfig };