@easyquery/ui 7.2.5-rc01 → 7.2.5-rc03

package/dist/easyquery.ui.cjs.js

@@ -1677,7 +1677,8 @@ class PopupMenu {
             showItemIds: false
         };
         if (options) {
-            core$1.utils.assignDeep(this.options, options);
+            core$1.utils.assign(this.options, options);
+            core$1.utils.assign(this.options.buttons, options.buttons);
         }
         if (this.options.hideButtons) {
             this.options.submitOnBlur = true;
@@ -8887,10 +8888,7 @@ class ManageDrillDownWidget extends core.Widget {
                 core$1.utils.moveArrayItem(attr.operators, opIdx, 0);
             }
         }, null);
-        this.ddQuery = new core.Query(model, null, {
-            parent: query,
-            context: this.context
-        });
+        this.ddQuery = query.createSubQuery();
         const dds = this.context.getQuery().getDrillDowns();
         if (dds.length) {
             const dd = dds[0];
@@ -8975,63 +8973,6 @@ exports.FacetType = void 0;
     FacetType["PivotTable"] = "PIVOT_TABLE";
 })(exports.FacetType || (exports.FacetType = {}));
 
-class ExportDialog {
-    constructor(context) {
-        this.context = context;
-        this.promise = null;
-    }
-    show(defFormat = null) {
-        if (!this.promise) {
-            const formats = this.context.getExportFormats();
-            if (formats.length == 0)
-                throw Error("No exporter has been registered.");
-            defFormat = defFormat || formats[0];
-            this.promise = new Promise((resolve, reject) => {
-                const ds = this.context.getServices().getService('DialogService');
-                const body = ui.domel('div')
-                    .addClass('kdlg-form-section')
-                    .addChild('div', b => b
-                    .addClass('kfrm-form')
-                    .addChild('div', b => b
-                    .addClass('kfrm-fields col-a-1 label-align-right')
-                    .addChild('label', b => b
-                    .addClass('kdlg-form-label', 'kflex-20')
-                    .attr('for', 'export_format')
-                    .addText(core.i18n.getText('ExportDlgFmtLabel')))
-                    .addChild('div', b => b
-                    .addClass('kfrm-select')
-                    .addChild('select', b => {
-                    b
-                        .attr('name', 'export_format')
-                        .id('exportFormat');
-                    for (const format of this.context.getExportFormats()) {
-                        b.addOption({
-                            value: format,
-                            title: core.i18n.getText(format) || format,
-                            selected: defFormat == format
-                        });
-                    }
-                }))))
-                    .toDOM();
-                ds.open({
-                    title: core.i18n.getText('ExportDlgTitle'),
-                    body: body,
-                    onSubmit: () => {
-                        const format = body.querySelector('#exportFormat').value;
-                        this.context.exportResult({
-                            format: format,
-                            success: resolve,
-                            error: reject
-                        });
-                        return true;
-                    }
-                });
-            });
-        }
-        return this.promise.finally(() => this.promise = null);
-    }
-}
-
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -9266,12 +9207,11 @@ class ChartWidget extends core.Widget {
         return 'eqjs-chart';
     }
     /**
-     * The default constructor.
-     * @param slot The html element.
-     * @param provider The provider.
+     Initializes a new instance of the `ChartWidget` class
+     * @param slotElement - an HTML element we should place our widget in.
      */
-    constructor(slot) {
-        super(slot);
+    constructor(slotElement) {
+        super(slotElement);
         this.chartType = exports.ChartType.Pie;
         this.supportedChartTypes = [];
         this.dataTable = null;
@@ -9288,7 +9228,7 @@ class ChartWidget extends core.Widget {
                 position: 'right'
             }
         };
-        this.element = slot;
+        this.element = slotElement;
         this.group = core.WidgetGroup.Result;
     }
     /**
@@ -9611,12 +9551,11 @@ class ChartWidget extends core.Widget {
 
 class ChartJsWidget extends ChartWidget {
     /**
-     * The default constructor.
-     * @param slot The html element.
-     * @param provider The provider.
+     Initializes a new instance of the `ChartJsWidget` class
+     * @param slotElement - an HTML element we should place our widget in.
      */
