@easyquery/ui 7.2.3-rc03 → 7.2.4-beta03

package/dist/lib/widgets/widget_options.d.ts

@@ -1,429 +1,433 @@
-import { Query, Condition, Expression, Widget, EqValueEditor } from '@easyquery/core';
-import { EasyDataTable } from '@easydata/core';
-import { DateTimePicker, DateTimePickerOptions } from '@easydata/ui';
-import { ConditionRenderer } from './renderers/querypanel/condition_renderer';
-import { ExpressionRenderer } from './renderers/querypanel/expression_renderer';
-import { BaseElementRenderer } from './renderers/base_element_renderer';
-import { QueryPanel } from './query_panel';
-import { QPEditablePart } from '../types/qp_editable_part';
-import { PopupMenuOptions } from '../utils/popup_menu';
-import { FacetType } from '../types/facet_type';
-import { ChartType } from './charts/chart_type';
-/** Used in options.*/
-export interface UseInOptions {
-    useInConditions: boolean;
-    useInResult: boolean;
-    useInSorting: boolean;
-}
-/** EntitiesPanel options */
-export interface EntitiesPanelOptions {
-    showToolbar?: boolean;
-    showSelectAllButton?: boolean;
-    showClearSelectionButton?: boolean;
-    showAddColumnButton?: boolean;
-    showAddConditionButton?: boolean;
-    showCheckboxes?: boolean;
-    showTooltips?: boolean;
-    /**
-     * Gets or sets column caption format that will be used on adding selected attributes as columns
-     */
-    columnTitleFormat?: string;
-    draggableAttributes?: boolean;
-    /**
-     * Gets or sets the value that defines which attributes from the model should be shown in the tree.
-     * Each attribute in the model has `Use in conditions`, `Use in columns`, `Use in sorting` properties.
-     * This option filtering of all the attributes by these properties.
-     */
-    showAttributes?: UseInOptions;
-    showFilterBox?: boolean;
-    /**
-     * Gets or sets the value that defines how the search is performed in EntitiesPanel. Values:
-     * `0` - checks if node name contains the filter text. Default behaviour.
-     * `1` - checks if node name starts with the filter text.
-     */
-    filterBoxMode?: number;
-    /** Gets or sets a value indicating whether a progress indicator should appear while th emodel is loading */
-    showIndicatorOnLoad?: boolean;
-    /**
-     * Defines where to display attributes in the tree:
-     * `0` - attributes are displayed after entities
-     * `1` - attributes are displayed before entities
-     * `2` - attributes and entities are mixed, and displayed in alphabetical order. In this case the `sortEntities` option value dosn't matter.
-     */
-    attrPlacement?: number;
-    /** Defines whether entities and attributes should be sorted alphabetically. If false, they are displayed as listed in the model. */
-    sortEntities?: boolean;
-    /** Defines whether all selections will be cleared automatically after `add columns` or `add conditions` operation. */
-    autoClearSelection?: boolean;
-    /**
-     * The callback that is called when the entity node has been rendered. It allows you to make any changes you need to the markup of the node.
-     * Parameters:
-     *      `entNode` - jQuery object that represents the node div
-     * @example
-     * entityRenderedCallbackHandler: function (entNode) {
-     *      entNode.addClass("some-cool-class");
-     * }
-     */
-    entityRenderedCallback?: (entNode: HTMLElement) => void;
-    /**
-     * The callback that is called when the attribute node has been rendered. It allows you to make any changes you need to the markup of the node.
-     * Parameters:
-     *     `attrNode` - jQuery object that represents the node div
-     * @example
-     * attributeRenderedCallbackHandler: function (attrNode) {
-     *    attrNode.addClass("some-cool-class");
-     * }
-     */
-    attributeRenderedCallback?: (attrNode: HTMLElement) => void;
-    syncWithColumns?: boolean;
-    [name: string]: any;
-}
-/**Columns panel options */
-export interface ColumnsPanelOptions {
-    isSubQuery?: boolean;
-    activeColumn?: any;
-    /** Gets or sets a value indicating whether columns panel must show a special `add column` link at the bottom */
-    showAddRow?: boolean;
-    /** Gets or sets a value indicating whether columns panel must show a header at the top */
-    showHeader?: boolean;
-    /** Gets or sets a value indicating whether columns panel must show an editable caption for each column (i.e. `SELECT ColumnName AS ColumnCaption...`) */
-    showColumnTitles?: boolean;
-    /** Gets or sets a value indicating whether columns panel must show button to change display */
-    allowDisplayFormatChange?: boolean;
-    /** Gets or sets a value indicating whether columns panel allows user to use aggregated columns */
-    allowAggrColumns?: boolean;
-    /** Gets or sets a value indicating whether it's allowed to add exactly the same column more than once */
-    allowDuplicates?: boolean;
-    /** Gets or sets a value indicating whether it's allowed to use a custom expression for the column definition instead of some entity attribute.
-    If it's turned on - a new menu item appears in the menu dropped on clicking on [f] button. */
-    allowCustomExpressions?: boolean;
-    /** Gets or sets a value indicating whether columns panel allows user to set columns sorting */
-    allowSorting?: boolean;
-    /** Gets or sets the format of the attribute display name. `{entity}` is replaced with entity name, `{attr}` is replaced with attribute name */
-    attrElementFormat?: string;
-    /**
-     * Gets or sets the format of column's title display name. `{entity}` is replaced with entity name, `{attr}` is replaced with attribute name.
-     * Default value is null which means that columns panel will use the same format as it's set to attrElementFormat option
-     */
-    titleElementFormat?: string;
-    /**
-     * Defines which buttons should be shown in the column when the mouse is over.
-     * Possible values are:
-     * - `"enable"` - the button that allows to enable or disable certain column.
-     * - `"delete"` - the button that allows to delete certain column.
-     * - `"type"` - the button that allows to select a column type (simple, aggregate, etc.).
-     * - `"sorting"` - the button that allows to set column sorting and move columns.
-     * - `"menu"` - the button that shows menu with all available actions for the column, including the actions that are not available using other buttons.
-     * By default the option is not set, it actually means
-     * ``` ["enable", "delete", "function", "sorting"]```
-     *
-    */
-    buttons?: string[];
-    /** Gets or sets a value indicating whether the service buttons are permanently displayed in all columns (`true`), or just in active column and the column user moves the cursor over (`false`) */
-    alwaysShowButtons?: boolean;
-    /** Gets or sets a value indicating whether the active column should be backlighted and permanently display the service buttons */
-    accentActiveColumn?: boolean;
-    /** */
-    adjustEntitiesMenuHeight?: boolean;
-    /** Gets or sets a value indicating whether the columns may be dragged and dropped */
-    allowDragDrop?: boolean;
-    domWriteItemsId?: boolean;
-    /** Get or sets a value indication wether checkboxes must be shown */
-    showCheckboxes?: boolean;
-    /**
-     * Contains different options for popup menu that appears for selecting attributes in columns.
-     *
-     */
-    menuOptions?: PopupMenuOptions;
-    /**
-     * Defines where to display attributes in the tree:
-     * `0` - attributes are displayed after entities
-     * `1` - attributes are displayed before entities
-     * `2` - attributes and entities are mixed, and displayed in alphabetical order. In this case the "sortEntities" option value dosn't matter.
-     */
-    attrPlacement?: number;
-    /**
-     * Defines whether entities and attributes should be sorted alphabetically. If false, they are displayed as listed in the model.
-     */
-    sortEntities?: boolean;
-    /**
-     * The callback that is called when the column's row has been rendered. It allows you to make any changes you need to the markup of the row.
-     * Parameters:
-     *      `columnDiv` - jQuery object that represents the column's row div
-     * @example
-     * columnRenderedCallbackHandler: function (columnDiv) {
-     *    columnDiv.addClass("some-cool-class");
-     * }
-     */
-    columnRenderedCallback?: (columnDiv: HTMLDivElement) => void;
-    /**
-     * Gets or sets a value which defines what text should be used for custom expressions' links. Possible values are:
-     * `0` - show the SQL expression itself. Default behaviour.
-     * `1` - show special [Custom SQL] text.
-     * `2` - show column's title.
-     */
-    customExpressionText?: number;
-    allowHiddenColumns?: boolean;
-    allowInvisible?: boolean;
-    showAddAllForEntity?: boolean;
-    [name: string]: any;
-}
-/** Columns bar options */
-export interface ColumnsBarOptions extends ColumnsPanelOptions {
-    showColumnCaptions?: boolean;
-}
-/** Query panel options */
-export interface QueryPanelOptions {
-    /**
-     * Gets or sets a value indicating current edit mode for QueryPanel
-     */
-    editableParts?: QPEditablePart;
-    isSubQuery?: boolean;
-    activeCondition?: null;
-    entitiesPopupHandler?: any;
-    entitiesListFilter?: any;
-    menuContainer?: HTMLElement;
-    /**
-     * Gets or sets a value indicating whether query panel must show a root row which represents the main group of conditions
-     */
-    showRootRow?: boolean;
-    /**
-     * Gets or sets a value indicating whether query panel must show a special [add condition] link at the bottom
-     */
-    showAddRow?: boolean;
-    /**
-     * Gets or sets a value indicating whether query panel must show a checkbox at the beginning of each condition row.
-     * User will be able to use these checkboxes to enable/disable corresponding query conditions
-     */
-    showCheckboxes?: boolean;
-    /**
-     * Gets or sets a value indicating whether query panel shows "toggle parameterization" button which aloows to mark each condition as parameterized.
-     */
-    allowParameterization?: boolean;
-    /**
-     * Gets or sets a value indicating whether query panel allows to place some conditions in to `JOIN` clause instead of `WHERE`.
-     */
-    allowInJoinConditions?: boolean;
-    /** Allows to turn off "Powered by EasyQuery" link shown in the bottom right cornder of query panel. Works only in the full version of the script. */
-    showPoweredBy?: boolean;
-    /**
-     * Defines which buttons should be shown in the condition/predicate when the mouse is over.
-     * Possible values are:
-     * - `"addCondition"` - the button that allows to add new condition. Is shown in predicates only.
-     * - `"addPredicate"` - the button that allows to add new predicate. Is shown in predicates only.
-     * - `"enable"` - the button that allows to enable or disable certain condition.
-     * - `"delete"` - the button that allows to delete certain condition.
-     * - `"menu"` - the button that shows menu with all available actions for the condition/predicate, including the actions that are not available using other buttons.
-     * The default value for this option is:
-     * ```
-     * {
-        condition: ["enable", "delete"]
-        predicate: ["addCondition", "addPredicate", "enable", "delete"]
-     }
-     * ```
-     *
-    */
-    buttons?: {
-        condition?: string[];
-        group?: string[];
-    };
-    /**
-     * If true QueryPanel widget will always show button in predicate (group) rows.
-     * Instead of default behaviour when they are shown only on mouse over.
-     */
-    alwaysShowButtonsInGroups?: boolean;
-    /**
-     * If true QueryPanel widget will always show button in condition rows.
-     * Instead of default behaviour when they are shown only on mouse over.
-     */
-    alwaysShowButtonsInConditions?: boolean;
-    /**
-     *  If true QueryPanel widget will show conjunction elements (`and` or `or`) at the beginning of each condition.
-     */
-    showConjunctions?: boolean;
-    /**
-     * If true the active condition (the one user clicked on previously) will have accent background color.
-     */
-    accentActiveCondition?: boolean;
-    /**
-     * If `true` root predicate row become active at the beginning.
-     */
-    activateRootOnStart?: boolean;
-    /**
-     * A string that represents the format of date values used in date/time picker widget.
-     */
-    dateFormatValue?: string;
-    /**
-     * The format of date values used in condition rows.
-     */
-    dateFormatDisplay?: string;
-    /**
-     * The range of years displayed in the year drop-down: either relative to today's year ("-nn:+nn"), relative to the currently selected year ("c-nn:c+nn"), absolute ("nnnn:nnnn"), or combinations of these formats ("nnnn:-nn").
-     */
-    yearRange?: string;
-    /**
-     * If `true` and no timepicker is displayed, calendar will be closed after click on some date. Default is `true`
-     */
-    oneClickDateSelection?: boolean;
-    /**
-     * If `true`, calendar will display an input box with date string. Default is `false`
-     */
-    showDateTimeInput?: boolean;
-    /**
-     * The format of entity attributes used in query panel conditions.
-     * You can set it to `{attr}` to shown only attribute part (without entity name)
-     */
-    attrElementFormat?: string;
-    /**
-     * Contains different options for popup menu that appears for selecting attributes, operators or values in condition.
-     */
-    menuOptions?: PopupMenuOptions;
-    /**
-     * Gets or sets a value indicating whether it's possible to drag attributes from EntitiesPanel and drop them into QueryPanel to create new conditions.
-     */
-    allowDragDrop?: boolean;
-    /**
-     * Defines where to display attributes in the tree:
-     * `0` - attributes are displayed after entities
-     * `1` - attributes are displayed before entities
-     * `2` - attributes and entities are mixed, and displayed in alphabetical order. In this case the `sortEntities` option value dosn't matter.
-     */
-    attrPlacement?: number;
-    /** Defines whether entities and attributes should be sorted alphabetically. If false, they are displayed as listed in the model. */
-    sortEntities?: boolean;
-    /**Sets or gets the width of sub-query dialog */
-    subQueryDialogWidth?: number | string;
-    /**
-     * Sets or gets the height of sub-query dialog
-     */
-    subQueryDialogHeight?: number | string;
-    /**
-     * Sets or gets the ZIndex property of the different dialogs used in QueryPanel (including the sub-query dialog)
-     */
-    dialogZIndex?: number;
-    /**
-     * Sets or gets the symbol which is used as decimal separator
-     */
-    numberDecimalSeparatorDisplay?: string;
-    /**
-    * Sets or gets the symbols which are recognized as list items separators
-    * (for example when user is supposed to enter a list of values in a text box).
-    */
-    numberListSeparators?: string[];
-    /**
-     * If `true` the QueryPanel will automaticall show value editor for any new (just added) condition
-     */
-    autoEditNewCondition?: boolean;
-    /** If `true` the drop-down menues with available values will show item IDs together with their texts */
-    showIdsForListItems?: boolean;
-    onGetConditionRenderer?: (condition: Condition, slot?: HTMLDivElement) => ConditionRenderer | null;
-    /**
-     * The callback that is called when the condition's row has been rendered. It allows you to make any changes you need to the markup of the row.
-     * Parameters:
-     *     condition - Condition object
-     *     slot - HTMLDivElement object that represents the condition's div
-     * @example
-     * conditionRenderedHandler: function (condition, slot) {
-     *      slot.addClass("some-cool-class");
-     * }
-     */
-    onConditionRendered?: (condition: Condition, slot: HTMLDivElement) => void;
-    onGetExpressionRenderer?: (queryPanel: QueryPanel, expression: Expression, editor: EqValueEditor, slot?: HTMLDivElement) => ExpressionRenderer | null;
-    onExpressionRendered?: (expression: Expression, slot: HTMLDivElement) => void;
-    onGetOperatorRenderer?: (condition: Condition, text: string, slot?: HTMLDivElement) => BaseElementRenderer | null;
-    onOperatorRendered?: (condition: Condition, text: string, slot: HTMLDivElement) => void;
-    onGetAddRowRenderer?: (slot?: HTMLDivElement) => BaseElementRenderer | null;
-    defaultQuery?: Query;
-    emptyTextValue?: string;
-    emptyTextList?: string;
-    emptyTextAttribute?: string;
-    emptyTextOperator?: string;
-    adjustEntitiesMenuHeight?: boolean;
-    domWriteItemsId?: boolean;
-    dateTimePickerResolver?: (options: DateTimePickerOptions) => DateTimePicker;
-}
-/**
- * Grid options type.
- */
-export interface GridOptions {
-    /** Function called before rendering */
-    beforeTableRendering?: (dataTable: EasyDataTable) => void;
-    /** Function thart formats column header */
-    formatColumnHeader?: (dataTable: EasyDataTable, index: number, colLabel: string) => string;
-    /** A callback function that allows users to format value in a particular cell */
-    formatGridCell?: (dataTable: EasyDataTable, rowIndex: number, colIndex: number, text: string) => string;
-    /** pageItem css class */
-    pageItemCssClass?: string;
-    /** Max count of buttons */
-    maxButtonCount?: number;
-    /** table class */
-    tableClass?: string;
-    allowDragDrop?: boolean;
-    [name: string]: any;
-}
-export interface ChartWidgetOptions {
-    /**Chart type:  3 - Column, 4 - Histogram, 5 - Bar, 6 - Combo, 7 - Area, 9 - Line, 10 - Pie, 12 - Donut, 17 - Gauge, 18 - Candlestick*/
-    chartType?: ChartType;
-    supportedChartTypes?: ChartType[];
-    showOnPaging?: boolean;
-    legend?: {
-        show?: boolean;
-        position?: string;
-    };
-    hideSettings?: boolean;
-    /** The chart provider. */
-    chartWidgetResolver?: (slot: HTMLDivElement) => Widget;
-}
-export interface FilterBarOptions {
-    applyOnClose?: boolean;
-    showApplyButton?: boolean;
-    showClearButton?: boolean;
-    applyFilterCallback?: () => void;
-    queryPanel?: QueryPanelOptions;
-    [name: string]: any;
-}
-export interface SortingBarOptions {
-    /**
-   * Gets or sets a value indicating whether query panel must show a special [add condition] link at the bottom
-   */
-    showAddRow?: boolean;
-    /**
-     * The format of entity attributes used in query panel conditions.
-     * You can set it to `{attr}` to shown only attribute part (without entity name)
-     */
-    attrElementFormat?: string;
-    /**
-     * Gets or sets the format of column's title display name. `{entity}` is replaced with entity name, `{attr}` is replaced with attribute name.
-     * Default value is null which means that columns panel will use the same format as it's set to attrElementFormat option
-     */
-    titleElementFormat?: string;
-    adjustEntitiesMenuHeight?: boolean;
-    /**
-   * Contains different options for popup menu that appears for selecting attributes in columns.
-   *
-   */
-    menuOptions?: PopupMenuOptions;
-    domWriteItemsId?: boolean;
-    /**
-     * The callback that is called when the column's row has been rendered. It allows you to make any changes you need to the markup of the row.
-     * Parameters:
-     *      `columnDiv` - jQuery object that represents the column's row div
-     * @example
-     * columnRenderedCallbackHandler: function (columnDiv) {
-     *    columnDiv.addClass("some-cool-class");
-     * }
-     */
-    columnRenderedCallback?: (columnDiv: HTMLDivElement) => void;
-    [name: string]: any;
-}
-export interface ResultFacetsPanelOptions {
-    gridResolver?: (slot: HTMLElement, facetType: FacetType) => Widget | null | undefined;
-    facetTypes?: FacetType[];
-    supportedChartTypes?: ChartType[];
-    showExportButton?: boolean;
-    showRefreshButton?: boolean;
-    showMaximizeButton?: boolean;
-    maximize2Window?: boolean;
-    showProcessIndicator?: boolean;
-    [facetType: string]: any;
-}
+import { Query, Condition, Expression, Widget, EqValueEditor } from '@easyquery/core';
+import { EasyDataTable } from '@easydata/core';
+import { DateTimePicker, DateTimePickerOptions } from '@easydata/ui';
+import { ConditionRenderer } from './renderers/querypanel/condition_renderer';
+import { ExpressionRenderer } from './renderers/querypanel/expression_renderer';
+import { BaseElementRenderer } from './renderers/base_element_renderer';
+import { QueryPanel } from './query_panel';
+import { QPEditablePart } from '../types/qp_editable_part';
+import { PopupMenuOptions } from '../utils/popup_menu';
+import { FacetType } from '../types/facet_type';
+import { ChartType } from './charts/chart_type';
+/** Used in options.*/
+export interface UseInOptions {
+    useInConditions: boolean;
+    useInResult: boolean;
+    useInSorting: boolean;
+}
+/** EntitiesPanel options */
+export interface EntitiesPanelOptions {
+    showToolbar?: boolean;
+    showSelectAllButton?: boolean;
+    showClearSelectionButton?: boolean;
+    showAddColumnButton?: boolean;
+    showAddConditionButton?: boolean;
+    showCheckboxes?: boolean;
+    showTooltips?: boolean;
+    /**
+     * Gets or sets column caption format that will be used on adding selected attributes as columns
+     */
+    columnTitleFormat?: string;
+    draggableAttributes?: boolean;
+    /**
+     * Gets or sets the value that defines which attributes from the model should be shown in the tree.
+     * Each attribute in the model has `Use in conditions`, `Use in columns`, `Use in sorting` properties.
+     * This option filtering of all the attributes by these properties.
+     */
+    showAttributes?: UseInOptions;
+    showFilterBox?: boolean;
+    /**
+     * Gets or sets the value that defines how the search is performed in EntitiesPanel. Values:
+     * `0` - checks if node name contains the filter text. Default behaviour.
+     * `1` - checks if node name starts with the filter text.
+     */
+    filterBoxMode?: number;
+    /** Gets or sets a value indicating whether a progress indicator should appear while the model is loading */
+    showIndicatorOnLoad?: boolean;
+    /**
+     * Defines where to display attributes in the tree:
+     * `0` - attributes are displayed after entities
+     * `1` - attributes are displayed before entities
+     * `2` - attributes and entities are mixed, and displayed in alphabetical order. In this case the `sortEntities` option value dosn't matter.
+     */
+    attrPlacement?: number;
+    /** Defines whether entities and attributes should be sorted alphabetically. If false, they are displayed as listed in the model. */
+    sortEntities?: boolean;
+    /** Defines whether all selections will be cleared automatically after `add columns` or `add conditions` operation. */
+    autoClearSelection?: boolean;
+    /**
+     * The callback that is called when the entity node has been rendered. It allows you to make any changes you need to the markup of the node.
+     * Parameters:
+     *      `entNode` - jQuery object that represents the node div
+     * @example
+     * entityRenderedCallbackHandler: function (entNode) {
+     *      entNode.addClass("some-cool-class");
+     * }
+     */
+    entityRenderedCallback?: (entNode: HTMLElement) => void;
+    /**
+     * The callback that is called when the attribute node has been rendered. It allows you to make any changes you need to the markup of the node.
+     * Parameters:
+     *     `attrNode` - jQuery object that represents the node div
+     * @example
+     * attributeRenderedCallbackHandler: function (attrNode) {
+     *    attrNode.addClass("some-cool-class");
+     * }
+     */
+    attributeRenderedCallback?: (attrNode: HTMLElement) => void;
+    syncWithColumns?: boolean;
+    [name: string]: any;
+}
+/**Columns panel options */
+export interface ColumnsPanelOptions {
+    isSubQuery?: boolean;
+    activeColumn?: any;
+    /** Gets or sets a value indicating whether columns panel must show a special `add column` link at the bottom */
+    showAddRow?: boolean;
+    /** Gets or sets a value indicating whether columns panel must show a header at the top */
+    showHeader?: boolean;
+    /** Gets or sets a value indicating whether columns panel must show an editable caption for each column (i.e. `SELECT ColumnName AS ColumnCaption...`) */
+    showColumnTitles?: boolean;
+    /** Gets or sets a value indicating whether columns panel must show button to change display */
+    allowDisplayFormatChange?: boolean;
+    /** Gets or sets a value indicating whether columns panel allows user to use aggregated columns */
+    allowAggrColumns?: boolean;
+    /** Gets or sets a value indicating whether it's allowed to add exactly the same column more than once */
+    allowDuplicates?: boolean;
+    /** Gets or sets a value indicating whether it's allowed to use a custom expression for the column definition instead of some entity attribute.
+    If it's turned on - a new menu item appears in the menu dropped on clicking on [f] button. */
+    allowCustomExpressions?: boolean;
+    /** Gets or sets a value indicating whether columns panel allows user to set columns sorting */
+    allowSorting?: boolean;
+    /** Gets or sets the format of the attribute display name. `{entity}` is replaced with entity name, `{attr}` is replaced with attribute name */
+    attrElementFormat?: string;
+    /**
+     * Gets or sets the format of column's title display name. `{entity}` is replaced with entity name, `{attr}` is replaced with attribute name.
+     * Default value is null which means that columns panel will use the same format as it's set to attrElementFormat option
+     */
+    titleElementFormat?: string;
+    /**
+     * Defines which buttons should be shown in the column when the mouse is over.
+     * Possible values are:
+     * - `"enable"` - the button that allows to enable or disable certain column.
+     * - `"delete"` - the button that allows to delete certain column.
+     * - `"type"` - the button that allows to select a column type (simple, aggregate, etc.).
+     * - `"sorting"` - the button that allows to set column sorting and move columns.
+     * - `"menu"` - the button that shows menu with all available actions for the column, including the actions that are not available using other buttons.
+     * By default the option is not set, it actually means
+     * ``` ["enable", "delete", "function", "sorting"]```
+     *
+    */
+    buttons?: string[];
+    /** Gets or sets a value indicating whether the service buttons are permanently displayed in all columns (`true`), or just in active column and the column user moves the cursor over (`false`) */
+    alwaysShowButtons?: boolean;
+    /** Gets or sets a value indicating whether the active column should be backlighted and permanently display the service buttons */
+    accentActiveColumn?: boolean;
+    /** */
+    adjustEntitiesMenuHeight?: boolean;
+    /** Gets or sets a value indicating whether the columns may be dragged and dropped */
+    allowDragDrop?: boolean;
+    domWriteItemsId?: boolean;
+    /** Get or sets a value indication wether checkboxes must be shown */
+    showCheckboxes?: boolean;
+    /**
+     * Contains different options for popup menu that appears for selecting attributes in columns.
+     *
+     */
+    menuOptions?: PopupMenuOptions;
+    /**
+     * Defines where to display attributes in the tree:
+     * `0` - attributes are displayed after entities
+     * `1` - attributes are displayed before entities
+     * `2` - attributes and entities are mixed, and displayed in alphabetical order. In this case the "sortEntities" option value dosn't matter.
+     */
+    attrPlacement?: number;
+    /**
+     * Defines whether entities and attributes should be sorted alphabetically. If false, they are displayed as listed in the model.
+     */
+    sortEntities?: boolean;
+    /**
+     * The callback that is called when the column's row has been rendered. It allows you to make any changes you need to the markup of the row.
+     * Parameters:
+     *      `columnDiv` - jQuery object that represents the column's row div
+     * @example
+     * columnRenderedCallbackHandler: function (columnDiv) {
+     *    columnDiv.addClass("some-cool-class");
+     * }
+     */
+    columnRenderedCallback?: (columnDiv: HTMLDivElement) => void;
+    /**
+     * Gets or sets a value which defines what text should be used for custom expressions' links. Possible values are:
+     * `0` - show the SQL expression itself. Default behaviour.
+     * `1` - show special [Custom SQL] text.
+     * `2` - show column's title.
+     */
+    customExpressionText?: number;
+    allowHiddenColumns?: boolean;
+    allowInvisible?: boolean;
+    showAddAllForEntity?: boolean;
+    /** Gets or sets a value indicating whether a progress indicator should appear while the model is loading */
+    showIndicatorOnLoad?: boolean;
+    [name: string]: any;
+}
+/** Columns bar options */
+export interface ColumnsBarOptions extends ColumnsPanelOptions {
+    showColumnCaptions?: boolean;
+}
+/** Query panel options */
+export interface QueryPanelOptions {
+    /**
+     * Gets or sets a value indicating current edit mode for QueryPanel
+     */
+    editableParts?: QPEditablePart;
+    isSubQuery?: boolean;
+    activeCondition?: null;
+    entitiesPopupHandler?: any;
+    entitiesListFilter?: any;
+    menuContainer?: HTMLElement;
+    /**
+     * Gets or sets a value indicating whether query panel must show a root row which represents the main group of conditions
+     */
+    showRootRow?: boolean;
+    /**
+     * Gets or sets a value indicating whether query panel must show a special [add condition] link at the bottom
+     */
+    showAddRow?: boolean;
+    /**
+     * Gets or sets a value indicating whether query panel must show a checkbox at the beginning of each condition row.
+     * User will be able to use these checkboxes to enable/disable corresponding query conditions
+     */
+    showCheckboxes?: boolean;
+    /**
+     * Gets or sets a value indicating whether query panel shows "toggle parameterization" button which aloows to mark each condition as parameterized.
+     */
+    allowParameterization?: boolean;
+    /**
+     * Gets or sets a value indicating whether query panel allows to place some conditions in to `JOIN` clause instead of `WHERE`.
+     */
+    allowInJoinConditions?: boolean;
+    /** Allows to turn off "Powered by EasyQuery" link shown in the bottom right cornder of query panel. Works only in the full version of the script. */
+    showPoweredBy?: boolean;
+    /**
+     * Defines which buttons should be shown in the condition/predicate when the mouse is over.
+     * Possible values are:
+     * - `"addCondition"` - the button that allows to add new condition. Is shown in predicates only.
+     * - `"addPredicate"` - the button that allows to add new predicate. Is shown in predicates only.
+     * - `"enable"` - the button that allows to enable or disable certain condition.
+     * - `"delete"` - the button that allows to delete certain condition.
+     * - `"menu"` - the button that shows menu with all available actions for the condition/predicate, including the actions that are not available using other buttons.
+     * The default value for this option is:
+     * ```
+     * {
+        condition: ["enable", "delete"]
+        predicate: ["addCondition", "addPredicate", "enable", "delete"]
+     }
+     * ```
+     *
+    */
+    buttons?: {
+        condition?: string[];
+        group?: string[];
+    };
+    /**
+     * If true QueryPanel widget will always show button in predicate (group) rows.
+     * Instead of default behaviour when they are shown only on mouse over.
+     */
+    alwaysShowButtonsInGroups?: boolean;
+    /**
+     * If true QueryPanel widget will always show button in condition rows.
+     * Instead of default behaviour when they are shown only on mouse over.
+     */
+    alwaysShowButtonsInConditions?: boolean;
+    /**
+     *  If true QueryPanel widget will show conjunction elements (`and` or `or`) at the beginning of each condition.
+     */
+    showConjunctions?: boolean;
+    /**
+     * If true the active condition (the one user clicked on previously) will have accent background color.
+     */
+    accentActiveCondition?: boolean;
+    /**
+     * If `true` root predicate row become active at the beginning.
+     */
+    activateRootOnStart?: boolean;
+    /**
+     * A string that represents the format of date values used in date/time picker widget.
+     */
+    dateFormatValue?: string;
+    /**
+     * The format of date values used in condition rows.
+     */
+    dateFormatDisplay?: string;
+    /**
+     * The range of years displayed in the year drop-down: either relative to today's year ("-nn:+nn"), relative to the currently selected year ("c-nn:c+nn"), absolute ("nnnn:nnnn"), or combinations of these formats ("nnnn:-nn").
+     */
+    yearRange?: string;
+    /**
+     * If `true` and no timepicker is displayed, calendar will be closed after click on some date. Default is `true`
+     */
+    oneClickDateSelection?: boolean;
+    /**
+     * If `true`, calendar will display an input box with date string. Default is `false`
+     */
+    showDateTimeInput?: boolean;
+    /**
+     * The format of entity attributes used in query panel conditions.
+     * You can set it to `{attr}` to shown only attribute part (without entity name)
+     */
+    attrElementFormat?: string;
+    /**
+     * Contains different options for popup menu that appears for selecting attributes, operators or values in condition.
+     */
+    menuOptions?: PopupMenuOptions;
+    /**
+     * Gets or sets a value indicating whether it's possible to drag attributes from EntitiesPanel and drop them into QueryPanel to create new conditions.
+     */
+    allowDragDrop?: boolean;
+    /**
+     * Defines where to display attributes in the tree:
+     * `0` - attributes are displayed after entities
+     * `1` - attributes are displayed before entities
+     * `2` - attributes and entities are mixed, and displayed in alphabetical order. In this case the `sortEntities` option value dosn't matter.
+     */
+    attrPlacement?: number;
+    /** Defines whether entities and attributes should be sorted alphabetically. If false, they are displayed as listed in the model. */
+    sortEntities?: boolean;
+    /**Sets or gets the width of sub-query dialog */
+    subQueryDialogWidth?: number | string;
+    /**
+     * Sets or gets the height of sub-query dialog
+     */
+    subQueryDialogHeight?: number | string;
+    /**
+     * Sets or gets the ZIndex property of the different dialogs used in QueryPanel (including the sub-query dialog)
+     */
+    dialogZIndex?: number;
+    /**
+     * Sets or gets the symbol which is used as decimal separator
+     */
+    numberDecimalSeparatorDisplay?: string;
+    /**
+    * Sets or gets the symbols which are recognized as list items separators
+    * (for example when user is supposed to enter a list of values in a text box).
+    */
+    numberListSeparators?: string[];
+    /**
+     * If `true` the QueryPanel will automaticall show value editor for any new (just added) condition
+     */
+    autoEditNewCondition?: boolean;
+    /** If `true` the drop-down menues with available values will show item IDs together with their texts */
+    showIdsForListItems?: boolean;
+    /** Gets or sets a value indicating whether a progress indicator should appear while the model is loading */
+    showIndicatorOnLoad?: boolean;
+    onGetConditionRenderer?: (condition: Condition, slot?: HTMLDivElement) => ConditionRenderer | null;
+    /**
+     * The callback that is called when the condition's row has been rendered. It allows you to make any changes you need to the markup of the row.
+     * Parameters:
+     *     condition - Condition object
+     *     slot - HTMLDivElement object that represents the condition's div
+     * @example
+     * conditionRenderedHandler: function (condition, slot) {
+     *      slot.addClass("some-cool-class");
+     * }
+     */
+    onConditionRendered?: (condition: Condition, slot: HTMLDivElement) => void;
+    onGetExpressionRenderer?: (queryPanel: QueryPanel, expression: Expression, editor: EqValueEditor, slot?: HTMLDivElement) => ExpressionRenderer | null;
+    onExpressionRendered?: (expression: Expression, slot: HTMLDivElement) => void;
+    onGetOperatorRenderer?: (condition: Condition, text: string, slot?: HTMLDivElement) => BaseElementRenderer | null;
+    onOperatorRendered?: (condition: Condition, text: string, slot: HTMLDivElement) => void;
+    onGetAddRowRenderer?: (slot?: HTMLDivElement) => BaseElementRenderer | null;
+    defaultQuery?: Query;
+    emptyTextValue?: string;
+    emptyTextList?: string;
+    emptyTextAttribute?: string;
+    emptyTextOperator?: string;
+    adjustEntitiesMenuHeight?: boolean;
+    domWriteItemsId?: boolean;
+    dateTimePickerResolver?: (options: DateTimePickerOptions) => DateTimePicker;
+}
+/**
+ * Grid options type.
+ */
+export interface GridOptions {
+    /** Function called before rendering */
+    beforeTableRendering?: (dataTable: EasyDataTable) => void;
+    /** Function thart formats column header */
+    formatColumnHeader?: (dataTable: EasyDataTable, index: number, colLabel: string) => string;
+    /** A callback function that allows users to format value in a particular cell */
+    formatGridCell?: (dataTable: EasyDataTable, rowIndex: number, colIndex: number, text: string) => string;
+    /** pageItem css class */
+    pageItemCssClass?: string;
+    /** Max count of buttons */
+    maxButtonCount?: number;
+    /** table class */
+    tableClass?: string;
+    allowDragDrop?: boolean;
+    [name: string]: any;
+}
+export interface ChartWidgetOptions {
+    /**Chart type:  3 - Column, 4 - Histogram, 5 - Bar, 6 - Combo, 7 - Area, 9 - Line, 10 - Pie, 12 - Donut, 17 - Gauge, 18 - Candlestick*/
+    chartType?: ChartType;
+    supportedChartTypes?: ChartType[];
+    showOnPaging?: boolean;
+    legend?: {
+        show?: boolean;
+        position?: string;
+    };
+    hideSettings?: boolean;
+    /** The chart provider. */
+    chartWidgetResolver?: (slot: HTMLDivElement) => Widget;
+}
+export interface FilterBarOptions {
+    applyOnClose?: boolean;
+    showApplyButton?: boolean;
+    showClearButton?: boolean;
+    applyFilterCallback?: () => void;
+    queryPanel?: QueryPanelOptions;
+    [name: string]: any;
+}
+export interface SortingBarOptions {
+    /**
+   * Gets or sets a value indicating whether query panel must show a special [add condition] link at the bottom
+   */
+    showAddRow?: boolean;
+    /**
+     * The format of entity attributes used in query panel conditions.
+     * You can set it to `{attr}` to shown only attribute part (without entity name)
+     */
+    attrElementFormat?: string;
+    /**
+     * Gets or sets the format of column's title display name. `{entity}` is replaced with entity name, `{attr}` is replaced with attribute name.
+     * Default value is null which means that columns panel will use the same format as it's set to attrElementFormat option
+     */
+    titleElementFormat?: string;
+    adjustEntitiesMenuHeight?: boolean;
+    /**
+   * Contains different options for popup menu that appears for selecting attributes in columns.
+   *
+   */
+    menuOptions?: PopupMenuOptions;
+    domWriteItemsId?: boolean;
+    /**
+     * The callback that is called when the column's row has been rendered. It allows you to make any changes you need to the markup of the row.
+     * Parameters:
+     *      `columnDiv` - jQuery object that represents the column's row div
+     * @example
+     * columnRenderedCallbackHandler: function (columnDiv) {
+     *    columnDiv.addClass("some-cool-class");
+     * }
+     */
+    columnRenderedCallback?: (columnDiv: HTMLDivElement) => void;
+    [name: string]: any;
+}
+export interface ResultFacetsPanelOptions {
+    gridResolver?: (slot: HTMLElement, facetType: FacetType) => Widget | null | undefined;
+    facetTypes?: FacetType[];
+    supportedChartTypes?: ChartType[];
+    showExportButton?: boolean;
+    showRefreshButton?: boolean;
+    showMaximizeButton?: boolean;
+    maximize2Window?: boolean;
+    showProcessIndicator?: boolean;
+    [facetType: string]: any;
+}