-    constructor(slot) {
-        super(slot);
+    constructor(slotElement) {
+        super(slotElement);
         this.colors = [
             '#4dc9f6',
             '#f67019',
@@ -9776,12 +9715,11 @@ class ChartJsWidget extends ChartWidget {
 
 class GoogleChartWidget extends ChartWidget {
     /**
-     * The default constructor.
-     * @param slot The html element.
-     * @param provider The provider.
+     Initializes a new instance of the `GoogleChartWidget` class
+     * @param slotElement - an HTML element we should place our widget in.
      */
-    constructor(slot) {
-        super(slot);
+    constructor(slotElement) {
+        super(slotElement);
         this.hasChartTypes = [
             exports.ChartType.Column,
             exports.ChartType.Bar,
@@ -10868,6 +10806,63 @@ class FacetContainer extends core.Widget {
     }
 }
 
+class ExportDialog {
+    constructor(context) {
+        this.context = context;
+        this.promise = null;
+    }
+    show(defFormat = null) {
+        if (!this.promise) {
+            const formats = this.context.getExportFormats();
+            if (formats.length == 0)
+                throw Error("No exporter has been registered.");
+            defFormat = defFormat || formats[0];
+            this.promise = new Promise((resolve, reject) => {
+                const ds = this.context.getServices().getService('DialogService');
+                const body = ui.domel('div')
+                    .addClass('kdlg-form-section')
+                    .addChild('div', b => b
+                    .addClass('kfrm-form')
+                    .addChild('div', b => b
+                    .addClass('kfrm-fields col-a-1 label-align-right')
+                    .addChild('label', b => b
+                    .addClass('kdlg-form-label', 'kflex-20')
+                    .attr('for', 'export_format')
+                    .addText(core.i18n.getText('ExportDlgFmtLabel')))
+                    .addChild('div', b => b
+                    .addClass('kfrm-select')
+                    .addChild('select', b => {
+                    b
+                        .attr('name', 'export_format')
+                        .id('exportFormat');
+                    for (const format of this.context.getExportFormats()) {
+                        b.addOption({
+                            value: format,
+                            title: core.i18n.getText(format) || format,
+                            selected: defFormat == format
+                        });
+                    }
+                }))))
+                    .toDOM();
+                ds.open({
+                    title: core.i18n.getText('ExportDlgTitle'),
+                    body: body,
+                    onSubmit: () => {
+                        const format = body.querySelector('#exportFormat').value;
+                        this.context.exportResult({
+                            format: format,
+                            success: resolve,
+                            error: reject
+                        });
+                        return true;
+                    }
+                });
+            });
+        }
+        return this.promise.finally(() => this.promise = null);
+    }
+}
+
 class ResultFacetsPanel extends FacetContainer {
     constructor(slot) {
         super(slot);
@@ -12437,7 +12432,7 @@ class View {
     }
     /**
     * Creates the widget that represents Chart Widget.
-    * @param slot The HTMLElement to place the created widget in.
+    * @param slotElement The HTMLElement to place the created widget in.
     * @returns the created Widget object.
     */
     createChartWidget(slotElement) {
@@ -12449,8 +12444,8 @@ class View {
         }
     }
     /**
-    * Creates the widget that represents Grid Widget.
-    * @param slot The HTMLElement to place the created widget in.
+    * Creates the widget that represents Result Grid.
+    * @param slotElement The HTMLElement to place the created widget in.
     * @returns the created Widget object.
     */
     createResultGridWidget(slotElement) {
@@ -13371,12 +13366,12 @@ class HtmlDataFilterView extends DataFilterView {
         super();
     }
     /**
-    * Creates the widget that represents Grid Widget.
-    * @param slot The HTMLElement to place the created widget in.
+    * Creates the widget that represents Result Grid.
+    * @param slotElement The HTMLElement to place the created widget in.
     * @returns the created Widget object.
     */
-    createResultGridWidget(element) {
-        return new EqHtmlGrid(element);
+    createResultGridWidget(slotElement) {
+        return new EqHtmlGrid(slotElement);
     }
     /**
      * Obsolete. Left for backward compatibility.
@@ -14417,6 +14412,7 @@ exports.EqHtmlGrid = EqHtmlGrid;
 exports.ExportDialog = ExportDialog;
 exports.ExportWidget = ExportWidget;
 exports.ExpressionRenderer = ExpressionRenderer;
+exports.FacetContainer = FacetContainer;
 exports.FilterBar = FilterBar;
 exports.GoogleChartWidget = GoogleChartWidget;
 exports.Grid = Grid;

package/dist/easyquery.ui.esm.js

@@ -1675,7 +1675,8 @@ class PopupMenu {
             showItemIds: false
         };
         if (options) {
-            utils.assignDeep(this.options, options);
+            utils.assign(this.options, options);
+            utils.assign(this.options.buttons, options.buttons);
         }
         if (this.options.hideButtons) {
             this.options.submitOnBlur = true;
@@ -8885,10 +8886,7 @@ class ManageDrillDownWidget extends Widget {
                 utils.moveArrayItem(attr.operators, opIdx, 0);
             }
         }, null);
-        this.ddQuery = new Query(model, null, {
-            parent: query,
-            context: this.context
-        });
+        this.ddQuery = query.createSubQuery();
         const dds = this.context.getQuery().getDrillDowns();
         if (dds.length) {
             const dd = dds[0];
@@ -8973,63 +8971,6 @@ var FacetType;
     FacetType["PivotTable"] = "PIVOT_TABLE";
 })(FacetType || (FacetType = {}));
 
-class ExportDialog {
-    constructor(context) {
-        this.context = context;
-        this.promise = null;
-    }
-    show(defFormat = null) {
-        if (!this.promise) {
-            const formats = this.context.getExportFormats();
-            if (formats.length == 0)
-                throw Error("No exporter has been registered.");
-            defFormat = defFormat || formats[0];
-            this.promise = new Promise((resolve, reject) => {
-                const ds = this.context.getServices().getService('DialogService');
-                const body = domel('div')
-                    .addClass('kdlg-form-section')
-                    .addChild('div', b => b
-                    .addClass('kfrm-form')
-                    .addChild('div', b => b
-                    .addClass('kfrm-fields col-a-1 label-align-right')
-                    .addChild('label', b => b
-                    .addClass('kdlg-form-label', 'kflex-20')
-                    .attr('for', 'export_format')
-                    .addText(i18n$1.getText('ExportDlgFmtLabel')))
-                    .addChild('div', b => b
-                    .addClass('kfrm-select')
-                    .addChild('select', b => {
-                    b
-                        .attr('name', 'export_format')
-                        .id('exportFormat');
-                    for (const format of this.context.getExportFormats()) {
-                        b.addOption({
-                            value: format,
-                            title: i18n$1.getText(format) || format,
-                            selected: defFormat == format
-                        });
-                    }
-                }))))
-                    .toDOM();
-                ds.open({
-                    title: i18n$1.getText('ExportDlgTitle'),
-                    body: body,
-                    onSubmit: () => {
-                        const format = body.querySelector('#exportFormat').value;
-                        this.context.exportResult({
-                            format: format,
-                            success: resolve,
-                            error: reject
-                        });
-                        return true;
-                    }
-                });
-            });
-        }
-        return this.promise.finally(() => this.promise = null);
-    }
-}
-
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -9264,12 +9205,11 @@ class ChartWidget extends Widget {
         return 'eqjs-chart';
     }
     /**
-     * The default constructor.
-     * @param slot The html element.
-     * @param provider The provider.
+     Initializes a new instance of the `ChartWidget` class
+     * @param slotElement - an HTML element we should place our widget in.
      */
-    constructor(slot) {
-        super(slot);
+    constructor(slotElement) {
+        super(slotElement);
         this.chartType = ChartType.Pie;
         this.supportedChartTypes = [];
         this.dataTable = null;
@@ -9286,7 +9226,7 @@ class ChartWidget extends Widget {
                 position: 'right'
             }
         };
-        this.element = slot;
+        this.element = slotElement;
         this.group = WidgetGroup.Result;
     }
     /**
@@ -9609,12 +9549,11 @@ class ChartWidget extends Widget {
 
 class ChartJsWidget extends ChartWidget {
     /**
-     * The default constructor.
-     * @param slot The html element.
-     * @param provider The provider.
+     Initializes a new instance of the `ChartJsWidget` class
+     * @param slotElement - an HTML element we should place our widget in.
      */
-    constructor(slot) {
-        super(slot);
+    constructor(slotElement) {
+        super(slotElement);
         this.colors = [
             '#4dc9f6',
             '#f67019',
@@ -9774,12 +9713,11 @@ class ChartJsWidget extends ChartWidget {
 
 class GoogleChartWidget extends ChartWidget {
     /**
-     * The default constructor.
-     * @param slot The html element.
-     * @param provider The provider.
+     Initializes a new instance of the `GoogleChartWidget` class
+     * @param slotElement - an HTML element we should place our widget in.
      */
-    constructor(slot) {
-        super(slot);
+    constructor(slotElement) {
+        super(slotElement);
         this.hasChartTypes = [
             ChartType.Column,
             ChartType.Bar,
@@ -10866,6 +10804,63 @@ class FacetContainer extends Widget {
     }
 }
 
+class ExportDialog {
+    constructor(context) {
+        this.context = context;
+        this.promise = null;
+    }
+    show(defFormat = null) {
+        if (!this.promise) {
+            const formats = this.context.getExportFormats();
+            if (formats.length == 0)
+                throw Error("No exporter has been registered.");
+            defFormat = defFormat || formats[0];
+            this.promise = new Promise((resolve, reject) => {
+                const ds = this.context.getServices().getService('DialogService');
+                const body = domel('div')
+                    .addClass('kdlg-form-section')
+                    .addChild('div', b => b
+                    .addClass('kfrm-form')
+                    .addChild('div', b => b
+                    .addClass('kfrm-fields col-a-1 label-align-right')
+                    .addChild('label', b => b
+                    .addClass('kdlg-form-label', 'kflex-20')
+                    .attr('for', 'export_format')
+                    .addText(i18n$1.getText('ExportDlgFmtLabel')))
+                    .addChild('div', b => b
+                    .addClass('kfrm-select')
+                    .addChild('select', b => {
+                    b
+                        .attr('name', 'export_format')
+                        .id('exportFormat');
+                    for (const format of this.context.getExportFormats()) {
+                        b.addOption({
+                            value: format,
+                            title: i18n$1.getText(format) || format,
+                            selected: defFormat == format
+                        });
+                    }
+                }))))
+                    .toDOM();
+                ds.open({
+                    title: i18n$1.getText('ExportDlgTitle'),
+                    body: body,
+                    onSubmit: () => {
+                        const format = body.querySelector('#exportFormat').value;
+                        this.context.exportResult({
+                            format: format,
+                            success: resolve,
+                            error: reject
+                        });
+                        return true;
+                    }
+                });
+            });
+        }
+        return this.promise.finally(() => this.promise = null);
+    }
+}
+
 class ResultFacetsPanel extends FacetContainer {
     constructor(slot) {
         super(slot);
@@ -12435,7 +12430,7 @@ class View {
     }
     /**
     * Creates the widget that represents Chart Widget.
-    * @param slot The HTMLElement to place the created widget in.
+    * @param slotElement The HTMLElement to place the created widget in.
     * @returns the created Widget object.
     */
     createChartWidget(slotElement) {
@@ -12447,8 +12442,8 @@ class View {
         }
     }
     /**
-    * Creates the widget that represents Grid Widget.
-    * @param slot The HTMLElement to place the created widget in.
+    * Creates the widget that represents Result Grid.
+    * @param slotElement The HTMLElement to place the created widget in.
     * @returns the created Widget object.
     */
     createResultGridWidget(slotElement) {
@@ -13369,12 +13364,12 @@ class HtmlDataFilterView extends DataFilterView {
         super();
     }
     /**
-    * Creates the widget that represents Grid Widget.
-    * @param slot The HTMLElement to place the created widget in.
+    * Creates the widget that represents Result Grid.
+    * @param slotElement The HTMLElement to place the created widget in.
     * @returns the created Widget object.
     */
-    createResultGridWidget(element) {
-        return new EqHtmlGrid(element);
+    createResultGridWidget(slotElement) {
+        return new EqHtmlGrid(slotElement);
     }
     /**
      * Obsolete. Left for backward compatibility.
@@ -14380,4 +14375,4 @@ if (!Array.prototype.findIndex) {
     };
 }
 
-export { AddRowRenderer, AdvancedSearchView, AggrFuncColumnRendererCB, AggrFuncColumnRendererCP, AggrSettingsDialog, AggrSettingsRenderer, AggregationBar, AttrColumnRendererCB, AttrColumnRendererCP, AttributeExpressionRenderer, BaseElementRenderer, ChartFacet, ChartJsWidget, ChartType, ChartWidget, ColumnAction, ColumnRendererCB, ColumnRendererCP, ColumnsBar, ColumnsPanel, ConditionAction, ConditionGroupRenderer, ConditionGroupRowRenderer, ConditionRenderer, ConstColumnRendererCP, CustomListExpressionRenderer, CustomSqlColumnRendererCP, DataFilterView, DataTableFacet, DateTimeExpressionRenderer, DomDropDownElementBuilder, DropDownRenderer, EasyGridWidget, EntitiesPanel, EqHtmlGrid, ExportDialog, ExportWidget, ExpressionRenderer, FacetType, FilterBar, GoogleChartWidget, Grid, HtmlContentWidget, HtmlDataFilterView, InputExpressionRenderer, ListExpressionRenderer, ManageDrillDownWidget, OperatorRenderer, PivotTableFacet, PopupMenu, ProcessWidget, QPEditablePart, QueryPanel, ReportView, ResultFacet, ResultFacetsPanel, SimpleConditionRenderer, SortingBar, SqlListExpressionRenderer, StatementPanel, SubQueryExpressionRenderer, TextRenderer, View, browserUtils, dropdown };
+export { AddRowRenderer, AdvancedSearchView, AggrFuncColumnRendererCB, AggrFuncColumnRendererCP, AggrSettingsDialog, AggrSettingsRenderer, AggregationBar, AttrColumnRendererCB, AttrColumnRendererCP, AttributeExpressionRenderer, BaseElementRenderer, ChartFacet, ChartJsWidget, ChartType, ChartWidget, ColumnAction, ColumnRendererCB, ColumnRendererCP, ColumnsBar, ColumnsPanel, ConditionAction, ConditionGroupRenderer, ConditionGroupRowRenderer, ConditionRenderer, ConstColumnRendererCP, CustomListExpressionRenderer, CustomSqlColumnRendererCP, DataFilterView, DataTableFacet, DateTimeExpressionRenderer, DomDropDownElementBuilder, DropDownRenderer, EasyGridWidget, EntitiesPanel, EqHtmlGrid, ExportDialog, ExportWidget, ExpressionRenderer, FacetContainer, FacetType, FilterBar, GoogleChartWidget, Grid, HtmlContentWidget, HtmlDataFilterView, InputExpressionRenderer, ListExpressionRenderer, ManageDrillDownWidget, OperatorRenderer, PivotTableFacet, PopupMenu, ProcessWidget, QPEditablePart, QueryPanel, ReportView, ResultFacet, ResultFacetsPanel, SimpleConditionRenderer, SortingBar, SqlListExpressionRenderer, StatementPanel, SubQueryExpressionRenderer, TextRenderer, View, browserUtils, dropdown };

package/dist/types/public_api.d.ts

@@ -12,6 +12,7 @@ export * from './widgets/statement_panel';
 export * from './widgets/widget_options';
 export * from './widgets/process_widget';
 export * from './widgets/manage_drilldown_widget';
+export * from './widgets/facet_container';
 export * from './widgets/result_facets_panel';
 export * from './widgets/export_widget';
 export * from './widgets/aggregation_bar';

package/dist/types/views/html_data_filter_view.d.ts

@@ -6,11 +6,11 @@ import { DataFilterView } from "./data_filter_view";
 export declare class HtmlDataFilterView extends DataFilterView {
     constructor();
     /**
-    * Creates the widget that represents Grid Widget.
-    * @param slot The HTMLElement to place the created widget in.
+    * Creates the widget that represents Result Grid.
+    * @param slotElement The HTMLElement to place the created widget in.
     * @returns the created Widget object.
     */
-    protected createResultGridWidget(element: HTMLElement): Widget;
+    protected createResultGridWidget(slotElement: HTMLElement): Widget;
     /**
      * Obsolete. Left for backward compatibility.
      * Use fetchData() instead

package/dist/types/views/view.d.ts

@@ -63,13 +63,13 @@ export declare abstract class View {
     protected hideResultSpinner(): void;
     /**
     * Creates the widget that represents Chart Widget.
-    * @param slot The HTMLElement to place the created widget in.
+    * @param slotElement The HTMLElement to place the created widget in.
     * @returns the created Widget object.
     */
     protected createChartWidget(slotElement: HTMLElement): Widget;
     /**
-    * Creates the widget that represents Grid Widget.
-    * @param slot The HTMLElement to place the created widget in.
+    * Creates the widget that represents Result Grid.
+    * @param slotElement The HTMLElement to place the created widget in.
     * @returns the created Widget object.
     */
     protected createResultGridWidget(slotElement: HTMLElement): Widget;

package/dist/types/widgets/charts/chart_widget.d.ts

@@ -20,11 +20,10 @@ export declare abstract class ChartWidget extends Widget {
     protected options: ChartWidgetOptions;
     protected get cssPrefix(): string;
     /**
-     * The default constructor.
-     * @param slot The html element.
-     * @param provider The provider.
+     Initializes a new instance of the `ChartWidget` class
+     * @param slotElement - an HTML element we should place our widget in.
      */
-    constructor(slot: HTMLElement);
+    constructor(slotElement: HTMLElement);
     /**
      * Initialize widget.
      * @param context The context.

package/dist/types/widgets/charts/chart_widget_chartjs.d.ts

@@ -3,11 +3,10 @@ import { ChartType } from './chart_type';
 export declare class ChartJsWidget extends ChartWidget {
     private colors;
     /**
-     * The default constructor.
-     * @param slot The html element.
-     * @param provider The provider.
+     Initializes a new instance of the `ChartJsWidget` class
+     * @param slotElement - an HTML element we should place our widget in.
      */
-    constructor(slot: HTMLElement);
+    constructor(slotElement: HTMLElement);
     getWidgetType(): string;
     private chartLabels;
     private chartColumns;

package/dist/types/widgets/charts/chart_widget_google.d.ts

@@ -4,11 +4,10 @@ export declare class GoogleChartWidget extends ChartWidget {
     protected googleDataView: any;
     protected hasChartTypes: ChartType[];
     /**
-     * The default constructor.
-     * @param slot The html element.
-     * @param provider The provider.
+     Initializes a new instance of the `GoogleChartWidget` class
+     * @param slotElement - an HTML element we should place our widget in.
      */
-    constructor(slot: HTMLElement);
+    constructor(slotElement: HTMLElement);
     getWidgetType(): string;
     protected canDraw(): boolean;
     static hasGoogleCharts(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@easyquery/ui",
-    "version": "7.2.5-rc01",
+    "version": "7.2.5-rc03",
     "description": "EasyQuery.JS Community UI widgets",
     "types": "./dist/types/public_api.d.ts",
     "main": "./dist/easyquery.ui.cjs.js",
@@ -31,7 +31,7 @@
     "peerDependencies": {
         "@easydata/core": "^1.4.21",
         "@easydata/ui": "^1.4.21",
-        "@easyquery/core": "^7.2.5-rc01"
+        "@easyquery/core": "^7.2.5-rc03"
     },
     "files": [
         "dist",