';\r\n };\r\n return BaseElementRenderer;\r\n}());\r\nexport { BaseElementRenderer };\r\n//# sourceMappingURL=base_element_renderer.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { BaseElementRenderer } from './base_element_renderer';\r\nvar DropDownRenderer = /** @class */ (function (_super) {\r\n __extends(DropDownRenderer, _super);\r\n function DropDownRenderer(slot) {\r\n return _super.call(this, slot) || this;\r\n }\r\n DropDownRenderer.prototype.showEditor = function () {\r\n var _this = this;\r\n var menu = this.getMenu();\r\n if (menu) {\r\n menu.showMenu({\r\n anchor: this.labelElement,\r\n itemSelectedCallback: function (item) {\r\n _this.itemSelected(item.id);\r\n return false;\r\n }\r\n });\r\n }\r\n };\r\n DropDownRenderer.prototype.closeEditor = function () {\r\n var menu = this.getMenu();\r\n if (menu)\r\n menu.hideMenu();\r\n };\r\n return DropDownRenderer;\r\n}(BaseElementRenderer));\r\nexport { DropDownRenderer };\r\n//# sourceMappingURL=dropdown_renderer.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nimport { WidgetGroup, QueryChangeAction, ExprTag, QueryChangePart, SortDirection } from '@easyquery/core';\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { EasyGrid } from '@easydata/ui';\r\nimport { Grid } from './grid';\r\nimport { PopupMenu } from '../utils/popup_menu';\r\nvar EasyGridWidget = /** @class */ (function (_super) {\r\n __extends(EasyGridWidget, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The html element.\r\n */\r\n function EasyGridWidget(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.hasCustomTotalsSettings = false;\r\n //!!!! DO NOT forget to add types for options\r\n _this.options = { autoRefresh: true };\r\n _this.group = WidgetGroup.Result;\r\n return _this;\r\n }\r\n EasyGridWidget.prototype.getWidgetType = function () {\r\n return 'easyGrid';\r\n };\r\n /**\r\n * Initialize widget.\r\n * @param context The context.\r\n * @param options The options.\r\n */\r\n EasyGridWidget.prototype.init = function (context, options) {\r\n var _this = this;\r\n _super.prototype.init.call(this, context, options);\r\n var gridOptions = __assign(__assign({}, options), { slot: this.slot, dataTable: context.resultTable });\r\n this.options = dataUtils.assign(this.options, options);\r\n gridOptions.onPlusButtonClick = function (ev) { return _this.addColumnClickHandler(ev); };\r\n gridOptions.onColumnMoved = function (ev) { return _this.columnMovedHandler(ev); };\r\n if (gridOptions.aggregates) {\r\n this.hasCustomTotalsSettings = true;\r\n }\r\n else {\r\n gridOptions.aggregates = { settings: context.getQuery().getAggregationSettings(), calculator: null };\r\n }\r\n gridOptions.aggregates.calculator = this.context.getServices()\r\n .getAggregatesCalculator();\r\n this.destroy();\r\n this.grid = new EasyGrid(gridOptions);\r\n if (this.options.autoRefresh) {\r\n this.attachQueryObserver();\r\n }\r\n };\r\n EasyGridWidget.prototype.refreshCore = function () {\r\n this.clear();\r\n this.updateTotalsSettings();\r\n this.render();\r\n };\r\n EasyGridWidget.prototype.render = function () {\r\n this.createEntitiesMenu();\r\n this.grid.refresh();\r\n };\r\n EasyGridWidget.prototype.attachQueryObserver = function () {\r\n };\r\n EasyGridWidget.prototype.destroyCore = function () {\r\n this.detachQueryObserver();\r\n if (this.grid)\r\n this.grid.destroy();\r\n this.slot.innerHTML = '';\r\n };\r\n EasyGridWidget.prototype.detachQueryObserver = function () {\r\n if (this.queryEventCallbackId) {\r\n var query = this.getContext().getQuery();\r\n query.removeChangedCallback(this.queryEventCallbackId);\r\n }\r\n };\r\n EasyGridWidget.prototype.updateTotalsSettings = function () {\r\n var context = this.getContext();\r\n if (!this.hasCustomTotalsSettings) {\r\n var settings = context.getQuery().getAggregationSettings();\r\n this.grid.options.aggregates.settings = settings;\r\n }\r\n };\r\n EasyGridWidget.prototype.createEntitiesMenu = function () {\r\n var model = this.getContext().getModel();\r\n if (!model || model.isEmpty())\r\n return;\r\n var menuId = this.slot.id;\r\n if (menuId) {\r\n menuId += '-EntitiesMenu';\r\n }\r\n var entitiesList = model.getEntitiesTree({ addUIC: false, addUIR: true, addUIS: false });\r\n var options = { items: entitiesList, id: menuId };\r\n dataUtils.assign(options, this.options.menuOptions);\r\n this.entitiesMenu = new PopupMenu(options);\r\n };\r\n EasyGridWidget.prototype.getModel = function () {\r\n return this.context.getModel();\r\n };\r\n EasyGridWidget.prototype.getQuery = function () {\r\n return this.context.getQuery();\r\n };\r\n EasyGridWidget.prototype.clear = function () {\r\n if (this.grid)\r\n this.grid.clear();\r\n };\r\n EasyGridWidget.prototype.addColumnClickHandler = function (ev) {\r\n var _this = this;\r\n this.entitiesMenu.showMenu({\r\n anchor: ev.sourceEvent.target,\r\n selectedIds: null,\r\n itemSelectedCallback: function (data, items) {\r\n var attrid = data.id;\r\n _this.addNewColumn(attrid);\r\n return false;\r\n }\r\n });\r\n };\r\n EasyGridWidget.prototype.columnMovedHandler = function (ev) {\r\n var query = this.getQuery();\r\n var oldIndex = dataUtils.findItemIndexById(query.getColumns(), ev.columnId);\r\n if (oldIndex >= 0) {\r\n query.moveColumn(oldIndex, ev.newIndex);\r\n query.fireChangedEvent({\r\n part: QueryChangePart.Columns,\r\n action: QueryChangeAction.All,\r\n source: this\r\n });\r\n }\r\n };\r\n EasyGridWidget.prototype.addNewColumn = function (attrId) {\r\n var _this = this;\r\n var model = this.getContext().getModel();\r\n var query = this.getContext().getQuery();\r\n var getColumnByAttrId = function (attrid) {\r\n var attribute = model.getAttributeById(attrid);\r\n if (!attribute) {\r\n return null;\r\n }\r\n if (!attribute.useInSorting) {\r\n if (attribute.lookupAttr) {\r\n attrid = attribute.lookupAttr;\r\n attribute = model.getAttributeById(attrid);\r\n if (!attribute || !attribute.useInSorting) {\r\n return null;\r\n }\r\n }\r\n else\r\n return null;\r\n }\r\n var column = query.createColumn();\r\n column.caption = _this.getDefaultColumnCaption(attribute);\r\n column.sorting = SortDirection.None;\r\n column.sortIndex = -1;\r\n column.expr.tag = ExprTag.EntityAttribute;\r\n //column.expr.id = attrid;\r\n column.expr.setValue(attrid, true);\r\n column.params.concat(attribute.params);\r\n return column;\r\n };\r\n if (!this.getContext().getQuery()) {\r\n return;\r\n }\r\n return this.addColumn(getColumnByAttrId(attrId));\r\n };\r\n EasyGridWidget.prototype.getDefaultColumnCaption = function (attr) {\r\n var format = this.options.titleElementFormat || this.options.attrElementFormat;\r\n var model = this.getContext().getModel();\r\n return model.getAttributeText(attr, format);\r\n };\r\n EasyGridWidget.prototype.addColumn = function (column) {\r\n var query = this.getContext().getQuery();\r\n if (!query) {\r\n return;\r\n }\r\n column = this.checkColumn(column);\r\n if (!column) {\r\n return;\r\n }\r\n column = query.addColumn({\r\n caption: column.caption,\r\n attributeId: column.expr.value,\r\n sorting: column.sorting,\r\n sortIndex: column.sortIndex\r\n });\r\n query.fireChangedEvent({\r\n part: QueryChangePart.Columns,\r\n action: QueryChangeAction.Add,\r\n changee: column,\r\n source: this\r\n });\r\n return column;\r\n };\r\n EasyGridWidget.prototype.checkColumn = function (col) {\r\n var query = this.getContext().getQuery();\r\n var columns = query.getColumns();\r\n var colJson = JSON.stringify(col.expr.saveToData());\r\n for (var i = 0; i < columns.length; i++) {\r\n var qcolJson = JSON.stringify(columns[i].expr.saveToData());\r\n if (qcolJson === colJson) {\r\n return null;\r\n }\r\n }\r\n return col;\r\n };\r\n return EasyGridWidget;\r\n}(Grid));\r\nexport { EasyGridWidget };\r\n//# sourceMappingURL=easy_grid_widget.js.map","import { domel } from '@easydata/ui';\r\nimport { i18n } from '@easyquery/core';\r\nvar ExportDialog = /** @class */ (function () {\r\n function ExportDialog(context) {\r\n this.context = context;\r\n this.promise = null;\r\n }\r\n ExportDialog.prototype.show = function (defFormat) {\r\n var _this = this;\r\n if (defFormat === void 0) { defFormat = null; }\r\n if (!this.promise) {\r\n var formats = this.context.getExportFormats();\r\n if (formats.length == 0)\r\n throw Error(\"No exporter has been registered.\");\r\n defFormat = defFormat || formats[0];\r\n this.promise = new Promise(function (resolve, reject) {\r\n var ds = _this.context.getServices().getDialogService();\r\n var body = domel('div')\r\n .addClass('kdlg-form-section')\r\n .addChild('div', function (b) { return b\r\n .addClass('kfrm-form')\r\n .addChild('div', function (b) { return b\r\n .addClass('kfrm-fields col-a-1 label-align-right')\r\n .addChild('label', function (b) { return b\r\n .addClass('kdlg-form-label', 'kflex-20')\r\n .attr('for', 'export_format')\r\n .addText(i18n.getText('ExportDlgFmtLabel')); })\r\n .addChild('div', function (b) { return b\r\n .addClass('kfrm-select')\r\n .addChild('select', function (b) {\r\n b\r\n .attr('name', 'export_format')\r\n .id('exportFormat');\r\n for (var _i = 0, _a = _this.context.getExportFormats(); _i < _a.length; _i++) {\r\n var format = _a[_i];\r\n b.addOption({\r\n value: format,\r\n title: i18n.getText(format) || format,\r\n selected: defFormat == format\r\n });\r\n }\r\n }); }); }); })\r\n .toDOM();\r\n ds.open({\r\n title: i18n.getText('ExportDlgTitle'),\r\n body: body,\r\n onSubmit: function () {\r\n var format = body.querySelector('#exportFormat').value;\r\n _this.context.exportResult({\r\n format: format,\r\n success: resolve,\r\n error: reject\r\n });\r\n return true;\r\n }\r\n });\r\n });\r\n }\r\n return this.promise.finally(function () { return _this.promise = null; });\r\n };\r\n return ExportDialog;\r\n}());\r\nexport { ExportDialog };\r\n//# sourceMappingURL=export_dialog.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { addElement } from '@easydata/ui';\r\nimport { ChartWidget } from './chart_widget';\r\nimport { ChartType } from './chart_type';\r\nvar ChartJsWidget = /** @class */ (function (_super) {\r\n __extends(ChartJsWidget, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The html element.\r\n * @param provider The provider.\r\n */\r\n function ChartJsWidget(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.colors = [\r\n '#4dc9f6',\r\n '#f67019',\r\n '#f53794',\r\n '#537bc4',\r\n '#acc236',\r\n '#166a8f',\r\n '#00a950',\r\n '#58595b',\r\n '#8549ba'\r\n ];\r\n _this.chartLabels = [];\r\n _this.chartColumns = [];\r\n _this.hasChartTypes = [\r\n ChartType.Column,\r\n ChartType.Bar,\r\n ChartType.Area,\r\n ChartType.Line,\r\n ChartType.SteppedLine,\r\n ChartType.Doughnut,\r\n ChartType.Polar,\r\n ChartType.Radar,\r\n ChartType.Pie\r\n // ChartType.Bubble,\r\n // ChartType.Scatter\r\n ];\r\n _this.options.legend = {\r\n show: false,\r\n position: 'bottom'\r\n };\r\n return _this;\r\n }\r\n ChartJsWidget.prototype.getWidgetType = function () {\r\n return 'chartChartJs';\r\n };\r\n ChartJsWidget.hasChartJs = function () {\r\n return typeof Chart !== 'undefined';\r\n };\r\n ChartJsWidget.prototype.canDraw = function () {\r\n return ChartJsWidget.hasChartJs();\r\n };\r\n ChartJsWidget.prototype.initChart = function () {\r\n if (ChartJsWidget.hasChartJs() && this.labelColumn >= 0\r\n && this.dataColumns && this.dataColumns.length > 0) {\r\n this.updateChartColumns();\r\n }\r\n };\r\n ChartJsWidget.prototype.drawCore = function () {\r\n if (ChartJsWidget.hasChartJs() && this.dataTable\r\n && this.dataTable.getCachedCount() > 0) {\r\n var config = this.generateConfig();\r\n var chartCanvas = this.getChartCanvas(this.chartDiv);\r\n var chartContext = chartCanvas.getContext('2d');\r\n new Chart(chartContext, config);\r\n }\r\n };\r\n ChartJsWidget.prototype.updateChartColumns = function () {\r\n if (this.dataTable) {\r\n this.chartLabels = [];\r\n this.chartColumns = [];\r\n var rows = this.dataTable.getCachedRows();\r\n for (var i = 0; i < rows.length; i++) {\r\n this.chartLabels.push(rows[i].getValue(this.labelColumn));\r\n this.chartColumns.push(rows[i].getValue(this.dataColumns[0]));\r\n }\r\n }\r\n };\r\n ChartJsWidget.prototype.getChartCanvas = function (slot) {\r\n var result;\r\n //find canvas element\r\n var canvases = slot.getElementsByTagName('canvas');\r\n if (canvases && canvases.length > 0) {\r\n result = canvases[0];\r\n }\r\n else {\r\n result = addElement(slot, 'canvas');\r\n }\r\n return result;\r\n };\r\n ChartJsWidget.prototype.generateConfig = function () {\r\n var dataColors = [];\r\n var datasetName = this.dataTable.columns.get(this.dataColumns[0]).label;\r\n var fillValue = true;\r\n var borderColor;\r\n if (this.chartType == ChartType.Pie\r\n || this.chartType == ChartType.Doughnut\r\n || this.chartType == ChartType.Polar\r\n || this.chartType == ChartType.Bar\r\n || this.chartType == ChartType.Column) {\r\n for (var i = 0; i < this.chartLabels.length; i++) {\r\n dataColors.push(this.colors[i % this.colors.length]);\r\n }\r\n }\r\n else {\r\n dataColors = [this.colors[3]];\r\n }\r\n if (this.chartType == ChartType.Line\r\n || this.chartType == ChartType.SteppedLine) {\r\n fillValue = false;\r\n borderColor = this.colors[3];\r\n }\r\n this.options.legend = this.options.legend || {};\r\n var dataset1 = {\r\n data: this.chartColumns,\r\n backgroundColor: dataColors,\r\n borderColor: borderColor,\r\n label: datasetName,\r\n fill: fillValue\r\n };\r\n if (this.chartType == ChartType.SteppedLine) {\r\n dataset1.stepped = this.chartType === ChartType.SteppedLine, // >= 3.0.0\r\n dataset1.steppedLine = this.chartType === ChartType.SteppedLine; // <= 3.0.0\r\n }\r\n var displayLegend = this.options.legend.show && (this.chartType == ChartType.Pie\r\n || this.chartType == ChartType.Radar || this.chartType == ChartType.Polar\r\n || this.chartType == ChartType.Doughnut);\r\n return {\r\n type: this.getChartType(),\r\n data: {\r\n datasets: [dataset1],\r\n labels: this.chartLabels\r\n },\r\n options: {\r\n legend: {\r\n display: displayLegend,\r\n position: this.options.legend.position || 'bottom'\r\n },\r\n title: {\r\n display: true,\r\n text: datasetName\r\n }\r\n }\r\n };\r\n };\r\n ChartJsWidget.prototype.getChartType = function () {\r\n switch (this.chartType) {\r\n case ChartType.Column:\r\n return \"bar\";\r\n case ChartType.Bar:\r\n return \"horizontalBar\";\r\n case ChartType.Area:\r\n case ChartType.SteppedLine:\r\n case ChartType.Line:\r\n return \"line\";\r\n case ChartType.Doughnut:\r\n return \"doughnut\";\r\n case ChartType.Polar:\r\n return \"polarArea\";\r\n case ChartType.Radar:\r\n return \"radar\";\r\n case ChartType.Pie:\r\n return \"pie\";\r\n default:\r\n return \"pie\";\r\n }\r\n };\r\n return ChartJsWidget;\r\n}(ChartWidget));\r\nexport { ChartJsWidget };\r\n//# sourceMappingURL=chart_widget_chartjs.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { Widget, WidgetGroup, } from '@easyquery/core';\r\nimport { i18n, utils as dataUtils } from '@easydata/core';\r\nimport { addCssClass, showElement, hideElement, toggleVisibility, isVisible } from '@easydata/ui';\r\nimport { ChartType } from './chart_type';\r\nvar ChartWidget = /** @class */ (function (_super) {\r\n __extends(ChartWidget, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The html element.\r\n * @param provider The provider.\r\n */\r\n function ChartWidget(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.chartType = ChartType.Pie;\r\n _this.supportedChartTypes = [];\r\n _this.dataTable = null;\r\n _this.potentialLabelColumns = [];\r\n _this.potentialDataColumns = [];\r\n _this.labelColumn = -1;\r\n _this.dataColumns = [];\r\n _this.options = {\r\n chartType: ChartType.Pie,\r\n showOnPaging: false,\r\n hideSettings: false,\r\n legend: {\r\n show: false,\r\n position: 'right'\r\n }\r\n };\r\n _this.element = slot;\r\n _this.group = WidgetGroup.Result;\r\n return _this;\r\n }\r\n Object.defineProperty(ChartWidget.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-chart';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * Initialize widget.\r\n * @param context The context.\r\n * @param options The options.\r\n */\r\n ChartWidget.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n this.dataTable = context.resultTable;\r\n this.setOptions(options);\r\n };\r\n /**\r\n * Checks, if widget has data.\r\n * @returns `true` if has data, otherwise - `false`.\r\n */\r\n ChartWidget.prototype.hasData = function () {\r\n var result = this.dataTable != null;\r\n if (result) {\r\n result = this.dataTable.getCachedCount() > 0;\r\n }\r\n return result;\r\n };\r\n /**\r\n * Checks, if there ara colums for chart\r\n * @returns `true` if there are columns, otherwise - `false`.\r\n */\r\n ChartWidget.prototype.hasColumnsForChart = function () {\r\n return this.potentialLabelColumns.length > 0 && this.potentialDataColumns.length > 0;\r\n };\r\n /**\r\n * Refresh widget implementation\r\n */\r\n ChartWidget.prototype.refreshCore = function () {\r\n this.prepareChartData();\r\n this.render();\r\n };\r\n ChartWidget.prototype.setOptions = function (options) {\r\n dataUtils.assignDeep(this.options, options);\r\n this.supportedChartTypes = this.getSupportedChartTypes();\r\n if (this.supportedChartTypes.length == 0) {\r\n throw Error(\"Chart widget should support at least one chart type\");\r\n }\r\n if (options.chartType && this.supportedChartTypes.indexOf(options.chartType) >= 0) {\r\n this.chartType = options.chartType;\r\n }\r\n else {\r\n this.chartType = this.supportedChartTypes[0];\r\n }\r\n };\r\n ChartWidget.prototype.getOptions = function () {\r\n return this.options;\r\n };\r\n ChartWidget.prototype.getChartTypeName = function (ct) {\r\n switch (ct) {\r\n case ChartType.Area:\r\n return i18n.getText('ChartType', 'Area');\r\n case ChartType.Bar:\r\n return i18n.getText('ChartType', 'Bar');\r\n case ChartType.Column:\r\n return i18n.getText('ChartType', 'Column');\r\n case ChartType.Combo:\r\n return i18n.getText('ChartType', 'Combo');\r\n case ChartType.Doughnut:\r\n return i18n.getText('ChartType', 'Doughnut');\r\n case ChartType.Polar:\r\n return i18n.getText('ChartType', 'Polar');\r\n case ChartType.Radar:\r\n return i18n.getText('ChartType', 'Radar');\r\n case ChartType.Histogram:\r\n return i18n.getText('ChartType', 'Histogram');\r\n case ChartType.Line:\r\n return i18n.getText('ChartType', 'Line');\r\n case ChartType.SteppedLine:\r\n return i18n.getText('ChartType', 'SteppedLine');\r\n default:\r\n return i18n.getText('ChartType', 'Pie');\r\n }\r\n };\r\n ChartWidget.prototype.updateSettings = function (settings, updateColumns) {\r\n if (updateColumns === void 0) { updateColumns = true; }\r\n if (typeof settings.showLegend !== 'undefined') {\r\n this.options.legend = this.options.legend || {};\r\n this.options.legend.show = settings.showLegend;\r\n }\r\n this.chartType = settings.type;\r\n this.labelColumn = settings.labelColumn;\r\n this.dataColumns[0] = settings.dataColumn;\r\n if (updateColumns)\r\n this.updateChartColumns();\r\n };\r\n /**\r\n * Prepares data for chart.\r\n */\r\n ChartWidget.prototype.prepareChartData = function () {\r\n var _this = this;\r\n if (this.dataTable) {\r\n this.potentialLabelColumns = [];\r\n this.potentialDataColumns = [];\r\n var colNum = this.dataTable.columns.count;\r\n for (var i = 0; i < colNum; i++) {\r\n var column = this.dataTable.columns.get(i);\r\n var colType = column.type;\r\n var colLabel = column.label;\r\n this.potentialLabelColumns.push({ idx: i, label: colLabel });\r\n if (dataUtils.isNumericType(colType)) {\r\n this.potentialDataColumns.push({ idx: i, label: colLabel });\r\n }\r\n }\r\n ;\r\n if (this.labelColumn != -1) {\r\n if (!this.potentialLabelColumns\r\n .filter(function (c) { return c.idx == _this.labelColumn; })\r\n .length) {\r\n this.labelColumn = -1;\r\n }\r\n }\r\n else {\r\n this.labelColumn = (this.potentialLabelColumns.length > 0)\r\n ? this.potentialLabelColumns[0].idx : -1;\r\n }\r\n if (this.dataColumns.length) {\r\n var ids_1 = this.potentialDataColumns.map(function (d) { return d.idx; });\r\n this.dataColumns = this.dataColumns.filter(function (v) { return ids_1.indexOf(v) >= 0; });\r\n if (!this.dataColumns.length) {\r\n this.dataColumns = (this.potentialDataColumns.length > 0)\r\n ? [].concat(this.potentialDataColumns[0].idx)\r\n : [];\r\n }\r\n }\r\n else {\r\n this.dataColumns = (this.potentialDataColumns.length > 0)\r\n ? [].concat(this.potentialDataColumns[0].idx)\r\n : [];\r\n }\r\n this.initChart();\r\n }\r\n };\r\n ChartWidget.prototype.getSupportedChartTypes = function () {\r\n var _this = this;\r\n var chartTypes = this.options.supportedChartTypes\r\n ? this.options.supportedChartTypes\r\n : Object.keys(ChartType).map(function (key) { return ChartType[key]; });\r\n return chartTypes.filter(function (type) { return _this.hasChartTypes.indexOf(type) >= 0; });\r\n };\r\n ChartWidget.prototype.getCurrentChartType = function () {\r\n return this.chartType;\r\n };\r\n ChartWidget.prototype.render = function () {\r\n var _this = this;\r\n this.clear();\r\n if (this.hasData() && this.hasColumnsForChart()\r\n && (this.context.resultTable.getTotal()\r\n == this.context.resultTable.getCachedCount())) {\r\n var headerDiv = document.createElement('div');\r\n addCssClass(headerDiv, this.cssPrefix + \"-header\");\r\n var mainDiv = document.createElement('div');\r\n addCssClass(mainDiv, this.cssPrefix + \"-main\");\r\n if (this.canDraw()) {\r\n var chartTypeSelector = document.createElement('select');\r\n for (var _i = 0, _a = this.supportedChartTypes; _i < _a.length; _i++) {\r\n var ct = _a[_i];\r\n var sopt = document.createElement('option');\r\n sopt.value = ct.toString();\r\n sopt.text = this.getChartTypeName(ct);\r\n chartTypeSelector.appendChild(sopt);\r\n }\r\n chartTypeSelector.value = this.chartType.toString();\r\n headerDiv.appendChild(chartTypeSelector);\r\n chartTypeSelector.addEventListener('change', function (ev) {\r\n var ctkey = ev.target.value;\r\n _this.chartType = parseInt(ctkey);\r\n _this.refresh();\r\n });\r\n this.settingsDiv = document.createElement('div');\r\n addCssClass(this.settingsDiv, this.cssPrefix + \"-settings\");\r\n hideElement(this.settingsDiv);\r\n mainDiv.appendChild(this.settingsDiv);\r\n this.chartDiv = document.createElement('div');\r\n addCssClass(this.chartDiv, this.cssPrefix + \"-content\");\r\n hideElement(this.chartDiv);\r\n mainDiv.appendChild(this.chartDiv);\r\n this.initSettingsDiv();\r\n var chartSettingsBtn = document.createElement('div');\r\n addCssClass(chartSettingsBtn, this.cssPrefix + \"-settings-icon\");\r\n chartSettingsBtn.title = \"Settings\";\r\n headerDiv.appendChild(chartSettingsBtn);\r\n chartSettingsBtn.addEventListener('click', function (ev) {\r\n _this.toggleSettings();\r\n });\r\n this.drawChart(100);\r\n }\r\n else {\r\n this.addContentDiv(mainDiv, 'Unable to render the chart. None of the supported chart libraries (ChartJS, Google Charts, etc) is found.');\r\n }\r\n if (!this.options.hideSettings) {\r\n this.element.appendChild(headerDiv);\r\n }\r\n this.element.appendChild(mainDiv);\r\n this.element.style.display = \"\";\r\n }\r\n else {\r\n this.element.style.display = \"none\";\r\n }\r\n };\r\n ChartWidget.prototype.addContentDiv = function (mainDiv, text) {\r\n var contentDiv = document.createElement('div');\r\n addCssClass(contentDiv, this.cssPrefix + \"-no-data\");\r\n contentDiv.innerText = text;\r\n mainDiv.appendChild(contentDiv);\r\n };\r\n /**\r\n * Clears the chart.\r\n */\r\n ChartWidget.prototype.clear = function () {\r\n this.element.innerHTML = '';\r\n };\r\n /**\r\n * Draws chart with a delay.\r\n * @param delay The delay.\r\n */\r\n ChartWidget.prototype.drawChart = function (delay) {\r\n var _this = this;\r\n showElement(this.chartDiv);\r\n if (delay > 0) {\r\n setTimeout(function () { return _this.drawCore(); }, delay);\r\n }\r\n else {\r\n this.drawCore();\r\n }\r\n };\r\n /**\r\n * Inititializes the settings div.\r\n */\r\n ChartWidget.prototype.initSettingsDiv = function () {\r\n var _this = this;\r\n var settingsHeader = document.createElement('div');\r\n settingsHeader.textContent = 'SETTINGS';\r\n addCssClass(settingsHeader, this.cssPrefix + \"-settings-header\");\r\n this.settingsDiv.appendChild(settingsHeader);\r\n // Label column\r\n var labelDiv = document.createElement('div');\r\n addCssClass(labelDiv, this.cssPrefix + \"-settings-single\");\r\n this.settingsDiv.appendChild(labelDiv);\r\n var labelColumnSelectorCaption = document.createElement('span');\r\n showElement(labelColumnSelectorCaption);\r\n labelColumnSelectorCaption.textContent = 'Label column';\r\n labelDiv.appendChild(labelColumnSelectorCaption);\r\n var labelColumnSelector = document.createElement('select');\r\n showElement(labelColumnSelector);\r\n labelDiv.appendChild(labelColumnSelector);\r\n for (var _i = 0, _a = this.potentialLabelColumns; _i < _a.length; _i++) {\r\n var col = _a[_i];\r\n var sopt = document.createElement('option');\r\n sopt.value = col.idx.toString();\r\n sopt.text = col.label;\r\n labelColumnSelector.appendChild(sopt);\r\n }\r\n if (this.labelColumn >= 0) {\r\n labelColumnSelector.value = this.labelColumn.toString();\r\n }\r\n labelColumnSelector.addEventListener('change', function (ev) {\r\n _this.labelColumn = parseInt(ev.target.value);\r\n _this.updateChartColumns();\r\n _this.toggleSettings(function () {\r\n _this.drawChart(100);\r\n });\r\n });\r\n // Data column\r\n var dataDiv = document.createElement('div');\r\n addCssClass(dataDiv, this.cssPrefix + \"-settings-single\");\r\n this.settingsDiv.appendChild(dataDiv);\r\n var dataColumnSelectorCaption = document.createElement('span');\r\n showElement(dataColumnSelectorCaption);\r\n dataColumnSelectorCaption.textContent = 'Data column';\r\n dataDiv.appendChild(dataColumnSelectorCaption);\r\n var dataColumnSelector = document.createElement('select');\r\n showElement(dataColumnSelector);\r\n dataDiv.appendChild(dataColumnSelector);\r\n for (var _b = 0, _c = this.potentialDataColumns; _b < _c.length; _b++) {\r\n var col = _c[_b];\r\n var sopt = document.createElement('option');\r\n sopt.value = col.idx.toString();\r\n sopt.text = col.label;\r\n dataColumnSelector.appendChild(sopt);\r\n }\r\n if (this.dataColumns.length > 0 && this.dataColumns[0] >= 0) {\r\n dataColumnSelector.value = this.dataColumns[0].toString();\r\n }\r\n dataColumnSelector.addEventListener('change', function (ev) {\r\n _this.dataColumns[0] = parseInt(ev.target.value);\r\n _this.updateChartColumns();\r\n _this.toggleSettings(function () {\r\n _this.drawChart(100);\r\n });\r\n });\r\n };\r\n ChartWidget.prototype.getPotentialLabelColumns = function () {\r\n return this.potentialLabelColumns;\r\n };\r\n ChartWidget.prototype.getPotentialDataColumns = function () {\r\n return this.potentialDataColumns;\r\n };\r\n ChartWidget.prototype.getLabelColumnIndex = function () {\r\n return this.labelColumn;\r\n };\r\n ChartWidget.prototype.getDataColumnIndex = function () {\r\n return this.dataColumns[0];\r\n };\r\n /**\r\n * Toggles settings.\r\n * @param callback The callback.\r\n */\r\n ChartWidget.prototype.toggleSettings = function (callback) {\r\n var first;\r\n var second;\r\n if (isVisible(this.chartDiv)) {\r\n first = this.chartDiv;\r\n second = this.settingsDiv;\r\n }\r\n else {\r\n first = this.settingsDiv;\r\n second = this.chartDiv;\r\n }\r\n toggleVisibility(first, second, {\r\n complete: callback\r\n });\r\n };\r\n return ChartWidget;\r\n}(Widget));\r\nexport { ChartWidget };\r\n//# sourceMappingURL=chart_widget.js.map","export function repeatString(str, times) {\r\n var result = \"\";\r\n for (var i = 0; i < times; i++) {\r\n result += str;\r\n }\r\n return result;\r\n}\r\nexport function reverseString(str) {\r\n return str.split(\"\").reverse().join(\"\");\r\n}\r\nexport function strEndsWith(str, symbol) {\r\n return str && str.lastIndexOf(symbol) == (str.length - symbol.length);\r\n}\r\n/**\r\n * Adds two paths and returns the result\r\n * Correctly processes leading and trailing slashes\r\n * @param path1\r\n * @param path2\r\n */\r\nexport function combinePath(path1, path2) {\r\n var result = path1;\r\n if (result != null && result.length > 0) {\r\n if (result.charAt(result.length - 1) != '/')\r\n result += \"/\";\r\n result += path2;\r\n }\r\n else {\r\n result = path2;\r\n }\r\n return result;\r\n}\r\n//# sourceMappingURL=string_utils.js.map","var DataRow = /** @class */ (function () {\r\n function DataRow(columns, values) {\r\n this.columns = columns;\r\n this.values = values;\r\n }\r\n DataRow.prototype.toArray = function () {\r\n return Array.from(this.values);\r\n };\r\n DataRow.prototype.size = function () {\r\n return this.values.length;\r\n };\r\n DataRow.prototype.getValue = function (colIdOrIndex) {\r\n var index;\r\n if (typeof colIdOrIndex === \"string\") {\r\n index = this.columns.getIndex(colIdOrIndex);\r\n if (index === undefined) {\r\n throw new RangeError(\"No column with id '\" + colIdOrIndex + \"'\");\r\n }\r\n }\r\n else {\r\n index = colIdOrIndex;\r\n }\r\n if (index >= this.values.length)\r\n throw new RangeError(\"Out of range: \" + index);\r\n return this.values[index];\r\n };\r\n DataRow.prototype.setValue = function (colIdOrIndex, value) {\r\n var index;\r\n if (typeof colIdOrIndex === \"string\") {\r\n index = this.columns.getIndex(colIdOrIndex);\r\n if (index === undefined) {\r\n throw new RangeError(\"No column with id '\" + colIdOrIndex + \"'\");\r\n }\r\n }\r\n else {\r\n index = colIdOrIndex;\r\n }\r\n if (index >= this.values.length)\r\n throw new RangeError(\"Out of range: \" + index);\r\n this.values[index] = value;\r\n };\r\n return DataRow;\r\n}());\r\nexport { DataRow };\r\n//# sourceMappingURL=data_row.js.map","import { DataType, EditorTag, utils as dataUtils } from '@easydata/core';\r\nimport { Expression } from './expression';\r\nimport { DataKind } from '../types/data_kind';\r\nimport { LinkType } from '../types/link_type';\r\nimport { CondTag } from '../types/cond_tag';\r\nimport { ExprTag } from '../types/expr_tag';\r\nimport { QueryChangePart, QueryChangeAction } from './query_events';\r\nimport { EqValueEditor } from '../dm/value_editor';\r\nimport { EqEditorTag } from '../types/eq_editor_tag';\r\nimport { ConditionPart } from '../types/cond_part';\r\n/**\r\n * Represents some condition.\r\n */\r\nvar Condition = /** @class */ (function () {\r\n /**\r\n * The default constructor.\r\n * @param tag The condition tag\r\n */\r\n function Condition(query, tag) {\r\n this.query = query;\r\n /**\r\n * The linking type.\r\n */\r\n this.linkType = LinkType.All; //only for predicates\r\n this.parent = null;\r\n this._id = dataUtils.generateId('cond');\r\n this.justAdded = false;\r\n this.tag = tag || CondTag.Unknown;\r\n this.enabled = true;\r\n this.operatorId = '';\r\n this.blockId = '';\r\n this.expressions = new Array();\r\n this.conditions = new Array();\r\n }\r\n Object.defineProperty(Condition.prototype, \"id\", {\r\n get: function () {\r\n return this._id;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(Condition.prototype, \"enabled\", {\r\n get: function () {\r\n return this._enabled && (!this.getParent() || this.getParent().enabled);\r\n },\r\n set: function (value) {\r\n this._enabled = value && (!this.getParent() || this.getParent().enabled);\r\n this.conditions && this.conditions.forEach(function (cond) {\r\n cond.enabled = value;\r\n });\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Condition.prototype.getQuery = function () {\r\n return this.query;\r\n };\r\n Condition.prototype.getModel = function () {\r\n return this.query.getModel();\r\n };\r\n Condition.prototype.getParent = function () {\r\n return this.parent;\r\n };\r\n Condition.prototype.setParent = function (parent) {\r\n this.parent = parent;\r\n };\r\n Condition.prototype.getConditions = function () {\r\n return this.conditions;\r\n };\r\n Condition.prototype.isEmpty = function () {\r\n return this.conditions.length === 0;\r\n };\r\n Condition.prototype.isGroup = function () {\r\n return (this.tag == CondTag.Group) || (this.parent == null);\r\n };\r\n Condition.prototype.getLevel = function () {\r\n var parent = this.getParent();\r\n return parent ? parent.getLevel() + 1 : 0;\r\n };\r\n /**\r\n * Indicates whether this condition is read-only.\r\n */\r\n Condition.prototype.isReadOnly = function () {\r\n return false;\r\n };\r\n Condition.prototype.setReadOnly = function (value) {\r\n };\r\n /**\r\n * The value indicating whether this condition is parameterized.\r\n */\r\n Condition.prototype.isParameterized = function () {\r\n return false;\r\n };\r\n Condition.prototype.setParameterized = function (value) {\r\n };\r\n /**\r\n * Indicates whether this condition must be placed into `JOIN` clause in result `SQL`.\r\n */\r\n Condition.prototype.isInJoin = function () {\r\n return false;\r\n };\r\n Condition.prototype.setInJoin = function (value) {\r\n };\r\n Condition.prototype.clearConditions = function () {\r\n this.conditions = [];\r\n };\r\n Condition.prototype.addCondition = function (cond) {\r\n cond.setParent(this);\r\n return this.conditions.push(cond);\r\n };\r\n Condition.prototype.removeConditionAt = function (index) {\r\n this.conditions.splice(index, 1);\r\n };\r\n /**\r\n * Loads condtion from its JSON representation object.\r\n * @param model The Data Model.\r\n * @param data The JSON representation object.\r\n */\r\n Condition.prototype.loadFromData = function (model, data) {\r\n if (data) {\r\n this.tag = data.tag;\r\n if (!this.tag) {\r\n this.tag = (!this.parent || this.conditions.length > 0) ? CondTag.Group : CondTag.Simple;\r\n }\r\n if (typeof data.enabled !== 'undefined') {\r\n this.enabled = data.enabled;\r\n }\r\n if (typeof data.disabled !== 'undefined') {\r\n this.enabled = !data.disabled;\r\n }\r\n if (this.tag == CondTag.Simple) {\r\n this.operatorId = data.op;\r\n if (data.exprs) {\r\n for (var i = 0; i < data.exprs.length; i++) {\r\n var newExpr = new Expression(this);\r\n newExpr.loadFromData(model, data.exprs[i]);\r\n this.expressions.push(newExpr);\r\n }\r\n }\r\n }\r\n this.linkType = data.linking;\r\n }\r\n };\r\n /**\r\n * Saves condition to JSON representation object.\r\n * @returns The JSON representation object.\r\n */\r\n Condition.prototype.saveToData = function () {\r\n var obj = {};\r\n obj.tag = this.tag;\r\n if (!this.enabled) {\r\n obj.enabled = this.enabled;\r\n }\r\n if (this.tag == CondTag.Simple) {\r\n obj.op = this.operatorId;\r\n obj.exprs = [];\r\n for (var i = 0; i < this.expressions.length; i++) {\r\n obj.exprs.push(this.expressions[i].saveToData());\r\n }\r\n }\r\n if (this.tag == CondTag.Group) {\r\n //if condition group\r\n obj.linking = this.linkType;\r\n }\r\n return obj;\r\n };\r\n Condition.prototype.fireChangedEvent = function (condPart) {\r\n if (condPart === void 0) { condPart = ConditionPart.All; }\r\n this.query.fireChangedEvent({\r\n part: QueryChangePart.Conditions,\r\n action: QueryChangeAction.Modify,\r\n changee: this,\r\n condPart: condPart\r\n });\r\n };\r\n Condition.prototype.getExpressionIndex = function (expr) {\r\n return this.expressions.indexOf(expr, 0);\r\n };\r\n Condition.prototype.expressionChanged = function (expr, oldValue) {\r\n if (expr.getIndex() == 0 && expr.tag == ExprTag.EntityAttribute) {\r\n //this is a base entity attribute, we need to re-pack the whole condition\r\n this.tuneOperatorForAttr(expr.value);\r\n }\r\n };\r\n Condition.prototype.getOperatorId = function () {\r\n return this.operatorId;\r\n };\r\n Condition.prototype.setOperatorId = function (newOperatorId, silent) {\r\n if (silent === void 0) { silent = false; }\r\n var oldOperatorId = this.operatorId;\r\n this.operatorId = newOperatorId;\r\n if (!silent) {\r\n var model = this.getModel();\r\n var operator = model.getOperatorById(newOperatorId);\r\n var attrId = this.expressions[0].value;\r\n var attr = model.getAttributeById(attrId);\r\n this.tuneValueExpressions(attr, operator, attr.id, oldOperatorId);\r\n }\r\n };\r\n Condition.prototype.tuneOperatorForAttr = function (oldAttrId) {\r\n var model = this.getModel();\r\n var attrId = this.expressions[0].value;\r\n var attr = model.getAttributeById(attrId);\r\n if (attr != null) {\r\n var newOperator = this.getModel().getDefaultOperatorForAttr(attr);\r\n var oldOperatorId = this.operatorId;\r\n this.operatorId = newOperator.id;\r\n this.tuneValueExpressions(attr, newOperator, oldAttrId, oldOperatorId);\r\n }\r\n };\r\n Condition.prototype.tuneValueExpressions = function (attr, operator, oldAttrId, oldOperatorId) {\r\n var model = this.getModel();\r\n if (!operator)\r\n return;\r\n var exprCount = this.expressions.length;\r\n var oldAttr = oldAttrId ? model.getAttributeById(oldAttrId) : null;\r\n var oldOperator = null;\r\n if (oldOperatorId) {\r\n oldOperator = model.getOperatorById(oldOperatorId);\r\n }\r\n if (oldOperator && oldOperator.paramCount == operator.paramCount) {\r\n //add necessary expressions\r\n var i = 1;\r\n while (i < operator.paramCount) {\r\n var oldOperand = model.getOperand(attr, oldOperator, i);\r\n var operand = model.getOperand(attr, operator, i);\r\n if (operand.dataType == DataType.Unknown) {\r\n operand.dataType = attr.dataType;\r\n }\r\n var editor = operand.editor && operand.editor.tag !== EditorTag.Unknown\r\n ? operand.editor\r\n : (attr.defaultEditor && attr.defaultEditor.tag !== EditorTag.Unknown\r\n ? attr.defaultEditor\r\n : new EqValueEditor());\r\n if (i >= exprCount) {\r\n var valExpr = this.createValueExpr(operand);\r\n this.expressions.push(valExpr);\r\n }\r\n else {\r\n var oldExpr = this.expressions[i];\r\n //create new value expression according to the corresponding operand\r\n var newExpr = this.createValueExpr(operand);\r\n if (this.areCompitableEditors(oldOperand.editor, editor)) {\r\n newExpr.tryCopyValueFrom(oldExpr);\r\n }\r\n this.expressions[i] = newExpr;\r\n }\r\n i++;\r\n }\r\n if (exprCount > i) {\r\n //remove all redundant expressions\r\n this.expressions.splice(i, exprCount - i);\r\n }\r\n }\r\n else {\r\n this.expressions.splice(1, this.expressions.length - 1);\r\n for (var i = 1; i < operator.paramCount; i++) {\r\n var operand = model.getOperand(attr, operator, i);\r\n if (operand.dataType == DataType.Unknown) {\r\n operand.dataType = attr.dataType;\r\n }\r\n var valExpr = this.createValueExpr(operand);\r\n this.expressions.push(valExpr);\r\n }\r\n }\r\n };\r\n Condition.prototype.areCompitableEditors = function (oldEditor, newEditor) {\r\n if (newEditor.tag == EqEditorTag.CustomList || newEditor.tag == EqEditorTag.List\r\n || newEditor.tag == EqEditorTag.SqlList || newEditor.tag == EditorTag.Unknown) {\r\n return false;\r\n }\r\n return true;\r\n };\r\n Condition.prototype.addExpressionByOperand = function (operand, val) {\r\n if (val === void 0) { val = null; }\r\n var expr = this.createValueExpr(operand, val);\r\n this.expressions.push(expr);\r\n return expr;\r\n };\r\n Condition.prototype.createValueExpr = function (operand, val) {\r\n if (val === void 0) { val = null; }\r\n var valueNotDefined = val === null || typeof val === 'undefined';\r\n var value = val ? val : operand.defValue;\r\n var text = val ? val : operand.defText;\r\n var result = new Expression(this);\r\n if (operand.kind === DataKind.Query) {\r\n result.tag = ExprTag.Query;\r\n result.dataType = operand.dataType;\r\n result.kind = operand.kind;\r\n result.setContent(value, text, true);\r\n }\r\n else if (operand.kind === DataKind.Attribute) {\r\n if (!valueNotDefined) {\r\n var defAttr = this.getModel().getFirstAttributeByFilter(function (attr) {\r\n return attr.useInConditions == true && (!operand.dataType || attr.dataType == operand.dataType);\r\n });\r\n value = defAttr ? defAttr.id : null;\r\n }\r\n result.tag = ExprTag.EntityAttribute;\r\n result.kind = operand.kind;\r\n result.dataType = operand.dataType;\r\n result.setContent(value, text, true);\r\n }\r\n else {\r\n if (valueNotDefined) {\r\n if (operand.defValue && operand.defValue != \"\") {\r\n value = operand.defValue;\r\n }\r\n else {\r\n if (operand.editor && operand.editor.defValue) {\r\n value = operand.editor.defValue;\r\n }\r\n else {\r\n value = '';\r\n }\r\n }\r\n if (operand.editor) {\r\n text = operand.editor.getValueText(value);\r\n }\r\n }\r\n result.tag = ExprTag.Constant;\r\n result.dataType = operand.dataType;\r\n result.kind = operand.kind;\r\n result.setContent(value, text, true);\r\n result._isDefaultValue = valueNotDefined;\r\n }\r\n return result;\r\n };\r\n return Condition;\r\n}());\r\nexport { Condition };\r\n//# sourceMappingURL=condition.js.map","/*!\n * @overview es6-promise - a tiny implementation of Promises/A+.\n * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)\n * @license Licensed under MIT license\n * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE\n * @version v4.2.8+1e68dce6\n */\n\n(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n\ttypeof define === 'function' && define.amd ? define(factory) :\n\t(global.ES6Promise = factory());\n}(this, (function () { 'use strict';\n\nfunction objectOrFunction(x) {\n var type = typeof x;\n return x !== null && (type === 'object' || type === 'function');\n}\n\nfunction isFunction(x) {\n return typeof x === 'function';\n}\n\n\n\nvar _isArray = void 0;\nif (Array.isArray) {\n _isArray = Array.isArray;\n} else {\n _isArray = function (x) {\n return Object.prototype.toString.call(x) === '[object Array]';\n };\n}\n\nvar isArray = _isArray;\n\nvar len = 0;\nvar vertxNext = void 0;\nvar customSchedulerFn = void 0;\n\nvar asap = function asap(callback, arg) {\n queue[len] = callback;\n queue[len + 1] = arg;\n len += 2;\n if (len === 2) {\n // If len is 2, that means that we need to schedule an async flush.\n // If additional callbacks are queued before the queue is flushed, they\n // will be processed by this flush that we are scheduling.\n if (customSchedulerFn) {\n customSchedulerFn(flush);\n } else {\n scheduleFlush();\n }\n }\n};\n\nfunction setScheduler(scheduleFn) {\n customSchedulerFn = scheduleFn;\n}\n\nfunction setAsap(asapFn) {\n asap = asapFn;\n}\n\nvar browserWindow = typeof window !== 'undefined' ? window : undefined;\nvar browserGlobal = browserWindow || {};\nvar BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;\nvar isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {}.toString.call(process) === '[object process]';\n\n// test for web worker but not in IE10\nvar isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';\n\n// node\nfunction useNextTick() {\n // node version 0.10.x displays a deprecation warning when nextTick is used recursively\n // see https://github.com/cujojs/when/issues/410 for details\n return function () {\n return process.nextTick(flush);\n };\n}\n\n// vertx\nfunction useVertxTimer() {\n if (typeof vertxNext !== 'undefined') {\n return function () {\n vertxNext(flush);\n };\n }\n\n return useSetTimeout();\n}\n\nfunction useMutationObserver() {\n var iterations = 0;\n var observer = new BrowserMutationObserver(flush);\n var node = document.createTextNode('');\n observer.observe(node, { characterData: true });\n\n return function () {\n node.data = iterations = ++iterations % 2;\n };\n}\n\n// web worker\nfunction useMessageChannel() {\n var channel = new MessageChannel();\n channel.port1.onmessage = flush;\n return function () {\n return channel.port2.postMessage(0);\n };\n}\n\nfunction useSetTimeout() {\n // Store setTimeout reference so es6-promise will be unaffected by\n // other code modifying setTimeout (like sinon.useFakeTimers())\n var globalSetTimeout = setTimeout;\n return function () {\n return globalSetTimeout(flush, 1);\n };\n}\n\nvar queue = new Array(1000);\nfunction flush() {\n for (var i = 0; i < len; i += 2) {\n var callback = queue[i];\n var arg = queue[i + 1];\n\n callback(arg);\n\n queue[i] = undefined;\n queue[i + 1] = undefined;\n }\n\n len = 0;\n}\n\nfunction attemptVertx() {\n try {\n var vertx = Function('return this')().require('vertx');\n vertxNext = vertx.runOnLoop || vertx.runOnContext;\n return useVertxTimer();\n } catch (e) {\n return useSetTimeout();\n }\n}\n\nvar scheduleFlush = void 0;\n// Decide what async method to use to triggering processing of queued callbacks:\nif (isNode) {\n scheduleFlush = useNextTick();\n} else if (BrowserMutationObserver) {\n scheduleFlush = useMutationObserver();\n} else if (isWorker) {\n scheduleFlush = useMessageChannel();\n} else if (browserWindow === undefined && typeof require === 'function') {\n scheduleFlush = attemptVertx();\n} else {\n scheduleFlush = useSetTimeout();\n}\n\nfunction then(onFulfillment, onRejection) {\n var parent = this;\n\n var child = new this.constructor(noop);\n\n if (child[PROMISE_ID] === undefined) {\n makePromise(child);\n }\n\n var _state = parent._state;\n\n\n if (_state) {\n var callback = arguments[_state - 1];\n asap(function () {\n return invokeCallback(_state, child, callback, parent._result);\n });\n } else {\n subscribe(parent, child, onFulfillment, onRejection);\n }\n\n return child;\n}\n\n/**\n `Promise.resolve` returns a promise that will become resolved with the\n passed `value`. It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n resolve(1);\n });\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.resolve(1);\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n @method resolve\n @static\n @param {Any} value value that the returned promise will be resolved with\n Useful for tooling.\n @return {Promise} a promise that will become fulfilled with the given\n `value`\n*/\nfunction resolve$1(object) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (object && typeof object === 'object' && object.constructor === Constructor) {\n return object;\n }\n\n var promise = new Constructor(noop);\n resolve(promise, object);\n return promise;\n}\n\nvar PROMISE_ID = Math.random().toString(36).substring(2);\n\nfunction noop() {}\n\nvar PENDING = void 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\n\nfunction selfFulfillment() {\n return new TypeError(\"You cannot resolve a promise with itself\");\n}\n\nfunction cannotReturnOwn() {\n return new TypeError('A promises callback cannot return that same promise.');\n}\n\nfunction tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) {\n try {\n then$$1.call(value, fulfillmentHandler, rejectionHandler);\n } catch (e) {\n return e;\n }\n}\n\nfunction handleForeignThenable(promise, thenable, then$$1) {\n asap(function (promise) {\n var sealed = false;\n var error = tryThen(then$$1, thenable, function (value) {\n if (sealed) {\n return;\n }\n sealed = true;\n if (thenable !== value) {\n resolve(promise, value);\n } else {\n fulfill(promise, value);\n }\n }, function (reason) {\n if (sealed) {\n return;\n }\n sealed = true;\n\n reject(promise, reason);\n }, 'Settle: ' + (promise._label || ' unknown promise'));\n\n if (!sealed && error) {\n sealed = true;\n reject(promise, error);\n }\n }, promise);\n}\n\nfunction handleOwnThenable(promise, thenable) {\n if (thenable._state === FULFILLED) {\n fulfill(promise, thenable._result);\n } else if (thenable._state === REJECTED) {\n reject(promise, thenable._result);\n } else {\n subscribe(thenable, undefined, function (value) {\n return resolve(promise, value);\n }, function (reason) {\n return reject(promise, reason);\n });\n }\n}\n\nfunction handleMaybeThenable(promise, maybeThenable, then$$1) {\n if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) {\n handleOwnThenable(promise, maybeThenable);\n } else {\n if (then$$1 === undefined) {\n fulfill(promise, maybeThenable);\n } else if (isFunction(then$$1)) {\n handleForeignThenable(promise, maybeThenable, then$$1);\n } else {\n fulfill(promise, maybeThenable);\n }\n }\n}\n\nfunction resolve(promise, value) {\n if (promise === value) {\n reject(promise, selfFulfillment());\n } else if (objectOrFunction(value)) {\n var then$$1 = void 0;\n try {\n then$$1 = value.then;\n } catch (error) {\n reject(promise, error);\n return;\n }\n handleMaybeThenable(promise, value, then$$1);\n } else {\n fulfill(promise, value);\n }\n}\n\nfunction publishRejection(promise) {\n if (promise._onerror) {\n promise._onerror(promise._result);\n }\n\n publish(promise);\n}\n\nfunction fulfill(promise, value) {\n if (promise._state !== PENDING) {\n return;\n }\n\n promise._result = value;\n promise._state = FULFILLED;\n\n if (promise._subscribers.length !== 0) {\n asap(publish, promise);\n }\n}\n\nfunction reject(promise, reason) {\n if (promise._state !== PENDING) {\n return;\n }\n promise._state = REJECTED;\n promise._result = reason;\n\n asap(publishRejection, promise);\n}\n\nfunction subscribe(parent, child, onFulfillment, onRejection) {\n var _subscribers = parent._subscribers;\n var length = _subscribers.length;\n\n\n parent._onerror = null;\n\n _subscribers[length] = child;\n _subscribers[length + FULFILLED] = onFulfillment;\n _subscribers[length + REJECTED] = onRejection;\n\n if (length === 0 && parent._state) {\n asap(publish, parent);\n }\n}\n\nfunction publish(promise) {\n var subscribers = promise._subscribers;\n var settled = promise._state;\n\n if (subscribers.length === 0) {\n return;\n }\n\n var child = void 0,\n callback = void 0,\n detail = promise._result;\n\n for (var i = 0; i < subscribers.length; i += 3) {\n child = subscribers[i];\n callback = subscribers[i + settled];\n\n if (child) {\n invokeCallback(settled, child, callback, detail);\n } else {\n callback(detail);\n }\n }\n\n promise._subscribers.length = 0;\n}\n\nfunction invokeCallback(settled, promise, callback, detail) {\n var hasCallback = isFunction(callback),\n value = void 0,\n error = void 0,\n succeeded = true;\n\n if (hasCallback) {\n try {\n value = callback(detail);\n } catch (e) {\n succeeded = false;\n error = e;\n }\n\n if (promise === value) {\n reject(promise, cannotReturnOwn());\n return;\n }\n } else {\n value = detail;\n }\n\n if (promise._state !== PENDING) {\n // noop\n } else if (hasCallback && succeeded) {\n resolve(promise, value);\n } else if (succeeded === false) {\n reject(promise, error);\n } else if (settled === FULFILLED) {\n fulfill(promise, value);\n } else if (settled === REJECTED) {\n reject(promise, value);\n }\n}\n\nfunction initializePromise(promise, resolver) {\n try {\n resolver(function resolvePromise(value) {\n resolve(promise, value);\n }, function rejectPromise(reason) {\n reject(promise, reason);\n });\n } catch (e) {\n reject(promise, e);\n }\n}\n\nvar id = 0;\nfunction nextId() {\n return id++;\n}\n\nfunction makePromise(promise) {\n promise[PROMISE_ID] = id++;\n promise._state = undefined;\n promise._result = undefined;\n promise._subscribers = [];\n}\n\nfunction validationError() {\n return new Error('Array Methods must be provided an Array');\n}\n\nvar Enumerator = function () {\n function Enumerator(Constructor, input) {\n this._instanceConstructor = Constructor;\n this.promise = new Constructor(noop);\n\n if (!this.promise[PROMISE_ID]) {\n makePromise(this.promise);\n }\n\n if (isArray(input)) {\n this.length = input.length;\n this._remaining = input.length;\n\n this._result = new Array(this.length);\n\n if (this.length === 0) {\n fulfill(this.promise, this._result);\n } else {\n this.length = this.length || 0;\n this._enumerate(input);\n if (this._remaining === 0) {\n fulfill(this.promise, this._result);\n }\n }\n } else {\n reject(this.promise, validationError());\n }\n }\n\n Enumerator.prototype._enumerate = function _enumerate(input) {\n for (var i = 0; this._state === PENDING && i < input.length; i++) {\n this._eachEntry(input[i], i);\n }\n };\n\n Enumerator.prototype._eachEntry = function _eachEntry(entry, i) {\n var c = this._instanceConstructor;\n var resolve$$1 = c.resolve;\n\n\n if (resolve$$1 === resolve$1) {\n var _then = void 0;\n var error = void 0;\n var didError = false;\n try {\n _then = entry.then;\n } catch (e) {\n didError = true;\n error = e;\n }\n\n if (_then === then && entry._state !== PENDING) {\n this._settledAt(entry._state, i, entry._result);\n } else if (typeof _then !== 'function') {\n this._remaining--;\n this._result[i] = entry;\n } else if (c === Promise$1) {\n var promise = new c(noop);\n if (didError) {\n reject(promise, error);\n } else {\n handleMaybeThenable(promise, entry, _then);\n }\n this._willSettleAt(promise, i);\n } else {\n this._willSettleAt(new c(function (resolve$$1) {\n return resolve$$1(entry);\n }), i);\n }\n } else {\n this._willSettleAt(resolve$$1(entry), i);\n }\n };\n\n Enumerator.prototype._settledAt = function _settledAt(state, i, value) {\n var promise = this.promise;\n\n\n if (promise._state === PENDING) {\n this._remaining--;\n\n if (state === REJECTED) {\n reject(promise, value);\n } else {\n this._result[i] = value;\n }\n }\n\n if (this._remaining === 0) {\n fulfill(promise, this._result);\n }\n };\n\n Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) {\n var enumerator = this;\n\n subscribe(promise, undefined, function (value) {\n return enumerator._settledAt(FULFILLED, i, value);\n }, function (reason) {\n return enumerator._settledAt(REJECTED, i, reason);\n });\n };\n\n return Enumerator;\n}();\n\n/**\n `Promise.all` accepts an array of promises, and returns a new promise which\n is fulfilled with an array of fulfillment values for the passed promises, or\n rejected with the reason of the first passed promise to be rejected. It casts all\n elements of the passed iterable to promises as it runs this algorithm.\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = resolve(2);\n let promise3 = resolve(3);\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // The array here would be [ 1, 2, 3 ];\n });\n ```\n\n If any of the `promises` given to `all` are rejected, the first promise\n that is rejected will be given as an argument to the returned promises's\n rejection handler. For example:\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = reject(new Error(\"2\"));\n let promise3 = reject(new Error(\"3\"));\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // Code here never runs because there are rejected promises!\n }, function(error) {\n // error.message === \"2\"\n });\n ```\n\n @method all\n @static\n @param {Array} entries array of promises\n @param {String} label optional string for labeling the promise.\n Useful for tooling.\n @return {Promise} promise that is fulfilled when all `promises` have been\n fulfilled, or rejected if any of them become rejected.\n @static\n*/\nfunction all(entries) {\n return new Enumerator(this, entries).promise;\n}\n\n/**\n `Promise.race` returns a new promise which is settled in the same way as the\n first passed promise to settle.\n\n Example:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 2');\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // result === 'promise 2' because it was resolved before promise1\n // was resolved.\n });\n ```\n\n `Promise.race` is deterministic in that only the state of the first\n settled promise matters. For example, even if other promises given to the\n `promises` array argument are resolved, but the first settled promise has\n become rejected before the other promises became fulfilled, the returned\n promise will become rejected:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n reject(new Error('promise 2'));\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // Code here never runs\n }, function(reason){\n // reason.message === 'promise 2' because promise 2 became rejected before\n // promise 1 became fulfilled\n });\n ```\n\n An example real-world use case is implementing timeouts:\n\n ```javascript\n Promise.race([ajax('foo.json'), timeout(5000)])\n ```\n\n @method race\n @static\n @param {Array} promises array of promises to observe\n Useful for tooling.\n @return {Promise} a promise which settles in the same way as the first passed\n promise to settle.\n*/\nfunction race(entries) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (!isArray(entries)) {\n return new Constructor(function (_, reject) {\n return reject(new TypeError('You must pass an array to race.'));\n });\n } else {\n return new Constructor(function (resolve, reject) {\n var length = entries.length;\n for (var i = 0; i < length; i++) {\n Constructor.resolve(entries[i]).then(resolve, reject);\n }\n });\n }\n}\n\n/**\n `Promise.reject` returns a promise rejected with the passed `reason`.\n It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n reject(new Error('WHOOPS'));\n });\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.reject(new Error('WHOOPS'));\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n @method reject\n @static\n @param {Any} reason value that the returned promise will be rejected with.\n Useful for tooling.\n @return {Promise} a promise rejected with the given `reason`.\n*/\nfunction reject$1(reason) {\n /*jshint validthis:true */\n var Constructor = this;\n var promise = new Constructor(noop);\n reject(promise, reason);\n return promise;\n}\n\nfunction needsResolver() {\n throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');\n}\n\nfunction needsNew() {\n throw new TypeError(\"Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.\");\n}\n\n/**\n Promise objects represent the eventual result of an asynchronous operation. The\n primary way of interacting with a promise is through its `then` method, which\n registers callbacks to receive either a promise's eventual value or the reason\n why the promise cannot be fulfilled.\n\n Terminology\n -----------\n\n - `promise` is an object or function with a `then` method whose behavior conforms to this specification.\n - `thenable` is an object or function that defines a `then` method.\n - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).\n - `exception` is a value that is thrown using the throw statement.\n - `reason` is a value that indicates why a promise was rejected.\n - `settled` the final resting state of a promise, fulfilled or rejected.\n\n A promise can be in one of three states: pending, fulfilled, or rejected.\n\n Promises that are fulfilled have a fulfillment value and are in the fulfilled\n state. Promises that are rejected have a rejection reason and are in the\n rejected state. A fulfillment value is never a thenable.\n\n Promises can also be said to *resolve* a value. If this value is also a\n promise, then the original promise's settled state will match the value's\n settled state. So a promise that *resolves* a promise that rejects will\n itself reject, and a promise that *resolves* a promise that fulfills will\n itself fulfill.\n\n\n Basic Usage:\n ------------\n\n ```js\n let promise = new Promise(function(resolve, reject) {\n // on success\n resolve(value);\n\n // on failure\n reject(reason);\n });\n\n promise.then(function(value) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Advanced Usage:\n ---------------\n\n Promises shine when abstracting away asynchronous interactions such as\n `XMLHttpRequest`s.\n\n ```js\n function getJSON(url) {\n return new Promise(function(resolve, reject){\n let xhr = new XMLHttpRequest();\n\n xhr.open('GET', url);\n xhr.onreadystatechange = handler;\n xhr.responseType = 'json';\n xhr.setRequestHeader('Accept', 'application/json');\n xhr.send();\n\n function handler() {\n if (this.readyState === this.DONE) {\n if (this.status === 200) {\n resolve(this.response);\n } else {\n reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));\n }\n }\n };\n });\n }\n\n getJSON('/posts.json').then(function(json) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Unlike callbacks, promises are great composable primitives.\n\n ```js\n Promise.all([\n getJSON('/posts'),\n getJSON('/comments')\n ]).then(function(values){\n values[0] // => postsJSON\n values[1] // => commentsJSON\n\n return values;\n });\n ```\n\n @class Promise\n @param {Function} resolver\n Useful for tooling.\n @constructor\n*/\n\nvar Promise$1 = function () {\n function Promise(resolver) {\n this[PROMISE_ID] = nextId();\n this._result = this._state = undefined;\n this._subscribers = [];\n\n if (noop !== resolver) {\n typeof resolver !== 'function' && needsResolver();\n this instanceof Promise ? initializePromise(this, resolver) : needsNew();\n }\n }\n\n /**\n The primary way of interacting with a promise is through its `then` method,\n which registers callbacks to receive either a promise's eventual value or the\n reason why the promise cannot be fulfilled.\n ```js\n findUser().then(function(user){\n // user is available\n }, function(reason){\n // user is unavailable, and you are given the reason why\n });\n ```\n Chaining\n --------\n The return value of `then` is itself a promise. This second, 'downstream'\n promise is resolved with the return value of the first promise's fulfillment\n or rejection handler, or rejected if the handler throws an exception.\n ```js\n findUser().then(function (user) {\n return user.name;\n }, function (reason) {\n return 'default name';\n }).then(function (userName) {\n // If `findUser` fulfilled, `userName` will be the user's name, otherwise it\n // will be `'default name'`\n });\n findUser().then(function (user) {\n throw new Error('Found user, but still unhappy');\n }, function (reason) {\n throw new Error('`findUser` rejected and we're unhappy');\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.\n // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.\n });\n ```\n If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.\n ```js\n findUser().then(function (user) {\n throw new PedagogicalException('Upstream error');\n }).then(function (value) {\n // never reached\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // The `PedgagocialException` is propagated all the way down to here\n });\n ```\n Assimilation\n ------------\n Sometimes the value you want to propagate to a downstream promise can only be\n retrieved asynchronously. This can be achieved by returning a promise in the\n fulfillment or rejection handler. The downstream promise will then be pending\n until the returned promise is settled. This is called *assimilation*.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // The user's comments are now available\n });\n ```\n If the assimliated promise rejects, then the downstream promise will also reject.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // If `findCommentsByAuthor` fulfills, we'll have the value here\n }, function (reason) {\n // If `findCommentsByAuthor` rejects, we'll have the reason here\n });\n ```\n Simple Example\n --------------\n Synchronous Example\n ```javascript\n let result;\n try {\n result = findResult();\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n findResult(function(result, err){\n if (err) {\n // failure\n } else {\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findResult().then(function(result){\n // success\n }, function(reason){\n // failure\n });\n ```\n Advanced Example\n --------------\n Synchronous Example\n ```javascript\n let author, books;\n try {\n author = findAuthor();\n books = findBooksByAuthor(author);\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n function foundBooks(books) {\n }\n function failure(reason) {\n }\n findAuthor(function(author, err){\n if (err) {\n failure(err);\n // failure\n } else {\n try {\n findBoooksByAuthor(author, function(books, err) {\n if (err) {\n failure(err);\n } else {\n try {\n foundBooks(books);\n } catch(reason) {\n failure(reason);\n }\n }\n });\n } catch(error) {\n failure(err);\n }\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findAuthor().\n then(findBooksByAuthor).\n then(function(books){\n // found books\n }).catch(function(reason){\n // something went wrong\n });\n ```\n @method then\n @param {Function} onFulfilled\n @param {Function} onRejected\n Useful for tooling.\n @return {Promise}\n */\n\n /**\n `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same\n as the catch block of a try/catch statement.\n ```js\n function findAuthor(){\n throw new Error('couldn't find that author');\n }\n // synchronous\n try {\n findAuthor();\n } catch(reason) {\n // something went wrong\n }\n // async with promises\n findAuthor().catch(function(reason){\n // something went wrong\n });\n ```\n @method catch\n @param {Function} onRejection\n Useful for tooling.\n @return {Promise}\n */\n\n\n Promise.prototype.catch = function _catch(onRejection) {\n return this.then(null, onRejection);\n };\n\n /**\n `finally` will be invoked regardless of the promise's fate just as native\n try/catch/finally behaves\n \n Synchronous example:\n \n ```js\n findAuthor() {\n if (Math.random() > 0.5) {\n throw new Error();\n }\n return new Author();\n }\n \n try {\n return findAuthor(); // succeed or fail\n } catch(error) {\n return findOtherAuther();\n } finally {\n // always runs\n // doesn't affect the return value\n }\n ```\n \n Asynchronous example:\n \n ```js\n findAuthor().catch(function(reason){\n return findOtherAuther();\n }).finally(function(){\n // author was either found, or not\n });\n ```\n \n @method finally\n @param {Function} callback\n @return {Promise}\n */\n\n\n Promise.prototype.finally = function _finally(callback) {\n var promise = this;\n var constructor = promise.constructor;\n\n if (isFunction(callback)) {\n return promise.then(function (value) {\n return constructor.resolve(callback()).then(function () {\n return value;\n });\n }, function (reason) {\n return constructor.resolve(callback()).then(function () {\n throw reason;\n });\n });\n }\n\n return promise.then(callback, callback);\n };\n\n return Promise;\n}();\n\nPromise$1.prototype.then = then;\nPromise$1.all = all;\nPromise$1.race = race;\nPromise$1.resolve = resolve$1;\nPromise$1.reject = reject$1;\nPromise$1._setScheduler = setScheduler;\nPromise$1._setAsap = setAsap;\nPromise$1._asap = asap;\n\n/*global self*/\nfunction polyfill() {\n var local = void 0;\n\n if (typeof global !== 'undefined') {\n local = global;\n } else if (typeof self !== 'undefined') {\n local = self;\n } else {\n try {\n local = Function('return this')();\n } catch (e) {\n throw new Error('polyfill failed because global object is unavailable in this environment');\n }\n }\n\n var P = local.Promise;\n\n if (P) {\n var promiseToString = null;\n try {\n promiseToString = Object.prototype.toString.call(P.resolve());\n } catch (e) {\n // silently ignored\n }\n\n if (promiseToString === '[object Promise]' && !P.cast) {\n return;\n }\n }\n\n local.Promise = Promise$1;\n}\n\n// Strange compat..\nPromise$1.polyfill = polyfill;\nPromise$1.Promise = Promise$1;\n\nreturn Promise$1;\n\n})));\n\n\n\n//# sourceMappingURL=es6-promise.map\n","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { ConditionPart, } from '@easyquery/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { ListExpressionRenderer } from './list_expression_renderer';\r\nimport { browserUtils } from '../../../utils/browser_utils';\r\nimport { QPEditablePart } from '../../../types/qp_editable_part';\r\nvar AttributeExpressionRenderer = /** @class */ (function (_super) {\r\n __extends(AttributeExpressionRenderer, _super);\r\n function AttributeExpressionRenderer(panel, expression, entitiesMenu, slot) {\r\n var _this = _super.call(this, panel, expression, null, slot) || this;\r\n _this.menu = entitiesMenu;\r\n return _this;\r\n }\r\n AttributeExpressionRenderer.prototype.renderEditor = function () {\r\n //create menu\r\n };\r\n AttributeExpressionRenderer.prototype.getLabelText = function () {\r\n var model = this.panel.getContext().getModel();\r\n var attrId = this.expression.value;\r\n var attrObj = attrId ? model.getAttributeByIdSafe(attrId) : null;\r\n var attrFormat = this.panel.options.attrElementFormat;\r\n return attrObj ? model.getAttributeText(attrObj, attrFormat) : this.getEmptyText();\r\n };\r\n AttributeExpressionRenderer.prototype.setValue = function (value, silent) {\r\n if (silent === void 0) { silent = false; }\r\n silent = silent && value !== this.expression.value;\r\n var result = _super.prototype.setValue.call(this, value, true);\r\n if (!silent) {\r\n this.expression.getParent().fireChangedEvent(ConditionPart.EntityAttr | ConditionPart.Operator);\r\n }\r\n return result;\r\n };\r\n AttributeExpressionRenderer.prototype.isEditable = function () {\r\n return !this.isReadOnly()\r\n && ((this.panel.options.editableParts & QPEditablePart.Attribute) === QPEditablePart.Attribute);\r\n };\r\n AttributeExpressionRenderer.prototype.getEmptyText = function () {\r\n return this.panel.options.emptyTextAttribute || i18n.getText('MsgEmptyAttrValue');\r\n };\r\n AttributeExpressionRenderer.prototype.getClassesToAdd = function () {\r\n return this.cssPrefix + \"-condelement \" + this.cssPrefix + \"-attrelement\";\r\n };\r\n AttributeExpressionRenderer.prototype.adjustWidth = function () {\r\n if (browserUtils.isMobileMode()) {\r\n return;\r\n }\r\n var elWidth = this.element.clientWidth;\r\n var parWidth = this.element.parentElement.clientWidth;\r\n if (elWidth > parWidth / 2) {\r\n domel(this.element)\r\n .addClass(this.cssPrefix + \"-attrelement-wide\");\r\n }\r\n };\r\n return AttributeExpressionRenderer;\r\n}(ListExpressionRenderer));\r\nexport { AttributeExpressionRenderer };\r\n//# sourceMappingURL=attribute_expression_renderer.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { DataType } from '@easydata/core';\r\nimport { ChartWidget } from './chart_widget';\r\nimport { ChartType } from './chart_type';\r\nvar GoogleChartWidget = /** @class */ (function (_super) {\r\n __extends(GoogleChartWidget, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The html element.\r\n * @param provider The provider.\r\n */\r\n function GoogleChartWidget(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.hasChartTypes = [\r\n ChartType.Column,\r\n ChartType.Bar,\r\n ChartType.Histogram,\r\n ChartType.Combo,\r\n ChartType.Area,\r\n ChartType.Line,\r\n ChartType.SteppedLine,\r\n ChartType.Pie,\r\n ChartType.Doughnut\r\n ];\r\n _this.options.legend = {\r\n show: true,\r\n position: 'right'\r\n };\r\n return _this;\r\n }\r\n GoogleChartWidget.prototype.getWidgetType = function () {\r\n return 'chartGoogle';\r\n };\r\n GoogleChartWidget.prototype.canDraw = function () {\r\n return GoogleChartWidget.hasGoogleCharts();\r\n };\r\n GoogleChartWidget.hasGoogleCharts = function () {\r\n return typeof google !== 'undefined' && typeof google.charts !== 'undefined';\r\n };\r\n GoogleChartWidget.prototype.initChart = function () {\r\n if (GoogleChartWidget.hasGoogleCharts() && this.labelColumn >= 0\r\n && this.dataColumns && this.dataColumns.length > 0) {\r\n this.googleDataView =\r\n new google.visualization.DataView(this.convertToGoogleFormat());\r\n this.updateChartColumns();\r\n }\r\n };\r\n GoogleChartWidget.prototype.convertToGoogleType = function (type) {\r\n switch (type) {\r\n case DataType.Date:\r\n return \"date\";\r\n case DataType.DateTime:\r\n return \"datetime\";\r\n case DataType.Time:\r\n return \"timeofday\";\r\n case DataType.Byte:\r\n case DataType.Word:\r\n case DataType.Int32:\r\n case DataType.Int64:\r\n case DataType.Currency:\r\n case DataType.Float:\r\n return \"number\";\r\n default:\r\n return \"string\";\r\n }\r\n };\r\n GoogleChartWidget.prototype.convertToGoogleValue = function (value, type) {\r\n switch (type) {\r\n case DataType.Bool:\r\n return value ? value.toString() : null;\r\n default:\r\n return value;\r\n }\r\n };\r\n GoogleChartWidget.prototype.convertToGoogleFormat = function () {\r\n var googleTable = new google.visualization.DataTable();\r\n var columns = this.dataTable.columns;\r\n for (var i = 0; i < columns.count; i++) {\r\n var column = columns.get(i);\r\n googleTable.addColumn(this.convertToGoogleType(column.type), column.label, column.id);\r\n }\r\n var rows = this.dataTable.getCachedRows();\r\n googleTable.addRows(rows.length);\r\n for (var i = 0; i < rows.length; i++) {\r\n var row = rows[i];\r\n for (var j = 0; j < columns.count; j++) {\r\n googleTable.setCell(i, j, this.convertToGoogleValue(row.getValue(j), columns.get(j).type));\r\n }\r\n }\r\n return googleTable;\r\n };\r\n GoogleChartWidget.prototype.drawCore = function () {\r\n if (this.googleDataView != null) {\r\n this.options.legend = this.options.legend || {};\r\n var chartOptions = {\r\n width: \"100%\",\r\n height: \"100%\",\r\n chartArea: { width: this.getChartAreaWidth }\r\n };\r\n if (this.chartType == ChartType.Doughnut) {\r\n chartOptions.pieHole = 0.4;\r\n }\r\n if (!this.options.legend.show) {\r\n chartOptions.legend = 'none';\r\n }\r\n else {\r\n chartOptions.legend = { position: this.options.legend.position };\r\n }\r\n var chart = this.createChart(this.chartDiv);\r\n chart.draw(this.googleDataView, chartOptions);\r\n }\r\n };\r\n GoogleChartWidget.prototype.getChartAreaWidth = function (chartType) {\r\n if (chartType == ChartType.Pie) {\r\n return \"100%\";\r\n }\r\n else {\r\n return \"50%\";\r\n }\r\n };\r\n GoogleChartWidget.prototype.updateChartColumns = function () {\r\n if (this.googleDataView) {\r\n this.googleDataView.setColumns([].concat(this.labelColumn).concat(this.dataColumns));\r\n }\r\n };\r\n GoogleChartWidget.prototype.createChart = function (slot) {\r\n switch (this.chartType) {\r\n case ChartType.Column:\r\n return new google.visualization.ColumnChart(slot);\r\n case ChartType.Histogram:\r\n return new google.visualization.Histogram(slot);\r\n case ChartType.Bar:\r\n return new google.visualization.BarChart(slot);\r\n case ChartType.Combo:\r\n return new google.visualization.ComboChart(slot);\r\n case ChartType.Area:\r\n return new google.visualization.AreaChart(slot);\r\n case ChartType.Line:\r\n return new google.visualization.LineChart(slot);\r\n case ChartType.SteppedLine:\r\n return new google.visualization.SteppedAreaChart(slot);\r\n case ChartType.Pie:\r\n case ChartType.Doughnut:\r\n return new google.visualization.PieChart(slot);\r\n default:\r\n return new google.visualization.PieChart(slot);\r\n }\r\n };\r\n return GoogleChartWidget;\r\n}(ChartWidget));\r\nexport { GoogleChartWidget };\r\n//# sourceMappingURL=chart_widget_google.js.map","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n} ())\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch(e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch(e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n\n\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\n\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n\n var len = queue.length;\n while(len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","/*!\n * @overview es6-promise - a tiny implementation of Promises/A+.\n * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)\n * @license Licensed under MIT license\n * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE\n * @version v4.2.8+1e68dce6\n */\n\n(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n\ttypeof define === 'function' && define.amd ? define(factory) :\n\t(global.ES6Promise = factory());\n}(this, (function () { 'use strict';\n\nfunction objectOrFunction(x) {\n var type = typeof x;\n return x !== null && (type === 'object' || type === 'function');\n}\n\nfunction isFunction(x) {\n return typeof x === 'function';\n}\n\n\n\nvar _isArray = void 0;\nif (Array.isArray) {\n _isArray = Array.isArray;\n} else {\n _isArray = function (x) {\n return Object.prototype.toString.call(x) === '[object Array]';\n };\n}\n\nvar isArray = _isArray;\n\nvar len = 0;\nvar vertxNext = void 0;\nvar customSchedulerFn = void 0;\n\nvar asap = function asap(callback, arg) {\n queue[len] = callback;\n queue[len + 1] = arg;\n len += 2;\n if (len === 2) {\n // If len is 2, that means that we need to schedule an async flush.\n // If additional callbacks are queued before the queue is flushed, they\n // will be processed by this flush that we are scheduling.\n if (customSchedulerFn) {\n customSchedulerFn(flush);\n } else {\n scheduleFlush();\n }\n }\n};\n\nfunction setScheduler(scheduleFn) {\n customSchedulerFn = scheduleFn;\n}\n\nfunction setAsap(asapFn) {\n asap = asapFn;\n}\n\nvar browserWindow = typeof window !== 'undefined' ? window : undefined;\nvar browserGlobal = browserWindow || {};\nvar BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;\nvar isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {}.toString.call(process) === '[object process]';\n\n// test for web worker but not in IE10\nvar isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';\n\n// node\nfunction useNextTick() {\n // node version 0.10.x displays a deprecation warning when nextTick is used recursively\n // see https://github.com/cujojs/when/issues/410 for details\n return function () {\n return process.nextTick(flush);\n };\n}\n\n// vertx\nfunction useVertxTimer() {\n if (typeof vertxNext !== 'undefined') {\n return function () {\n vertxNext(flush);\n };\n }\n\n return useSetTimeout();\n}\n\nfunction useMutationObserver() {\n var iterations = 0;\n var observer = new BrowserMutationObserver(flush);\n var node = document.createTextNode('');\n observer.observe(node, { characterData: true });\n\n return function () {\n node.data = iterations = ++iterations % 2;\n };\n}\n\n// web worker\nfunction useMessageChannel() {\n var channel = new MessageChannel();\n channel.port1.onmessage = flush;\n return function () {\n return channel.port2.postMessage(0);\n };\n}\n\nfunction useSetTimeout() {\n // Store setTimeout reference so es6-promise will be unaffected by\n // other code modifying setTimeout (like sinon.useFakeTimers())\n var globalSetTimeout = setTimeout;\n return function () {\n return globalSetTimeout(flush, 1);\n };\n}\n\nvar queue = new Array(1000);\nfunction flush() {\n for (var i = 0; i < len; i += 2) {\n var callback = queue[i];\n var arg = queue[i + 1];\n\n callback(arg);\n\n queue[i] = undefined;\n queue[i + 1] = undefined;\n }\n\n len = 0;\n}\n\nfunction attemptVertx() {\n try {\n var vertx = Function('return this')().require('vertx');\n vertxNext = vertx.runOnLoop || vertx.runOnContext;\n return useVertxTimer();\n } catch (e) {\n return useSetTimeout();\n }\n}\n\nvar scheduleFlush = void 0;\n// Decide what async method to use to triggering processing of queued callbacks:\nif (isNode) {\n scheduleFlush = useNextTick();\n} else if (BrowserMutationObserver) {\n scheduleFlush = useMutationObserver();\n} else if (isWorker) {\n scheduleFlush = useMessageChannel();\n} else if (browserWindow === undefined && typeof require === 'function') {\n scheduleFlush = attemptVertx();\n} else {\n scheduleFlush = useSetTimeout();\n}\n\nfunction then(onFulfillment, onRejection) {\n var parent = this;\n\n var child = new this.constructor(noop);\n\n if (child[PROMISE_ID] === undefined) {\n makePromise(child);\n }\n\n var _state = parent._state;\n\n\n if (_state) {\n var callback = arguments[_state - 1];\n asap(function () {\n return invokeCallback(_state, child, callback, parent._result);\n });\n } else {\n subscribe(parent, child, onFulfillment, onRejection);\n }\n\n return child;\n}\n\n/**\n `Promise.resolve` returns a promise that will become resolved with the\n passed `value`. It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n resolve(1);\n });\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.resolve(1);\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n @method resolve\n @static\n @param {Any} value value that the returned promise will be resolved with\n Useful for tooling.\n @return {Promise} a promise that will become fulfilled with the given\n `value`\n*/\nfunction resolve$1(object) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (object && typeof object === 'object' && object.constructor === Constructor) {\n return object;\n }\n\n var promise = new Constructor(noop);\n resolve(promise, object);\n return promise;\n}\n\nvar PROMISE_ID = Math.random().toString(36).substring(2);\n\nfunction noop() {}\n\nvar PENDING = void 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\n\nfunction selfFulfillment() {\n return new TypeError(\"You cannot resolve a promise with itself\");\n}\n\nfunction cannotReturnOwn() {\n return new TypeError('A promises callback cannot return that same promise.');\n}\n\nfunction tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) {\n try {\n then$$1.call(value, fulfillmentHandler, rejectionHandler);\n } catch (e) {\n return e;\n }\n}\n\nfunction handleForeignThenable(promise, thenable, then$$1) {\n asap(function (promise) {\n var sealed = false;\n var error = tryThen(then$$1, thenable, function (value) {\n if (sealed) {\n return;\n }\n sealed = true;\n if (thenable !== value) {\n resolve(promise, value);\n } else {\n fulfill(promise, value);\n }\n }, function (reason) {\n if (sealed) {\n return;\n }\n sealed = true;\n\n reject(promise, reason);\n }, 'Settle: ' + (promise._label || ' unknown promise'));\n\n if (!sealed && error) {\n sealed = true;\n reject(promise, error);\n }\n }, promise);\n}\n\nfunction handleOwnThenable(promise, thenable) {\n if (thenable._state === FULFILLED) {\n fulfill(promise, thenable._result);\n } else if (thenable._state === REJECTED) {\n reject(promise, thenable._result);\n } else {\n subscribe(thenable, undefined, function (value) {\n return resolve(promise, value);\n }, function (reason) {\n return reject(promise, reason);\n });\n }\n}\n\nfunction handleMaybeThenable(promise, maybeThenable, then$$1) {\n if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) {\n handleOwnThenable(promise, maybeThenable);\n } else {\n if (then$$1 === undefined) {\n fulfill(promise, maybeThenable);\n } else if (isFunction(then$$1)) {\n handleForeignThenable(promise, maybeThenable, then$$1);\n } else {\n fulfill(promise, maybeThenable);\n }\n }\n}\n\nfunction resolve(promise, value) {\n if (promise === value) {\n reject(promise, selfFulfillment());\n } else if (objectOrFunction(value)) {\n var then$$1 = void 0;\n try {\n then$$1 = value.then;\n } catch (error) {\n reject(promise, error);\n return;\n }\n handleMaybeThenable(promise, value, then$$1);\n } else {\n fulfill(promise, value);\n }\n}\n\nfunction publishRejection(promise) {\n if (promise._onerror) {\n promise._onerror(promise._result);\n }\n\n publish(promise);\n}\n\nfunction fulfill(promise, value) {\n if (promise._state !== PENDING) {\n return;\n }\n\n promise._result = value;\n promise._state = FULFILLED;\n\n if (promise._subscribers.length !== 0) {\n asap(publish, promise);\n }\n}\n\nfunction reject(promise, reason) {\n if (promise._state !== PENDING) {\n return;\n }\n promise._state = REJECTED;\n promise._result = reason;\n\n asap(publishRejection, promise);\n}\n\nfunction subscribe(parent, child, onFulfillment, onRejection) {\n var _subscribers = parent._subscribers;\n var length = _subscribers.length;\n\n\n parent._onerror = null;\n\n _subscribers[length] = child;\n _subscribers[length + FULFILLED] = onFulfillment;\n _subscribers[length + REJECTED] = onRejection;\n\n if (length === 0 && parent._state) {\n asap(publish, parent);\n }\n}\n\nfunction publish(promise) {\n var subscribers = promise._subscribers;\n var settled = promise._state;\n\n if (subscribers.length === 0) {\n return;\n }\n\n var child = void 0,\n callback = void 0,\n detail = promise._result;\n\n for (var i = 0; i < subscribers.length; i += 3) {\n child = subscribers[i];\n callback = subscribers[i + settled];\n\n if (child) {\n invokeCallback(settled, child, callback, detail);\n } else {\n callback(detail);\n }\n }\n\n promise._subscribers.length = 0;\n}\n\nfunction invokeCallback(settled, promise, callback, detail) {\n var hasCallback = isFunction(callback),\n value = void 0,\n error = void 0,\n succeeded = true;\n\n if (hasCallback) {\n try {\n value = callback(detail);\n } catch (e) {\n succeeded = false;\n error = e;\n }\n\n if (promise === value) {\n reject(promise, cannotReturnOwn());\n return;\n }\n } else {\n value = detail;\n }\n\n if (promise._state !== PENDING) {\n // noop\n } else if (hasCallback && succeeded) {\n resolve(promise, value);\n } else if (succeeded === false) {\n reject(promise, error);\n } else if (settled === FULFILLED) {\n fulfill(promise, value);\n } else if (settled === REJECTED) {\n reject(promise, value);\n }\n}\n\nfunction initializePromise(promise, resolver) {\n try {\n resolver(function resolvePromise(value) {\n resolve(promise, value);\n }, function rejectPromise(reason) {\n reject(promise, reason);\n });\n } catch (e) {\n reject(promise, e);\n }\n}\n\nvar id = 0;\nfunction nextId() {\n return id++;\n}\n\nfunction makePromise(promise) {\n promise[PROMISE_ID] = id++;\n promise._state = undefined;\n promise._result = undefined;\n promise._subscribers = [];\n}\n\nfunction validationError() {\n return new Error('Array Methods must be provided an Array');\n}\n\nvar Enumerator = function () {\n function Enumerator(Constructor, input) {\n this._instanceConstructor = Constructor;\n this.promise = new Constructor(noop);\n\n if (!this.promise[PROMISE_ID]) {\n makePromise(this.promise);\n }\n\n if (isArray(input)) {\n this.length = input.length;\n this._remaining = input.length;\n\n this._result = new Array(this.length);\n\n if (this.length === 0) {\n fulfill(this.promise, this._result);\n } else {\n this.length = this.length || 0;\n this._enumerate(input);\n if (this._remaining === 0) {\n fulfill(this.promise, this._result);\n }\n }\n } else {\n reject(this.promise, validationError());\n }\n }\n\n Enumerator.prototype._enumerate = function _enumerate(input) {\n for (var i = 0; this._state === PENDING && i < input.length; i++) {\n this._eachEntry(input[i], i);\n }\n };\n\n Enumerator.prototype._eachEntry = function _eachEntry(entry, i) {\n var c = this._instanceConstructor;\n var resolve$$1 = c.resolve;\n\n\n if (resolve$$1 === resolve$1) {\n var _then = void 0;\n var error = void 0;\n var didError = false;\n try {\n _then = entry.then;\n } catch (e) {\n didError = true;\n error = e;\n }\n\n if (_then === then && entry._state !== PENDING) {\n this._settledAt(entry._state, i, entry._result);\n } else if (typeof _then !== 'function') {\n this._remaining--;\n this._result[i] = entry;\n } else if (c === Promise$1) {\n var promise = new c(noop);\n if (didError) {\n reject(promise, error);\n } else {\n handleMaybeThenable(promise, entry, _then);\n }\n this._willSettleAt(promise, i);\n } else {\n this._willSettleAt(new c(function (resolve$$1) {\n return resolve$$1(entry);\n }), i);\n }\n } else {\n this._willSettleAt(resolve$$1(entry), i);\n }\n };\n\n Enumerator.prototype._settledAt = function _settledAt(state, i, value) {\n var promise = this.promise;\n\n\n if (promise._state === PENDING) {\n this._remaining--;\n\n if (state === REJECTED) {\n reject(promise, value);\n } else {\n this._result[i] = value;\n }\n }\n\n if (this._remaining === 0) {\n fulfill(promise, this._result);\n }\n };\n\n Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) {\n var enumerator = this;\n\n subscribe(promise, undefined, function (value) {\n return enumerator._settledAt(FULFILLED, i, value);\n }, function (reason) {\n return enumerator._settledAt(REJECTED, i, reason);\n });\n };\n\n return Enumerator;\n}();\n\n/**\n `Promise.all` accepts an array of promises, and returns a new promise which\n is fulfilled with an array of fulfillment values for the passed promises, or\n rejected with the reason of the first passed promise to be rejected. It casts all\n elements of the passed iterable to promises as it runs this algorithm.\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = resolve(2);\n let promise3 = resolve(3);\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // The array here would be [ 1, 2, 3 ];\n });\n ```\n\n If any of the `promises` given to `all` are rejected, the first promise\n that is rejected will be given as an argument to the returned promises's\n rejection handler. For example:\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = reject(new Error(\"2\"));\n let promise3 = reject(new Error(\"3\"));\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // Code here never runs because there are rejected promises!\n }, function(error) {\n // error.message === \"2\"\n });\n ```\n\n @method all\n @static\n @param {Array} entries array of promises\n @param {String} label optional string for labeling the promise.\n Useful for tooling.\n @return {Promise} promise that is fulfilled when all `promises` have been\n fulfilled, or rejected if any of them become rejected.\n @static\n*/\nfunction all(entries) {\n return new Enumerator(this, entries).promise;\n}\n\n/**\n `Promise.race` returns a new promise which is settled in the same way as the\n first passed promise to settle.\n\n Example:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 2');\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // result === 'promise 2' because it was resolved before promise1\n // was resolved.\n });\n ```\n\n `Promise.race` is deterministic in that only the state of the first\n settled promise matters. For example, even if other promises given to the\n `promises` array argument are resolved, but the first settled promise has\n become rejected before the other promises became fulfilled, the returned\n promise will become rejected:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n reject(new Error('promise 2'));\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // Code here never runs\n }, function(reason){\n // reason.message === 'promise 2' because promise 2 became rejected before\n // promise 1 became fulfilled\n });\n ```\n\n An example real-world use case is implementing timeouts:\n\n ```javascript\n Promise.race([ajax('foo.json'), timeout(5000)])\n ```\n\n @method race\n @static\n @param {Array} promises array of promises to observe\n Useful for tooling.\n @return {Promise} a promise which settles in the same way as the first passed\n promise to settle.\n*/\nfunction race(entries) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (!isArray(entries)) {\n return new Constructor(function (_, reject) {\n return reject(new TypeError('You must pass an array to race.'));\n });\n } else {\n return new Constructor(function (resolve, reject) {\n var length = entries.length;\n for (var i = 0; i < length; i++) {\n Constructor.resolve(entries[i]).then(resolve, reject);\n }\n });\n }\n}\n\n/**\n `Promise.reject` returns a promise rejected with the passed `reason`.\n It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n reject(new Error('WHOOPS'));\n });\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.reject(new Error('WHOOPS'));\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n @method reject\n @static\n @param {Any} reason value that the returned promise will be rejected with.\n Useful for tooling.\n @return {Promise} a promise rejected with the given `reason`.\n*/\nfunction reject$1(reason) {\n /*jshint validthis:true */\n var Constructor = this;\n var promise = new Constructor(noop);\n reject(promise, reason);\n return promise;\n}\n\nfunction needsResolver() {\n throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');\n}\n\nfunction needsNew() {\n throw new TypeError(\"Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.\");\n}\n\n/**\n Promise objects represent the eventual result of an asynchronous operation. The\n primary way of interacting with a promise is through its `then` method, which\n registers callbacks to receive either a promise's eventual value or the reason\n why the promise cannot be fulfilled.\n\n Terminology\n -----------\n\n - `promise` is an object or function with a `then` method whose behavior conforms to this specification.\n - `thenable` is an object or function that defines a `then` method.\n - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).\n - `exception` is a value that is thrown using the throw statement.\n - `reason` is a value that indicates why a promise was rejected.\n - `settled` the final resting state of a promise, fulfilled or rejected.\n\n A promise can be in one of three states: pending, fulfilled, or rejected.\n\n Promises that are fulfilled have a fulfillment value and are in the fulfilled\n state. Promises that are rejected have a rejection reason and are in the\n rejected state. A fulfillment value is never a thenable.\n\n Promises can also be said to *resolve* a value. If this value is also a\n promise, then the original promise's settled state will match the value's\n settled state. So a promise that *resolves* a promise that rejects will\n itself reject, and a promise that *resolves* a promise that fulfills will\n itself fulfill.\n\n\n Basic Usage:\n ------------\n\n ```js\n let promise = new Promise(function(resolve, reject) {\n // on success\n resolve(value);\n\n // on failure\n reject(reason);\n });\n\n promise.then(function(value) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Advanced Usage:\n ---------------\n\n Promises shine when abstracting away asynchronous interactions such as\n `XMLHttpRequest`s.\n\n ```js\n function getJSON(url) {\n return new Promise(function(resolve, reject){\n let xhr = new XMLHttpRequest();\n\n xhr.open('GET', url);\n xhr.onreadystatechange = handler;\n xhr.responseType = 'json';\n xhr.setRequestHeader('Accept', 'application/json');\n xhr.send();\n\n function handler() {\n if (this.readyState === this.DONE) {\n if (this.status === 200) {\n resolve(this.response);\n } else {\n reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));\n }\n }\n };\n });\n }\n\n getJSON('/posts.json').then(function(json) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Unlike callbacks, promises are great composable primitives.\n\n ```js\n Promise.all([\n getJSON('/posts'),\n getJSON('/comments')\n ]).then(function(values){\n values[0] // => postsJSON\n values[1] // => commentsJSON\n\n return values;\n });\n ```\n\n @class Promise\n @param {Function} resolver\n Useful for tooling.\n @constructor\n*/\n\nvar Promise$1 = function () {\n function Promise(resolver) {\n this[PROMISE_ID] = nextId();\n this._result = this._state = undefined;\n this._subscribers = [];\n\n if (noop !== resolver) {\n typeof resolver !== 'function' && needsResolver();\n this instanceof Promise ? initializePromise(this, resolver) : needsNew();\n }\n }\n\n /**\n The primary way of interacting with a promise is through its `then` method,\n which registers callbacks to receive either a promise's eventual value or the\n reason why the promise cannot be fulfilled.\n ```js\n findUser().then(function(user){\n // user is available\n }, function(reason){\n // user is unavailable, and you are given the reason why\n });\n ```\n Chaining\n --------\n The return value of `then` is itself a promise. This second, 'downstream'\n promise is resolved with the return value of the first promise's fulfillment\n or rejection handler, or rejected if the handler throws an exception.\n ```js\n findUser().then(function (user) {\n return user.name;\n }, function (reason) {\n return 'default name';\n }).then(function (userName) {\n // If `findUser` fulfilled, `userName` will be the user's name, otherwise it\n // will be `'default name'`\n });\n findUser().then(function (user) {\n throw new Error('Found user, but still unhappy');\n }, function (reason) {\n throw new Error('`findUser` rejected and we're unhappy');\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.\n // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.\n });\n ```\n If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.\n ```js\n findUser().then(function (user) {\n throw new PedagogicalException('Upstream error');\n }).then(function (value) {\n // never reached\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // The `PedgagocialException` is propagated all the way down to here\n });\n ```\n Assimilation\n ------------\n Sometimes the value you want to propagate to a downstream promise can only be\n retrieved asynchronously. This can be achieved by returning a promise in the\n fulfillment or rejection handler. The downstream promise will then be pending\n until the returned promise is settled. This is called *assimilation*.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // The user's comments are now available\n });\n ```\n If the assimliated promise rejects, then the downstream promise will also reject.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // If `findCommentsByAuthor` fulfills, we'll have the value here\n }, function (reason) {\n // If `findCommentsByAuthor` rejects, we'll have the reason here\n });\n ```\n Simple Example\n --------------\n Synchronous Example\n ```javascript\n let result;\n try {\n result = findResult();\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n findResult(function(result, err){\n if (err) {\n // failure\n } else {\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findResult().then(function(result){\n // success\n }, function(reason){\n // failure\n });\n ```\n Advanced Example\n --------------\n Synchronous Example\n ```javascript\n let author, books;\n try {\n author = findAuthor();\n books = findBooksByAuthor(author);\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n function foundBooks(books) {\n }\n function failure(reason) {\n }\n findAuthor(function(author, err){\n if (err) {\n failure(err);\n // failure\n } else {\n try {\n findBoooksByAuthor(author, function(books, err) {\n if (err) {\n failure(err);\n } else {\n try {\n foundBooks(books);\n } catch(reason) {\n failure(reason);\n }\n }\n });\n } catch(error) {\n failure(err);\n }\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findAuthor().\n then(findBooksByAuthor).\n then(function(books){\n // found books\n }).catch(function(reason){\n // something went wrong\n });\n ```\n @method then\n @param {Function} onFulfilled\n @param {Function} onRejected\n Useful for tooling.\n @return {Promise}\n */\n\n /**\n `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same\n as the catch block of a try/catch statement.\n ```js\n function findAuthor(){\n throw new Error('couldn't find that author');\n }\n // synchronous\n try {\n findAuthor();\n } catch(reason) {\n // something went wrong\n }\n // async with promises\n findAuthor().catch(function(reason){\n // something went wrong\n });\n ```\n @method catch\n @param {Function} onRejection\n Useful for tooling.\n @return {Promise}\n */\n\n\n Promise.prototype.catch = function _catch(onRejection) {\n return this.then(null, onRejection);\n };\n\n /**\n `finally` will be invoked regardless of the promise's fate just as native\n try/catch/finally behaves\n \n Synchronous example:\n \n ```js\n findAuthor() {\n if (Math.random() > 0.5) {\n throw new Error();\n }\n return new Author();\n }\n \n try {\n return findAuthor(); // succeed or fail\n } catch(error) {\n return findOtherAuther();\n } finally {\n // always runs\n // doesn't affect the return value\n }\n ```\n \n Asynchronous example:\n \n ```js\n findAuthor().catch(function(reason){\n return findOtherAuther();\n }).finally(function(){\n // author was either found, or not\n });\n ```\n \n @method finally\n @param {Function} callback\n @return {Promise}\n */\n\n\n Promise.prototype.finally = function _finally(callback) {\n var promise = this;\n var constructor = promise.constructor;\n\n if (isFunction(callback)) {\n return promise.then(function (value) {\n return constructor.resolve(callback()).then(function () {\n return value;\n });\n }, function (reason) {\n return constructor.resolve(callback()).then(function () {\n throw reason;\n });\n });\n }\n\n return promise.then(callback, callback);\n };\n\n return Promise;\n}();\n\nPromise$1.prototype.then = then;\nPromise$1.all = all;\nPromise$1.race = race;\nPromise$1.resolve = resolve$1;\nPromise$1.reject = reject$1;\nPromise$1._setScheduler = setScheduler;\nPromise$1._setAsap = setAsap;\nPromise$1._asap = asap;\n\n/*global self*/\nfunction polyfill() {\n var local = void 0;\n\n if (typeof global !== 'undefined') {\n local = global;\n } else if (typeof self !== 'undefined') {\n local = self;\n } else {\n try {\n local = Function('return this')();\n } catch (e) {\n throw new Error('polyfill failed because global object is unavailable in this environment');\n }\n }\n\n var P = local.Promise;\n\n if (P) {\n var promiseToString = null;\n try {\n promiseToString = Object.prototype.toString.call(P.resolve());\n } catch (e) {\n // silently ignored\n }\n\n if (promiseToString === '[object Promise]' && !P.cast) {\n return;\n }\n }\n\n local.Promise = Promise$1;\n}\n\n// Strange compat..\nPromise$1.polyfill = polyfill;\nPromise$1.Promise = Promise$1;\n\nreturn Promise$1;\n\n})));\n\n\n\n//# sourceMappingURL=es6-promise.map\n","var HttpRequest = /** @class */ (function () {\r\n function HttpRequest(xhr, descriptor) {\r\n this.xhr = xhr;\r\n this.method = descriptor.method;\r\n this.url = descriptor.url;\r\n this.headers = descriptor.headers;\r\n this.queryParams = descriptor.queryParams;\r\n this.data = descriptor.data;\r\n }\r\n HttpRequest.prototype.setHeader = function (name, value) {\r\n this.headers[name] = value;\r\n };\r\n HttpRequest.prototype.setQueryParam = function (name, value) {\r\n this.queryParams[name] = value;\r\n };\r\n HttpRequest.prototype.getXMLHttpRequest = function () {\r\n return this.xhr;\r\n };\r\n HttpRequest.prototype.getResponseHeaders = function () {\r\n if (this.xhr.readyState == this.xhr.HEADERS_RECEIVED) {\r\n var headers = this.xhr.getAllResponseHeaders();\r\n var arr = headers.trim().split(/[\\r\\n]+/);\r\n // Create a map of header names to values\r\n var headerMap = {};\r\n for (var _i = 0, arr_1 = arr; _i < arr_1.length; _i++) {\r\n var line = arr_1[_i];\r\n var parts = line.split(': ');\r\n var header = parts.shift();\r\n var value = parts.join(': ');\r\n headerMap[header] = value;\r\n }\r\n return headerMap;\r\n }\r\n return {};\r\n };\r\n HttpRequest.prototype.open = function () {\r\n var _this = this;\r\n if (this.xhr.readyState !== this.xhr.UNSENT)\r\n return;\r\n var url = this.url;\r\n if (this.queryParams && Object.keys(this.queryParams).length > 0) {\r\n url += encodeURI('?' + Object.keys(this.queryParams)\r\n .map(function (param) { return param + '=' + _this.queryParams[param]; })\r\n .join('&'));\r\n }\r\n this.xhr.open(this.method, url, true);\r\n this.xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');\r\n for (var header in this.headers) {\r\n this.xhr.setRequestHeader(header, this.headers[header]);\r\n }\r\n };\r\n HttpRequest.prototype.abort = function () {\r\n this.xhr.abort();\r\n };\r\n return HttpRequest;\r\n}());\r\nexport { HttpRequest };\r\n//# sourceMappingURL=http_request.js.map","import { DataType } from '../types/data_type';\r\nimport { utils } from '../utils/utils';\r\nexport var ColumnAlignment;\r\n(function (ColumnAlignment) {\r\n ColumnAlignment[ColumnAlignment[\"None\"] = 0] = \"None\";\r\n ColumnAlignment[ColumnAlignment[\"Left\"] = 1] = \"Left\";\r\n ColumnAlignment[ColumnAlignment[\"Center\"] = 2] = \"Center\";\r\n ColumnAlignment[ColumnAlignment[\"Right\"] = 3] = \"Right\";\r\n})(ColumnAlignment || (ColumnAlignment = {}));\r\nvar DataColumn = /** @class */ (function () {\r\n function DataColumn(desc) {\r\n if (!desc)\r\n throw Error(\"Options are required\");\r\n if (!desc.id)\r\n throw Error(\"Field Id is required\");\r\n if (!desc.label)\r\n throw Error(\"Label is required\");\r\n this.id = desc.id;\r\n this.type = utils.getIfDefined(desc.type, DataType.String);\r\n this.label = desc.label;\r\n this.originAttrId = desc.originAttrId;\r\n this.isAggr = desc.isAggr || false;\r\n this.displayFormat = desc.dfmt;\r\n this.groupFooterColumnTemplate = desc.gfct;\r\n this.style = desc.style || {};\r\n this.description = desc.description;\r\n this.calculatedWidth = 0;\r\n }\r\n return DataColumn;\r\n}());\r\nexport { DataColumn };\r\nvar DataColumnList = /** @class */ (function () {\r\n function DataColumnList() {\r\n this.items = [];\r\n this.mapper = {};\r\n this._dateColumnIdx = [];\r\n }\r\n Object.defineProperty(DataColumnList.prototype, \"count\", {\r\n get: function () {\r\n return this.items.length;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n DataColumnList.prototype.add = function (colOrDesc) {\r\n var col;\r\n if (colOrDesc instanceof DataColumn) {\r\n col = colOrDesc;\r\n }\r\n else {\r\n col = new DataColumn(colOrDesc);\r\n }\r\n var index = this.items.length;\r\n this.items.push(col);\r\n this.mapper[col.id] = index;\r\n if ([DataType.Date, DataType.DateTime, DataType.Time].indexOf(col.type) >= 0) {\r\n this._dateColumnIdx.push(index);\r\n }\r\n return index;\r\n };\r\n DataColumnList.prototype.updateDateColumnIdx = function () {\r\n this._dateColumnIdx = this.getItems()\r\n .filter(function (col) { return [DataType.Date, DataType.DateTime, DataType.Time].indexOf(col.type) >= 0; })\r\n .map(function (col, index) { return index; });\r\n };\r\n DataColumnList.prototype.put = function (index, col) {\r\n if (index >= 0 && index < this.count) {\r\n this.items[index] = col;\r\n this.updateDateColumnIdx();\r\n }\r\n };\r\n DataColumnList.prototype.move = function (col, newIndex) {\r\n var oldIndex = this.items.indexOf(col);\r\n if (oldIndex >= 0 && oldIndex != newIndex) {\r\n utils.moveArrayItem(this.items, oldIndex, newIndex);\r\n this.updateDateColumnIdx();\r\n }\r\n };\r\n DataColumnList.prototype.get = function (index) {\r\n if (index >= 0 && index < this.count) {\r\n return this.items[index];\r\n }\r\n else {\r\n return null;\r\n }\r\n };\r\n DataColumnList.prototype.getIndex = function (id) {\r\n return this.mapper[id];\r\n };\r\n DataColumnList.prototype.getItems = function () {\r\n return this.items;\r\n };\r\n DataColumnList.prototype.getDateColumnIndexes = function () {\r\n return this._dateColumnIdx;\r\n };\r\n DataColumnList.prototype.removeAt = function (index) {\r\n var col = this.get(index);\r\n this.items.splice(index, 1);\r\n var removeDate = this._dateColumnIdx.indexOf(index);\r\n if (removeDate >= 0) {\r\n this._dateColumnIdx.splice(removeDate, 1);\r\n }\r\n delete this.mapper[col.id];\r\n };\r\n DataColumnList.prototype.clear = function () {\r\n this.items = [];\r\n this._dateColumnIdx = [];\r\n this.mapper = {};\r\n };\r\n return DataColumnList;\r\n}());\r\nexport { DataColumnList };\r\n//# sourceMappingURL=data_column.js.map","/**\r\n * Represents a parser for format expressions in operators\r\n */\r\nvar FormatParser = /** @class */ (function () {\r\n function FormatParser(format) {\r\n this.start(format);\r\n }\r\n /**\r\n * Starts parsing of the format string passed in the parameter\r\n * @param format\r\n */\r\n FormatParser.prototype.start = function (format) {\r\n this.formatStr = format;\r\n this.pos = 0;\r\n this.exprNum = 0;\r\n this.tokenText = '';\r\n };\r\n /**\r\n * Skips all spcaes till the beginning of next token\r\n */\r\n FormatParser.prototype.skipSpaces = function () {\r\n while (this.pos < this.formatStr.length && this.formatStr.charAt(this.pos) === ' ')\r\n this.pos++;\r\n };\r\n /**\r\n * Scans the source and gets the next token\r\n */\r\n FormatParser.prototype.next = function () {\r\n this.skipSpaces();\r\n if (this.pos >= this.formatStr.length)\r\n return false;\r\n var npos = 0;\r\n if (this.formatStr.charAt(this.pos) === '{') {\r\n npos = this.formatStr.indexOf('}', this.pos);\r\n if (npos < 0)\r\n return false;\r\n this.tokenText = this.formatStr.substring(this.pos, npos + 1);\r\n if (this.tokenText.indexOf('{expr') === 0) {\r\n this.token = 'expression';\r\n this.exprNum = parseInt(this.tokenText.substring(5, this.tokenText.length));\r\n }\r\n this.pos = npos + 1;\r\n }\r\n else if (this.formatStr.charAt(this.pos) === '[' && this.pos < this.formatStr.length - 1 && this.formatStr.charAt(this.pos + 1) === '[') {\r\n this.pos += 2;\r\n npos = this.formatStr.indexOf(']]', this.pos);\r\n this.token = 'operator';\r\n this.tokenText = this.formatStr.substring(this.pos, npos);\r\n this.pos = npos + 2;\r\n }\r\n else {\r\n this.token = 'text';\r\n var npos1 = this.formatStr.indexOf('{', this.pos);\r\n if (npos1 < 0)\r\n npos1 = this.formatStr.length;\r\n var npos2 = this.formatStr.indexOf('[[', this.pos);\r\n if (npos2 < 0)\r\n npos2 = this.formatStr.length;\r\n npos = Math.min(npos1, npos2);\r\n this.tokenText = this.formatStr.substring(this.pos, npos).trim();\r\n this.pos = npos;\r\n }\r\n return true;\r\n };\r\n /**\r\n * Returns current token\r\n */\r\n FormatParser.prototype.getToken = function () {\r\n return {\r\n type: this.token,\r\n text: this.tokenText,\r\n index: this.exprNum - 1\r\n };\r\n };\r\n /**\r\n * Parses all source string passed in constructor and returns the list of tokens\r\n */\r\n FormatParser.prototype.parse = function () {\r\n var result = [];\r\n while (this.next()) {\r\n result.push(this.getToken());\r\n }\r\n return result;\r\n };\r\n return FormatParser;\r\n}());\r\nexport { FormatParser };\r\n//# sourceMappingURL=format_parser.js.map","import { DataType, utils } from '@easydata/core';\r\n/**\r\n * Represents an aggregate function\r\n */\r\nvar AggrFunction = /** @class */ (function () {\r\n /** The default constructor. */\r\n function AggrFunction() {\r\n this.id = \"\";\r\n this.caption = \"\";\r\n this.sqlExpr = \"\";\r\n this.displayFormat = \"\";\r\n this.appliedTypes = [];\r\n }\r\n /**\r\n * Loads an aggregate function from its JSON representation object\r\n * @param aggrFunction The JSON representation object\r\n */\r\n AggrFunction.prototype.loadFromData = function (aggrFunction) {\r\n if (aggrFunction) {\r\n this.id = aggrFunction.id;\r\n this.caption = aggrFunction.cptn;\r\n this.displayFormat = aggrFunction.fmt;\r\n this.sqlExpr = aggrFunction.expr;\r\n this.appliedTypes = aggrFunction.dtypes || this.appliedTypes;\r\n }\r\n };\r\n AggrFunction.prototype.getAppliedTypesOrDefault = function () {\r\n if (this.appliedTypes.length > 0)\r\n return this.appliedTypes;\r\n if (this.id === 'SUM' || this.id === 'AVG') {\r\n return [DataType.Autoinc, DataType.Byte, DataType.Currency, DataType.Float, DataType.Int32,\r\n DataType.Int64, DataType.Word];\r\n }\r\n else if (this.id === 'MIN' || this.id === 'MAX') {\r\n return [DataType.Autoinc, DataType.BCD, DataType.Byte, DataType.Currency, DataType.Date, DataType.DateTime, DataType.Time,\r\n DataType.Float, DataType.Int32, DataType.Int64, DataType.Word];\r\n }\r\n return utils.getAllDataTypes();\r\n };\r\n return AggrFunction;\r\n}());\r\nexport { AggrFunction };\r\n//# sourceMappingURL=aggr_function.js.map","var Tree = /** @class */ (function () {\r\n function Tree(value) {\r\n if (value === void 0) { value = null; }\r\n this.childs = [];\r\n this.value = null;\r\n this.parent = null;\r\n if (value) {\r\n if (Array.isArray(value)) {\r\n this.value = value[0];\r\n if (value.length > 1) {\r\n this.addChild(new Tree(value.slice(1)));\r\n }\r\n }\r\n else if (value instanceof Tree) {\r\n this.value = value.value;\r\n this.childs = value.childs;\r\n }\r\n else {\r\n this.value = value;\r\n }\r\n }\r\n }\r\n Tree.prototype.contains = function (value) {\r\n if (this.value === value)\r\n return true;\r\n for (var _i = 0, _a = this.childs; _i < _a.length; _i++) {\r\n var child = _a[_i];\r\n if (child.contains(value))\r\n return true;\r\n }\r\n return false;\r\n };\r\n Tree.prototype.findNode = function (value) {\r\n if (this.value === value)\r\n return this;\r\n for (var _i = 0, _a = this.childs; _i < _a.length; _i++) {\r\n var child = _a[_i];\r\n var result = child.findNode(value);\r\n if (result)\r\n return result;\r\n }\r\n return null;\r\n };\r\n Tree.prototype.addChild = function (child) {\r\n child.parent = this;\r\n this.childs.push(child);\r\n };\r\n Tree.prototype.setParents = function () {\r\n for (var _i = 0, _a = this.childs; _i < _a.length; _i++) {\r\n var child = _a[_i];\r\n child.parent = this;\r\n child.setParents();\r\n }\r\n };\r\n return Tree;\r\n}());\r\nexport { Tree };\r\n//# sourceMappingURL=tree.js.map","export var ConditionPart;\r\n(function (ConditionPart) {\r\n ConditionPart[ConditionPart[\"EntityAttr\"] = 2] = \"EntityAttr\";\r\n ConditionPart[ConditionPart[\"Operator\"] = 4] = \"Operator\";\r\n ConditionPart[ConditionPart[\"Value\"] = 8] = \"Value\";\r\n ConditionPart[ConditionPart[\"All\"] = 14] = \"All\";\r\n})(ConditionPart || (ConditionPart = {}));\r\n//# sourceMappingURL=cond_part.js.map","import { utils as dataUtils } from '@easydata/core';\r\nimport { Query } from '../query/query';\r\nvar BrowserQueryStorage = /** @class */ (function () {\r\n function BrowserQueryStorage(context) {\r\n this.context = context;\r\n console.warn('BrowserQueryStorage is used for managing queries');\r\n }\r\n BrowserQueryStorage.prototype.init = function (options) {\r\n var keyPrefix = 'eq';\r\n if (options && options.keyPrefix) {\r\n keyPrefix = options.keyPrefix;\r\n }\r\n this.queryListKey = keyPrefix + '-querylist';\r\n this.queryKeyPrefix = keyPrefix;\r\n };\r\n BrowserQueryStorage.prototype.getQueryList = function (options) {\r\n var _this = this;\r\n return new Promise(function (resolve, reject) {\r\n try {\r\n var itemsString = localStorage.getItem(_this.queryListKey);\r\n if (itemsString) {\r\n resolve(JSON.parse(itemsString));\r\n }\r\n resolve([]);\r\n }\r\n catch (err) {\r\n reject(err);\r\n }\r\n ;\r\n });\r\n };\r\n BrowserQueryStorage.prototype.newQuery = function (options) {\r\n var _this = this;\r\n return new Promise(function (resolve, reject) {\r\n var query = new Query(_this.context.getModel());\r\n query.reset();\r\n query.setDefaultName();\r\n if (options) {\r\n if (options.query) {\r\n query.loadFromData(options.query.toJSONData());\r\n }\r\n if (options.queryId) {\r\n query.setId(options.queryId);\r\n }\r\n if (options.name) {\r\n query.setName(options.name);\r\n }\r\n if (options.description) {\r\n query.setDescription(options.description);\r\n }\r\n }\r\n _this._saveQuery(query);\r\n resolve(query.toJSONData());\r\n });\r\n };\r\n BrowserQueryStorage.prototype.loadQuery = function (options) {\r\n var _this = this;\r\n return new Promise(function (resolve, reject) {\r\n try {\r\n var queryItem = localStorage.getItem(_this.queryKeyPrefix + '-' + options.queryId);\r\n if (queryItem) {\r\n resolve(JSON.parse(queryItem));\r\n }\r\n throw new Error('Query is not found: ' + options.queryId);\r\n }\r\n catch (err) {\r\n reject(err);\r\n }\r\n });\r\n };\r\n BrowserQueryStorage.prototype.saveQuery = function (options) {\r\n var _this = this;\r\n return new Promise(function (resolve, reject) {\r\n try {\r\n var modelId = options.modelId || _this.context.getModel().getId();\r\n var query = options.query || _this.context.getQuery();\r\n _this._saveQuery(query);\r\n resolve(null);\r\n }\r\n catch (err) {\r\n reject(err);\r\n }\r\n });\r\n };\r\n BrowserQueryStorage.prototype._saveQuery = function (query) {\r\n var queryList = [];\r\n var itemsString = localStorage.getItem(this.queryListKey);\r\n if (itemsString) {\r\n queryList = JSON.parse(itemsString);\r\n }\r\n var item = dataUtils.findItemById(queryList, query.getId());\r\n if (!item) {\r\n item = { id: query.getId(), name: query.getName(), text: query.getDescription() };\r\n queryList.push(item);\r\n }\r\n item.name = query.getName();\r\n item.text = query.getDescription();\r\n localStorage.setItem(this.queryListKey, JSON.stringify(queryList));\r\n localStorage.setItem(this.queryKeyPrefix + '-' + query.getId(), query.toJSON());\r\n };\r\n BrowserQueryStorage.prototype.removeQuery = function (options) {\r\n var _this = this;\r\n return new Promise(function (resolve, reject) {\r\n try {\r\n var modelId = options.modelId || _this.context.getModel().getId();\r\n var queryId_1 = options.queryId || _this.context.getQuery().getId();\r\n var queryList = [];\r\n var itemsString = localStorage.getItem(_this.queryListKey);\r\n if (itemsString) {\r\n queryList = JSON.parse(itemsString);\r\n }\r\n queryList = queryList.filter(function (item) { return item.id != queryId_1; });\r\n localStorage.setItem(_this.queryListKey, JSON.stringify(queryList));\r\n localStorage.removeItem(_this.queryKeyPrefix + '-' + queryId_1);\r\n resolve();\r\n }\r\n catch (err) {\r\n reject(err);\r\n }\r\n });\r\n };\r\n return BrowserQueryStorage;\r\n}());\r\nexport { BrowserQueryStorage };\r\n//# sourceMappingURL=query_storage.js.map","var EqModelLoader = /** @class */ (function () {\r\n function EqModelLoader(context) {\r\n this.context = context;\r\n this.modelPromise = null;\r\n }\r\n EqModelLoader.prototype.init = function (options) {\r\n };\r\n EqModelLoader.prototype.getContext = function () {\r\n return this.context;\r\n };\r\n EqModelLoader.prototype.createModelLoadingPromise = function () {\r\n var _this = this;\r\n this.modelPromise = new Promise(function (resolve, reject) {\r\n _this.modelLoadingResolveFunc = resolve;\r\n _this.modelLoadingRejectFunc = reject;\r\n });\r\n };\r\n /**\r\n * Returns the `Promise` of the model loading process\r\n */\r\n EqModelLoader.prototype.getModelPromise = function () {\r\n return this.modelPromise\r\n || Promise.reject(new Error(\"Model has been never loaded.\"));\r\n };\r\n EqModelLoader.prototype.startModelLoading = function (options) {\r\n this.createModelLoadingPromise();\r\n this.sendLoadModelRequest(options);\r\n return this.modelPromise;\r\n };\r\n return EqModelLoader;\r\n}());\r\nexport { EqModelLoader };\r\n//# sourceMappingURL=model_loader.js.map","var EqAggregatesContainer = /** @class */ (function () {\r\n function EqAggregatesContainer(context) {\r\n this.context = context;\r\n this.levels = {};\r\n }\r\n EqAggregatesContainer.prototype.getAggregateData = function (level, groupKey) {\r\n var _this = this;\r\n return new Promise(function (resolve, reject) {\r\n var processFunc = function (data) {\r\n // map values\r\n var keyStr = _this.groupKeyToStr(groupKey);\r\n var value = data.get(keyStr);\r\n if (value) {\r\n resolve(value);\r\n }\r\n else {\r\n reject(\"Can't find data for \" + keyStr);\r\n }\r\n };\r\n var desc = _this.getLevelDesc(level, false);\r\n if (desc && desc.data) {\r\n processFunc(desc.data);\r\n }\r\n else {\r\n desc.receivedCallbacks.push(processFunc);\r\n }\r\n });\r\n };\r\n EqAggregatesContainer.prototype.setAggregateData = function (level, data) {\r\n var desc = this.getLevelDesc(level, true);\r\n desc.data = data;\r\n if (desc.receivedCallbacks) {\r\n for (var _i = 0, _a = desc.receivedCallbacks; _i < _a.length; _i++) {\r\n var callback = _a[_i];\r\n callback(desc.data);\r\n }\r\n }\r\n desc.receivedCallbacks = [];\r\n };\r\n EqAggregatesContainer.prototype.updateAggregateData = function (level, groupKey, values) {\r\n var desc = this.getLevelDesc(level, true);\r\n var key = this.groupKeyToStr(groupKey);\r\n desc.data.set(key, values);\r\n };\r\n EqAggregatesContainer.prototype.groupKeyToStr = function (groupKey) {\r\n return JSON.stringify(groupKey);\r\n };\r\n EqAggregatesContainer.prototype.getLevelDesc = function (level, createIfNotExists) {\r\n var desc = this.levels[level];\r\n if (!desc && createIfNotExists) {\r\n desc = {\r\n receivedCallbacks: [],\r\n data: new Map()\r\n };\r\n this.levels[level] = desc;\r\n }\r\n return desc;\r\n };\r\n EqAggregatesContainer.prototype.clear = function () {\r\n this.levels = [];\r\n };\r\n return EqAggregatesContainer;\r\n}());\r\nexport { EqAggregatesContainer };\r\nvar DefaultAggregatesCalculator = /** @class */ (function () {\r\n function DefaultAggregatesCalculator(context) {\r\n this.context = context;\r\n this.aggrs = null;\r\n }\r\n DefaultAggregatesCalculator.prototype.getAggrContainer = function () {\r\n return this.aggrs;\r\n };\r\n DefaultAggregatesCalculator.prototype.calculate = function (options) {\r\n console.warn(\"Grand totals and sub totals aggregation calculation can be used in Enterprise version only\");\r\n options = options || {};\r\n options.maxLevel = options.maxLevel >= 0\r\n ? options.maxLevel : 0;\r\n this.aggrs = new EqAggregatesContainer(this.context);\r\n var query = this.context.createQuery();\r\n query.loadFromData(this.context.getQuery().toJSONData());\r\n var settings = this.context.getQuery().getAggregationSettings();\r\n var aggrColId = settings.getAggregates().map(function (a) { return a.colId; });\r\n var columns = query.getColumns()\r\n .filter(function (col) { return aggrColId.indexOf(col.id) < 0; });\r\n for (var i = 0; i < columns.length; i++) {\r\n columns[i].enabled = false;\r\n }\r\n if (settings.hasGrandTotals()) {\r\n this.aggrs.setAggregateData(0, new Map());\r\n if (options.resultObtained)\r\n options.resultObtained({}, 0);\r\n }\r\n var groups = settings.getGroups();\r\n for (var level = 1; level <= groups.length && level <= options.maxLevel; level++) {\r\n this.aggrs.setAggregateData(level, new Map());\r\n if (options.resultObtained)\r\n options.resultObtained({}, level);\r\n }\r\n return Promise.resolve();\r\n };\r\n DefaultAggregatesCalculator.prototype.needRecalculation = function () {\r\n return true;\r\n };\r\n DefaultAggregatesCalculator.prototype.reset = function () {\r\n };\r\n return DefaultAggregatesCalculator;\r\n}());\r\nexport { DefaultAggregatesCalculator };\r\n//# sourceMappingURL=eq_aggr_container.js.map","import { EasyDataTable } from '@easydata/core';\r\nvar EasyQueryDataLoader = /** @class */ (function () {\r\n function EasyQueryDataLoader(context) {\r\n this.context = context;\r\n }\r\n EasyQueryDataLoader.prototype.loadChunk = function (chunk) {\r\n var _this = this;\r\n // We have to refactor page logic in view to make it simplier to integrate \r\n // different grids\r\n this.dataLoadPromise = new Promise(function (resolve, reject) {\r\n var fetchOptions = {\r\n chunk: chunk,\r\n success: function (result) {\r\n var dataTable = new EasyDataTable({\r\n loader: _this.context.dataLoader,\r\n chunkSize: _this.context.resultTable.chunkSize\r\n });\r\n var resultSet = result.resultSet;\r\n for (var _i = 0, _a = resultSet.cols; _i < _a.length; _i++) {\r\n var col = _a[_i];\r\n dataTable.columns.add(col);\r\n }\r\n dataTable.setTotal(result.meta.totalRecords);\r\n for (var _b = 0, _c = resultSet.rows; _b < _c.length; _b++) {\r\n var row = _c[_b];\r\n dataTable.addRow(row);\r\n }\r\n var totalRecords = 0;\r\n if (result.meta && result.meta.totalRecords) {\r\n totalRecords = result.meta.totalRecords;\r\n }\r\n resolve({\r\n table: dataTable,\r\n total: totalRecords,\r\n hasNext: !chunk.needTotal || chunk.offset + chunk.limit < totalRecords\r\n });\r\n },\r\n error: function (error) { return reject(error); }\r\n };\r\n if (_this.context.debugMode) {\r\n fetchOptions.debug = \"Data Chunk. Offset: \" + chunk.offset;\r\n }\r\n _this.context.fetchDataChunk(fetchOptions);\r\n });\r\n return this.dataLoadPromise;\r\n };\r\n return EasyQueryDataLoader;\r\n}());\r\nexport { EasyQueryDataLoader };\r\n//# sourceMappingURL=eq_data_loader.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { Widget, WidgetGroup, ExprTag, QueryChangePart, QueryChangeAction } from '@easyquery/core';\r\nimport { eqDragManager } from '@easydata/ui';\r\nimport { eqCssPrefix } from '../utils/utils';\r\nimport { browserUtils } from '../utils/browser_utils';\r\n/**\r\n * The entities panel wiget, implemented without JQuery.\r\n */\r\nvar EntitiesPanel = /** @class */ (function (_super) {\r\n __extends(EntitiesPanel, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The html element.\r\n */\r\n function EntitiesPanel(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.queryChangedCallbackId = null;\r\n _this.group = WidgetGroup.Model | WidgetGroup.Query;\r\n _this.panel = slot;\r\n return _this;\r\n }\r\n Object.defineProperty(EntitiesPanel.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-ep';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n EntitiesPanel.prototype.getWidgetType = function () {\r\n return 'entitiesPanel';\r\n };\r\n /**\r\n * Initialize widget.\r\n * @param context The context.\r\n * @param options The options.\r\n */\r\n EntitiesPanel.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n this.setOptions(options);\r\n this.renderProgressBlock();\r\n };\r\n /**\r\n * Refresh widget implementation\r\n */\r\n EntitiesPanel.prototype.refreshCore = function () {\r\n this.render();\r\n if (this.options.syncWithColumns) {\r\n this.refreshCheckedStateByColumns();\r\n }\r\n };\r\n EntitiesPanel.prototype.onProcessStartCore = function () {\r\n if (this.options.showIndicatorOnLoad) {\r\n if (!this.progressBlock.parentNode)\r\n this.panel.appendChild(this.progressBlock);\r\n }\r\n };\r\n EntitiesPanel.prototype.onProcessEndCore = function () {\r\n if (this.options.showIndicatorOnLoad) {\r\n if (this.progressBlock.parentNode)\r\n this.panel.removeChild(this.progressBlock);\r\n }\r\n };\r\n EntitiesPanel.prototype.destroyCore = function () {\r\n this.slot.innerHTML = '';\r\n };\r\n EntitiesPanel.prototype.setOptions = function (options) {\r\n var _this = this;\r\n this.options = {\r\n showToolbar: true,\r\n syncWithColumns: false,\r\n showSelectAllButton: false,\r\n showClearSelectionButton: true,\r\n showAddColumnButton: true,\r\n showAddConditionButton: true,\r\n showCheckboxes: true,\r\n showTooltips: true,\r\n draggableAttributes: true,\r\n showAttributes: { useInConditions: true, useInResult: true, useInSorting: false },\r\n showFilterBox: false,\r\n filterBoxMode: 0,\r\n showIndicatorOnLoad: true,\r\n attrPlacement: 0,\r\n sortEntities: false,\r\n autoClearSelection: true,\r\n entityRenderedCallback: null,\r\n attributeRenderedCallback: null,\r\n columnTitleFormat: '{attr}'\r\n };\r\n if (options) {\r\n dataUtils.assignDeep(this.options, options);\r\n }\r\n if (this.queryChangedCallbackId) {\r\n var query = this.context.getQuery();\r\n query.removeChangedCallback(this.queryChangedCallbackId);\r\n }\r\n if (this.options.syncWithColumns) {\r\n var query = this.context.getQuery();\r\n this.queryChangedCallbackId = query.addChangedCallback(function (ev) {\r\n var edata = ev.data;\r\n if (!edata || (edata.part != QueryChangePart.Columns && edata.part != QueryChangePart.All)) {\r\n return;\r\n }\r\n _this.refreshCheckedStateByColumns();\r\n });\r\n }\r\n };\r\n EntitiesPanel.prototype.render = function () {\r\n var model = this.context.getModel();\r\n ;\r\n this.clear();\r\n this.panel.classList.add(this.cssPrefix + \"-panel\");\r\n this.panel.classList.add(browserUtils.getMobileCssClass());\r\n this.rootEntityBlock = document.createElement('div');\r\n if (model != null && !model.isEmpty()) {\r\n var entTree = model.getEntitiesTree({\r\n addUIC: this.options.showAttributes.useInConditions,\r\n addUIR: this.options.showAttributes.useInResult,\r\n addUIS: this.options.showAttributes.useInSorting,\r\n attrPlacement: this.options.attrPlacement,\r\n sortEntities: this.options.sortEntities,\r\n includeRootData: true\r\n });\r\n this.entityTreeBlock = this.renderEntity(entTree, this.rootEntityBlock, 0);\r\n this.panel.appendChild(this.entityTreeBlock);\r\n }\r\n if (this.options.showFilterBox) {\r\n this.createFilterBox();\r\n }\r\n else {\r\n this.rootEntityBlock.style.top = '0';\r\n }\r\n if (this.options.showToolbar && !this.options.syncWithColumns) {\r\n this.createToolPanel();\r\n }\r\n else {\r\n this.rootEntityBlock.style.bottom = '0';\r\n }\r\n };\r\n EntitiesPanel.prototype.renderEntity = function (entity, block, offset) {\r\n var _this = this;\r\n var entityBlock;\r\n var entityNode = document.createElement('div');\r\n entityNode.classList.add(this.cssPrefix + \"-entity-node\");\r\n entityNode.classList.add(browserUtils.getMobileCssClass());\r\n var entityChildren = document.createElement('div');\r\n entityChildren.classList.add(this.cssPrefix + \"-entity-children\");\r\n entityChildren.classList.add(browserUtils.getMobileCssClass());\r\n var nodeLabel = document.createElement('label');\r\n nodeLabel.classList.add(this.cssPrefix + \"-entity-node-label\");\r\n var nodeInput = document.createElement('input');\r\n nodeInput.type = 'checkbox';\r\n nodeInput.title = entity.text;\r\n var nodeToggleButton = document.createElement('a');\r\n nodeToggleButton.href = 'javascript:void(0)';\r\n nodeToggleButton.title = i18n.getText(\"EntityToggle\") + \" \" + entity.text;\r\n nodeToggleButton.classList.add(this.cssPrefix + \"-entity-node-button\");\r\n var attrNode, attrLabel, attrInput;\r\n var currentOffset = offset;\r\n var isAttributeInTree = function (attrId, entityBlock) {\r\n var res = entityBlock.querySelectorAll(\".\" + _this.cssPrefix + \"-entity-attr[data-id=\\\"\" + attrId + \"\\\"]\");\r\n return res.length > 0;\r\n };\r\n if (block) {\r\n entityBlock = block;\r\n entityBlock.innerHTML = '';\r\n }\r\n else {\r\n entityBlock = document.createElement('div');\r\n }\r\n entityBlock.classList.add(this.cssPrefix + \"-entity\");\r\n entityBlock.classList.add(browserUtils.getMobileCssClass());\r\n if (entity.id && entity.id != \"\") {\r\n nodeLabel.innerText = entity.text;\r\n entityNode.appendChild(nodeLabel); //caption\r\n if (this.options.showCheckboxes) {\r\n nodeLabel.insertBefore(nodeInput, nodeLabel.firstChild);\r\n }\r\n entityNode.insertBefore(nodeToggleButton, entityNode.firstChild);\r\n if (this.options.showTooltips && entity.description) {\r\n nodeLabel.setAttribute('title', entity.description);\r\n }\r\n for (var i = 0; i < currentOffset; i++) {\r\n var divElem = document.createElement('div');\r\n divElem.classList.add(this.cssPrefix + \"-entity-offset\");\r\n entityNode.insertBefore(divElem, entityNode.firstChild);\r\n }\r\n entityBlock.appendChild(entityNode);\r\n entityChildren.hidden = true;\r\n currentOffset++;\r\n }\r\n var itemsLength = entity.items ? entity.items.length : 0;\r\n var _loop_1 = function (i) {\r\n var item = entity.items[i];\r\n if (item.isEntity) {\r\n entityChildren.appendChild(this_1.renderEntity(item, null, currentOffset));\r\n }\r\n else {\r\n if (!item.lookupAttr || !(isAttributeInTree(item.lookupAttr, entityChildren))) {\r\n attrLabel = document.createElement('label');\r\n attrLabel.innerText = item.text;\r\n attrLabel.classList.add(this_1.cssPrefix + \"-entity-attr-label\");\r\n if (this_1.options.showCheckboxes) {\r\n attrInput = document.createElement('input');\r\n attrInput.type = 'checkbox';\r\n attrInput.title = item.text;\r\n attrLabel.insertBefore(attrInput, attrLabel.firstChild);\r\n if (this_1.options.syncWithColumns) {\r\n attrInput.addEventListener('change', function (ev) {\r\n var model = _this.context.getModel();\r\n var query = _this.context.getQuery();\r\n var checkbox = ev.currentTarget;\r\n var attrId = checkbox.parentElement.parentElement.getAttribute('data-id');\r\n if (model.checkAttrProperty(attrId, \"useInResult\")) {\r\n if (checkbox.checked) {\r\n var attr = model.getAttributeById(attrId);\r\n var caption = model.getAttributeText(attr, _this.options.columnTitleFormat);\r\n var column = query.addColumn({\r\n attribute: attr,\r\n caption: caption\r\n });\r\n query.fireColumnsChangedEvent(QueryChangeAction.Add, column);\r\n }\r\n else {\r\n var columns = query.getColumns()\r\n .filter(function (col) { return col.expr.tag === ExprTag.EntityAttribute\r\n && col.expr.value === attrId; });\r\n if (columns.length > 0) {\r\n query.removeColumn(columns[0], null);\r\n query.fireColumnsChangedEvent(QueryChangeAction.Delete, columns[0]);\r\n }\r\n }\r\n }\r\n });\r\n }\r\n }\r\n if (this_1.options.showTooltips && item.description) {\r\n attrLabel.setAttribute('title', item.description);\r\n }\r\n for (var j = 0; j < currentOffset + 1; j++) {\r\n var divElem = document.createElement('div');\r\n divElem.classList.add(this_1.cssPrefix + \"-entity-offset\");\r\n attrLabel.insertBefore(divElem, attrLabel.firstChild);\r\n }\r\n attrNode = document.createElement('div');\r\n attrNode.classList.add(this_1.cssPrefix + \"-entity-attr\");\r\n if (entityNode.innerHTML.length == 0) {\r\n attrNode.classList.add(this_1.cssPrefix + \"-entity-attr-root\");\r\n }\r\n attrNode.innerHTML = \"\";\r\n attrNode.appendChild(attrLabel);\r\n attrNode.setAttribute('data-id', item.id);\r\n if (this_1.options.draggableAttributes) {\r\n eqDragManager.registerDraggableItem({\r\n element: attrNode,\r\n scope: \"entityAttr\",\r\n data: { attrId: item.id },\r\n renderer: function (dragImage) {\r\n dragImage.innerHTML = '';\r\n var attrLabel = document.createElement('span');\r\n attrLabel.innerText = item.text;\r\n dragImage.appendChild(attrLabel);\r\n }\r\n });\r\n }\r\n if (this_1.options.attributeRenderedCallback) {\r\n this_1.options.attributeRenderedCallback(attrNode);\r\n }\r\n entityChildren.appendChild(attrNode);\r\n }\r\n }\r\n };\r\n var this_1 = this;\r\n for (var i = 0; i < itemsLength; i++) {\r\n _loop_1(i);\r\n }\r\n if (entityChildren.innerHTML.length) {\r\n entityBlock.appendChild(entityChildren);\r\n nodeToggleButton.addEventListener('click', function (event) {\r\n entityChildren.hidden = !entityChildren.hidden;\r\n var element = event.target;\r\n var className = _this.cssPrefix + \"-entity-node-button-open\";\r\n if (element.classList.contains(className)) {\r\n element.classList.remove(className);\r\n }\r\n else {\r\n element.classList.add(className);\r\n }\r\n event.preventDefault();\r\n });\r\n }\r\n if (entityChildren) {\r\n var checkboxes = entityChildren.querySelectorAll(\".\" + this.cssPrefix + \"-entity-attr > label > input\");\r\n for (var i = 0; i < checkboxes.length; i++) {\r\n var checkbox = checkboxes[i];\r\n checkbox.addEventListener('click', function (event) {\r\n var element = event.target;\r\n if (element.checked && !nodeInput.checked) {\r\n nodeInput.checked = true;\r\n }\r\n else if (entityChildren.querySelectorAll('input:checked').length === 0) {\r\n nodeInput.checked = false;\r\n }\r\n event.stopPropagation();\r\n });\r\n }\r\n }\r\n nodeInput.addEventListener('click', function (event) {\r\n var element = event.target;\r\n var entities = entityChildren.querySelectorAll('label input');\r\n for (var i = 0; i < entities.length; i++) {\r\n var entity_1 = entities[i];\r\n entity_1.checked = element.checked;\r\n }\r\n if (_this.options.syncWithColumns) {\r\n var query = _this.context.getQuery();\r\n var model = _this.context.getModel();\r\n var attrList_2 = [];\r\n var attrElems = Array.from(entityChildren.querySelectorAll(\".\" + _this.cssPrefix + \"-entity-attr\"));\r\n for (var _i = 0, attrElems_1 = attrElems; _i < attrElems_1.length; _i++) {\r\n var elem = attrElems_1[_i];\r\n var attrId = elem.getAttribute('data-id');\r\n if (model.checkAttrProperty(attrId, 'useInResult')) {\r\n attrList_2.push(attrId);\r\n }\r\n }\r\n if (element.checked) {\r\n for (var _a = 0, attrList_1 = attrList_2; _a < attrList_1.length; _a++) {\r\n var attrId = attrList_1[_a];\r\n query.addColumn({ attributeId: attrId });\r\n }\r\n }\r\n else {\r\n var columns = query.getColumns()\r\n .filter(function (col) { return col.expr.tag === ExprTag.EntityAttribute\r\n && attrList_2.indexOf(col.expr.value) >= 0; });\r\n query.removeColumns(columns, null);\r\n }\r\n query.fireColumnsChangedEvent();\r\n }\r\n event.stopPropagation();\r\n });\r\n if (block != this.rootEntityBlock && this.options.entityRenderedCallback) {\r\n this.options.entityRenderedCallback(entityBlock);\r\n }\r\n return entityBlock;\r\n };\r\n EntitiesPanel.prototype.createFilterBox = function () {\r\n var _this = this;\r\n this.filterBoxBlock = document.createElement('div');\r\n this.filterBoxBlock.classList.add(this.cssPrefix + \"-filter-box\");\r\n this.filterBoxBlock.classList.add(browserUtils.getMobileCssClass());\r\n this.filterBoxInput = document.createElement('input');\r\n this.filterBoxInput.classList.add(this.cssPrefix + \"-filter-box-input\");\r\n this.filterBoxInput.addEventListener('input', function (e) {\r\n var attrs = _this.panel.querySelectorAll(\".\" + _this.cssPrefix + \"-entity-attr\");\r\n for (var i = 0; i < attrs.length; i++) {\r\n var attr = attrs[i];\r\n attr.hidden = !_this.checkFilterAttribute(attr);\r\n }\r\n var entities = _this.panel.querySelectorAll(\":scope > .\" + _this.cssPrefix + \"-entity\");\r\n for (var i = 0; i < entities.length; i++) {\r\n var entity = entities[i];\r\n var attrs_1 = entity.querySelectorAll(\".\" + _this.cssPrefix + \"-entity-attr\");\r\n var displayAttrCount = 0;\r\n for (var i_1 = 0; i_1 < attrs_1.length; i_1++) {\r\n if (attrs_1[i_1].style.display !== 'None') {\r\n displayAttrCount++;\r\n }\r\n }\r\n entity.hidden = displayAttrCount === 0;\r\n }\r\n if (_this.filterBoxInput.value === '')\r\n _this.collapseAll();\r\n else\r\n _this.expandAll();\r\n });\r\n this.filterBoxBlock.appendChild(this.filterBoxInput);\r\n this.panel.insertBefore(this.filterBoxBlock, this.panel.firstChild);\r\n };\r\n EntitiesPanel.prototype.createToolPanel = function () {\r\n var _this = this;\r\n var defClass = this.cssPrefix + \"-tool-panel\";\r\n var toolPanelBlock = document.createElement('div');\r\n toolPanelBlock.classList.add(defClass);\r\n toolPanelBlock.classList.add(browserUtils.getMobileCssClass());\r\n var toolSelectAll = document.createElement('div');\r\n toolSelectAll.classList.add(defClass + \"-select-all\");\r\n toolSelectAll.title = 'Select all';\r\n var toolDeselectAll = document.createElement('div');\r\n toolDeselectAll.classList.add(defClass + \"-deselect-all\");\r\n toolDeselectAll.title = 'Clear selection';\r\n var toolAddColumns = document.createElement('div');\r\n toolAddColumns.classList.add(defClass + \"-add-columns\");\r\n toolAddColumns.title = 'Add column';\r\n var toolAddCond = document.createElement('div');\r\n toolAddCond.classList.add(defClass + \"-add-cond\");\r\n toolAddCond.title = 'Add condition';\r\n var toolLeftBlock = document.createElement('div');\r\n toolLeftBlock.classList.add(defClass + \"-left-side\");\r\n var toolRightBlock = document.createElement('div');\r\n toolRightBlock.classList.add(defClass + \"-right-side\");\r\n var model = this.context.getModel();\r\n if (this.options.showSelectAllButton) {\r\n toolSelectAll.title = i18n.getText(\"ButtonSelectAll\");\r\n toolLeftBlock.appendChild(toolSelectAll);\r\n toolSelectAll.addEventListener('click', function () {\r\n _this.selectAll();\r\n });\r\n }\r\n if (this.options.showClearSelectionButton) {\r\n toolDeselectAll.title = i18n.getText(\"ButtonDeselectAll\");\r\n toolLeftBlock.appendChild(toolDeselectAll);\r\n toolDeselectAll.addEventListener('click', function () {\r\n _this.deselectAll();\r\n });\r\n }\r\n if (this.options.showAddColumnButton) {\r\n toolAddColumns.title = i18n.getText(\"ButtonAddColumns\");\r\n toolRightBlock.appendChild(toolAddColumns);\r\n toolAddColumns.addEventListener('click', function () {\r\n var attrElements = _this.panel.querySelectorAll(\".\" + _this.cssPrefix + \"-entity-attr\");\r\n var attrList = [];\r\n var attrId;\r\n var query = _this.context.getQuery();\r\n query.fireProcessEvent({\r\n source: self,\r\n status: \"start\"\r\n });\r\n for (var i = 0; i < attrElements.length; i++) {\r\n var attrElement = attrElements[i];\r\n var input = attrElement.getElementsByTagName('input')[0];\r\n if (input.checked) {\r\n attrId = attrElement.getAttribute('data-id');\r\n if (model.checkAttrProperty(attrId, \"useInResult\")) {\r\n attrList.push(attrId);\r\n }\r\n }\r\n }\r\n for (var _i = 0, attrList_3 = attrList; _i < attrList_3.length; _i++) {\r\n var attrId_1 = attrList_3[_i];\r\n var attr = model.getAttributeById(attrId_1);\r\n var caption = model.getAttributeText(attr, _this.options.columnTitleFormat);\r\n query.addColumn({\r\n attribute: attr,\r\n caption: caption\r\n });\r\n }\r\n query.fireChangedEvent();\r\n if (_this.options.autoClearSelection) {\r\n _this.deselectAll();\r\n }\r\n query.fireProcessEvent({\r\n source: self,\r\n status: \"finish\"\r\n });\r\n });\r\n }\r\n if (this.options.showAddConditionButton) {\r\n toolAddCond.title = i18n.getText(\"ButtonAddConditions\");\r\n toolRightBlock.appendChild(toolAddCond);\r\n toolAddCond.addEventListener('click', function () {\r\n var attrElements = _this.panel.querySelectorAll(\".\" + _this.cssPrefix + \"-entity-attr\");\r\n var attrList = [];\r\n var attrId;\r\n var query = _this.context.getQuery();\r\n query.fireProcessEvent({\r\n source: self,\r\n status: \"start\"\r\n });\r\n for (var i = 0; i < attrElements.length; i++) {\r\n var attrElement = attrElements[i];\r\n var input = attrElement.getElementsByTagName('input')[0];\r\n if (input.checked) {\r\n attrId = attrElement.getAttribute('data-id');\r\n if (model.checkAttrProperty(attrId, \"useInConditions\")) {\r\n attrList.push(attrId);\r\n }\r\n }\r\n }\r\n for (var _i = 0, attrList_4 = attrList; _i < attrList_4.length; _i++) {\r\n var attrId_2 = attrList_4[_i];\r\n query.addSimpleCondition({\r\n attributeId: attrId_2\r\n });\r\n }\r\n query.fireChangedEvent();\r\n if (_this.options.autoClearSelection) {\r\n _this.deselectAll();\r\n }\r\n query.fireProcessEvent({\r\n source: self,\r\n status: \"finish\"\r\n });\r\n });\r\n }\r\n toolPanelBlock.appendChild(toolLeftBlock);\r\n toolPanelBlock.appendChild(toolRightBlock);\r\n this.panel.appendChild(toolPanelBlock);\r\n };\r\n EntitiesPanel.prototype.checkFilterAttribute = function (attr) {\r\n var inputElem = attr.querySelector('label input');\r\n if (inputElem.checked) {\r\n return true;\r\n }\r\n var labelElem = attr.querySelector('label');\r\n var attrCaption = labelElem.textContent;\r\n if (this.checkFilterText(attrCaption)) {\r\n return true;\r\n }\r\n var entityNode = attr.parentElement.parentElement.querySelector(\".\" + this.cssPrefix + \"-entity-node\");\r\n var entityCaption = entityNode.querySelector('label').textContent;\r\n if (this.checkFilterText(entityCaption)) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n EntitiesPanel.prototype.checkFilterText = function (value) {\r\n var filterText = this.filterBoxInput.value;\r\n if (filterText == \"\")\r\n return true;\r\n if (this.options.filterBoxMode == 0 && value.toLowerCase().indexOf(filterText.toLowerCase()) >= 0)\r\n return true;\r\n if (this.options.filterBoxMode == 1 && value.toLowerCase().indexOf(filterText.toLowerCase()) == 0)\r\n return true;\r\n return false;\r\n };\r\n EntitiesPanel.prototype.refreshCheckedStateByColumns = function () {\r\n this.deselectAll();\r\n var query = this.context.getQuery();\r\n var exprColumns = query.getColumns()\r\n .filter(function (col) { return col.expr.tag === ExprTag.EntityAttribute; });\r\n for (var _i = 0, exprColumns_1 = exprColumns; _i < exprColumns_1.length; _i++) {\r\n var column = exprColumns_1[_i];\r\n var attrNode = this.rootEntityBlock\r\n .querySelector(\".\" + this.cssPrefix + \"-entity-attr[data-id=\\\"\" + column.expr.value + \"\\\"]\");\r\n var checkbox = attrNode.querySelector(\"label > input\");\r\n checkbox.checked = true;\r\n var entChildren = attrNode.parentElement;\r\n while (entChildren\r\n && entChildren.classList\r\n .contains(this.cssPrefix + \"-entity-children\")) {\r\n entChildren.hidden = false;\r\n var entElem = entChildren.parentElement;\r\n if (entElem && entChildren !== entElem.firstElementChild) {\r\n checkbox = entElem.firstElementChild\r\n .querySelector(\"label > input\");\r\n checkbox.checked = true;\r\n entChildren = entElem.parentElement;\r\n }\r\n else {\r\n break;\r\n }\r\n }\r\n }\r\n };\r\n EntitiesPanel.prototype.expandAll = function () {\r\n for (var i = 0; i < this.rootEntityBlock.childNodes.length; i++) {\r\n var child = this.rootEntityBlock.childNodes[0];\r\n var childs = child.querySelectorAll(\".\" + this.cssPrefix + \"-entity-children\");\r\n for (var j = 0; j < childs.length; j++) {\r\n var elem = childs[j];\r\n elem.hidden = false;\r\n }\r\n }\r\n var nodeButtons = this.rootEntityBlock.querySelectorAll(\".\" + this.cssPrefix + \"-entity-node-button\");\r\n for (var i = 0; i < nodeButtons.length; i++) {\r\n var elem = nodeButtons[i];\r\n elem.classList.add(this.cssPrefix + \"-entity-node-button-open\");\r\n }\r\n };\r\n EntitiesPanel.prototype.collapseAll = function () {\r\n for (var i = 0; i < this.rootEntityBlock.childNodes.length; i++) {\r\n var child = this.rootEntityBlock.childNodes[0];\r\n var childs = child.querySelectorAll(\".\" + this.cssPrefix + \"-entity-children\");\r\n for (var j = 0; j < childs.length; j++) {\r\n var elem = childs[j];\r\n elem.hidden = true;\r\n }\r\n }\r\n var nodeButtons = this.rootEntityBlock.querySelectorAll(\".\" + this.cssPrefix + \"-entity-node-button\");\r\n for (var i = 0; i < nodeButtons.length; i++) {\r\n var elem = nodeButtons[i];\r\n elem.classList.remove(this.cssPrefix + \"-entity-node-button-open\");\r\n }\r\n };\r\n EntitiesPanel.prototype.selectAll = function () {\r\n var inputs = this.entityTreeBlock.querySelectorAll('input');\r\n for (var i = 0; i < inputs.length; i++) {\r\n var input = inputs[i];\r\n input.checked = true;\r\n }\r\n };\r\n EntitiesPanel.prototype.deselectAll = function () {\r\n var inputs = this.entityTreeBlock.querySelectorAll('input');\r\n for (var i = 0; i < inputs.length; i++) {\r\n var input = inputs[i];\r\n input.checked = false;\r\n }\r\n };\r\n EntitiesPanel.prototype.renderProgressBlock = function () {\r\n this.progressBlock = document.createElement('div');\r\n this.progressBlock.classList.add(eqCssPrefix + \"-progress-win8\");\r\n this.progressBlock.classList.add(browserUtils.getMobileCssClass());\r\n this.progressBlock.innerHTML = '';\r\n };\r\n EntitiesPanel.prototype.clear = function () {\r\n this.panel.innerHTML = \"\";\r\n };\r\n return EntitiesPanel;\r\n}(Widget));\r\nexport { EntitiesPanel };\r\n//# sourceMappingURL=entities_panel.js.map","export var browserUtils;\r\n(function (browserUtils) {\r\n var _isFirefox = null;\r\n var _isIE = null;\r\n function IsIE() {\r\n // return eval('/*@cc_on!@*/false || !!document.documentMode');\r\n if (_isIE === null) {\r\n var ua = navigator.userAgent;\r\n /* MSIE used to detect old browsers and Trident used to newer ones*/\r\n _isIE = ua.indexOf(\"MSIE \") > -1 || ua.indexOf(\"Trident/\") > -1;\r\n }\r\n return _isIE;\r\n }\r\n browserUtils.IsIE = IsIE;\r\n function IsEdge() {\r\n return !IsIE() && eval('!!window.StyleMedia');\r\n }\r\n browserUtils.IsEdge = IsEdge;\r\n function IsFirefox() {\r\n if (_isFirefox === null) {\r\n var ua = navigator.userAgent;\r\n _isFirefox = ua.toLowerCase().indexOf('firefox') > -1;\r\n }\r\n return _isFirefox;\r\n }\r\n browserUtils.IsFirefox = IsFirefox;\r\n var _detectedIsMobileMode = false;\r\n var _isMobileMode = undefined;\r\n var detectIsMobileMode = function () {\r\n var oldValue = isMobileMode();\r\n _detectedIsMobileMode = window.matchMedia('only screen and (max-width: 840px)').matches\r\n || window.matchMedia('only screen and (max-height: 420px)').matches;\r\n var newValue = isMobileMode();\r\n if (newValue !== oldValue && mobileModeChangeHandler) {\r\n mobileModeChangeHandler(newValue);\r\n }\r\n };\r\n detectIsMobileMode();\r\n window.addEventListener('resize', function () { return detectIsMobileMode(); });\r\n function isMobileMode() {\r\n if (_isMobileMode !== undefined) {\r\n return _isMobileMode;\r\n }\r\n else {\r\n return _detectedIsMobileMode;\r\n }\r\n }\r\n browserUtils.isMobileMode = isMobileMode;\r\n function setIsMobileMode(value) {\r\n var oldValue = isMobileMode();\r\n _isMobileMode = value;\r\n var newValue = isMobileMode();\r\n if (newValue !== oldValue && mobileModeChangeHandler) {\r\n mobileModeChangeHandler(newValue);\r\n }\r\n }\r\n browserUtils.setIsMobileMode = setIsMobileMode;\r\n var mobileModeChangeHandler;\r\n function onMobileModeChanged(callback) {\r\n mobileModeChangeHandler = callback;\r\n }\r\n browserUtils.onMobileModeChanged = onMobileModeChanged;\r\n function getMobileCssClass() {\r\n return isMobileMode() ? 'k-mobile' : null;\r\n }\r\n browserUtils.getMobileCssClass = getMobileCssClass;\r\n})(browserUtils || (browserUtils = {}));\r\n//# sourceMappingURL=browser_utils.js.map","export function mask(input, maskPattern) {\r\n var d = { 9: '[0-9]', a: '[a-z]' };\r\n var mask = maskPattern.split('');\r\n var keyDownHandler = function (e) {\r\n // backspace key or delete key\r\n if (e.keyCode === 8 || e.keyCode === 46) {\r\n e.preventDefault();\r\n var mskd = [];\r\n var startSelection = input.selectionStart;\r\n if (startSelection == 0)\r\n return;\r\n var selection = startSelection;\r\n var onlyLodash = true;\r\n for (var index = mask.length - 1; index >= 0; index--) {\r\n var el = mask[index];\r\n if (d[el]) {\r\n var t = new RegExp(d[el], 'i').test(input.value.charAt(index));\r\n if (t && index != startSelection - 1) {\r\n onlyLodash = false;\r\n }\r\n if (index === startSelection - 1)\r\n selection--;\r\n mskd.push(t && index != startSelection - 1\r\n ? input.value.charAt(index)\r\n : '_');\r\n }\r\n else {\r\n if (index === selection - 1)\r\n selection--;\r\n if (startSelection - 1 === index)\r\n startSelection--;\r\n mskd.push(el);\r\n }\r\n }\r\n input.value = !onlyLodash ? mskd.reverse().join('') : '';\r\n input.selectionStart = input.selectionEnd = selection < 0 ? 0 : selection;\r\n var event_1 = document.createEvent('Event');\r\n event_1.initEvent('input', true, true);\r\n input.dispatchEvent(event_1);\r\n }\r\n };\r\n var keyPressHandler = function (e) {\r\n var char = String.fromCharCode(e.charCode);\r\n if (char) {\r\n e.preventDefault();\r\n var mskd_1 = [];\r\n var selectionStart_1 = input.selectionStart;\r\n var selection_1 = selectionStart_1;\r\n mask.forEach(function (el, index) {\r\n if (d[el]) {\r\n var ch = (index != selectionStart_1)\r\n ? input.value.charAt(index)\r\n : char;\r\n var t = new RegExp(d[el], 'i').test(ch);\r\n mskd_1.push(t ? ch : '_');\r\n if (t && selectionStart_1 === index)\r\n selection_1++;\r\n }\r\n else {\r\n mskd_1.push(el);\r\n if (selection_1 === index)\r\n selection_1++;\r\n if (selectionStart_1 === index)\r\n selectionStart_1++;\r\n }\r\n });\r\n input.value = mskd_1.join('');\r\n input.selectionStart = input.selectionEnd = selection_1;\r\n var event_2 = document.createEvent('Event');\r\n event_2.initEvent('input', true, true);\r\n input.dispatchEvent(event_2);\r\n }\r\n };\r\n var inputHandler = function (e) {\r\n if (e.type === 'focus' && input.value !== '')\r\n return;\r\n var mskd = [];\r\n var startSelection = input.selectionStart;\r\n mask.forEach(function (el, index) {\r\n if (d[el]) {\r\n var t = new RegExp(d[el], 'i').test(input.value.charAt(index));\r\n mskd.push(t ? input.value.charAt(index) : '_');\r\n }\r\n else {\r\n mskd.push(el);\r\n }\r\n });\r\n input.value = mskd.join('');\r\n input.selectionStart = input.selectionEnd = startSelection;\r\n };\r\n input.addEventListener('keydown', keyDownHandler);\r\n input.addEventListener('keypress', keyPressHandler);\r\n input.addEventListener('input', inputHandler);\r\n input.addEventListener('focus', inputHandler);\r\n}\r\n//# sourceMappingURL=mask.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n, utils, liquid } from '@easydata/core';\r\nimport { DialogFooterAlignment } from './dialog_service';\r\nimport { domel } from '../utils/dom_elem_builder';\r\nvar cssPrefix = \"kdlg\";\r\nvar DefaultDialogService = /** @class */ (function () {\r\n function DefaultDialogService() {\r\n }\r\n DefaultDialogService.prototype.openConfirm = function (title, content, callback) {\r\n var _this = this;\r\n var template = \"\" + content + \"
\";\r\n var options = {\r\n title: title,\r\n closable: false,\r\n submitable: true,\r\n cancelable: true,\r\n body: template\r\n };\r\n if (callback) {\r\n options.onSubmit = function () {\r\n callback(true);\r\n };\r\n options.onCancel = function () {\r\n callback(false);\r\n };\r\n this.open(options);\r\n return;\r\n }\r\n return new Promise(function (resolve) {\r\n options.onSubmit = function () {\r\n resolve(true);\r\n };\r\n options.onCancel = function () {\r\n resolve(false);\r\n };\r\n _this.open(options);\r\n });\r\n };\r\n DefaultDialogService.prototype.openPrompt = function (title, content, defVal, callback) {\r\n var _this = this;\r\n var template = \"\";\r\n var options = {\r\n title: title,\r\n submitable: true,\r\n closable: true,\r\n cancelable: true,\r\n submitOnEnter: true,\r\n body: template,\r\n arrangeParents: false,\r\n beforeOpen: function () {\r\n var input = document.getElementById(cssPrefix + \"-dialog-form-input\");\r\n if (defVal) {\r\n input.value = defVal;\r\n }\r\n input.focus();\r\n }\r\n };\r\n var processInput = function (callback) {\r\n var input = document.getElementById(cssPrefix + \"-dialog-form-input\");\r\n var result = input.value;\r\n if (result && result.replace(/\\s/g, '').length > 0) {\r\n callback(result);\r\n return true;\r\n }\r\n input.classList.add('eqjs-invalid');\r\n return false;\r\n };\r\n if (callback) {\r\n options.onSubmit = function () {\r\n return processInput(callback);\r\n };\r\n options.onCancel = function () {\r\n callback(\"\");\r\n };\r\n this.open(options);\r\n return;\r\n }\r\n return new Promise(function (resolve) {\r\n options.onSubmit = function () {\r\n return processInput(resolve);\r\n };\r\n options.onCancel = function () {\r\n resolve(\"\");\r\n };\r\n _this.open(options);\r\n });\r\n };\r\n DefaultDialogService.prototype.open = function (options, data) {\r\n var _this = this;\r\n var dialog = new DefaultDialog(options, data);\r\n var onDestroy = options.onDestroy;\r\n options.onDestroy = function (dlg) {\r\n _this.untrack(dlg);\r\n onDestroy && onDestroy(dlg);\r\n };\r\n dialog.open();\r\n this.track(dialog);\r\n return dialog;\r\n };\r\n DefaultDialogService.prototype.createSet = function (options) {\r\n return new DefaultDialogSet(options, this);\r\n };\r\n DefaultDialogService.prototype.untrack = function (dlg) {\r\n var index = DefaultDialogService.openDialogs.indexOf(dlg);\r\n if (index >= 0) {\r\n DefaultDialogService.openDialogs.splice(index, 1);\r\n }\r\n };\r\n DefaultDialogService.prototype.track = function (dlg) {\r\n DefaultDialogService.openDialogs.push(dlg);\r\n };\r\n DefaultDialogService.prototype.openProgress = function (options) {\r\n var _this = this;\r\n var dialog = new DefaultProgressDialog(options);\r\n var onDestroy = options.onDestroy;\r\n options.onDestroy = function (dlg) {\r\n _this.untrack(dlg);\r\n onDestroy && onDestroy(dlg);\r\n };\r\n dialog.open();\r\n this.track(dialog);\r\n return dialog;\r\n };\r\n DefaultDialogService.prototype.getAllDialogs = function () {\r\n return Array.from(DefaultDialogService.openDialogs);\r\n };\r\n DefaultDialogService.prototype.closeAllDialogs = function () {\r\n for (var _i = 0, _a = Array.from(DefaultDialogService.openDialogs); _i < _a.length; _i++) {\r\n var dialog = _a[_i];\r\n dialog.close();\r\n }\r\n };\r\n DefaultDialogService.openDialogs = [];\r\n return DefaultDialogService;\r\n}());\r\nexport { DefaultDialogService };\r\nvar DefaultDialog = /** @class */ (function () {\r\n function DefaultDialog(options, data) {\r\n var _this = this;\r\n this.options = options;\r\n this.submitHandler = function (token) {\r\n if (_this.options.onSubmit && _this.options.onSubmit(_this, token) === false) {\r\n return false;\r\n }\r\n _this.destroy();\r\n return true;\r\n };\r\n this.cancelHandler = function () {\r\n if (_this.options.onCancel) {\r\n _this.options.onCancel(_this);\r\n }\r\n _this.destroy();\r\n };\r\n this.keydownHandler = function (ev) {\r\n if (ev.keyCode == 13 && _this.isActiveDialog()) {\r\n ev.preventDefault();\r\n ev.stopPropagation();\r\n if (_this.submitHandler()) {\r\n window.removeEventListener('keydown', _this.keydownHandler, false);\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n this.dialogId = utils.generateId('dlg');\r\n this.data = data;\r\n this.slot =\r\n domel('div', document.body)\r\n .attr('tab-index', '-1')\r\n .data('dialog-id', this.dialogId)\r\n .addClass(cssPrefix + \"-modal\", 'is-active')\r\n .focus()\r\n .addChild('div', function (b) { return b\r\n .addClass('kdlg-modal-background'); })\r\n .addChild('div', function (b) { return _this.windowElement = b\r\n .addClass(cssPrefix + \"-modal-window\")\r\n .addChild('header', function (b) {\r\n _this.headerElement = b\r\n .addClass(cssPrefix + \"-header\")\r\n .addChild('p', function (b) { return b\r\n .addClass(cssPrefix + \"-header-title\")\r\n .addText(options.title); })\r\n .toDOM();\r\n if (options.closable !== false)\r\n b.addChild('button', function (b) { return b\r\n .addClass(cssPrefix + \"-modal-close\")\r\n .on('click', function () {\r\n _this.cancelHandler();\r\n })\r\n .focus(); });\r\n })\r\n .addChild('div', function (b) {\r\n b.addClass(cssPrefix + \"-alert-container\");\r\n _this.alertElement = b.toDOM();\r\n })\r\n .addChild('section', function (b) {\r\n _this.bodyElement = b\r\n .addClass(cssPrefix + \"-body\")\r\n .toDOM();\r\n if (typeof options.body === 'string') {\r\n var html = liquid.renderLiquidTemplate(options.body, data);\r\n b.addHtml(html);\r\n }\r\n else {\r\n b.addChildElement(options.body);\r\n }\r\n })\r\n .addChild('footer', function (b) {\r\n var alignClass = null;\r\n if (options.footerAlignment && options.footerAlignment == DialogFooterAlignment.Center) {\r\n alignClass = 'align-center';\r\n }\r\n else {\r\n alignClass = 'align-right';\r\n }\r\n _this.footerElement = b\r\n .addClass(cssPrefix + \"-footer\")\r\n .toDOM();\r\n b.addClass(alignClass);\r\n if (options.submitable === false)\r\n return;\r\n b.addChild('button', function (bb) {\r\n bb.id(_this.dialogId + '-btn-submit')\r\n .addClass('kfrm-button', 'is-info')\r\n .addText(options.submitButtonText || i18n.getText('ButtonOK'));\r\n if (options.recaptchaSiteKey) {\r\n bb.data('sitekey', options.recaptchaSiteKey);\r\n bb.addClass('g-recaptcha');\r\n bb.on('click', function (e) {\r\n if (grecaptcha) {\r\n grecaptcha.ready(function () {\r\n grecaptcha.execute(options.recaptchaSiteKey, { action: 'submit' })\r\n .then(function (token) {\r\n _this.submitHandler(token);\r\n });\r\n });\r\n }\r\n else {\r\n _this.submitHandler();\r\n }\r\n });\r\n }\r\n else {\r\n bb.on('click', function (e) {\r\n _this.submitHandler();\r\n });\r\n }\r\n bb.focus();\r\n });\r\n if (options.cancelable !== false)\r\n b.addChild('button', function (bb) { return bb\r\n .id(_this.dialogId + '-btn-cancel')\r\n .addClass('kfrm-button')\r\n .addText(options.cancelButtonText || i18n.getText('ButtonCancel'))\r\n .on('click', function (e) {\r\n _this.cancelHandler();\r\n }); });\r\n })\r\n .toDOM(); })\r\n .toDOM();\r\n }\r\n DefaultDialog.prototype.getData = function () {\r\n return this.data;\r\n };\r\n DefaultDialog.prototype.getRootElement = function () {\r\n return this.slot;\r\n };\r\n DefaultDialog.prototype.getSubmitButtonElement = function () {\r\n return document.getElementById(this.dialogId + '-btn-submit');\r\n };\r\n DefaultDialog.prototype.getCancelButtonElement = function () {\r\n return document.getElementById(this.dialogId + '-btn-cancel');\r\n };\r\n DefaultDialog.prototype.open = function () {\r\n var _this = this;\r\n if (this.options.beforeOpen) {\r\n this.options.beforeOpen(this);\r\n }\r\n domel(this.slot).show();\r\n if (this.options.arrangeParents) {\r\n this.arrangeParents(true);\r\n }\r\n var windowDiv = this.slot\r\n .querySelector(\".\" + cssPrefix + \"-modal-window\");\r\n if (this.options.height) {\r\n windowDiv.style.height = typeof this.options.height === 'string'\r\n ? this.options.height\r\n : this.options.height + \"px\";\r\n }\r\n if (this.options.width) {\r\n windowDiv.style.width = typeof this.options.width === 'string'\r\n ? this.options.width\r\n : this.options.width + \"px\";\r\n }\r\n if (this.options.submitOnEnter) {\r\n window.addEventListener('keydown', this.keydownHandler, false);\r\n }\r\n //clear alert on change in any input element \r\n this.slot.querySelectorAll('input')\r\n .forEach(function (element) {\r\n return element.addEventListener('input', function () {\r\n _this.clearAlert();\r\n if (_this.options.onInput) {\r\n _this.options.onInput(_this);\r\n }\r\n });\r\n });\r\n if (this.options.onShow) {\r\n this.options.onShow(this);\r\n }\r\n };\r\n DefaultDialog.prototype.submit = function () {\r\n this.submitHandler();\r\n };\r\n DefaultDialog.prototype.cancel = function () {\r\n this.cancelHandler();\r\n };\r\n DefaultDialog.prototype.close = function () {\r\n this.destroy();\r\n };\r\n DefaultDialog.prototype.disableButtons = function () {\r\n var buttons = this.slot.querySelectorAll('button');\r\n buttons.forEach(function (button) { return button.disabled = true; });\r\n };\r\n DefaultDialog.prototype.enableButtons = function () {\r\n var buttons = this.slot.querySelectorAll('button');\r\n buttons.forEach(function (button) { return button.disabled = false; });\r\n };\r\n DefaultDialog.prototype.showAlert = function (text, reason, replace) {\r\n var alert = domel('div')\r\n .addClass(cssPrefix + \"-alert \" + (reason || ''))\r\n .addChild('span', function (b) { return b\r\n .addClass(cssPrefix + \"-alert-closebtn\")\r\n .text('×')\r\n .on('click', function (ev) {\r\n var alert = ev.target.parentElement;\r\n alert.parentElement.removeChild(alert);\r\n }); })\r\n .addText(text)\r\n .toDOM();\r\n if (replace === true) {\r\n this.clearAlert();\r\n }\r\n this.alertElement.appendChild(alert);\r\n };\r\n DefaultDialog.prototype.clearAlert = function () {\r\n this.alertElement.innerHTML = '';\r\n };\r\n DefaultDialog.prototype.destroy = function () {\r\n var elem = document.querySelectorAll(\"[data-dialog-id=\\\"\" + this.dialogId + \"\\\"]\");\r\n if (elem.length <= 0)\r\n return;\r\n if (this.options.arrangeParents) {\r\n this.arrangeParents(false);\r\n }\r\n document.body.removeChild(this.slot);\r\n if (this.options.submitOnEnter) {\r\n window.removeEventListener('keydown', this.keydownHandler, false);\r\n }\r\n if (this.options.onDestroy) {\r\n this.options.onDestroy(this);\r\n }\r\n };\r\n DefaultDialog.prototype.isActiveDialog = function () {\r\n var windowDivs = document.documentElement.querySelectorAll('.kdlg-modal');\r\n return windowDivs[windowDivs.length - 1] === this.slot;\r\n };\r\n DefaultDialog.prototype.arrangeParents = function (turnOn) {\r\n var windowDivs = document.documentElement.querySelectorAll('.kdlg-modal-window');\r\n for (var i = 0; i < windowDivs.length - 1; i++) {\r\n if (turnOn) {\r\n var offset = i == 0 ? 20 : i * 40 + 20;\r\n domel(windowDivs[i])\r\n .setStyle('margin-top', offset + \"px\")\r\n .setStyle('margin-left', offset + \"px\");\r\n }\r\n else {\r\n domel(windowDivs[i])\r\n .removeStyle('margin-top')\r\n .removeStyle('margin-left');\r\n }\r\n }\r\n };\r\n return DefaultDialog;\r\n}());\r\nexport { DefaultDialog };\r\nvar DefaultProgressDialog = /** @class */ (function (_super) {\r\n __extends(DefaultProgressDialog, _super);\r\n function DefaultProgressDialog(options, data) {\r\n var _this = this;\r\n var contentElement;\r\n var progressElement;\r\n var body = domel('div')\r\n .addChild('div', function (b) { return contentElement = b\r\n .text(options.content || '')\r\n .toDOM(); })\r\n .addChild('div', function (b) {\r\n b\r\n .addClass(cssPrefix + \"-progress-line\")\r\n .addChild('div', function (b) {\r\n progressElement = b\r\n .addClass('fill')\r\n .toDOM();\r\n if (options.determinated) {\r\n b.setStyle('width', '0%');\r\n }\r\n else {\r\n b.addClass('indeterminate');\r\n }\r\n });\r\n })\r\n .toDOM();\r\n _this = _super.call(this, {\r\n title: options.title,\r\n body: body,\r\n beforeOpen: options.beforeOpen,\r\n onSubmit: options.onSubmit,\r\n width: options.width,\r\n height: options.height,\r\n submitable: false,\r\n cancelable: false,\r\n closable: false,\r\n onDestroy: options.onDestroy\r\n }, data) || this;\r\n _this.contentElement = contentElement;\r\n _this.progressElement = progressElement;\r\n return _this;\r\n }\r\n DefaultProgressDialog.prototype.updateContent = function (content) {\r\n this.contentElement.innerText = content;\r\n };\r\n DefaultProgressDialog.prototype.updateProgress = function (progress) {\r\n var _this = this;\r\n progress = this.in01(progress);\r\n this.progressElement.style.width = progress * 100 + \"%\";\r\n if (progress === 1) {\r\n // postpone for 0.5s for smooth closing\r\n setTimeout(function () {\r\n _this.submit();\r\n }, 500);\r\n }\r\n };\r\n DefaultProgressDialog.prototype.in01 = function (num) {\r\n if (num > 1)\r\n return 1;\r\n if (num < 0)\r\n return 0;\r\n return num;\r\n };\r\n return DefaultProgressDialog;\r\n}(DefaultDialog));\r\nexport { DefaultProgressDialog };\r\nvar DefaultDialogSet = /** @class */ (function () {\r\n function DefaultDialogSet(options, dialogService) {\r\n this.options = options;\r\n this.dialogService = dialogService;\r\n this.currentDialog = null;\r\n this.currentIndex = 0;\r\n this.options = options;\r\n this.dialogService = dialogService;\r\n }\r\n DefaultDialogSet.prototype.getCurrent = function () {\r\n return this.currentDialog;\r\n };\r\n DefaultDialogSet.prototype.openNext = function (data) {\r\n return this.open(this.currentIndex + 1, data);\r\n };\r\n DefaultDialogSet.prototype.openPrev = function (data) {\r\n return this.open(this.currentIndex - 1, data);\r\n };\r\n DefaultDialogSet.prototype.open = function (page, data) {\r\n if (page < 0) {\r\n this.currentIndex = 0;\r\n }\r\n else if (page >= this.options.length) {\r\n this.currentIndex = this.options.length - 1;\r\n }\r\n else {\r\n this.currentIndex = page;\r\n }\r\n if (this.currentDialog) {\r\n try {\r\n this.currentDialog.close();\r\n }\r\n catch (e) { }\r\n }\r\n var dlgOptions = this.options[this.currentIndex];\r\n this.currentDialog = this.dialogService.open(dlgOptions, data);\r\n return this.currentDialog;\r\n };\r\n DefaultDialogSet.prototype.close = function () {\r\n if (this.currentDialog) {\r\n this.currentDialog.close();\r\n this.currentDialog = null;\r\n }\r\n };\r\n return DefaultDialogSet;\r\n}());\r\nexport { DefaultDialogSet };\r\n//# sourceMappingURL=default_dialog_service.js.map","export var DialogFooterAlignment;\r\n(function (DialogFooterAlignment) {\r\n DialogFooterAlignment[DialogFooterAlignment[\"Left\"] = 1] = \"Left\";\r\n DialogFooterAlignment[DialogFooterAlignment[\"Center\"] = 2] = \"Center\";\r\n DialogFooterAlignment[DialogFooterAlignment[\"Right\"] = 3] = \"Right\";\r\n})(DialogFooterAlignment || (DialogFooterAlignment = {}));\r\n//# sourceMappingURL=dialog_service.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { DataKind, SortDirection, ExprTag, Widget, WidgetGroup, QueryChangePart, QueryChangeAction } from '@easyquery/core';\r\nimport { eqDragManager, DropEffect, getElementAbsolutePos, domel } from '@easydata/ui';\r\nimport { PopupMenu } from '../utils/popup_menu';\r\nimport { eqCssPrefix, eqCssMobile } from '../utils/utils';\r\nimport { browserUtils } from '../utils/browser_utils';\r\nimport { AggrFuncColumnRendererCP } from './renderers/columnspanel/aggrfunc_column_renderer';\r\nimport { CustomSqlColumnRendererCP } from './renderers/columnspanel/customsql_column_renderer';\r\nimport { SimpleColumnRendererCP } from './renderers/columnspanel/simple_column_renderer';\r\nvar ColumnsPanel = /** @class */ (function (_super) {\r\n __extends(ColumnsPanel, _super);\r\n function ColumnsPanel(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.options = {\r\n isSubQuery: false,\r\n activeColumn: null,\r\n showAddRow: true,\r\n showHeader: true,\r\n showColumnTitles: true,\r\n allowAggrColumns: true,\r\n allowDuplicates: true,\r\n allowCustomExpressions: false,\r\n allowSorting: true,\r\n attrElementFormat: '{entity} {attr}',\r\n titleElementFormat: null,\r\n buttons: null,\r\n alwaysShowButtons: false,\r\n accentActiveColumn: true,\r\n allowDragDrop: true,\r\n menuOptions: {\r\n showSearchBoxAfter: 30,\r\n searchBoxAutoFocus: true,\r\n activateOnMouseOver: true,\r\n adjustHeight: true,\r\n itemRenderedCallback: null\r\n },\r\n attrPlacement: 0,\r\n sortEntities: false,\r\n columnRenderedCallback: null,\r\n customExpressionText: 0,\r\n allowHiddenColumns: false,\r\n showAddAllForEntity: false\r\n };\r\n _this.landingSlot = domel('div')\r\n .addClass(_this.cssPrefix + \"-col-landing-slot\")\r\n .addChildElement(domel('div')\r\n .toDOM())\r\n .toDOM();\r\n _this.landingIndex = -1;\r\n _this.slot.classList.add(_this.cssPrefix + \"-panel\");\r\n _this.group = WidgetGroup.Query;\r\n return _this;\r\n }\r\n Object.defineProperty(ColumnsPanel.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-qc';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n ColumnsPanel.prototype.getWidgetType = function () {\r\n return 'columnsPanel';\r\n };\r\n ColumnsPanel.prototype.init = function (context, options) {\r\n var _this = this;\r\n _super.prototype.init.call(this, context, options);\r\n this.setOptions(options);\r\n var model = context.getModel();\r\n this.detachQueryObserver();\r\n this.attachQueryObserver();\r\n eqDragManager.removeDropContainer(this.slot);\r\n if (this.options.allowDragDrop) {\r\n eqDragManager.registerDropContainer({\r\n element: this.slot,\r\n scopes: [\"entityAttr\", \"entityAttrSort\"],\r\n onDragEnter: function (container, ev) {\r\n _this.slot.classList.add(eqCssPrefix + \"-drophover\");\r\n if (ev.item.scope === \"entityAttrSort\") {\r\n _this.showLandingSlot(ev.pageX, ev.pageY);\r\n }\r\n else {\r\n var attrId = ev.data.attrId;\r\n if (!model.checkAttrProperty(attrId, \"useInResult\")) {\r\n ev.dropEffect = DropEffect.Forbid;\r\n }\r\n ev.dragImage.classList.add('eqjs-sortable-helper');\r\n }\r\n },\r\n onDragOver: function (container, ev) {\r\n var attrId = ev.data.attrId;\r\n if (ev.item.scope === \"entityAttrSort\" ||\r\n model.checkAttrProperty(attrId, \"useInResult\")) {\r\n _this.showLandingSlot(ev.pageX, ev.pageY);\r\n }\r\n },\r\n onDragLeave: function (container, ev) {\r\n if (ev.item.scope === \"entityAttrSort\") {\r\n ev.dropEffect = DropEffect.Forbid;\r\n }\r\n else {\r\n ev.dragImage.classList.remove('eqjs-sortable-helper');\r\n ev.dragImage.style.removeProperty('width');\r\n }\r\n _this.slot.classList.remove(eqCssPrefix + \"-drophover\");\r\n _this.hideLandingSlot();\r\n },\r\n onDrop: function (container, ev) {\r\n if (ev.item.scope == \"entityAttrSort\") {\r\n var query = _this.getQuery();\r\n var columns = query.getColumns();\r\n var index = columns.indexOf(ev.data.column);\r\n _this.moveColumnCore(index, _this.landingIndex);\r\n }\r\n else {\r\n var attrId = ev.data.attrId;\r\n _this.addNewColumn(attrId, _this.landingIndex);\r\n }\r\n }\r\n });\r\n }\r\n };\r\n ColumnsPanel.prototype.renderBaseElements = function () {\r\n var _this = this;\r\n var minusHeight = 0;\r\n if (this.options.showHeader) {\r\n var headerBuilder = domel('div', this.slot)\r\n .hide()\r\n .addClass(this.cssPrefix + \"-header\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChild('div', function (builder) { return builder\r\n .addClass(_this.cssPrefix + \"-header-expression\")\r\n .text(i18n.getText('HeaderExpression')); });\r\n if (this.options.showColumnTitles !== false) {\r\n headerBuilder\r\n .addChild('div', function (builder) { return builder\r\n .addClass(_this.cssPrefix + \"-header-title\")\r\n .text(i18n.getText('HeaderTitle')); });\r\n }\r\n this.headerElement = headerBuilder.toDOM();\r\n minusHeight += this.headerElement.offsetHeight;\r\n }\r\n this.columnsBlock =\r\n domel('div', this.slot)\r\n .addClass(this.cssPrefix + \"-columns\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .toDOM();\r\n if (this.options.showAddRow) {\r\n this.addRowElement =\r\n domel('div', this.slot)\r\n .addClass(eqCssPrefix + \"-addrow\", this.cssPrefix + \"-addrow\", eqCssPrefix + \"-addrow-empty\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChild('a', function (builder) { return builder\r\n .attr('href', 'javascript:void(0)')\r\n .text(i18n.getText('CmdClickToAddColumn'))\r\n .on('click', function (e) {\r\n e.preventDefault();\r\n _this.showEntitiesMenu({\r\n anchor: e.target,\r\n selectedIds: null,\r\n itemSelectedCallback: function (data, items) {\r\n if (data.id === '__AddAll__' && data.extra && Array.isArray(data.extra.ids)) {\r\n data.extra.ids.forEach(function (attrId) { return _this.addNewColumn(attrId); });\r\n }\r\n else {\r\n var attrid = data.id;\r\n _this.addNewColumn(attrid);\r\n }\r\n return false;\r\n }\r\n });\r\n }); })\r\n .toDOM();\r\n minusHeight += this.addRowElement.offsetHeight;\r\n }\r\n this.columnsBlock.style.maxHeight = this.slot.offsetHeight - minusHeight - 25 + \"px\";\r\n };\r\n ColumnsPanel.prototype.destroyCore = function () {\r\n eqDragManager.removeDropContainer(this.slot);\r\n this.detachQueryObserver();\r\n this.slot.innerHTML = '';\r\n };\r\n ColumnsPanel.prototype.attachQueryObserver = function () {\r\n var _this = this;\r\n var query = this.getQuery();\r\n this.queryEventCallbackId = query.addChangedCallback(function (event) {\r\n //if something has changed, and that change is related to columns\r\n var edata = event.data;\r\n if (!edata || (edata.part != QueryChangePart.Columns\r\n && edata.part != QueryChangePart.Aggregation\r\n && edata.part != QueryChangePart.All)) {\r\n return;\r\n }\r\n var focusedBefore = document.activeElement;\r\n var isFocusInside = _this.slot.contains(focusedBefore) || focusedBefore == document.body;\r\n switch (edata.action) {\r\n case QueryChangeAction.Modify: {\r\n var columns = edata.changee;\r\n var modifyColumn_1 = function (column) {\r\n var colEl = _this.columnsBlock.querySelector(\"div[data-id='\" + column.id + \"']\");\r\n if (colEl) {\r\n var renderer = _this.getColumnRenderer(column, colEl);\r\n if (renderer) {\r\n var newEl = renderer.render();\r\n if (isFocusInside) {\r\n var focusElem = newEl.querySelector('a') || newEl.querySelector('.eqjs-column-button');\r\n if (focusElem) {\r\n focusElem.focus();\r\n }\r\n }\r\n }\r\n }\r\n };\r\n if (Array.isArray(columns)) {\r\n columns.forEach(function (col) { return modifyColumn_1(col); });\r\n }\r\n else {\r\n modifyColumn_1(columns);\r\n }\r\n _this.agjustHeaderVisibility();\r\n break;\r\n }\r\n case QueryChangeAction.Add: {\r\n var columns = edata.changee;\r\n var addColumn_1 = function (column) {\r\n var index = query.getColumns().indexOf(column);\r\n var newEl = _this.addColumnElement(column, index);\r\n if (isFocusInside) {\r\n newEl.querySelector(\"a\").focus();\r\n }\r\n };\r\n if (Array.isArray(columns)) {\r\n columns.forEach(function (col) { return addColumn_1(col); });\r\n }\r\n else {\r\n addColumn_1(columns);\r\n }\r\n _this.agjustHeaderVisibility();\r\n break;\r\n }\r\n case QueryChangeAction.Delete: {\r\n var columns = edata.changee;\r\n var deleteColumn_1 = function (column) {\r\n var colEl = _this.columnsBlock.querySelector(\"div[data-id='\" + column.id + \"']\");\r\n if (colEl) {\r\n var next = colEl.nextSibling;\r\n var prev = colEl.previousSibling;\r\n _this.columnsBlock.removeChild(colEl);\r\n if (isFocusInside) {\r\n var focusCond = next || prev || _this.addRowElement;\r\n var focusElem = focusCond.querySelector('a') || focusCond.querySelector('.eqjs-column-button');\r\n if (focusElem) {\r\n focusElem.focus();\r\n }\r\n }\r\n }\r\n };\r\n _this.agjustHeaderVisibility();\r\n if (Array.isArray(columns)) {\r\n columns.forEach(function (col) { return deleteColumn_1(col); });\r\n }\r\n else {\r\n deleteColumn_1(columns);\r\n }\r\n break;\r\n }\r\n default:\r\n _this.refresh();\r\n break;\r\n }\r\n });\r\n };\r\n ColumnsPanel.prototype.detachQueryObserver = function () {\r\n if (this.queryEventCallbackId) {\r\n var query = this.getQuery();\r\n query.removeChangedCallback(this.queryEventCallbackId);\r\n }\r\n };\r\n ColumnsPanel.prototype.getQuery = function () {\r\n return this.getContext().getQuery();\r\n };\r\n ColumnsPanel.prototype.showLandingSlot = function (pageX, pageY) {\r\n var rowElems = this.columnsBlock.querySelectorAll(\"[class*=\" + this.cssPrefix + \"-row]\");\r\n var rows = [];\r\n for (var i = 0; i < rowElems.length; i++) {\r\n var rowElem = rowElems[i];\r\n if (rowElem.style.display === 'none')\r\n continue;\r\n rows.push(rowElem);\r\n }\r\n if (rows.length === 0) {\r\n this.landingIndex = 0;\r\n this.columnsBlock.appendChild(this.landingSlot);\r\n return;\r\n }\r\n var landingPos = getElementAbsolutePos(this.landingSlot);\r\n if (pageY >= landingPos.y && pageY <= landingPos.y + this.landingSlot.offsetHeight) {\r\n return;\r\n }\r\n var firstRow = rows[0];\r\n var rowHeight = firstRow.offsetHeight;\r\n var absPos = getElementAbsolutePos(firstRow);\r\n var newLandingIndex = (pageY > absPos.y + rowHeight / 2) ? Math.round((pageY - absPos.y + rowHeight / 2) / rowHeight) : 0;\r\n if (newLandingIndex > rows.length) {\r\n newLandingIndex = rows.length;\r\n }\r\n if (newLandingIndex != this.landingIndex) {\r\n this.landingIndex = newLandingIndex;\r\n if (this.landingIndex < rows.length) {\r\n this.columnsBlock.insertBefore(this.landingSlot, rows[this.landingIndex]);\r\n }\r\n else {\r\n this.columnsBlock.appendChild(this.landingSlot);\r\n }\r\n this.landingSlot.scrollIntoView({ block: \"center\", behavior: \"smooth\" });\r\n }\r\n };\r\n ColumnsPanel.prototype.hideLandingSlot = function () {\r\n var _this = this;\r\n this.landingIndex = -1;\r\n setTimeout(function () {\r\n if (_this.landingSlot.parentElement) {\r\n _this.landingSlot.parentElement.removeChild(_this.landingSlot);\r\n }\r\n }, 10);\r\n };\r\n ColumnsPanel.prototype.setOptions = function (options) {\r\n dataUtils.assignDeep(this.options, options);\r\n if (browserUtils.isMobileMode()) {\r\n this.options.buttons = [\"menu\"];\r\n this.options.showHeader = false;\r\n }\r\n };\r\n ColumnsPanel.prototype.onProcessStartCore = function () {\r\n };\r\n ColumnsPanel.prototype.onProcessEndCore = function () {\r\n };\r\n ColumnsPanel.prototype.refreshCore = function () {\r\n this.clear();\r\n this.render();\r\n };\r\n ColumnsPanel.prototype.clear = function () {\r\n this.slot.innerHTML = \"\";\r\n };\r\n ColumnsPanel.prototype.render = function () {\r\n try {\r\n this.renderBaseElements();\r\n this.createEntitiesMenu();\r\n this.createColumnMenus();\r\n this.agjustHeaderVisibility();\r\n domel(this.slot)\r\n .removeClass(eqCssMobile)\r\n .addClass(browserUtils.getMobileCssClass());\r\n var query = this.context.getQuery();\r\n var columns = query.getColumns();\r\n for (var _i = 0, columns_1 = columns; _i < columns_1.length; _i++) {\r\n var column = columns_1[_i];\r\n this.columnsBlock.appendChild(this.renderColumn(column));\r\n }\r\n }\r\n catch (err) {\r\n var error = err;\r\n this.context.throwError({\r\n action: \"ColumnsPanel rendering\",\r\n text: error.message,\r\n sourceError: error\r\n });\r\n }\r\n };\r\n ColumnsPanel.prototype.agjustHeaderVisibility = function () {\r\n if (this.headerElement) {\r\n var query = this.context.getQuery();\r\n var columns = query.getColumns();\r\n this.headerElement.style.display = (columns.length) ? '' : 'none';\r\n }\r\n };\r\n ColumnsPanel.prototype.renderColumn = function (column) {\r\n var renderer = this.getColumnRenderer(column);\r\n if (renderer)\r\n return renderer.render();\r\n return null;\r\n };\r\n ColumnsPanel.prototype.toggleColumnPicked = function (column) {\r\n var el;\r\n var isActive;\r\n if (column) {\r\n el = this.columnsBlock.querySelector(\"div[data-id=\" + column.id + \"]\");\r\n if (el) {\r\n isActive = el.classList.contains('active');\r\n }\r\n }\r\n //clear 'active' in all rows\r\n var rows = this.columnsBlock.querySelectorAll(\".\" + this.cssPrefix + \"-row\");\r\n for (var i = 0; i < rows.length; i++) {\r\n var row = rows[i];\r\n domel(row)\r\n .removeClass('active');\r\n if (!this.options.alwaysShowButtons) {\r\n domel(row)\r\n .data(\"show-buttons\", null);\r\n }\r\n }\r\n if (el && !isActive) {\r\n domel(el)\r\n .addClass('active')\r\n .data(\"show-buttons\", \"\");\r\n }\r\n };\r\n ColumnsPanel.prototype.addNewColumn = function (attrId, index) {\r\n var _this = this;\r\n var model = this.getContext().getModel();\r\n var query = this.getQuery();\r\n var getColumnByAttrId = function (attrid) {\r\n var attribute = model.getAttributeById(attrid);\r\n if (!attribute) {\r\n return null;\r\n }\r\n if (!attribute.useInResult) {\r\n if (attribute.lookupAttr) {\r\n attrid = attribute.lookupAttr;\r\n attribute = model.getAttributeById(attrid);\r\n if (!attribute || !attribute.useInResult) {\r\n return null;\r\n }\r\n }\r\n else\r\n return null;\r\n }\r\n var column = query.createColumn();\r\n column.caption = _this.getDefaultColumnCaption(attribute);\r\n column.sorting = SortDirection.None;\r\n column.sortIndex = -1;\r\n column.expr.tag = ExprTag.EntityAttribute;\r\n column.expr.kind = DataKind.Attribute;\r\n column.expr.dataType = attribute.dataType;\r\n column.expr.setValue(attrid, true);\r\n column.params.concat(attribute.params);\r\n return column;\r\n };\r\n var colToAdd, col;\r\n if (Array.isArray(attrId)) {\r\n colToAdd = [];\r\n for (var i = 0; i < attrId.length; i++) {\r\n col = getColumnByAttrId(attrId[i]);\r\n if (col) {\r\n colToAdd.push(col);\r\n }\r\n }\r\n }\r\n else\r\n colToAdd = getColumnByAttrId(attrId);\r\n this.addColumn(colToAdd, index);\r\n return colToAdd;\r\n };\r\n ColumnsPanel.prototype.addColumn = function (column, index) {\r\n var query = this.getQuery();\r\n if (!query) {\r\n return;\r\n }\r\n if (Array.isArray(column))\r\n column = this.checkColumnsArray(column);\r\n else\r\n column = this.checkColumn(column);\r\n if (!column || (Array.isArray(column) && column.length == 0)) {\r\n return;\r\n }\r\n query.addColumnObj(column, index, self);\r\n query.fireColumnsChangedEvent(QueryChangeAction.Add, column);\r\n };\r\n //adds one column to the panel on the specified position\r\n ColumnsPanel.prototype.addColumnElement = function (column, index) {\r\n var rows = this.columnsBlock.querySelectorAll(\"[class*=\" + this.cssPrefix + \"-row]\");\r\n var newColBlock = this.renderColumn(column);\r\n if (rows.length > 0) {\r\n if (index < rows.length) {\r\n this.columnsBlock.insertBefore(newColBlock, rows[index]);\r\n }\r\n else {\r\n this.columnsBlock.appendChild(newColBlock);\r\n this.scrollToBottom();\r\n }\r\n }\r\n else {\r\n this.columnsBlock.appendChild(newColBlock);\r\n this.scrollToBottom();\r\n }\r\n if (this.options.columnRenderedCallback) {\r\n this.options.columnRenderedCallback(newColBlock);\r\n }\r\n return newColBlock;\r\n };\r\n ColumnsPanel.prototype.scrollToBottom = function () {\r\n this.columnsBlock.scrollTop = this.columnsBlock.scrollHeight - this.columnsBlock.clientHeight;\r\n };\r\n ColumnsPanel.prototype.checkColumnsArray = function (cols) {\r\n var i = 0, len = cols.length;\r\n var result = [];\r\n for (var i_1 = 0; i_1 < len; i_1++) {\r\n if (this.checkColumn(cols[i_1]))\r\n result.push(cols[i_1]);\r\n }\r\n return result;\r\n };\r\n ColumnsPanel.prototype.checkColumn = function (col) {\r\n if (!this.options.allowDuplicates) {\r\n var query = this.getQuery();\r\n var columns = query.getColumns();\r\n for (var i = 0; i < columns.length; i++) {\r\n if ((col.expr.tag === ExprTag.EntityAttribute && columns[i].expr.tag === ExprTag.EntityAttribute\r\n || col.expr.tag === ExprTag.ParentEntityAttribute && columns[i].expr.tag === ExprTag.ParentEntityAttribute)\r\n && col.expr.value === columns[i].expr.value) {\r\n return null;\r\n }\r\n }\r\n }\r\n return col;\r\n };\r\n ColumnsPanel.prototype.getDefaultColumnCaption = function (attr) {\r\n var format = this.options.titleElementFormat || this.options.attrElementFormat;\r\n var model = this.getContext().getModel();\r\n return model.getAttributeText(attr, format);\r\n };\r\n ColumnsPanel.prototype.getColumnsBlock = function () {\r\n return this.columnsBlock;\r\n };\r\n ColumnsPanel.prototype.getColumnRenderer = function (column, slot) {\r\n switch (column.expr.tag) {\r\n case ExprTag.AggregateFunction:\r\n return new AggrFuncColumnRendererCP(this, column, slot);\r\n case ExprTag.CustomSql:\r\n return new CustomSqlColumnRendererCP(this, column, slot);\r\n case ExprTag.EntityAttribute:\r\n case ExprTag.ParentEntityAttribute:\r\n return new SimpleColumnRendererCP(this, column, slot);\r\n }\r\n return null;\r\n };\r\n ColumnsPanel.prototype.areCustomExpressionsAllowed = function () {\r\n var query = this.getQuery();\r\n return query.isEx() && this.options.allowCustomExpressions;\r\n };\r\n ColumnsPanel.prototype.addAllColumnsToEntitiesList = function (list) {\r\n var _this = this;\r\n var attrIds = list.filter(function (item) { return !item.isEntity; }).map(function (item) { return item.id; });\r\n if (attrIds.length > 0) {\r\n list.unshift({\r\n id: '__AddAll__',\r\n text: i18n.getText('AddAllForEntityText'),\r\n extra: {\r\n ids: attrIds\r\n }\r\n });\r\n }\r\n list.forEach(function (item) {\r\n if (item.items) {\r\n _this.addAllColumnsToEntitiesList(item.items);\r\n }\r\n });\r\n };\r\n ColumnsPanel.prototype.createEntitiesMenu = function () {\r\n var model = this.getContext().getModel();\r\n if (!model || model.isEmpty())\r\n return null;\r\n var menuId = this.slot.id;\r\n if (menuId) {\r\n menuId += '-EntitiesMenu';\r\n }\r\n var entitiesList = model.getEntitiesTree({ addUIC: false, addUIR: true, addUIS: false, attrPlacement: this.options.attrPlacement, sortEntities: this.options.sortEntities });\r\n // add [Add all columns] items\r\n if (this.options.showAddAllForEntity) {\r\n this.addAllColumnsToEntitiesList(entitiesList);\r\n }\r\n var options = {\r\n id: menuId,\r\n items: entitiesList,\r\n adjustHeight: this.options.adjustEntitiesMenuHeight,\r\n domWriteItemsId: this.options.domWriteItemsId\r\n };\r\n dataUtils.assign(options, this.options.menuOptions);\r\n this.entitiesMenu = new PopupMenu(options);\r\n };\r\n ColumnsPanel.prototype.getSortMenuList = function () {\r\n return [\r\n { id: 'None', text: i18n.getText('CmdNotSorted') },\r\n { id: 'Ascending', text: i18n.getText('CmdAscending') },\r\n { id: 'Descending', text: i18n.getText('CmdDescending') },\r\n { id: '---', text: '---' }\r\n ];\r\n };\r\n ColumnsPanel.prototype.getMoveMenuList = function () {\r\n return [\r\n { id: 'MoveTop', text: i18n.getText('CmdMoveToFirst') },\r\n { id: 'MoveUp', text: i18n.getText('CmdMoveToPrev') },\r\n { id: 'MoveDown', text: i18n.getText('CmdMoveToNext') },\r\n { id: 'MoveBottom', text: i18n.getText('CmdMoveToLast') }\r\n ];\r\n };\r\n ColumnsPanel.prototype.createSortMenu = function () {\r\n var model = this.getContext().getModel();\r\n if (!model || model.isEmpty())\r\n return null;\r\n var menuId = this.slot.id;\r\n if (menuId) {\r\n menuId += '-SortMenu';\r\n }\r\n var items = this.getSortMenuList().concat(this.moveMenu.getItems());\r\n var menuOptions = {\r\n id: menuId,\r\n \"items\": items,\r\n domWriteItemsId: this.options.domWriteItemsId,\r\n showSelected: true\r\n };\r\n dataUtils.assign(menuOptions, this.options.menuOptions);\r\n menuOptions.searchBoxAlwaysShown = false;\r\n this.sortMenu = new PopupMenu(menuOptions);\r\n };\r\n ColumnsPanel.prototype.createMoveMenu = function () {\r\n var model = this.getContext().getModel();\r\n if (!model || model.isEmpty())\r\n return null;\r\n var menuId = this.slot.id;\r\n if (menuId) {\r\n menuId += '-MoveMenu';\r\n }\r\n var items = dataUtils.createArrayFrom(this.getMoveMenuList());\r\n if (this.options.allowHiddenColumns) {\r\n items.push({ id: '---', text: '---' });\r\n items.push({ id: 'IsHidden', text: i18n.getText('CmdHiddenColumn') });\r\n }\r\n var menuOptions = {\r\n \"items\": items,\r\n id: menuId,\r\n domWriteItemsId: this.options.domWriteItemsId,\r\n showSelected: true\r\n };\r\n dataUtils.assign(menuOptions, this.options.menuOptions);\r\n this.moveMenu = new PopupMenu(menuOptions);\r\n menuOptions.searchBoxAlwaysShown = false;\r\n };\r\n ColumnsPanel.prototype.showEntitiesMenu = function (menuOptions) {\r\n this.entitiesMenu.showMenu(menuOptions);\r\n };\r\n ColumnsPanel.prototype.moveColumn = function (column, direction) {\r\n var query = this.getQuery();\r\n var columns = query.getColumns();\r\n var index = columns.indexOf(column);\r\n if (index >= 0) {\r\n switch (direction) {\r\n case 'MoveTop':\r\n if (index == 0) {\r\n return;\r\n }\r\n this.moveColumnCore(index, 0);\r\n break;\r\n case 'MoveUp':\r\n if (index == 0) {\r\n return;\r\n }\r\n this.moveColumnCore(index, index - 1);\r\n break;\r\n case 'MoveDown':\r\n if (index == columns.length - 1) {\r\n return;\r\n }\r\n this.moveColumnCore(index, index + 1);\r\n break;\r\n case 'MoveBottom':\r\n if (index == columns.length - 1) {\r\n return;\r\n }\r\n this.moveColumnCore(index, columns.length - 1);\r\n break;\r\n }\r\n ;\r\n }\r\n };\r\n ColumnsPanel.prototype.moveColumnCore = function (index1, index2) {\r\n var query = this.getQuery();\r\n if (!query)\r\n return;\r\n var rows = this.columnsBlock.querySelectorAll(\"[class*=\" + this.cssPrefix + \"-row]\");\r\n var colToMove = rows[index1];\r\n if (index2 == 0) {\r\n this.columnsBlock.insertBefore(colToMove, this.columnsBlock[0]);\r\n }\r\n else if (index2 > 0 && index2 < rows.length - 1) {\r\n if (index1 < index2) {\r\n this.columnsBlock.insertBefore(colToMove, rows[index2 + 1]);\r\n }\r\n else {\r\n this.columnsBlock.insertBefore(colToMove, rows[index2]);\r\n }\r\n }\r\n else {\r\n this.columnsBlock.appendChild(colToMove);\r\n }\r\n query.moveColumn(index1, index2);\r\n query.fireColumnsChangedEvent();\r\n };\r\n ColumnsPanel.prototype.createColumnMenus = function () {\r\n this.createMoveMenu();\r\n if (this.options.allowSorting) {\r\n this.createSortMenu();\r\n }\r\n };\r\n return ColumnsPanel;\r\n}(Widget));\r\nexport { ColumnsPanel };\r\n//# sourceMappingURL=columns_panel.js.map","var __spreadArrays = (this && this.__spreadArrays) || function () {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\nimport { SortDirection, QueryChangeAction, i18n } from '@easyquery/core';\r\nimport { eqDragManager, DropEffect, createBrowserEvent, domel } from '@easydata/ui';\r\nimport { eqCssPrefix } from '../../../utils/utils';\r\nimport { PopupMenu } from '../../../utils/popup_menu';\r\nimport { browserUtils } from '../../../utils/browser_utils';\r\nimport { safeFocus } from '../../../utils/utils';\r\nexport var ColumnAction;\r\n(function (ColumnAction) {\r\n ColumnAction[ColumnAction[\"Enable\"] = 0] = \"Enable\";\r\n ColumnAction[ColumnAction[\"Delete\"] = 1] = \"Delete\";\r\n ColumnAction[ColumnAction[\"Hidden\"] = 2] = \"Hidden\";\r\n ColumnAction[ColumnAction[\"SortingNone\"] = 3] = \"SortingNone\";\r\n ColumnAction[ColumnAction[\"SortingAsc\"] = 4] = \"SortingAsc\";\r\n ColumnAction[ColumnAction[\"SortingDesc\"] = 5] = \"SortingDesc\";\r\n ColumnAction[ColumnAction[\"MoveTop\"] = 6] = \"MoveTop\";\r\n ColumnAction[ColumnAction[\"MoveUp\"] = 7] = \"MoveUp\";\r\n ColumnAction[ColumnAction[\"MoveDown\"] = 8] = \"MoveDown\";\r\n ColumnAction[ColumnAction[\"MoveBottom\"] = 9] = \"MoveBottom\";\r\n ColumnAction[ColumnAction[\"Menu\"] = 10] = \"Menu\";\r\n ColumnAction[ColumnAction[\"Type\"] = 11] = \"Type\";\r\n ColumnAction[ColumnAction[\"Format\"] = 12] = \"Format\";\r\n})(ColumnAction || (ColumnAction = {}));\r\nvar ColumnRendererCP = /** @class */ (function () {\r\n function ColumnRendererCP(panel, column, slot) {\r\n this.functionMenu = null;\r\n this.formatsMenu = null;\r\n this.buttonMenu = null;\r\n this.isMouseOverBlock = false;\r\n this.keepShowingButtons = false;\r\n this.panel = panel;\r\n this.column = column;\r\n this.element = slot;\r\n }\r\n Object.defineProperty(ColumnRendererCP.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-qc';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n ColumnRendererCP.prototype.render = function () {\r\n var _this = this;\r\n this.baseAttr = this.getAttribute();\r\n if (this.getButtonsToShow().indexOf(\"sorting\") >= 0 && this.column.enabled) {\r\n this.sortingButton = this.renderSoringButton(this.column.sorting);\r\n if (this.column.sorting !== SortDirection.None) {\r\n this.sortingButton.style.display = 'block';\r\n }\r\n }\r\n var builder = domel('div');\r\n builder.data('id', this.column.id);\r\n if (this.element) {\r\n this.element.parentNode\r\n .replaceChild(builder.toDOM(), this.element);\r\n }\r\n this.element = builder.toDOM();\r\n if (this.panel.options.allowDragDrop && !browserUtils.isMobileMode()) {\r\n eqDragManager.registerDraggableItem({\r\n element: this.element,\r\n scope: \"entityAttrSort\",\r\n data: { column: this.column },\r\n beforeDragStart: function () {\r\n _this.hideButtons();\r\n },\r\n renderer: function (dragImage) {\r\n dragImage.innerHTML = '';\r\n var attrLabel = document.createElement('span');\r\n attrLabel.innerText = _this.column.caption;\r\n dragImage.classList.add('eqjs-sortable-helper');\r\n dragImage.appendChild(attrLabel);\r\n },\r\n onDragStart: function (ev) {\r\n _this.element.style.display = 'none';\r\n ev.dropEffect = DropEffect.Allow;\r\n },\r\n onDragEnd: function (ev) {\r\n if (!ev.data.finishedSuccessfully) {\r\n _this.element.style.removeProperty('display');\r\n }\r\n }\r\n });\r\n }\r\n if (this.isEditable()) {\r\n this.createFunctionMenu();\r\n this.createFormatsMenu();\r\n }\r\n this.createButtonMenu();\r\n builder\r\n .addClass(this.getClassesToAdd())\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChildElement(this.renderCheckbox())\r\n //start sort button\r\n .addChild('div', function (builder) { return builder\r\n .addClass(eqCssPrefix + \"-button-placeholder\", _this.cssPrefix + \"-button-placeholder\", _this.cssPrefix + \"-colelement\", _this.cssPrefix + \"-sortbutton-placeholder\")\r\n .addChildElement(_this.sortingButton); })\r\n // end sort button\r\n .addChildElement(this.renderExpressionBlock());\r\n if (this.panel.options.showColumnTitles !== false && !browserUtils.isMobileMode()) {\r\n builder\r\n .addChildElement(this.renderCaptionBlock());\r\n }\r\n builder\r\n //start buttons\r\n .addChild('div', function (builder) {\r\n builder\r\n .addClass(eqCssPrefix + \"-column-buttonsBlock\", _this.cssPrefix + \"-buttonsBlock\")\r\n .addClass(browserUtils.getMobileCssClass());\r\n //start enable button\r\n if (_this.getButtonsToShow().indexOf(\"enable\") >= 0 && !_this.column.isReadOnly()) {\r\n builder.addChildElement(_this.renderEnabledButton());\r\n }\r\n //end enable button\r\n //start aggr func button\r\n if (_this.getButtonsToShow().indexOf(\"type\") >= 0 && _this.column.enabled) {\r\n builder.addChildElement(_this.renderColumnTypeButton());\r\n }\r\n //end aggr func button\r\n //start format selector button\r\n if (_this.getButtonsToShow().indexOf(\"format\") >= 0 && _this.column.enabled) {\r\n builder.addChildElement(_this.renderColumnFormatButton());\r\n }\r\n //end format selector button\r\n //start delete button\r\n if (_this.getButtonsToShow().indexOf(\"delete\") >= 0 && !_this.column.isReadOnly()) {\r\n builder.addChildElement(_this.renderDeleteButton());\r\n }\r\n //end delete button\r\n //start menu button\r\n if (_this.getButtonsToShow().indexOf(\"menu\") >= 0 && !_this.column.isReadOnly()) {\r\n builder.addChildElement(_this.renderMenuButton());\r\n }\r\n //end menu button\r\n });\r\n //end buttons \r\n if (!browserUtils.isMobileMode()) {\r\n //start event listeners\r\n builder\r\n .on('mouseenter', this.onMouseEnter.bind(this))\r\n .on('mouseleave', this.onMouseLeave.bind(this));\r\n //end event listeners\r\n }\r\n if (this.panel.options.accentActiveColumn || browserUtils.isMobileMode()) {\r\n builder\r\n .on('click', this.onMouseClick.bind(this)); //touchstart\r\n }\r\n if (this.panel.options.alwaysShowButtons) {\r\n this.showButtons();\r\n }\r\n return this.element;\r\n };\r\n ColumnRendererCP.prototype.onMouseClick = function (ev) {\r\n ev.stopPropagation();\r\n this.panel.toggleColumnPicked(this.column);\r\n this.adjustButtonsVisibility();\r\n if (!browserUtils.isMobileMode()) {\r\n this.element.dispatchEvent(createBrowserEvent(\"mouseenter\"));\r\n }\r\n return false;\r\n };\r\n ColumnRendererCP.prototype.fireColumnChanged = function () {\r\n this.column.fireChangedEvent();\r\n };\r\n ColumnRendererCP.prototype.refresh = function () {\r\n this.render();\r\n };\r\n ColumnRendererCP.prototype.getAttribute = function () {\r\n var model = this.panel.getContext().getModel();\r\n return model.getAttributeByIdSafe(this.column.expr.value);\r\n };\r\n ColumnRendererCP.prototype.renderCaptionBlock = function () {\r\n var _this = this;\r\n if (!this.column.caption || this.column.caption == '') {\r\n this.column.caption = this.getDefaultColumnCaption();\r\n }\r\n var builder = domel('div')\r\n .addClass(this.cssPrefix + \"-colelement\", this.cssPrefix + \"-captionelement\")\r\n .addClass(browserUtils.getMobileCssClass());\r\n if (this.isEditable()) {\r\n builder\r\n .addChild('a', function (builder) { return builder\r\n .attr('href', 'javascript:void(0)')\r\n .title(_this.column.caption)\r\n .text(_this.column.caption)\r\n .on('click', function (ev) {\r\n ev.stopPropagation();\r\n var element = ev.target;\r\n var inputEl = element.parentElement.querySelector('input');\r\n if (inputEl) {\r\n element.style.display = 'none';\r\n inputEl.style.removeProperty('display');\r\n inputEl.style.minWidth = \"\" + element.clientWidth;\r\n inputEl.focus();\r\n _this.element.setAttribute(eqDragManager.DRAG_DISABLED_ATTR, '');\r\n }\r\n return false;\r\n }); } //TO DO:add localization and input field\r\n )\r\n .addChild('input', function (builder) { return builder\r\n .hide()\r\n .value(_this.column.caption)\r\n .on('blur keydown', function (ev) {\r\n var isEndEvent = false;\r\n var save = true;\r\n if (ev instanceof KeyboardEvent) {\r\n // Enter\r\n if (ev.keyCode === 13) {\r\n isEndEvent = true;\r\n //ESC\r\n }\r\n else if (ev.keyCode === 27) {\r\n isEndEvent = true;\r\n save = false;\r\n }\r\n }\r\n else if (ev instanceof FocusEvent) {\r\n isEndEvent = true;\r\n }\r\n if (isEndEvent) {\r\n var inputEl = ev.target;\r\n var aEl = inputEl.parentElement.querySelector('a');\r\n if (aEl) {\r\n aEl.style.removeProperty('display');\r\n inputEl.style.display = 'none';\r\n }\r\n if (save && _this.column.caption !== inputEl.value) {\r\n _this.column.caption = inputEl.value;\r\n _this.fireColumnChanged();\r\n }\r\n else {\r\n inputEl.value = _this.column.caption;\r\n safeFocus(aEl);\r\n }\r\n _this.element.removeAttribute(eqDragManager.DRAG_DISABLED_ATTR);\r\n }\r\n return true;\r\n }); });\r\n }\r\n else {\r\n builder.addChild('span', function (b) {\r\n b.text(_this.column.caption)\r\n .title(_this.column.caption);\r\n });\r\n }\r\n return builder.toDOM();\r\n };\r\n ColumnRendererCP.prototype.renderSoringButton = function (sorting) {\r\n var _this = this;\r\n var sortButtonCssClass = eqCssPrefix + \"-column-sortbutton\";\r\n var sortButtonDirectionCssClass;\r\n switch (sorting) {\r\n case SortDirection.Ascending:\r\n sortButtonDirectionCssClass = sortButtonCssClass + \"-asc\";\r\n break;\r\n case SortDirection.Descending:\r\n sortButtonDirectionCssClass = sortButtonCssClass + \"-desc\";\r\n break;\r\n default:\r\n sortButtonDirectionCssClass = sortButtonCssClass + \"-none\";\r\n break;\r\n }\r\n if (!this.isEditable()) {\r\n if (sorting === SortDirection.Ascending\r\n || sorting === SortDirection.Descending)\r\n return domel('div')\r\n .addClass(sortButtonCssClass, eqCssPrefix + \"-button\", sortButtonDirectionCssClass)\r\n .title(i18n.getText('ButtonSorting'))\r\n .toDOM();\r\n return null;\r\n }\r\n return domel('div')\r\n .addClass(sortButtonCssClass, eqCssPrefix + \"-button\", sortButtonDirectionCssClass)\r\n .data(\"btnplaceholder\", \"\")\r\n .title(i18n.getText('ButtonSorting'))\r\n .attr('tabIndex', '0')\r\n .on('click', function (ev) {\r\n ev.stopPropagation();\r\n _this.keepShowingButtons = true;\r\n var menu = _this.getUIS() ? _this.panel.sortMenu || _this.panel.moveMenu : _this.panel.moveMenu;\r\n menu.showMenu({\r\n anchor: _this.sortingButton,\r\n selectedIds: _this.column.isHidden() ? ['IsHidden'] : null,\r\n itemSelectedCallback: function (data, items) {\r\n var action;\r\n switch (data.id) {\r\n case \"IsHidden\":\r\n action = ColumnAction.Hidden;\r\n break;\r\n case \"MoveTop\":\r\n action = ColumnAction.MoveTop;\r\n break;\r\n case \"MoveDown\":\r\n action = ColumnAction.MoveDown;\r\n break;\r\n case \"MoveUp\":\r\n action = ColumnAction.MoveUp;\r\n break;\r\n case \"MoveBottom\":\r\n action = ColumnAction.MoveBottom;\r\n break;\r\n case \"None\":\r\n action = ColumnAction.SortingNone;\r\n break;\r\n case \"Ascending\":\r\n action = ColumnAction.SortingAsc;\r\n break;\r\n case \"Descending\":\r\n action = ColumnAction.SortingDesc;\r\n break;\r\n }\r\n _this.buttonMenuHandler(action, null);\r\n },\r\n menuClosedCallback: function () {\r\n _this.keepShowingButtons = false;\r\n if (!_this.isMouseOverBlock) {\r\n _this.leaveButtonBlock();\r\n }\r\n }\r\n });\r\n })\r\n .on('keypress', function (evt) { if (evt.keyCode == 13) {\r\n evt.target.click();\r\n } })\r\n .toDOM();\r\n };\r\n ColumnRendererCP.prototype.renderCheckbox = function () {\r\n var _this = this;\r\n if (this.panel.options.showCheckboxes && !this.column.isReadOnly()) {\r\n return domel(\"div\")\r\n .title(i18n.getText('CmdToggleEnable'))\r\n .attr('tabIndex', '0')\r\n .addClass(this.cssPrefix + \"-colelement \" + this.cssPrefix + \"-column-checkbox\")\r\n .addClass(\"\" + (this.column.enabled ? 'enabled' : ''))\r\n .on('click', function () {\r\n _this.column.enabled = !_this.column.enabled;\r\n _this.column.fireChangedEvent();\r\n return false;\r\n })\r\n .on('keypress', function (evt) { if ([13, 32].includes(evt.keyCode)) {\r\n evt.target.click();\r\n } })\r\n .toDOM();\r\n }\r\n else {\r\n return null;\r\n }\r\n };\r\n ColumnRendererCP.prototype.renderDeleteButton = function () {\r\n var _this = this;\r\n return domel('div')\r\n .addClass(eqCssPrefix + \"-button-placeholder\", this.cssPrefix + \"-button-placeholder\", this.cssPrefix + \"-deletebutton-placeholder\")\r\n .data(\"btnplaceholder\", \"\")\r\n .addChild('div', function (b) { return b\r\n .addClass(eqCssPrefix + \"-button\", eqCssPrefix + \"-column-button\", eqCssPrefix + \"-column-button-delete\")\r\n .title(i18n.getText('CmdDelete'))\r\n .attr('tabIndex', '0')\r\n .on('click', function (ev) { return _this.buttonMenuHandler(ColumnAction.Delete, ev); }) //touchstart\r\n .on('keypress', function (evt) { if (evt.keyCode == 13) {\r\n evt.target.click();\r\n } }); })\r\n .toDOM();\r\n };\r\n ColumnRendererCP.prototype.renderMenuButton = function () {\r\n var _this = this;\r\n return domel('div')\r\n .addClass(eqCssPrefix + \"-button-placeholder\", this.cssPrefix + \"-button-placeholder\", this.cssPrefix + \"-menubutton-placeholder\")\r\n .data(\"btnplaceholder\", \"\")\r\n .addChild('div', function (b) { return b\r\n .addClass(eqCssPrefix + \"-button\", eqCssPrefix + \"-column-button\", eqCssPrefix + \"-column-button-menu\")\r\n .title(i18n.getText('ButtonMenu'))\r\n .attr('tabIndex', '0')\r\n .on('click', function (evt) { return _this.buttonMenuHandler(ColumnAction.Menu, evt); }) //touchstart \r\n .on('keypress', function (evt) { if (evt.keyCode == 13) {\r\n evt.target.click();\r\n } }); })\r\n .toDOM();\r\n };\r\n ColumnRendererCP.prototype.getDefaultColumnCaption = function () {\r\n return this.getDefaultTitleText(this.baseAttr);\r\n };\r\n ColumnRendererCP.prototype.getDefaultTitleText = function (attr) {\r\n return this.getAttributeCaption(attr, this.panel.options.titleElementFormat);\r\n };\r\n ColumnRendererCP.prototype.getAttributeCaption = function (attr, format) {\r\n format = format || this.panel.options.attrElementFormat;\r\n var model = this.panel.getContext().getModel();\r\n return model.getAttributeText(attr, format);\r\n };\r\n ColumnRendererCP.prototype.getClassesToAdd = function () {\r\n var result = \"\";\r\n result += this.column.enabled ? '' : \" \" + this.cssPrefix + \"-disabled\";\r\n if (this.column.enabled) {\r\n result += this.column.isReadOnly() ? \" \" + this.cssPrefix + \"-readonly\" : '';\r\n }\r\n result += this.column.isHidden() ? \" \" + this.cssPrefix + \"-hidden\" : '';\r\n return result;\r\n };\r\n ColumnRendererCP.prototype.renderColumnTypeButton = function () {\r\n var _this = this;\r\n return (this.isEditable() && this.panel.options.allowAggrColumns !== false)\r\n ? domel('div')\r\n .addClass(eqCssPrefix + \"-button-placeholder\", this.cssPrefix + \"-button-placeholder\", this.cssPrefix + \"-typebutton-placeholder\", this.cssPrefix + \"-button-active\")\r\n .data(\"btnplaceholder\", \"\")\r\n .addChild('div', function (b) { return b\r\n .addClass(eqCssPrefix + \"-button\", eqCssPrefix + \"-column-button\", eqCssPrefix + \"-column-button-type\")\r\n .title(i18n.getText('ButtonToAggr'))\r\n .attr('tabIndex', '0')\r\n .on('click', function (ev) {\r\n ev.stopPropagation();\r\n _this.keepShowingButtons = true;\r\n _this.changeTypeHandler(ev);\r\n })\r\n .on('keypress', function (evt) { if (evt.keyCode == 13) {\r\n evt.target.click();\r\n } }); })\r\n .toDOM()\r\n : null;\r\n };\r\n ColumnRendererCP.prototype.renderColumnFormatButton = function () {\r\n var _this = this;\r\n var formatItems = this.getFormatsMenuItems();\r\n return (this.isEditable() && this.panel.options.allowDisplayFormatChange !== false && formatItems.length > 1)\r\n ? domel('div')\r\n .addClass(eqCssPrefix + \"-button-placeholder\", this.cssPrefix + \"-button-placeholder\", this.cssPrefix + \"-formatbutton-placeholder\", this.cssPrefix + \"-button-active\")\r\n .data(\"btnplaceholder\", \"\")\r\n .addChild('div', function (b) { return b\r\n .addClass(eqCssPrefix + \"-button\", eqCssPrefix + \"-column-button\", eqCssPrefix + \"-column-button-format\")\r\n .title(i18n.getText('ButtonFormat'))\r\n .attr('tabIndex', '0')\r\n .on('click', function (ev) {\r\n ev.stopPropagation();\r\n _this.keepShowingButtons = true;\r\n _this.changeFormatHandler(ev);\r\n })\r\n .on('keypress', function (evt) { if (evt.keyCode == 13) {\r\n evt.target.click();\r\n } }); })\r\n .toDOM()\r\n : null;\r\n };\r\n ColumnRendererCP.prototype.renderEnabledButton = function () {\r\n var _this = this;\r\n return domel('div')\r\n .addClass(eqCssPrefix + \"-button-placeholder\", this.cssPrefix + \"-button-placeholder\", this.cssPrefix + \"-enablebutton-placeholder\", this.cssPrefix + \"-button-active\")\r\n .data(\"btnplaceholder\", \"\")\r\n .addChild('div', function (b) { return b\r\n .addClass(eqCssPrefix + \"-button\", eqCssPrefix + \"-column-button\", eqCssPrefix + \"-column-button-enable\")\r\n .title(i18n.getText('CmdToggleEnable'))\r\n .addClass(_this.column.enabled ? 'enabled' : '')\r\n .attr('tabIndex', '0')\r\n .on('click', function (evt) { return _this.buttonMenuHandler(ColumnAction.Enable, evt); }) //touchstart\r\n .on('keypress', function (evt) { if (evt.keyCode == 13) {\r\n evt.target.click();\r\n } }); }).toDOM();\r\n };\r\n ColumnRendererCP.prototype.isEditable = function () {\r\n return this.column.enabled && !this.column.isReadOnly();\r\n };\r\n ColumnRendererCP.prototype.changeFormatHandler = function (ev) {\r\n var _this = this;\r\n var formats = this.panel\r\n .getContext()\r\n .getModel()\r\n .getDisplayFormatsForType(this.column.getDataType());\r\n var itemId = '{0:__default}';\r\n if (formats.filter(function (f) { return f.format == _this.column.displayFormat; }).length > 0) {\r\n itemId = this.column.displayFormat;\r\n }\r\n this.formatsMenu.showMenu({\r\n anchor: ev.target,\r\n selectedIds: itemId,\r\n itemSelectedCallback: function (data, items) {\r\n if (data.id != itemId) {\r\n if (data.id == '{0:__default}') {\r\n _this.column.displayFormat = '';\r\n }\r\n else {\r\n _this.column.displayFormat = data.id;\r\n }\r\n _this.column.fireChangedEvent();\r\n }\r\n return false;\r\n },\r\n menuClosedCallback: function () {\r\n _this.keepShowingButtons = false;\r\n if (!_this.isMouseOverBlock) {\r\n _this.element.dispatchEvent(createBrowserEvent('mouseleave'));\r\n }\r\n }\r\n });\r\n };\r\n ColumnRendererCP.prototype.getUIS = function () {\r\n return this.panel\r\n .getContext().getModel()\r\n .checkAttrProperty(this.column.expr.value, \"useInSorting\");\r\n };\r\n ColumnRendererCP.prototype.onMouseEnter = function (e) {\r\n this.isMouseOverBlock = true;\r\n this.enterButtonBlock();\r\n e.stopPropagation();\r\n return false;\r\n };\r\n ColumnRendererCP.prototype.onMouseLeave = function (e) {\r\n this.isMouseOverBlock = false;\r\n this.leaveButtonBlock();\r\n e.stopPropagation();\r\n return false;\r\n };\r\n ColumnRendererCP.prototype.isColumnActive = function () {\r\n return this.element.classList.contains(\"active\");\r\n };\r\n ColumnRendererCP.prototype.hideButtons = function () {\r\n domel(this.element).data(\"show-buttons\", null);\r\n };\r\n ColumnRendererCP.prototype.showButtons = function () {\r\n domel(this.element).data(\"show-buttons\", \"\");\r\n };\r\n ColumnRendererCP.prototype.adjustButtonsVisibility = function () {\r\n if (this.panel.options.alwaysShowButtons ||\r\n ((this.panel.options.accentActiveColumn || browserUtils.isMobileMode())\r\n && this.isColumnActive())) {\r\n this.showButtons();\r\n }\r\n };\r\n ColumnRendererCP.prototype.enterButtonBlock = function () {\r\n this.showButtons();\r\n };\r\n ColumnRendererCP.prototype.leaveButtonBlock = function () {\r\n if (!this.keepShowingButtons && this.panel.options.alwaysShowButtons !== true && (!this.isColumnActive() || this.panel.options.accentActiveColumn != true)) {\r\n this.hideButtons();\r\n }\r\n };\r\n ColumnRendererCP.prototype.createFunctionMenu = function () {\r\n var items = [];\r\n var funcs = this.panel.getContext().getModel().getAggrFunctions();\r\n var funcAllowed = true;\r\n var item = null;\r\n var colDataType = this.column.getDataType();\r\n var funcCaption;\r\n for (var _i = 0, funcs_1 = funcs; _i < funcs_1.length; _i++) {\r\n var func = funcs_1[_i];\r\n if (!func)\r\n continue;\r\n var toInclude = func.getAppliedTypesOrDefault().indexOf(colDataType) >= 0;\r\n if (this.column.expr.func === func.id && !toInclude) {\r\n funcAllowed = false;\r\n }\r\n if (toInclude) {\r\n funcCaption = this.panel.getContext().getModel()\r\n .getAggrFunctionCaption(func.id);\r\n item = {\r\n id: func.id,\r\n text: funcCaption\r\n };\r\n items.push(item);\r\n }\r\n }\r\n if (!funcAllowed) {\r\n this.column.expr.func = items[0].id;\r\n }\r\n //Add \"Custom Expression\" menu\r\n var columnsPanel = this.panel;\r\n if (columnsPanel.areCustomExpressionsAllowed()) {\r\n item = {\r\n id: 'CustomSqlDivider',\r\n text: '---'\r\n };\r\n items.push(item);\r\n funcCaption = i18n.getText('CustomExpression');\r\n item = {\r\n id: 'CUSTOMSQL',\r\n text: funcCaption\r\n };\r\n items.push(item);\r\n }\r\n var menuId = this.column.id;\r\n if (menuId) {\r\n menuId += '-FunctionsMenu';\r\n }\r\n var menuOptions = {\r\n items: items,\r\n id: menuId,\r\n searchBoxAlwaysShown: false,\r\n domWriteItemsId: true //this.panel.options.domWriteItemsId\r\n };\r\n this.functionMenu = new PopupMenu(menuOptions);\r\n };\r\n ColumnRendererCP.prototype.createFormatsMenu = function () {\r\n if (this.panel.options.allowDisplayFormatChange == false)\r\n return;\r\n var menuId = this.column.id;\r\n if (menuId) {\r\n menuId += '-FormatsMenu';\r\n }\r\n var items = this.getFormatsMenuItems();\r\n var menuOptions = {\r\n items: items,\r\n id: menuId,\r\n searchBoxAlwaysShown: false,\r\n showSelected: true,\r\n domWriteItemsId: true //this.panel.options.domWriteItemsId\r\n };\r\n this.formatsMenu = new PopupMenu(menuOptions);\r\n };\r\n ColumnRendererCP.prototype.getFormatsMenuItems = function () {\r\n var formats = this.panel.getContext().getModel()\r\n .getDisplayFormatsForType(this.column.getDataType());\r\n return [{ id: '{0:__default}', text: \"Default\" }]\r\n .concat(formats.map(function (format) { return ({ id: format.format, text: i18n.getText(\"DisplayFormats\", format.name) || format.name }); }));\r\n };\r\n ColumnRendererCP.prototype.getButtonsToShow = function () {\r\n return this.panel.options.buttons && Array.isArray(this.panel.options.buttons) ? this.panel.options.buttons : [\"enable\", \"delete\", \"type\", \"sorting\", \"format\"];\r\n };\r\n ColumnRendererCP.prototype.buttonMenuHandler = function (action, evt) {\r\n var _this = this;\r\n switch (action) {\r\n case ColumnAction.Delete:\r\n var curQuery = this.column.getQuery();\r\n curQuery.removeColumn(this.column, this.panel);\r\n curQuery.fireColumnsChangedEvent(QueryChangeAction.Delete, this.column);\r\n break;\r\n case ColumnAction.Enable:\r\n this.column.enabled = !this.column.enabled;\r\n this.fireColumnChanged();\r\n break;\r\n case ColumnAction.Hidden:\r\n this.column.setHidden(!this.column.isHidden());\r\n this.fireColumnChanged();\r\n break;\r\n case ColumnAction.MoveTop:\r\n this.panel.moveColumn(this.column, \"MoveTop\");\r\n break;\r\n case ColumnAction.MoveBottom:\r\n this.panel.moveColumn(this.column, \"MoveBottom\");\r\n break;\r\n case ColumnAction.MoveUp:\r\n this.panel.moveColumn(this.column, \"MoveUp\");\r\n break;\r\n case ColumnAction.MoveDown:\r\n this.panel.moveColumn(this.column, \"MoveDown\");\r\n break;\r\n case ColumnAction.SortingAsc:\r\n this.column.sorting = SortDirection.Ascending;\r\n this.column.fireChangedEvent();\r\n break;\r\n case ColumnAction.SortingDesc:\r\n this.column.sorting = SortDirection.Descending;\r\n this.column.fireChangedEvent();\r\n break;\r\n case ColumnAction.SortingNone:\r\n this.column.sorting = SortDirection.None;\r\n this.column.fireChangedEvent();\r\n break;\r\n case ColumnAction.Menu:\r\n var colMenu = this.buttonMenu;\r\n this.keepShowingButtons = true;\r\n colMenu.showMenu({\r\n anchor: evt ? evt.target : null,\r\n selectedIds: this.getButtonMenuSelectedItems(),\r\n itemSelectedCallback: function (item) {\r\n var action = item.id;\r\n switch (item.id) {\r\n case \"enable\":\r\n action = ColumnAction.Enable;\r\n break;\r\n case \"delete\":\r\n action = ColumnAction.Delete;\r\n break;\r\n case \"hidden\":\r\n action = ColumnAction.Hidden;\r\n break;\r\n case \"MoveTop\":\r\n action = ColumnAction.MoveTop;\r\n break;\r\n case \"MoveBottom\":\r\n action = ColumnAction.MoveBottom;\r\n break;\r\n case \"MoveUp\":\r\n action = ColumnAction.MoveUp;\r\n break;\r\n case \"MoveDown\":\r\n action = ColumnAction.MoveDown;\r\n break;\r\n case \"None\":\r\n action = ColumnAction.SortingNone;\r\n break;\r\n case \"Ascending\":\r\n action = ColumnAction.SortingAsc;\r\n break;\r\n case \"Descending\":\r\n action = ColumnAction.SortingAsc;\r\n break;\r\n }\r\n _this.buttonMenuHandler(action, evt);\r\n },\r\n itemFilterCallback: function (item) {\r\n var result = _this.column.enabled || item.id === \"__group\" || item.id === \"enable\" || item.id === \"delete\";\r\n return result;\r\n },\r\n menuClosedCallback: function () {\r\n _this.keepShowingButtons = false;\r\n if (!_this.isMouseOverBlock)\r\n _this.leaveButtonBlock();\r\n }\r\n });\r\n break;\r\n default:\r\n if (!this.processFormatsButtonMenuItems(action, evt))\r\n this.processExtraButtonMenuItems(action, evt);\r\n break;\r\n }\r\n evt && evt.stopPropagation();\r\n return false;\r\n };\r\n ColumnRendererCP.prototype.createButtonMenu = function () {\r\n if (!this.buttonMenu) {\r\n var menuId = this.column.id;\r\n if (menuId) {\r\n menuId += '-ButtonMenu';\r\n }\r\n var common = [];\r\n common.push({\r\n id: \"enable\",\r\n text: i18n.getText('MenuEnable')\r\n });\r\n if (this.panel.options.allowHiddenColumns) {\r\n common.push({\r\n id: \"hidden\",\r\n text: i18n.getText('CmdHiddenColumn')\r\n });\r\n }\r\n common.push({\r\n id: \"delete\",\r\n text: i18n.getText('CmdDelete')\r\n });\r\n var items = [];\r\n items.push({\r\n id: '__group',\r\n text: ' ',\r\n items: common\r\n });\r\n var sortItems = this.panel.options.allowSorting ? __spreadArrays(this.panel.getSortMenuList(), this.panel.getMoveMenuList()) :\r\n this.panel.getMoveMenuList();\r\n items.push({\r\n id: '__group',\r\n text: i18n.getText('CmdGroupSort'),\r\n items: sortItems\r\n });\r\n var extra = this.getExtraButtonMenuItems();\r\n if (extra && Array.isArray(extra)) {\r\n items = __spreadArrays(items, extra);\r\n }\r\n var formatItems = this.getFormatsMenuItems();\r\n if (formatItems.length > 1) {\r\n items.push({\r\n id: '__group',\r\n text: i18n.getText('CmdGroupFormat'),\r\n items: formatItems\r\n });\r\n }\r\n var menuOptions = {\r\n items: items,\r\n id: menuId,\r\n searchBoxAlwaysShown: false,\r\n domWriteItemsId: true,\r\n showSelected: true\r\n };\r\n this.buttonMenu = new PopupMenu(menuOptions);\r\n }\r\n };\r\n ColumnRendererCP.prototype.processFormatsButtonMenuItems = function (action, evt) {\r\n var formats = this.panel\r\n .getContext().getModel()\r\n .getDisplayFormatsForType(this.column.getDataType());\r\n if (action == '{0:__default}') {\r\n this.column.displayFormat = '';\r\n }\r\n else if (formats.filter(function (f) { return f.format == action; }).length > 0) {\r\n this.column.displayFormat = action;\r\n }\r\n else {\r\n return false;\r\n }\r\n this.column.fireChangedEvent();\r\n return true;\r\n };\r\n ColumnRendererCP.prototype.getButtonMenuSelectedItems = function () {\r\n var _this = this;\r\n var arrSelected = [];\r\n if (this.column.enabled) {\r\n arrSelected.push(\"enable\");\r\n }\r\n ;\r\n if (this.column.isHidden()) {\r\n arrSelected.push(\"hidden\");\r\n }\r\n ;\r\n var formats = this.panel\r\n .getContext()\r\n .getModel()\r\n .getDisplayFormatsForType(this.column.getDataType());\r\n var formatId = '{0:__default}';\r\n if (formats.filter(function (f) { return f.format == _this.column.displayFormat; }).length > 0) {\r\n formatId = this.column.displayFormat;\r\n }\r\n arrSelected.push(formatId);\r\n return arrSelected;\r\n };\r\n return ColumnRendererCP;\r\n}());\r\nexport { ColumnRendererCP };\r\n//# sourceMappingURL=column_renderer_cp.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n, DataType } from '@easydata/core';\r\nimport { ExprTag } from '@easyquery/core';\r\nimport { domel, eqDragManager } from '@easydata/ui';\r\nimport { SimpleColumnRendererCP } from './simple_column_renderer';\r\nimport { browserUtils } from '../../../utils/browser_utils';\r\nimport { PopupMenu } from '../../../utils/popup_menu';\r\nvar CustomSqlColumnRendererCP = /** @class */ (function (_super) {\r\n __extends(CustomSqlColumnRendererCP, _super);\r\n function CustomSqlColumnRendererCP() {\r\n var _this = _super !== null && _super.apply(this, arguments) || this;\r\n _this.dataTypeMenu = null;\r\n return _this;\r\n }\r\n CustomSqlColumnRendererCP.prototype.getClassesToAdd = function () {\r\n return this.cssPrefix + \"-row \" + this.cssPrefix + \"-row-column-entattr\" + _super.prototype.getClassesToAdd.call(this);\r\n };\r\n CustomSqlColumnRendererCP.prototype.renderColumnTypeButton = function () {\r\n var button = _super.prototype.renderColumnTypeButton.call(this);\r\n if (button) {\r\n button.firstElementChild.classList.add('aggregated');\r\n button.firstElementChild.setAttribute('title', i18n.getText('ButtonToSimple'));\r\n }\r\n return button;\r\n };\r\n CustomSqlColumnRendererCP.prototype.renderExpressionBlock = function () {\r\n var _this = this;\r\n if (!this.column.caption || this.column.caption == '') {\r\n this.column.caption = this.getDefaultColumnCaption();\r\n }\r\n var exprBlock = domel(\"div\")\r\n .addClass(this.cssPrefix + \"-expr-block\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .toDOM();\r\n //Attribute element\r\n var builder = domel('div', exprBlock)\r\n .addClass(this.cssPrefix + \"-colelement\", this.cssPrefix + \"-attrelement\")\r\n .addClass(browserUtils.getMobileCssClass());\r\n if (this.isEditable()) {\r\n builder\r\n .addChild('a', function (b) { return b\r\n .attr('href', 'javascript:void(0)')\r\n .title(_this.column.caption)\r\n .text(_this.column.caption)\r\n .on('touchstart click', function (ev) {\r\n ev.stopPropagation();\r\n var element = ev.target;\r\n var inputEl = element.parentElement.querySelector('input');\r\n if (inputEl) {\r\n element.style.display = 'none';\r\n inputEl.style.removeProperty('display');\r\n inputEl.style.width = \"100%\";\r\n inputEl.focus();\r\n _this.element.setAttribute(eqDragManager.DRAG_DISABLED_ATTR, '');\r\n }\r\n }); } //TO DO:add localization and input field\r\n )\r\n .addChild('input', function (b) { return b\r\n .hide()\r\n .value(_this.column.expr.sql)\r\n .on('blur keydown', function (ev) {\r\n var isEndEvent = false;\r\n var save = true;\r\n if (ev instanceof KeyboardEvent) {\r\n // Enter\r\n if (ev.keyCode === 13) {\r\n isEndEvent = true;\r\n //ESC\r\n }\r\n else if (ev.keyCode === 27) {\r\n isEndEvent = true;\r\n save = false;\r\n }\r\n }\r\n else if (ev instanceof FocusEvent) {\r\n isEndEvent = true;\r\n }\r\n if (isEndEvent) {\r\n var inputEl = ev.target;\r\n var aEl = inputEl.parentElement.querySelector('a');\r\n if (aEl) {\r\n aEl.style.removeProperty('display');\r\n inputEl.style.display = 'none';\r\n }\r\n if (save && _this.column.expr.sql !== inputEl.value) {\r\n _this.column.expr.sql = inputEl.value;\r\n _this.fireColumnChanged();\r\n }\r\n else {\r\n inputEl.value = _this.column.expr.sql;\r\n }\r\n _this.element.removeAttribute(eqDragManager.DRAG_DISABLED_ATTR);\r\n }\r\n }); });\r\n }\r\n else {\r\n builder\r\n .addChild('span', function (b) {\r\n b.text(_this.column.caption)\r\n .title(_this.column.caption);\r\n });\r\n }\r\n // Colon element\r\n builder = domel('div', exprBlock)\r\n .addClass(this.cssPrefix + \"-colelement\")\r\n .addChild('span', function (b) {\r\n b.text(':')\r\n .title(':');\r\n });\r\n // DataType element\r\n builder = domel('div', exprBlock)\r\n .addClass(this.cssPrefix + \"-colelement\", this.cssPrefix + \"-attrelement\")\r\n .addClass(browserUtils.getMobileCssClass());\r\n if (this.isEditable()) {\r\n this.createDataTypeMenu();\r\n builder\r\n .addChild('a', function (dataTypeLink) { return dataTypeLink\r\n .attr('href', 'javascript:void(0)')\r\n .title(DataType[_this.column.expr.dataType])\r\n .text(DataType[_this.column.expr.dataType])\r\n .on('touchstart click', function (ev) {\r\n ev.stopPropagation();\r\n _this.dataTypeMenu.showMenu({\r\n anchor: dataTypeLink.toDOM(),\r\n selectedIds: null,\r\n itemSelectedCallback: function (data, items) {\r\n _this.column.expr.dataType = data.id;\r\n _this.fireColumnChanged();\r\n }\r\n });\r\n }); });\r\n }\r\n else {\r\n this.column.expr.dataType;\r\n builder\r\n .addChild('span', function (b) {\r\n b.text(DataType[_this.column.expr.dataType])\r\n .title(DataType[_this.column.expr.dataType]);\r\n });\r\n }\r\n return exprBlock;\r\n };\r\n CustomSqlColumnRendererCP.prototype.changeTypeToSimple = function () {\r\n var query = this.column.getQuery();\r\n query.changeColumnType(this.column, ExprTag.EntityAttribute);\r\n this.fireColumnChanged();\r\n };\r\n CustomSqlColumnRendererCP.prototype.getDefaultColumnCaption = function () {\r\n return \"Custom SQL Column\";\r\n };\r\n CustomSqlColumnRendererCP.prototype.getDefaultValue = function () {\r\n return this.column.expr.sql;\r\n };\r\n CustomSqlColumnRendererCP.prototype.getUIS = function () {\r\n return true;\r\n };\r\n CustomSqlColumnRendererCP.prototype.changeTypeHandler = function (ev) {\r\n this.changeTypeToSimple();\r\n };\r\n CustomSqlColumnRendererCP.prototype.processExtraButtonMenuItems = function (action, evt) {\r\n this.changeTypeToSimple();\r\n return true;\r\n };\r\n CustomSqlColumnRendererCP.prototype.createFunctionMenu = function () {\r\n // Nothing TO DO\r\n };\r\n CustomSqlColumnRendererCP.prototype.getExtraButtonMenuItems = function () {\r\n return [{\r\n id: '__group',\r\n text: i18n.getText('ColTypeGroup'),\r\n items: [{\r\n id: 'type',\r\n text: i18n.getText('ColTypeSimple')\r\n }]\r\n }];\r\n };\r\n CustomSqlColumnRendererCP.prototype.createDataTypeMenu = function () {\r\n var items = [];\r\n for (var typeItem in DataType) {\r\n if (!isNaN(Number(typeItem))) {\r\n var item = {\r\n id: typeItem,\r\n text: DataType[typeItem]\r\n };\r\n items.push(item);\r\n }\r\n }\r\n var menuId = this.column.id;\r\n if (menuId) {\r\n menuId += '-DataTypeMenu';\r\n }\r\n var menuOptions = {\r\n items: items,\r\n id: menuId,\r\n searchBoxAlwaysShown: false,\r\n domWriteItemsId: true\r\n };\r\n this.dataTypeMenu = new PopupMenu(menuOptions);\r\n };\r\n return CustomSqlColumnRendererCP;\r\n}(SimpleColumnRendererCP));\r\nexport { CustomSqlColumnRendererCP };\r\n//# sourceMappingURL=customsql_column_renderer.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { ExprTag } from '@easyquery/core';\r\nimport { SimpleColumnRendererCB } from './simple_column_renderer';\r\nvar AggrFuncColumnRendererCB = /** @class */ (function (_super) {\r\n __extends(AggrFuncColumnRendererCB, _super);\r\n function AggrFuncColumnRendererCB() {\r\n return _super !== null && _super.apply(this, arguments) || this;\r\n }\r\n AggrFuncColumnRendererCB.prototype.getClassesToAdd = function () {\r\n return _super.prototype.getClassesToAdd.call(this) + \" \" + this.cssPrefix + \"-row \" + this.cssPrefix + \"-row-column-aggr\";\r\n };\r\n AggrFuncColumnRendererCB.prototype.getAttribute = function () {\r\n return this.bar\r\n .getContext()\r\n .getModel()\r\n .getAttributeByIdSafe(this.column.expr.args[0].value);\r\n };\r\n AggrFuncColumnRendererCB.prototype.getDefaultCaption = function () {\r\n return this.getDefaultTitleText(this.baseAttr) + ' '\r\n + this.bar.getContext().getModel().getAggrFunctionCaption(this.column.expr.func);\r\n };\r\n AggrFuncColumnRendererCB.prototype.renderColumnTypeButton = function () {\r\n var button = _super.prototype.renderColumnTypeButton.call(this);\r\n if (button) {\r\n button.classList.add('aggregated');\r\n button.title = i18n.getText('ButtonToSimple');\r\n }\r\n return button;\r\n };\r\n AggrFuncColumnRendererCB.prototype.baseExpressionItemSelectedCallback = function (data, item) {\r\n var attrid = data.id;\r\n //this.column.expr.args[0].id = attrid;\r\n this.column.expr.args[0].setValue(attrid, true);\r\n this.column.caption = '';\r\n this.fireColumnChanged();\r\n };\r\n AggrFuncColumnRendererCB.prototype.changeTypeToSimple = function () {\r\n var query = this.column.getQuery();\r\n query.changeColumnType(this.column, ExprTag.EntityAttribute);\r\n this.fireColumnChanged();\r\n };\r\n AggrFuncColumnRendererCB.prototype.changeColumnTypeHandler = function (ev) {\r\n this.changeTypeToSimple();\r\n };\r\n return AggrFuncColumnRendererCB;\r\n}(SimpleColumnRendererCB));\r\nexport { AggrFuncColumnRendererCB };\r\n//# sourceMappingURL=aggrfunc_column_renderer.js.map","import { i18n } from '@easydata/core';\r\nimport { QueryChangeAction, SortDirection } from '@easyquery/core';\r\nimport { eqDragManager, DropEffect, createBrowserEvent, domel } from '@easydata/ui';\r\nimport { eqCssPrefix } from '../../../utils/utils';\r\nimport { browserUtils } from '../../../utils/browser_utils';\r\nimport { PopupMenu } from '../../../utils/popup_menu';\r\nvar ColumnRendererCB = /** @class */ (function () {\r\n function ColumnRendererCB(panel, column, slot) {\r\n this.functionMenu = null;\r\n this.formatsMenu = null;\r\n this.isMouseOverBlock = false;\r\n this.keepShowingButtons = false;\r\n this.tapedTwice = false;\r\n this.bar = panel;\r\n this.column = column;\r\n this.element = slot;\r\n }\r\n Object.defineProperty(ColumnRendererCB.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-cb';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n ColumnRendererCB.prototype.render = function () {\r\n var _this = this;\r\n this.baseAttr = this.getAttribute();\r\n var builder = domel('div');\r\n builder.data('id', this.column.id);\r\n if (this.element) {\r\n //to remove all event listeners\r\n this.element.parentNode\r\n .replaceChild(builder.toDOM(), this.element);\r\n }\r\n this.element = builder.toDOM();\r\n if (this.bar.options.allowDragDrop) {\r\n eqDragManager.registerDraggableItem({\r\n element: this.element,\r\n scope: \"entityAttrSort\",\r\n beforeDragStart: function () { return _this.element.dispatchEvent(createBrowserEvent('mouseleave')); },\r\n onDragStart: function (ev) {\r\n _this.hideButtons();\r\n _this.element.style.display = 'none';\r\n ev.dropEffect = DropEffect.Allow;\r\n },\r\n onDragEnd: function (ev) {\r\n if (!ev.data.finishedSuccessfully) {\r\n _this.element.removeAttribute('style');\r\n }\r\n },\r\n data: { column: this.column }\r\n });\r\n }\r\n if (!this.column.isReadOnly()) {\r\n this.createFunctionMenu();\r\n this.createFormatsMenu();\r\n }\r\n builder\r\n .addClass(this.getClassesToAdd())\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChildElement(this.renderCaptionBlock())\r\n .addChildElement(this.renderSortingImage());\r\n if (!browserUtils.isMobileMode()) {\r\n builder\r\n .addChildElement(this.renderButtonsBlock());\r\n }\r\n //start event listeners\r\n builder\r\n .on('mouseenter', this.onMouseEnter.bind(this))\r\n .on('mouseleave', this.onMouseLeave.bind(this));\r\n //end event listeners\r\n if (this.bar.options.accentActiveColumn || browserUtils.isMobileMode()) {\r\n builder\r\n .on('touchstart click', this.onMouseClick.bind(this));\r\n }\r\n return this.element;\r\n };\r\n ColumnRendererCB.prototype.fireColumnChanged = function () {\r\n this.column.fireChangedEvent();\r\n };\r\n ColumnRendererCB.prototype.refresh = function () {\r\n this.render();\r\n };\r\n ColumnRendererCB.prototype.getAttribute = function () {\r\n var model = this.bar.getContext().getModel();\r\n return model.getAttributeByIdSafe(this.column.expr.value);\r\n };\r\n ColumnRendererCB.prototype.isEditable = function () {\r\n return this.column.enabled && !this.column.isReadOnly();\r\n };\r\n ColumnRendererCB.prototype.renderButtonsBlock = function () {\r\n return domel('div', this.element)\r\n .addClass(eqCssPrefix + \"-column-buttonsBlock\", this.cssPrefix + \"-buttonsBlock\")\r\n .addChildElement(this.renderSortingButton())\r\n .addChildElement(this.renderColumnTypeButton())\r\n .addChildElement(this.renderColumnFormatButton())\r\n .addChildElement(this.renderDeleteButton())\r\n .toDOM();\r\n };\r\n ColumnRendererCB.prototype.renderCaptionBlock = function () {\r\n var _this = this;\r\n if (!this.column.caption || this.column.caption == '') {\r\n this.column.caption = this.getDefaultCaption();\r\n }\r\n var model = this.column.getModel();\r\n var caption = this.baseAttr !== model.nullAttribute\r\n ? this.column.caption\r\n : model.getAttributeText(model.nullAttribute, '{attr}');\r\n if (!this.isEditable()) {\r\n return domel('div')\r\n .addClass(this.cssPrefix + \"-colelement\", this.cssPrefix + \"-captionelement\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChild('div', function (b) { return b\r\n .title(_this.column.caption)\r\n .text(caption)\r\n .attr('tabIndex', '0'); })\r\n .toDOM();\r\n }\r\n var tapHandler = function (ev) {\r\n if (!_this.tapedTwice) {\r\n _this.tapedTwice = true;\r\n setTimeout(function () { _this.tapedTwice = false; }, 300);\r\n }\r\n };\r\n var isFocused = false;\r\n domel(this.element).on('touchstart dblclick', function (ev) {\r\n if (ev instanceof TouchEvent && !_this.tapedTwice) {\r\n tapHandler(ev);\r\n return true;\r\n }\r\n ev.stopPropagation();\r\n isFocused = _this.element.querySelector('a') == document.activeElement;\r\n var inputEl = _this.element.querySelector(\".\" + _this.cssPrefix + \"-captionelement input\");\r\n var aEl = _this.element.querySelector(\".\" + _this.cssPrefix + \"-captionelement a\");\r\n if (inputEl) {\r\n inputEl.style.width = _this.element.clientWidth + \"px\";\r\n aEl.style.display = 'none';\r\n inputEl.style.removeProperty('display');\r\n inputEl.focus();\r\n _this.element.setAttribute(eqDragManager.DRAG_DISABLED_ATTR, '');\r\n }\r\n return false;\r\n }); //TO DO:add localization and input field);\r\n return domel('div')\r\n .addClass(this.cssPrefix + \"-colelement\", this.cssPrefix + \"-captionelement\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChild('a', function (builder) { return builder\r\n .attr('href', 'javascript:void(0)')\r\n .title(_this.column.caption)\r\n .text(caption)\r\n .on('keydown', function (e) {\r\n var evt = e;\r\n var isCtrlEnter = (evt.ctrlKey || evt.metaKey) && (evt.keyCode == 13 || evt.keyCode == 10);\r\n if (isCtrlEnter && _this.isColumnActive()) {\r\n var clickEvent = document.createEvent('MouseEvents');\r\n clickEvent.initEvent('dblclick', true, true);\r\n _this.element.dispatchEvent(clickEvent);\r\n evt.stopPropagation();\r\n return false;\r\n }\r\n return true;\r\n }); })\r\n .addChild('input', function (builder) { return builder\r\n .hide()\r\n .value(_this.column.caption)\r\n .on('blur keydown', function (ev) {\r\n var isEndEvent = false;\r\n var save = true;\r\n if (ev instanceof KeyboardEvent) {\r\n // Enter\r\n if (ev.keyCode === 13) {\r\n isEndEvent = true;\r\n //ESC\r\n }\r\n else if (ev.keyCode === 27) {\r\n isEndEvent = true;\r\n save = false;\r\n }\r\n }\r\n else if (ev instanceof FocusEvent) {\r\n isEndEvent = true;\r\n }\r\n if (isEndEvent) {\r\n var inputEl = ev.target;\r\n var aEl = inputEl.parentElement.querySelector('a');\r\n if (aEl) {\r\n aEl.style.removeProperty('display');\r\n inputEl.style.display = 'none';\r\n }\r\n if (save && _this.column.caption !== inputEl.value) {\r\n _this.column.caption = inputEl.value;\r\n _this.fireColumnChanged();\r\n }\r\n else {\r\n inputEl.value = _this.column.caption;\r\n }\r\n _this.element.removeAttribute(eqDragManager.DRAG_DISABLED_ATTR);\r\n if (isFocused) {\r\n _this.element.querySelector('a').focus();\r\n }\r\n }\r\n }); })\r\n .toDOM();\r\n };\r\n ColumnRendererCB.prototype.renderSortingImage = function () {\r\n var _this = this;\r\n var sortButtonCssClass = eqCssPrefix + \"-column-sortbutton\";\r\n var sortButtonDirectionCssClass = sortButtonCssClass;\r\n switch (this.column.sorting) {\r\n case SortDirection.Ascending:\r\n sortButtonDirectionCssClass = sortButtonCssClass + \"-asc\";\r\n break;\r\n case SortDirection.Descending:\r\n sortButtonDirectionCssClass = sortButtonCssClass + \"-desc\";\r\n break;\r\n }\r\n if (this.column.sorting == SortDirection.None) {\r\n return null;\r\n }\r\n else {\r\n return domel('div')\r\n .addClass(this.cssPrefix + \"-colelement\", this.cssPrefix + \"-sortimage-placeholder\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChild('div', function (builder) { return builder\r\n .addClass(_this.cssPrefix + \"-img-sorting\", sortButtonDirectionCssClass)\r\n .title(i18n.getText('ButtonSorting')); })\r\n .toDOM();\r\n }\r\n };\r\n ColumnRendererCB.prototype.buttonSortingClickHandler = function (ev, anchor) {\r\n var _this = this;\r\n ev.stopPropagation();\r\n this.keepShowingButtons = true;\r\n var menu = this.getUIS() ? this.bar.sortMenu || this.bar.moveMenu : this.bar.moveMenu;\r\n menu.showMenu({\r\n anchor: anchor,\r\n selectedIds: null,\r\n itemSelectedCallback: function (data, items) {\r\n var strToSortDirection = function (str) {\r\n if (str == 'None') {\r\n return SortDirection.None;\r\n }\r\n else if (str == \"Ascending\") {\r\n return SortDirection.Ascending;\r\n }\r\n else if (str == \"Descending\") {\r\n return SortDirection.Descending;\r\n }\r\n };\r\n if (data.id == 'None' || data.id == \"Ascending\" || data.id == \"Descending\") {\r\n var query = _this.bar.getQuery();\r\n _this.column.sorting = strToSortDirection(data.id);\r\n _this.column.sortIndex = query.getColumnSortIndex(_this.column);\r\n _this.fireColumnChanged();\r\n }\r\n else {\r\n _this.bar.moveColumn(_this.column, data.id);\r\n }\r\n },\r\n menuClosedCallback: function () {\r\n _this.keepShowingButtons = false;\r\n if (!_this.isMouseOverBlock) {\r\n _this.leaveButtonBlock();\r\n }\r\n }\r\n });\r\n return false;\r\n };\r\n ColumnRendererCB.prototype.renderSortingButton = function () {\r\n var _this = this;\r\n if (!this.isEditable()) {\r\n return null;\r\n }\r\n var builder = domel('div')\r\n .addClass(eqCssPrefix + \"-column-button\", eqCssPrefix + \"-column-sortbutton\", eqCssPrefix + \"-column-sortbutton-none\")\r\n .title(i18n.getText('ButtonSorting'))\r\n .attr('tabIndex', '0')\r\n .on('touchstart click', function (ev) { return _this.buttonSortingClickHandler(ev, builder.toDOM()); })\r\n .on('keypress', function (evt) { if (evt.keyCode == 13) {\r\n evt.target.click();\r\n } });\r\n return builder.toDOM();\r\n };\r\n ColumnRendererCB.prototype.buttonDeleteClickHandler = function (ev) {\r\n ev.stopPropagation();\r\n var query = this.bar.getQuery();\r\n query.removeColumn(this.column, this.bar);\r\n query.fireColumnsChangedEvent(QueryChangeAction.Delete, this.column);\r\n return false;\r\n };\r\n ColumnRendererCB.prototype.renderDeleteButton = function () {\r\n var _this = this;\r\n if (this.column.isReadOnly()) {\r\n return null;\r\n }\r\n return domel('div')\r\n .addClass(eqCssPrefix + \"-column-button\", eqCssPrefix + \"-column-button-delete\")\r\n .title(i18n.getText('CmdDelete'))\r\n .attr('tabIndex', '0')\r\n .on('touchstart click', function (ev) { return _this.buttonDeleteClickHandler(ev); })\r\n .on('keypress', function (evt) { if (evt.keyCode == 13) {\r\n evt.target.click();\r\n } })\r\n .toDOM();\r\n };\r\n ColumnRendererCB.prototype.getDefaultCaption = function () {\r\n return this.getDefaultTitleText(this.baseAttr);\r\n };\r\n ColumnRendererCB.prototype.getDefaultTitleText = function (attr) {\r\n var format = this.bar.options.titleElementFormat || this.bar.options.attrElementFormat;\r\n var model = this.bar.getContext().getModel();\r\n return model.getAttributeText(attr, format);\r\n };\r\n ColumnRendererCB.prototype.getClassesToAdd = function () {\r\n var result = \"\";\r\n result += this.column.enabled ? '' : \" \" + this.cssPrefix + \"-disabled\";\r\n if (this.column.enabled) {\r\n result += this.column.isReadOnly() ? \" \" + this.cssPrefix + \"-readonly\" : '';\r\n }\r\n return result;\r\n };\r\n ColumnRendererCB.prototype.buttonTypeClickHandler = function (ev) {\r\n ev.stopPropagation();\r\n this.keepShowingButtons = true;\r\n this.changeColumnTypeHandler(ev);\r\n return false;\r\n };\r\n ColumnRendererCB.prototype.buttonFormatClickHandler = function (ev) {\r\n ev.stopPropagation();\r\n this.keepShowingButtons = true;\r\n this.changeFormatHandler(ev);\r\n return false;\r\n };\r\n ColumnRendererCB.prototype.formatButtonIsShown = function () {\r\n return this.bar.options.allowDisplayFormatChange !== false &&\r\n this.bar\r\n .getContext()\r\n .getModel()\r\n .getDisplayFormatsForType(this.column.getDataType()).length > 0;\r\n };\r\n ColumnRendererCB.prototype.changeFormatHandler = function (ev) {\r\n var _this = this;\r\n var formats = this.bar\r\n .getContext()\r\n .getModel()\r\n .getDisplayFormatsForType(this.column.getDataType());\r\n var itemId = '{0:__default}';\r\n if (formats.filter(function (f) { return f.format == _this.column.displayFormat; }).length > 0) {\r\n itemId = this.column.displayFormat;\r\n }\r\n this.formatsMenu.showMenu({\r\n anchor: ev.target,\r\n selectedIds: itemId,\r\n itemSelectedCallback: function (data, items) {\r\n if (data.id != itemId) {\r\n if (data.id == '{0:__default}') {\r\n _this.column.displayFormat = '';\r\n }\r\n else {\r\n _this.column.displayFormat = data.id;\r\n }\r\n _this.column.fireChangedEvent();\r\n }\r\n return false;\r\n },\r\n menuClosedCallback: function () {\r\n _this.keepShowingButtons = false;\r\n if (!_this.isMouseOverBlock) {\r\n _this.element.dispatchEvent(createBrowserEvent('mouseleave'));\r\n }\r\n }\r\n });\r\n };\r\n ColumnRendererCB.prototype.renderColumnTypeButton = function () {\r\n var _this = this;\r\n if (!this.isEditable() || this.bar.options.allowAggrColumns === false) {\r\n return null;\r\n }\r\n return domel('div')\r\n .addClass(eqCssPrefix + \"-column-button\", eqCssPrefix + \"-column-button-type\")\r\n .title(i18n.getText('ButtonToAggr'))\r\n .attr('tabIndex', '0')\r\n .on('touchstart click', function (ev) { return _this.buttonTypeClickHandler(ev); })\r\n .on('keypress', function (evt) { if (evt.keyCode == 13) {\r\n evt.target.click();\r\n } })\r\n .toDOM();\r\n };\r\n ColumnRendererCB.prototype.renderColumnFormatButton = function () {\r\n var _this = this;\r\n if (!this.isEditable() || !this.formatButtonIsShown()) {\r\n return null;\r\n }\r\n return domel('div')\r\n .addClass(eqCssPrefix + \"-column-button\", eqCssPrefix + \"-column-button-format\")\r\n .title(i18n.getText('ButtonFormat'))\r\n .attr('tabIndex', '0')\r\n .on('touchstart click', function (ev) { return _this.buttonFormatClickHandler(ev); })\r\n .on('keypress', function (evt) { if (evt.keyCode == 13) {\r\n evt.target.click();\r\n } })\r\n .toDOM();\r\n };\r\n ColumnRendererCB.prototype.getUIS = function () {\r\n return this.bar\r\n .getContext().getModel()\r\n .checkAttrProperty(this.column.expr.value, \"useInSorting\");\r\n };\r\n ColumnRendererCB.prototype.onMouseClick = function (ev) {\r\n this.bar.toggleColumnPicked(this.column);\r\n this.adjustButtonsVisibility();\r\n };\r\n ColumnRendererCB.prototype.onMouseEnter = function (e) {\r\n if (browserUtils.isMobileMode())\r\n return;\r\n this.isMouseOverBlock = true;\r\n this.enterButtonBlock();\r\n e.stopPropagation();\r\n return false;\r\n };\r\n ColumnRendererCB.prototype.onMouseLeave = function (e) {\r\n if (browserUtils.isMobileMode())\r\n return;\r\n this.isMouseOverBlock = false;\r\n this.leaveButtonBlock();\r\n e.stopPropagation();\r\n return false;\r\n };\r\n ColumnRendererCB.prototype.isColumnActive = function () {\r\n return this.element.classList.contains(\"active\");\r\n };\r\n ColumnRendererCB.prototype.hideButtons = function () {\r\n if (browserUtils.isMobileMode()) {\r\n if (this.onHideButtonsMobile) {\r\n this.onHideButtonsMobile();\r\n }\r\n }\r\n else {\r\n domel(this.element).data(\"show-buttons\", null);\r\n }\r\n };\r\n ColumnRendererCB.prototype.showButtons = function () {\r\n if (browserUtils.isMobileMode()) {\r\n if (this.onShowButtonsMobile) {\r\n this.onShowButtonsMobile();\r\n }\r\n }\r\n else {\r\n domel(this.element).data(\"show-buttons\", \"\");\r\n }\r\n };\r\n ColumnRendererCB.prototype.adjustButtonsVisibility = function () {\r\n if (this.bar.options.alwaysShowButtons\r\n || ((this.bar.options.accentActiveColumn || browserUtils.isMobileMode())\r\n && this.isColumnActive())) {\r\n this.showButtons();\r\n }\r\n else {\r\n this.hideButtons();\r\n }\r\n };\r\n ColumnRendererCB.prototype.enterButtonBlock = function () {\r\n this.showButtons();\r\n };\r\n ColumnRendererCB.prototype.leaveButtonBlock = function () {\r\n if (this.bar.options.alwaysShowButtons != true && (!this.isColumnActive() || this.bar.options.accentActiveColumn != true)) {\r\n this.hideButtons();\r\n }\r\n };\r\n ColumnRendererCB.prototype.createFunctionMenu = function () {\r\n var items = [];\r\n var funcs = this.bar.getContext().getModel().getAggrFunctions();\r\n var funcAllowed = true;\r\n var item = null;\r\n var colDataType = this.column.getDataType();\r\n var funcCaption;\r\n for (var _i = 0, funcs_1 = funcs; _i < funcs_1.length; _i++) {\r\n var func = funcs_1[_i];\r\n if (!func)\r\n continue;\r\n var toInclude = func.getAppliedTypesOrDefault().indexOf(colDataType) >= 0;\r\n if (this.column.expr.func === func.id && !toInclude) {\r\n funcAllowed = false;\r\n }\r\n if (toInclude) {\r\n funcCaption = this.bar.getContext().getModel()\r\n .getAggrFunctionCaption(func.id);\r\n item = {\r\n id: func.id,\r\n text: funcCaption\r\n };\r\n items.push(item);\r\n }\r\n }\r\n if (!funcAllowed) {\r\n this.column.expr.func = items[0].id;\r\n }\r\n //Add \"Custom Expression\" menu\r\n var columnsPanel = this.bar;\r\n if (columnsPanel.areCustomExpressionsAllowed()) {\r\n item = {\r\n id: 'CustomSqlDivider',\r\n text: '---'\r\n };\r\n items.push(item);\r\n funcCaption = i18n.getText('CustomExpression');\r\n item = {\r\n id: 'CUSTOMSQL',\r\n text: funcCaption\r\n };\r\n items.push(item);\r\n }\r\n var menuId = this.element.id;\r\n if (menuId) {\r\n menuId += '-FunctionsMenu';\r\n }\r\n var menuOptions = {\r\n items: items,\r\n id: menuId,\r\n searchBoxAlwaysShown: false,\r\n domWriteItemsId: true //this.panel.options.domWriteItemsId\r\n };\r\n this.functionMenu = new PopupMenu(menuOptions);\r\n };\r\n ColumnRendererCB.prototype.createFormatsMenu = function () {\r\n if (this.bar.options.allowDisplayFormatChange == false)\r\n return;\r\n var menuId = this.column.id;\r\n if (menuId) {\r\n menuId += '-FormatsMenu';\r\n }\r\n var items = this.getFormatsMenuItems();\r\n var menuOptions = {\r\n items: items,\r\n id: menuId,\r\n searchBoxAlwaysShown: false,\r\n showSelected: true,\r\n domWriteItemsId: true //this.panel.options.domWriteItemsId\r\n };\r\n this.formatsMenu = new PopupMenu(menuOptions);\r\n };\r\n ColumnRendererCB.prototype.getFormatsMenuItems = function () {\r\n var formats = this.bar.getContext().getModel()\r\n .getDisplayFormatsForType(this.column.getDataType());\r\n return [{ id: '{0:__default}', text: \"Default\" }]\r\n .concat(formats.map(function (format) { return ({ id: format.format, text: i18n.getText(\"DisplayFormats\", format.name) || format.name }); }));\r\n };\r\n return ColumnRendererCB;\r\n}());\r\nexport { ColumnRendererCB };\r\n//# sourceMappingURL=column_renderer_cb.js.map","import { domel } from '@easydata/ui';\r\nimport { browserUtils } from '../../../utils/browser_utils';\r\nvar TextRenderer = /** @class */ (function () {\r\n function TextRenderer(panel, text, slot) {\r\n this.panel = panel;\r\n this.text = text;\r\n this.element = slot || domel('div').toDOM();\r\n }\r\n Object.defineProperty(TextRenderer.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-qp';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n TextRenderer.prototype.refresh = function () {\r\n this.render();\r\n };\r\n TextRenderer.prototype.render = function () {\r\n var _this = this;\r\n domel(this.element)\r\n .html('')\r\n .addClass(this.getClassesToAdd())\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChild('span', function (builder) { return builder\r\n .text(_this.text)\r\n .title(_this.text); })\r\n .toDOM();\r\n return this.element;\r\n };\r\n TextRenderer.prototype.getClassesToAdd = function () {\r\n return this.cssPrefix + \"-condelement\";\r\n };\r\n return TextRenderer;\r\n}());\r\nexport { TextRenderer };\r\n//# sourceMappingURL=text_renderer.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { eqconsts, equtils } from '@easyquery/core';\r\nimport { createBrowserEvent, domel } from '@easydata/ui';\r\nimport { ConditionRenderer, SimpleConditionRenderer } from './condition_renderer';\r\nimport { browserUtils } from '../../../utils/browser_utils';\r\nimport { dropdown } from '../../../utils/dropdown';\r\nvar ConditionGroupRenderer = /** @class */ (function (_super) {\r\n __extends(ConditionGroupRenderer, _super);\r\n function ConditionGroupRenderer(panel, condition, slot) {\r\n var _this = _super.call(this, panel, condition, slot) || this;\r\n _this.isRoot = !condition.getParent();\r\n return _this;\r\n }\r\n ConditionGroupRenderer.prototype.getClassesToAdd = function () {\r\n var result = this.cssPrefix + \"-group\";\r\n if (this.isRoot) {\r\n result += \" \" + this.cssPrefix + \"-group-root\";\r\n }\r\n return result;\r\n };\r\n ConditionGroupRenderer.prototype.coreRender = function (autoAppear) {\r\n domel(this.element)\r\n .addClass(this.getClassesToAdd())\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChildElement(this.renderGroupRow())\r\n .addChildElement(this.renderConditions(autoAppear))\r\n .data('id', this.condition.id)\r\n .data('group', '');\r\n };\r\n ConditionGroupRenderer.prototype.renderGroupRow = function () {\r\n if (this.isRoot && !this.panel.options.showRootRow) {\r\n return null;\r\n }\r\n else {\r\n return new ConditionGroupRowRenderer(this.panel, this.condition).render();\r\n }\r\n };\r\n ConditionGroupRenderer.prototype.renderConditions = function (autoAppear) {\r\n var _this = this;\r\n var builder = domel('div');\r\n builder\r\n .addClass(this.cssPrefix + \"-conditions\")\r\n .addClass(\"\" + browserUtils.getMobileCssClass())\r\n .data('conditions', '');\r\n if (this.isRoot) {\r\n builder.addClass(this.cssPrefix + \"-conditions-root\");\r\n }\r\n this.condition.getConditions().forEach(function (condition, index, array) {\r\n var renderer = _this.panel.getConditionRenderer(condition);\r\n if (renderer) {\r\n builder.addChildElement(renderer.render(autoAppear && index == array.length - 1));\r\n }\r\n });\r\n return builder.toDOM();\r\n };\r\n return ConditionGroupRenderer;\r\n}(ConditionRenderer));\r\nexport { ConditionGroupRenderer };\r\nvar ConditionGroupRowRenderer = /** @class */ (function (_super) {\r\n __extends(ConditionGroupRowRenderer, _super);\r\n function ConditionGroupRowRenderer(panel, condition, slot) {\r\n var _this = _super.call(this, panel, condition, slot) || this;\r\n _this.isRoot = !_this.condition.getParent();\r\n return _this;\r\n }\r\n ConditionGroupRowRenderer.prototype.getButtonsToShow = function () {\r\n return this.panel.options.buttons && this.panel.options.buttons.group && Array.isArray(this.panel.options.buttons.group) ? this.panel.options.buttons.group : [\"addCondition\", \"addGroup\", \"enable\", \"delete\"];\r\n };\r\n ConditionGroupRowRenderer.prototype.getClassesToAdd = function () {\r\n var result;\r\n if (this.isRoot) {\r\n result = this.cssPrefix + \"-row \" + this.cssPrefix + \"-row-group \" + this.cssPrefix + \"-row-group-root\";\r\n }\r\n else {\r\n result = this.cssPrefix + \"-row \" + this.cssPrefix + \"-row-group\";\r\n var level = this.condition.getLevel();\r\n if (level > 0)\r\n result += \" \" + this.cssPrefix + \"-level-\" + level;\r\n result += this.condition.enabled ? '' : \" \" + this.cssPrefix + \"-disabled\";\r\n if (this.condition.enabled) {\r\n result += this.condition.isReadOnly() ? \" \" + this.cssPrefix + \"-readonly\" : '';\r\n }\r\n }\r\n return result;\r\n };\r\n ConditionGroupRowRenderer.prototype.coreRender = function (autoAppear) {\r\n var _this = this;\r\n var builder = domel(this.element)\r\n .addClass(this.getClassesToAdd())\r\n .addClass(browserUtils.getMobileCssClass())\r\n .data('group-row', '')\r\n .addChildElement(this.renderCheckbox())\r\n .addChildElement(this.renderConjunction());\r\n var level = this.condition.getLevel();\r\n if (level > 0)\r\n builder.addClass(this.cssPrefix + \"-level-\" + level);\r\n this.buildGroupElements(builder, this.getGroupTitle());\r\n if (this.panel.options.accentActiveCondition) {\r\n builder.on('click', function (ev) {\r\n _this.panel.toggleConditionPicked(_this.condition);\r\n _this.adjustButtonsVisibility();\r\n if (!browserUtils.isMobileMode()) {\r\n builder.toDOM().dispatchEvent(createBrowserEvent(\"mouseenter\"));\r\n }\r\n });\r\n }\r\n builder\r\n .addChildElement(this.renderButtonsBlock());\r\n if (!browserUtils.isMobileMode()) {\r\n builder\r\n .on('mouseenter', function (event) {\r\n _this.isMouseOverBlock = true;\r\n _this.enterButtonBlock();\r\n event.stopPropagation();\r\n return false;\r\n })\r\n .on('mouseleave', function (event) {\r\n _this.isMouseOverBlock = false;\r\n if (!_this.keepShowingButtons && domel(_this.buttonsBlock).isVisible()) {\r\n _this.leaveButtonBlock();\r\n }\r\n event.stopPropagation();\r\n return false;\r\n });\r\n }\r\n };\r\n ConditionGroupRowRenderer.prototype.getGroupTitle = function () {\r\n var result;\r\n if (this.isRoot && !browserUtils.isMobileMode()) {\r\n result = i18n.getText('RootConditionGroupTitle');\r\n if (!result) {\r\n //to support old text key\r\n result = i18n.getText('RootPredicateTitle');\r\n }\r\n }\r\n else {\r\n result = i18n.getText('ConditionGroupTitle');\r\n if (!result) {\r\n //to support old text key\r\n result = i18n.getText('PredicateTitle');\r\n }\r\n }\r\n return result;\r\n };\r\n ConditionGroupRowRenderer.prototype.buildGroupElements = function (builder, groupTitle) {\r\n var _this = this;\r\n var pos = groupTitle.indexOf('{lt}');\r\n if (pos < 0) {\r\n //invalid format\r\n builder.addText(i18n.getText('ErrIncorrectGroupTitleFormat'));\r\n builder.addClass(this.cssPrefix + \"-error\");\r\n }\r\n else {\r\n if (pos > 0) {\r\n builder.addChild('span', function (b) {\r\n b.addClass(_this.cssPrefix + \"-grelement\")\r\n .addText(groupTitle.substring(0, pos));\r\n });\r\n }\r\n var linkTypeStr = equtils.linkTypeToStr(this.condition.linkType);\r\n var curType_1 = dataUtils.findItemById(eqconsts.predicateLinkTypeList, linkTypeStr);\r\n if (!curType_1) {\r\n curType_1 = eqconsts.predicateLinkTypeList[0];\r\n }\r\n if (this.isEditable()) {\r\n dropdown(builder.toDOM())\r\n .onGetMenu(function () { return _this.getLinkTypeMenu(); })\r\n .onItemSelected(function (id) {\r\n _this.condition.linkType = equtils.strToLinkType(id);\r\n _this.condition.fireChangedEvent();\r\n })\r\n .addText(i18n.getText(curType_1.key))\r\n .title(i18n.getText(curType_1.key))\r\n .addClass(this.cssPrefix + \"-grelement\");\r\n }\r\n else {\r\n builder.addChild('span', function (b) {\r\n b.text(i18n.getText(curType_1.key))\r\n .title(i18n.getText(curType_1.key))\r\n .addClass(_this.cssPrefix + \"-grelement\");\r\n });\r\n }\r\n builder.addChild('span', function (b) {\r\n b.addClass(_this.cssPrefix + \"-grelement\")\r\n .addText(groupTitle.substring(pos + 4));\r\n });\r\n }\r\n };\r\n ConditionGroupRowRenderer.prototype.getConditionMenu = function () {\r\n return this.panel.getConditionGroupMenu(this.condition.getParent() == null);\r\n };\r\n ConditionGroupRowRenderer.prototype.getLinkTypeMenu = function () {\r\n return this.panel.getLinkTypeMenu();\r\n };\r\n ConditionGroupRowRenderer.prototype.renderConjunction = function () {\r\n return this.isRoot ? null : _super.prototype.renderConjunction.call(this);\r\n };\r\n ConditionGroupRowRenderer.prototype.renderCheckbox = function () {\r\n return this.isRoot ? null : _super.prototype.renderCheckbox.call(this);\r\n };\r\n ConditionGroupRowRenderer.prototype.leaveButtonBlock = function () {\r\n if (!this.panel.options.alwaysShowButtonsInGroups\r\n && (!this.isConditionActive() || !this.panel.options.accentActiveCondition)) {\r\n this.hideButtons();\r\n }\r\n };\r\n ConditionGroupRowRenderer.prototype.adjustButtonsVisibility = function () {\r\n if (this.panel.options.alwaysShowButtonsInGroups\r\n || (this.panel.options.accentActiveCondition && this.isConditionActive())) {\r\n this.showButtons();\r\n }\r\n };\r\n return ConditionGroupRowRenderer;\r\n}(SimpleConditionRenderer));\r\nexport { ConditionGroupRowRenderer };\r\n//# sourceMappingURL=condition_group_renderer.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { DomElementBuilder } from '@easydata/ui';\r\nvar DomDropDownElementBuilder = /** @class */ (function (_super) {\r\n __extends(DomDropDownElementBuilder, _super);\r\n function DomDropDownElementBuilder(parent) {\r\n var _this = _super.call(this, 'a', parent) || this;\r\n _this.attr('href', 'javascript:void(0)');\r\n _this.on('click', function (ev) {\r\n ev.preventDefault();\r\n _this.appear();\r\n return false;\r\n });\r\n return _this;\r\n }\r\n DomDropDownElementBuilder.prototype.onGetMenu = function (onGetMenu) {\r\n this._onGetMenu = onGetMenu;\r\n return this;\r\n };\r\n DomDropDownElementBuilder.prototype.onItemSelected = function (onItemSelected) {\r\n this._onItemSelected = onItemSelected;\r\n return this;\r\n };\r\n DomDropDownElementBuilder.prototype.appear = function () {\r\n var _this = this;\r\n var menu = this._onGetMenu ? this._onGetMenu() : null;\r\n if (menu) {\r\n menu.showMenu({\r\n anchor: this.element,\r\n itemSelectedCallback: function (item) {\r\n if (_this._onItemSelected) {\r\n _this._onItemSelected(item.id);\r\n }\r\n return false;\r\n }\r\n });\r\n }\r\n };\r\n return DomDropDownElementBuilder;\r\n}(DomElementBuilder));\r\nexport { DomDropDownElementBuilder };\r\nexport function dropdown(parent) {\r\n return new DomDropDownElementBuilder(parent);\r\n}\r\n//# sourceMappingURL=dropdown.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { DataKind } from '@easyquery/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { ExpressionRenderer } from './expression_renderer';\r\nimport { QPEditablePart } from '../../../types/qp_editable_part';\r\nimport { browserUtils } from '../../../utils/browser_utils';\r\nvar InputExpressionRenderer = /** @class */ (function (_super) {\r\n __extends(InputExpressionRenderer, _super);\r\n function InputExpressionRenderer() {\r\n return _super !== null && _super.apply(this, arguments) || this;\r\n }\r\n InputExpressionRenderer.prototype.renderEditor = function () {\r\n var _this = this;\r\n this.inputBuilder = domel(\"input\")\r\n .hide()\r\n .addClass(this.cssPrefix + \"-ve-editbox\")\r\n .type('text')\r\n .on('blur', function (ev) {\r\n if (_this.inputBuilder.isVisible() && !_this.dontProcessBlur) {\r\n var validationResult = _this.validateInput(_this.inputElement.value);\r\n if (validationResult.success) {\r\n _this.setValue(_this.inputElement.value);\r\n _this.closeEditor();\r\n }\r\n else {\r\n _this.dontProcessBlur = true;\r\n _this.inputElement.focus();\r\n setTimeout(function () { _this.dontProcessBlur = false; }, 200);\r\n _this.showValidationError(validationResult.message, ev.target);\r\n }\r\n ev.stopPropagation();\r\n return false;\r\n }\r\n })\r\n .on('keydown', function (ev) {\r\n if (ev.keyCode === 27) { // ESC is pressed\r\n _this.closeEditor();\r\n ev.stopPropagation();\r\n return false;\r\n }\r\n else if (ev.keyCode === 13) { // Enter is pressed\r\n if (_this.inputBuilder.isVisible()) {\r\n _this.dontProcessBlur = true;\r\n var validationResult = _this.validateInput(_this.inputElement.value);\r\n if (validationResult.success) {\r\n _this.setValue(_this.inputElement.value);\r\n _this.closeEditor();\r\n _this.dontProcessBlur = false;\r\n }\r\n else {\r\n _this.inputElement.focus();\r\n _this.showValidationError(validationResult.message, ev.target);\r\n setTimeout(function () { _this.dontProcessBlur = false; }, 200);\r\n }\r\n ev.stopPropagation();\r\n return false;\r\n }\r\n }\r\n });\r\n this.inputElement = this.inputBuilder.toDOM();\r\n domel(this.element)\r\n .addChildElement(this.inputElement);\r\n };\r\n InputExpressionRenderer.prototype.showEditor = function () {\r\n var MIN_WIDTH = 200;\r\n if (!browserUtils.isMobileMode()) {\r\n var left = this.element.offsetLeft;\r\n var width = this.element.offsetWidth > MIN_WIDTH ? this.element.offsetWidth : MIN_WIDTH;\r\n var maxWidth = this.element.parentElement.clientWidth - left - 55;\r\n this.inputBuilder\r\n .removeStyle('left')\r\n .removeStyle('right');\r\n if (maxWidth < MIN_WIDTH) {\r\n this.inputBuilder\r\n .setStyle('right', '55px')\r\n .setStyle('width', MIN_WIDTH + \"px\");\r\n }\r\n else if (maxWidth < width) {\r\n this.inputBuilder\r\n .setStyle('left', left + \"px\")\r\n .setStyle('width', maxWidth + \"px\");\r\n }\r\n else {\r\n this.inputBuilder\r\n .setStyle('left', left + \"px\")\r\n .setStyle('width', width + \"px\");\r\n }\r\n }\r\n domel(this.labelElement).hide();\r\n this.inputBuilder\r\n .value(this.getValue())\r\n .show();\r\n this.inputElement.focus();\r\n };\r\n InputExpressionRenderer.prototype.closeEditor = function () {\r\n this.inputBuilder.hide();\r\n domel(this.labelElement).show();\r\n this.labelElement.focus();\r\n };\r\n InputExpressionRenderer.prototype.validateInput = function (inputValue) {\r\n this.inputBuilder.removeClass(\"eqjs-invalid\");\r\n var result = {\r\n success: true,\r\n value: inputValue\r\n };\r\n if (this.expression.kind == DataKind.List) {\r\n this.validateListInput(inputValue, result);\r\n }\r\n else {\r\n this.validateScalarInput(inputValue, result);\r\n }\r\n return result;\r\n };\r\n InputExpressionRenderer.prototype.validateListInput = function (inputValue, result) {\r\n var inputValues = inputValue.split(/\\s*,\\s*/);\r\n for (var _i = 0, inputValues_1 = inputValues; _i < inputValues_1.length; _i++) {\r\n var val = inputValues_1[_i];\r\n this.validateScalarInput(val, result);\r\n if (!result.success) {\r\n return;\r\n }\r\n }\r\n };\r\n InputExpressionRenderer.prototype.validateScalarInput = function (inputValue, result) {\r\n if (!inputValue)\r\n return;\r\n if (dataUtils.isNumericType(this.expression.dataType)) {\r\n var parsedVal = +inputValue;\r\n if (isNaN(parsedVal)) {\r\n result.success = false;\r\n result.message = '\"' + inputValue + '\" ' + i18n.getText('ErrNotNumber');\r\n }\r\n if (dataUtils.isIntType(this.expression.dataType) && parsedVal != parseInt(inputValue, 10)) {\r\n result.success = false;\r\n result.message = '\"' + inputValue + '\" ' + i18n.getText('ErrIncorrectInteger');\r\n }\r\n }\r\n };\r\n InputExpressionRenderer.prototype.showValidationError = function (message, target) {\r\n _super.prototype.showValidationError.call(this, message, target);\r\n this.inputBuilder.addClass(\"eqjs-invalid\");\r\n };\r\n InputExpressionRenderer.prototype.isEditable = function () {\r\n return _super.prototype.isEditable.call(this)\r\n && ((this.panel.options.editableParts & QPEditablePart.Value) === QPEditablePart.Value);\r\n };\r\n return InputExpressionRenderer;\r\n}(ExpressionRenderer));\r\nexport { InputExpressionRenderer };\r\n//# sourceMappingURL=input_expression_renderer.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { QueryChangeAction } from '@easyquery/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { DropDownRenderer } from '../dropdown_renderer';\r\nimport { eqCssPrefix } from '../../../utils/utils';\r\nimport { QPEditablePart } from '../../../types/qp_editable_part';\r\nvar AddRowRenderer = /** @class */ (function (_super) {\r\n __extends(AddRowRenderer, _super);\r\n function AddRowRenderer(panel, entitiesMenu, slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.panel = panel;\r\n _this.menu = entitiesMenu;\r\n return _this;\r\n }\r\n Object.defineProperty(AddRowRenderer.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-qp';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n AddRowRenderer.prototype.getLabelText = function () {\r\n return i18n.getText('CmdClickToAddCondition');\r\n };\r\n AddRowRenderer.prototype.getClassesToAdd = function () {\r\n return eqCssPrefix + \"-addrow \" + this.cssPrefix + \"-addrow\";\r\n };\r\n AddRowRenderer.prototype.isEditable = function () {\r\n return _super.prototype.isEditable.call(this)\r\n && ((this.panel.options.editableParts & QPEditablePart.Addition) === QPEditablePart.Addition);\r\n };\r\n AddRowRenderer.prototype.renderLabelElement = function () {\r\n var _this = this;\r\n var displayedText = this.getLabelText();\r\n if (this.isEditable()) {\r\n this.labelElement = domel('a')\r\n .attr('href', 'javascript:void(0)')\r\n .title(displayedText)\r\n .text(displayedText)\r\n .on('click', function (ev) {\r\n ev.preventDefault();\r\n _this.showEditor();\r\n return false;\r\n })\r\n .toDOM();\r\n }\r\n else {\r\n this.labelElement = domel('div')\r\n .toDOM();\r\n }\r\n return this.labelElement;\r\n };\r\n AddRowRenderer.prototype.renderEditor = function () {\r\n // do nothing - the menu is alredy created\r\n };\r\n AddRowRenderer.prototype.itemSelected = function (id) {\r\n var query = this.panel.getQuery();\r\n var descr = {\r\n parent: query.getRootCondition(),\r\n attributeId: id\r\n };\r\n var cond = query.addSimpleCondition(descr);\r\n if (cond) {\r\n query.fireConditionsChangedEvent(QueryChangeAction.Add, cond);\r\n }\r\n };\r\n AddRowRenderer.prototype.getMenu = function () {\r\n return this.menu;\r\n };\r\n return AddRowRenderer;\r\n}(DropDownRenderer));\r\nexport { AddRowRenderer };\r\n//# sourceMappingURL=addrow_renderer.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { DataKind, ConditionPart } from '@easyquery/core';\r\nimport { DropDownRenderer } from '../dropdown_renderer';\r\nimport { PopupMenu } from '../../../utils/popup_menu';\r\nimport { QPEditablePart } from '../../../types/qp_editable_part';\r\nvar OperatorRenderer = /** @class */ (function (_super) {\r\n __extends(OperatorRenderer, _super);\r\n function OperatorRenderer(panel, condition, text, slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.panel = panel;\r\n _this.condition = condition;\r\n _this.displayedText = text;\r\n return _this;\r\n }\r\n Object.defineProperty(OperatorRenderer.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-qp';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n OperatorRenderer.prototype.renderEditor = function () {\r\n var _this = this;\r\n //create menu\r\n var model = this.panel.getContext().getModel();\r\n var query = this.panel.getQuery();\r\n var items = [];\r\n var isRelatedToSubQuery = function (operator) {\r\n return operator.defaultOperand.kind == DataKind.Query;\r\n };\r\n var attrId = (this.condition && this.condition.expressions && this.condition.expressions[0]) ? this.condition.expressions[0].value : null;\r\n var attr = attrId ? model.getAttributeById(this.condition.expressions[0].value) : null;\r\n if (attr && attr.operators) {\r\n attr.operators.forEach(function (operId) {\r\n var operator = model.getOperatorById(operId);\r\n var related = isRelatedToSubQuery(operator);\r\n if (!query.isEx() && related) {\r\n return;\r\n }\r\n if (operator && !(_this.panel.options.isSubQuery && related)) {\r\n items.push({\r\n id: operId,\r\n text: i18n.getText('Operators', operId, 'caption') || operator.caption\r\n });\r\n }\r\n });\r\n }\r\n var options = {\r\n items: items,\r\n adjustHeight: this.panel.options.adjustEntitiesMenuHeight,\r\n id: dataUtils.generateId('opmn'),\r\n domWriteItemsId: this.panel.options.domWriteItemsId\r\n };\r\n dataUtils.assign(options, this.panel.options.menuOptions);\r\n this.menu = new PopupMenu(options);\r\n };\r\n OperatorRenderer.prototype.getLabelText = function () {\r\n return this.displayedText;\r\n };\r\n OperatorRenderer.prototype.getEmptyText = function () {\r\n return this.panel.options.emptyTextOperator || i18n.getText('MsgEmptyOperator');\r\n };\r\n OperatorRenderer.prototype.getClassesToAdd = function () {\r\n return this.cssPrefix + \"-condelement \" + this.cssPrefix + \"-operelement\";\r\n };\r\n OperatorRenderer.prototype.isEditable = function () {\r\n return this.condition.enabled && !this.condition.isReadOnly()\r\n && ((this.panel.options.editableParts & QPEditablePart.Operator) === QPEditablePart.Operator);\r\n };\r\n OperatorRenderer.prototype.itemSelected = function (id) {\r\n this.condition.setOperatorId(id);\r\n this.condition.fireChangedEvent(ConditionPart.Operator);\r\n };\r\n OperatorRenderer.prototype.getMenu = function () {\r\n return this.menu;\r\n };\r\n return OperatorRenderer;\r\n}(DropDownRenderer));\r\nexport { OperatorRenderer };\r\n//# sourceMappingURL=operator_renderer.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n, DataType, utils as dataUtils } from '@easydata/core';\r\nimport { DefaultDateTimePicker } from '@easydata/ui';\r\nimport { ExpressionRenderer } from './expression_renderer';\r\nimport { QPEditablePart } from '../../../types/qp_editable_part';\r\nvar DateTimeExpressionRenderer = /** @class */ (function (_super) {\r\n __extends(DateTimeExpressionRenderer, _super);\r\n function DateTimeExpressionRenderer() {\r\n var _this = _super !== null && _super.apply(this, arguments) || this;\r\n _this.dtp = null;\r\n _this.internalDateFormat = 'yyyy-MM-dd';\r\n _this.internalTimeFormat = 'HH:mm';\r\n return _this;\r\n }\r\n DateTimeExpressionRenderer.prototype.renderEditor = function () {\r\n };\r\n DateTimeExpressionRenderer.prototype.showEditor = function () {\r\n var _this = this;\r\n if (this.dtp)\r\n return;\r\n var pickerOptions = {\r\n yearRange: this.panel.options.yearRange,\r\n showCalendar: this.expression.dataType !== DataType.Time,\r\n showTimePicker: this.expression.dataType !== DataType.Date,\r\n oneClickDateSelection: this.panel.options.oneClickDateSelection,\r\n showDateTimeInput: this.panel.options.showDateTimeInput,\r\n onApply: function (dateTime) {\r\n var value = _this.convertToInternalFormat(dateTime);\r\n _this.setValue(value);\r\n _this.dtp = null;\r\n setTimeout(function () { return _this.labelElement.focus(); }, 100);\r\n },\r\n onCancel: function () {\r\n _this.labelElement.innerText = _this.getLabelText();\r\n _this.dtp = null;\r\n setTimeout(function () { return _this.labelElement.focus(); }, 100);\r\n },\r\n onDateTimeChanged: function (dateTime) {\r\n var value = i18n.dateTimeToStr(dateTime, _this.expression.dataType);\r\n _this.labelElement.innerText = value;\r\n }\r\n };\r\n this.dtp = this.panel.options.dateTimePickerResolver\r\n ? this.panel.options.dateTimePickerResolver(pickerOptions)\r\n : new DefaultDateTimePicker(pickerOptions);\r\n var model = this.expression.getModel();\r\n var value = this.expression.value;\r\n var dateTime = new Date();\r\n if (this.expression.dataType != DataType.Time && model.isDateMacro(value)) {\r\n dateTime = model.getDateMacroValue(value);\r\n }\r\n else if (this.expression.dataType == DataType.Time && model.isTimeMacro(value)) {\r\n dateTime = model.getTimeMacroValue(value);\r\n }\r\n else {\r\n dateTime = this.convertFromInternalFormat(value);\r\n }\r\n this.dtp.setDateTime(dateTime);\r\n this.dtp.show(this.element);\r\n };\r\n DateTimeExpressionRenderer.prototype.closeEditor = function () {\r\n this.dtp.cancel();\r\n this.dtp = null;\r\n };\r\n DateTimeExpressionRenderer.prototype.getLabelText = function () {\r\n if (!this.expression.value)\r\n return this.getEmptyText();\r\n var defValue = '${{Today}}';\r\n var value = this.expression.value;\r\n var model = this.expression.getModel();\r\n if (!model) {\r\n throw new Error('DataModel is not defined for ' + this.expression.value);\r\n }\r\n if (model.isDateMacro(value) || model.isTimeMacro(value)) {\r\n var macroText = value.substring(3, value.length - 2);\r\n var res = i18n.getText(macroText);\r\n return res ? res : defValue;\r\n }\r\n var result = i18n.dateTimeToStr(this.convertFromInternalFormat(value), this.expression.dataType);\r\n return result;\r\n };\r\n DateTimeExpressionRenderer.prototype.isEditable = function () {\r\n return _super.prototype.isEditable.call(this)\r\n && ((this.panel.options.editableParts & QPEditablePart.Value) === QPEditablePart.Value);\r\n };\r\n DateTimeExpressionRenderer.prototype.convertFromInternalFormat = function (dateTime) {\r\n return dataUtils.strToDateTime(dateTime, this.internalDateFormat + ' ' + this.internalTimeFormat);\r\n };\r\n DateTimeExpressionRenderer.prototype.convertToInternalFormat = function (dateTime) {\r\n return dataUtils.dateTimeToStr(dateTime, this.internalDateFormat + ' ' + this.internalTimeFormat);\r\n };\r\n return DateTimeExpressionRenderer;\r\n}(ExpressionRenderer));\r\nexport { DateTimeExpressionRenderer };\r\n//# sourceMappingURL=datetime_expression_render.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { SortDirection, Expression, DataKind, ExprTag, Query, QueryChangeAction, ConditionPart } from '@easyquery/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { ExpressionRenderer } from './expression_renderer';\r\nimport { PopupMenu } from '../../../utils/popup_menu';\r\nimport { QueryPanel } from '../../query_panel';\r\nimport { QPEditablePart } from '../../../types/qp_editable_part';\r\nvar SubQueryExpressionRenderer = /** @class */ (function (_super) {\r\n __extends(SubQueryExpressionRenderer, _super);\r\n function SubQueryExpressionRenderer() {\r\n return _super !== null && _super.apply(this, arguments) || this;\r\n }\r\n SubQueryExpressionRenderer.prototype.renderEditor = function () {\r\n this.dialogBlockBody = domel('div')\r\n .addClass(\"kfrm-form\")\r\n //.setStyle('height', '100%')\r\n .toDOM();\r\n this.createEntitiesMenu();\r\n this.renderColumnBlock();\r\n this.renderQueryPanelBlock();\r\n };\r\n SubQueryExpressionRenderer.prototype.isEditable = function () {\r\n return _super.prototype.isEditable.call(this)\r\n && ((this.panel.options.editableParts & QPEditablePart.Value) === QPEditablePart.Value);\r\n };\r\n SubQueryExpressionRenderer.prototype.setValue = function (value, silent) {\r\n if (value instanceof Query) {\r\n this.expression.subQuery = value;\r\n if (!silent) {\r\n this.expression.getParent().fireChangedEvent(ConditionPart.Value);\r\n }\r\n }\r\n };\r\n SubQueryExpressionRenderer.prototype.createEntitiesMenu = function () {\r\n var model = this.getContext().getModel();\r\n var exprType = this.expression.dataType;\r\n this.colEntitiesList = model.getEntitiesTreeWithFilter(function (ent, attr) {\r\n if (attr) {\r\n return attr.useInConditions && attr.dataType === exprType;\r\n }\r\n else {\r\n //if it's entity\r\n return ent.attributes && ent.useInConditions;\r\n }\r\n });\r\n if (!model || model.isEmpty())\r\n return null;\r\n var menuId = this.element.getAttribute('data-id');\r\n if (menuId) {\r\n menuId += '-SubColumnMenu';\r\n }\r\n var options = {\r\n items: this.colEntitiesList,\r\n adjustHeight: this.panel.options.adjustEntitiesMenuHeight,\r\n id: menuId,\r\n isSubQuery: true,\r\n domWriteItemsId: this.panel.options.domWriteItemsId\r\n };\r\n dataUtils.assign(options, this.panel.options.menuOptions);\r\n this.colEntitiesMenu = new PopupMenu(options);\r\n };\r\n SubQueryExpressionRenderer.prototype.renderColumnBlock = function () {\r\n var _this = this;\r\n this.columnBlock = domel('div', this.dialogBlockBody)\r\n .addClass(\"kfrm-field\")\r\n .addChild('label', function (b) { return b\r\n .addText(i18n.getText('SubQueryColumnTitle')); })\r\n .addChild('a', function (b) { return _this.columnElement = b\r\n .attr('href', 'javascript:void(0)')\r\n .on('click', function (e) {\r\n _this.colEntitiesMenu.showMenu({\r\n anchor: _this.columnElement,\r\n selectedIds: null,\r\n itemSelectedCallback: function (data, items) {\r\n var attrId = data.id;\r\n _this.setResultAttributeId(attrId);\r\n return false;\r\n }\r\n });\r\n })\r\n .toDOM(); })\r\n .toDOM();\r\n };\r\n SubQueryExpressionRenderer.prototype.getEmptyText = function () {\r\n return this.panel.options.emptyTextValue || i18n.getText('MsgSubQueryValue');\r\n };\r\n SubQueryExpressionRenderer.prototype.renderQueryPanelBlock = function () {\r\n var parentEl = domel('div', this.dialogBlockBody)\r\n .addClass(\"kfrm-field\")\r\n .addChild('label', function (b) { return b\r\n .addText(i18n.getText('SubQueryQueryPanelCaption')); })\r\n .toDOM();\r\n this.queryPanelBlock =\r\n domel('div', parentEl)\r\n .toDOM();\r\n var qpId = this.element.getAttribute('data-id');\r\n if (qpId) {\r\n this.queryPanelBlock.id = qpId + '-SubQueryPanel';\r\n }\r\n };\r\n SubQueryExpressionRenderer.prototype.setResultAttributeId = function (attrId) {\r\n var attrObj = this.getContext().getModel().getAttributeById(attrId);\r\n if (attrObj) {\r\n var subQuery = this.getSubQuery();\r\n var cols = subQuery.getColumns();\r\n var column = void 0;\r\n if (cols.length > 0) {\r\n column = cols[0];\r\n column.expr.setValue(attrId);\r\n column.expr.dataType = attrObj.dataType;\r\n column.fireChangedEvent();\r\n }\r\n else {\r\n column = subQuery.createColumn();\r\n column.sorting = SortDirection.None;\r\n column.sortIndex = -1;\r\n var expr = new Expression(column);\r\n expr.setValue(attrId);\r\n expr.tag = ExprTag.EntityAttribute;\r\n expr.kind = DataKind.Attribute;\r\n expr.dataType = attrObj.dataType;\r\n column.expr = expr;\r\n cols.push(column);\r\n subQuery.fireColumnsChangedEvent(QueryChangeAction.Add, column);\r\n }\r\n this.columnElement.innerText = this.getAttributeText(attrObj);\r\n }\r\n };\r\n SubQueryExpressionRenderer.prototype.getSubQuery = function () {\r\n return this.queryPanel.getQuery();\r\n };\r\n SubQueryExpressionRenderer.prototype.getAttributeText = function (attribute) {\r\n if (!attribute)\r\n return i18n.getText('SubQueryEmptyColumn');\r\n var attrText = i18n.getText('Attributes', attribute.id);\r\n if (!attrText)\r\n attrText = attribute.caption;\r\n var format = this.panel.options.attrElementFormat;\r\n if (!format)\r\n return attrText;\r\n var result = format.replace(new RegExp(\"{attr}\", 'g'), attrText);\r\n var entityPath = this.getContext()\r\n .getModel()\r\n .getFullEntityPathByAttr(attribute.id, '.');\r\n return result.replace(new RegExp(\"{entity}\", 'g'), entityPath);\r\n };\r\n SubQueryExpressionRenderer.prototype.showEditor = function () {\r\n var _this = this;\r\n var parentPanel = this.panel;\r\n var context = this.getContext();\r\n this.queryPanelBlock.innerHTML = \"\";\r\n var subQuery = context.createQuery();\r\n if (this.expression.subQuery) {\r\n subQuery.loadFromData(this.expression.subQuery.toJSONData());\r\n }\r\n var subOptions = dataUtils.assign({}, parentPanel.options);\r\n subOptions.isSubQuery = true;\r\n subOptions.showAddRow = true;\r\n subOptions.menuContainer = document.body;\r\n subOptions.menuOptions.isSubQuery = true;\r\n subOptions.entitiesListFilter = function (listItems, listOptions) {\r\n if (parentPanel.options.entitiesListFilter) {\r\n var subQueryPanelListOptions = listOptions || {};\r\n subQueryPanelListOptions.isSubQuery = true;\r\n parentPanel.options.entitiesListFilter(listItems, subQueryPanelListOptions);\r\n }\r\n };\r\n this.queryPanel = new QueryPanel(this.queryPanelBlock, subQuery);\r\n this.queryPanel.init(this.panel.getContext(), subOptions);\r\n var attrId = null;\r\n var cols = subQuery.getColumns();\r\n ;\r\n if (cols.length == 0) {\r\n var condition = this.expression.getParent();\r\n if (condition.expressions.length > 0) {\r\n var attrExpr = condition.expressions[0];\r\n attrId = (attrExpr.tag == ExprTag.EntityAttribute\r\n || attrExpr.kind == DataKind.Attribute) ? attrExpr.value : null;\r\n }\r\n }\r\n else {\r\n attrId = cols[0].expr.value;\r\n }\r\n if (attrId) {\r\n this.setResultAttributeId(attrId);\r\n }\r\n else {\r\n this.columnElement.innerText = i18n.getText(\"SubQueryEmptyColumn\");\r\n }\r\n this.queryPanel.refresh();\r\n var rootCondEl = this.queryPanelBlock.querySelector('.eqjs-qp-conditions-root');\r\n if (rootCondEl) {\r\n rootCondEl.style.minHeight = '100px';\r\n }\r\n var dialogService = this.panel\r\n .getContext()\r\n .getServices()\r\n .getDialogService();\r\n dialogService.open({\r\n title: i18n.getText('SubQueryDialogTitle'),\r\n body: this.dialogBlockBody,\r\n width: this.panel.options.subQueryDialogWidth,\r\n //height: this.panel.options.subQueryDialogHeight,\r\n closable: true,\r\n cancelable: true,\r\n onSubmit: function () {\r\n var value = _this.queryPanel.getQuery();\r\n // validate subquery\r\n if (value.tryValidate({ checkExpressions: true })) {\r\n _this.setValue(value);\r\n return true;\r\n }\r\n return false;\r\n }\r\n });\r\n };\r\n SubQueryExpressionRenderer.prototype.closeEditor = function () {\r\n };\r\n return SubQueryExpressionRenderer;\r\n}(ExpressionRenderer));\r\nexport { SubQueryExpressionRenderer };\r\n//# sourceMappingURL=subquery_expression_renderer.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { Widget, WidgetGroup, QueryChangeAction } from '@easyquery/core';\r\nimport { slideUp, slideDown, domel } from '@easydata/ui';\r\nimport { QueryPanel } from './query_panel';\r\nimport { browserUtils } from '../utils/browser_utils';\r\nvar FilterBar = /** @class */ (function (_super) {\r\n __extends(FilterBar, _super);\r\n function FilterBar(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.options = {\r\n applyOnClose: true,\r\n showApplyButton: true,\r\n showClearButton: true,\r\n queryPanel: {\r\n showAddRow: true,\r\n showCheckboxes: true,\r\n alwaysShowButtonsInGroups: true\r\n }\r\n };\r\n _this.headerClickListener = _this.headerClickHandler.bind(_this);\r\n _this.group = WidgetGroup.Query;\r\n return _this;\r\n }\r\n FilterBar.prototype.getWidgetType = function () {\r\n return 'filterBar';\r\n };\r\n Object.defineProperty(FilterBar.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-fb';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n FilterBar.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n this.setOptions(options);\r\n this.destroyCore();\r\n this.qpElement = domel('div')\r\n .addClass(this.cssPrefix + \"-querypanel\")\r\n .toDOM();\r\n this.queryPanel = new QueryPanel(this.qpElement);\r\n this.queryPanel.init(context, this.options.queryPanel || {});\r\n this.attachQueryObserver();\r\n };\r\n FilterBar.prototype.setOptions = function (options) {\r\n this.options = dataUtils.assignDeep(this.options, options);\r\n };\r\n FilterBar.prototype.applyBtnClick = function (ev) {\r\n this.applyFilter();\r\n };\r\n FilterBar.prototype.clearBtnClick = function (ev) {\r\n this.clearFilter();\r\n };\r\n FilterBar.prototype.showQueryPanel = function (callback) {\r\n var _this = this;\r\n slideDown(this.qpBlock, 200, function () {\r\n _this.updateHeader();\r\n if (callback)\r\n callback();\r\n });\r\n };\r\n FilterBar.prototype.hideQueryPanel = function () {\r\n var _this = this;\r\n slideUp(this.qpBlock, 200, function () {\r\n _this.updateHeader();\r\n if (_this.options.applyOnClose) {\r\n _this.applyFilter();\r\n }\r\n });\r\n };\r\n FilterBar.prototype.headerClickHandler = function (ev) {\r\n ev.preventDefault();\r\n if (domel(this.qpBlock).isVisible()) { // close query panel\r\n this.hideQueryPanel();\r\n }\r\n else { //open query panel\r\n this.showQueryPanel();\r\n }\r\n };\r\n FilterBar.prototype.updateHeader = function () {\r\n if (!this.headerTextElement)\r\n return;\r\n var text = '';\r\n var query = this.getContext().getQuery();\r\n if (query) {\r\n text = query.getConditionsText();\r\n }\r\n if (text == '') {\r\n text = i18n.getText('StrNoFilterDefined');\r\n }\r\n domel(this.headerTextElement)\r\n .text(text)\r\n .attr('title', text);\r\n if (!query || query.isEmptyConditions()) { //empty query, don't show query panel and arrow, show link in header\r\n domel(this.headerTextElement).hide();\r\n domel(this.headerLinkElement).show();\r\n if (!domel(this.qpBlock).isVisible()) {\r\n domel(this.headerArrowBlock).hide();\r\n this.headerElement.style.cursor = '';\r\n this.headerElement.removeEventListener('click', this.headerClickListener);\r\n }\r\n }\r\n else {\r\n this.headerElement.style.cursor = 'pointer';\r\n this.headerElement.removeEventListener('click', this.headerClickListener);\r\n this.headerElement.addEventListener('click', this.headerClickListener);\r\n domel(this.headerTextElement).show();\r\n domel(this.headerLinkElement).hide();\r\n domel(this.headerArrowBlock).show();\r\n }\r\n if (domel(this.qpBlock).isVisible()) { // close query panel\r\n this.headerArrowElement.classList.add(this.cssPrefix + \"-header-arrowUp\");\r\n }\r\n else {\r\n this.headerArrowElement.classList.remove(this.cssPrefix + \"-header-arrowUp\");\r\n }\r\n this.textResize();\r\n };\r\n FilterBar.prototype.render = function () {\r\n var _this = this;\r\n domel(this.slot)\r\n .addClass(this.cssPrefix + \"-container\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChild('div', function (builder) { return _this.headerElement = builder\r\n .addClass(_this.cssPrefix + \"-header\")\r\n .addChild('div', function (builder) { return _this.headerIconElement = builder\r\n .addClass(_this.cssPrefix + \"-header-icon\")\r\n .toDOM(); })\r\n .addChild('div', function (builder) { return _this.headerTextBlock = builder\r\n .addClass(_this.cssPrefix + \"-header-textblock\")\r\n .addChild('div', function (builder) { return _this.headerTextElement = builder\r\n .addClass(_this.cssPrefix + \"-header-text\")\r\n .toDOM(); })\r\n .addChild('div', function (builder) { return _this.headerLinkElement = builder\r\n .addClass(_this.cssPrefix + \"-header-text \" + _this.cssPrefix + \"-header-link\")\r\n .text(i18n.getText('StrNoFilterClickToAdd'))\r\n .hide()\r\n .on('click', function () {\r\n _this.queryPanel.showEntitiesMenu({\r\n anchor: _this.headerLinkElement,\r\n selectedIds: null,\r\n itemSelectedCallback: function (item, items) {\r\n var attrid = item.id;\r\n _this.showQueryPanel(function () {\r\n var query = _this.getContext().getQuery();\r\n var descr = {\r\n parent: query.getRootCondition(),\r\n attributeId: attrid\r\n };\r\n var cond = query.addSimpleCondition(descr);\r\n if (cond) {\r\n query.fireConditionsChangedEvent(QueryChangeAction.Add, cond);\r\n }\r\n });\r\n }\r\n });\r\n })\r\n .toDOM(); })\r\n .toDOM(); })\r\n .addChild('div', function (builder) { return _this.headerArrowBlock = builder\r\n .addClass(_this.cssPrefix + \"-header-arrowblock\")\r\n .addChild('div', function (builder) { return _this.headerArrowElement = builder\r\n .addClass(_this.cssPrefix + \"-header-arrow\")\r\n .toDOM(); })\r\n .toDOM(); })\r\n .toDOM(); })\r\n .addChild('div', function (builder) { return _this.qpBlock = builder\r\n .addClass(_this.cssPrefix + \"-querypanelblock\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .hide()\r\n .addChildElement(_this.qpElement)\r\n .toDOM(); });\r\n if (this.options.showApplyButton || this.options.showClearButton) {\r\n this.buttonsBlock = domel('div', this.qpBlock)\r\n .addClass(this.cssPrefix + \"-buttonsblock\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .toDOM();\r\n }\r\n if (this.options.showApplyButton) {\r\n domel('a', this.buttonsBlock)\r\n .attr('href', 'javascript:void(0)')\r\n .addClass(this.cssPrefix + \"-button \" + this.cssPrefix + \"-button-apply\")\r\n .text(i18n.getText('ButtonApply'))\r\n .on('click', this.applyBtnClick.bind(this));\r\n }\r\n if (this.options.showClearButton) {\r\n domel('a', this.buttonsBlock)\r\n .attr('href', 'javascript:void(0)')\r\n .addClass(this.cssPrefix + \"-button \" + this.cssPrefix + \"-button-clear\")\r\n .text(i18n.getText('CmdClear'))\r\n .on('click', this.clearBtnClick.bind(this));\r\n }\r\n window.addEventListener('resize', function () {\r\n _this.textResize();\r\n });\r\n this.updateHeader();\r\n this.queryPanel.refresh();\r\n setTimeout(function () { return _this.textResize(); }, 500);\r\n };\r\n FilterBar.prototype.refreshCore = function () {\r\n this.clear();\r\n this.render();\r\n };\r\n FilterBar.prototype.clear = function () {\r\n this.slot.innerHTML = \"\";\r\n };\r\n FilterBar.prototype.applyFilter = function () {\r\n if (this.options.applyFilterCallback) {\r\n this.options.applyFilterCallback();\r\n }\r\n };\r\n FilterBar.prototype.clearFilter = function () {\r\n var query = this.getContext().getQuery();\r\n if (query) {\r\n query.clearConditions();\r\n query.fireConditionsChangedEvent(QueryChangeAction.All);\r\n }\r\n };\r\n FilterBar.prototype.textResize = function () {\r\n this.headerTextBlock.style.width = (this.slot.clientWidth - this.headerIconElement.offsetWidth\r\n - (domel(this.headerArrowBlock).isVisible() ? this.headerArrowBlock.offsetWidth : 0)) + \"px\";\r\n };\r\n FilterBar.prototype.destroyCore = function () {\r\n if (this.queryPanel)\r\n this.queryPanel.destroy();\r\n this.detachQueryObserver();\r\n this.slot.innerHTML = '';\r\n };\r\n FilterBar.prototype.attachQueryObserver = function () {\r\n var _this = this;\r\n var query = this.getContext().getQuery();\r\n this.queryEventCallbackId = query.addChangedCallback(function (event) {\r\n _this.updateHeader();\r\n });\r\n };\r\n FilterBar.prototype.detachQueryObserver = function () {\r\n var query = this.getContext().getQuery();\r\n if (query)\r\n query.removeChangedCallback(this.queryEventCallbackId);\r\n };\r\n return FilterBar;\r\n}(Widget));\r\nexport { FilterBar };\r\n//# sourceMappingURL=filter_bar.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { Widget, WidgetGroup } from '@easyquery/core';\r\n/**\r\n * Base class for GRID.\r\n */\r\nvar Grid = /** @class */ (function (_super) {\r\n __extends(Grid, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The html element.\r\n */\r\n function Grid(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.options = {\r\n useCustomLocaleSettings: false\r\n };\r\n _this.slot = slot;\r\n _this.group = WidgetGroup.Result;\r\n return _this;\r\n }\r\n Grid.prototype.getWidgetType = function () {\r\n return 'grid';\r\n };\r\n /**\r\n * Initialize widget.\r\n * @param context The context.\r\n * @param options The options.\r\n */\r\n Grid.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n if (options) {\r\n dataUtils.assignDeep(this.options, options);\r\n }\r\n };\r\n /**\r\n * Refresh widget implementation\r\n */\r\n Grid.prototype.refreshCore = function () {\r\n this.clear();\r\n if (!this.context.resultTable) {\r\n return;\r\n }\r\n this.render();\r\n };\r\n /**\r\n * Renders widget\r\n */\r\n Grid.prototype.render = function () {\r\n if (this.options.beforeTableRendering) {\r\n this.options.beforeTableRendering(this.context.resultTable);\r\n }\r\n this.applyDisplayFormats();\r\n };\r\n Grid.prototype.applyDisplayFormats = function () {\r\n };\r\n /**\r\n * Clears GRID.\r\n */\r\n Grid.prototype.clear = function () {\r\n this.slot.innerHTML = \"\";\r\n };\r\n return Grid;\r\n}(Widget));\r\nexport { Grid };\r\n//# sourceMappingURL=grid.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { Widget, WidgetGroup } from '@easyquery/core';\r\n/**\r\n * The widget responsed for rendering statement.\r\n * It's usually added for demonstration purposes only.\r\n */\r\nvar StatementPanel = /** @class */ (function (_super) {\r\n __extends(StatementPanel, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The html element.\r\n */\r\n function StatementPanel(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.panel = slot;\r\n _this.group = WidgetGroup.Statement;\r\n if (_this.panel.tagName !== \"TEXTAREA\") {\r\n _this.panel.innerHTML = '';\r\n _this.panel = _this.panel.querySelector('div');\r\n }\r\n return _this;\r\n }\r\n StatementPanel.prototype.getWidgetType = function () {\r\n return 'statementPanel';\r\n };\r\n /**\r\n * Refresh widget implementation\r\n */\r\n StatementPanel.prototype.refreshCore = function () {\r\n this.clear();\r\n this.render();\r\n };\r\n StatementPanel.prototype.render = function () {\r\n this.panel.textContent = this.context.resultStatement ? this.context.resultStatement : \"\";\r\n var statementText = this.panel.innerHTML.replace(/\\r\\n/g, \"
\").replace(/ /g, \" \");\r\n this.panel.innerHTML = statementText;\r\n };\r\n StatementPanel.prototype.destroyCore = function () {\r\n this.clear();\r\n };\r\n StatementPanel.prototype.clear = function () {\r\n this.panel.innerHTML = \"\";\r\n };\r\n return StatementPanel;\r\n}(Widget));\r\nexport { StatementPanel };\r\n//# sourceMappingURL=statement_panel.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { Widget, WidgetGroup } from '@easyquery/core';\r\n/**\r\n * The widget responsed for rendering process bar.\r\n */\r\nvar ProcessWidget = /** @class */ (function (_super) {\r\n __extends(ProcessWidget, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The html element.\r\n */\r\n function ProcessWidget(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.element = slot;\r\n _this.element.style.display = 'none';\r\n _this.group = WidgetGroup.All;\r\n return _this;\r\n }\r\n ProcessWidget.prototype.getWidgetType = function () {\r\n return 'processIndicator';\r\n };\r\n /**\r\n * On process start implementation\r\n */\r\n ProcessWidget.prototype.onProcessStartCore = function () {\r\n this.element.style.display = '';\r\n };\r\n /**\r\n * On process end implementation\r\n */\r\n ProcessWidget.prototype.onProcessEndCore = function () {\r\n this.element.style.display = 'none';\r\n };\r\n return ProcessWidget;\r\n}(Widget));\r\nexport { ProcessWidget };\r\n//# sourceMappingURL=process_widget.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n, utils as dataUtils } from '@easydata/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { FacetType } from '../types/facet_type';\r\nimport { ResultFacet } from './result_facet';\r\nimport { ChartJsWidget } from '../widgets/charts/chart_widget_chartjs';\r\nimport { GoogleChartWidget } from '../widgets/charts/chart_widget_google';\r\nimport { browserUtils } from '../utils/browser_utils';\r\nvar ChartFacet = /** @class */ (function (_super) {\r\n __extends(ChartFacet, _super);\r\n function ChartFacet() {\r\n var _this = _super !== null && _super.apply(this, arguments) || this;\r\n _this.title = i18n.getText('Facets', 'Chart', 'FacetTitle');\r\n _this.dialogTitle = i18n.getText('Facets', 'Chart', 'DlgTitle');\r\n return _this;\r\n }\r\n ChartFacet.prototype.init = function (slot) {\r\n _super.prototype.init.call(this, slot);\r\n if (GoogleChartWidget.hasGoogleCharts()) {\r\n this.chart = new GoogleChartWidget(this.contentDiv);\r\n }\r\n else {\r\n this.chart = new ChartJsWidget(this.contentDiv);\r\n }\r\n var supportedChartTypes = this.container.options\r\n ? this.container.options.supportedChartTypes\r\n : null;\r\n this.chart.init(this.getContext(), {\r\n legend: {\r\n show: false\r\n },\r\n showOnPaging: true,\r\n hideSettings: true,\r\n supportedChartTypes: supportedChartTypes\r\n });\r\n //prevent showing chart tab\r\n domel(this.slot).hide();\r\n };\r\n ChartFacet.prototype.destroy = function () {\r\n if (this.chart) {\r\n this.chart.destroy();\r\n }\r\n };\r\n ChartFacet.prototype.getType = function () {\r\n return FacetType.Chart;\r\n };\r\n ChartFacet.prototype.renderFormFields = function (form, fieldsContainer) {\r\n var _this = this;\r\n _super.prototype.renderFormFields.call(this, form, fieldsContainer);\r\n var isIE = browserUtils.isIE();\r\n var horizClass = isIE ? 'kfrm-fields-ie is-horizontal' : 'kfrm-fields is-horizontal';\r\n // Chart type\r\n var chartTypeSelector = document.createElement('select');\r\n chartTypeSelector.id = 'chart_type_selector';\r\n chartTypeSelector.name = 'chart_type_selector';\r\n for (var _i = 0, _a = this.chart.getSupportedChartTypes(); _i < _a.length; _i++) {\r\n var ct = _a[_i];\r\n var sopt = document.createElement('option');\r\n sopt.value = ct.toString();\r\n sopt.text = this.chart.getChartTypeName(ct);\r\n chartTypeSelector.appendChild(sopt);\r\n }\r\n chartTypeSelector.value = this.chart.getCurrentChartType().toString();\r\n if (!this.settings) {\r\n this.chart.prepareChartData();\r\n this.settings = {\r\n type: this.chart.getCurrentChartType().toString(),\r\n labelColumn: \"\" + (this.chart.getLabelColumnIndex() >= 0 ? this.chart.getLabelColumnIndex() : ''),\r\n dataColumn: \"\" + (this.chart.getDataColumnIndex() >= 0 ? this.chart.getDataColumnIndex() : ''),\r\n showLegend: false\r\n };\r\n }\r\n // Label column\r\n var labelColumnSelector = document.createElement('select');\r\n labelColumnSelector.name = 'label_column_selector';\r\n labelColumnSelector.id = 'label_column_selector';\r\n for (var _b = 0, _c = this.chart.getPotentialLabelColumns(); _b < _c.length; _b++) {\r\n var col = _c[_b];\r\n var sopt = document.createElement('option');\r\n sopt.value = col.idx.toString();\r\n sopt.text = col.label;\r\n labelColumnSelector.appendChild(sopt);\r\n }\r\n labelColumnSelector.value = this.settings.labelColumn;\r\n // Data column\r\n var dataColumnSelector = document.createElement('select');\r\n dataColumnSelector.id = 'data_column_selector';\r\n dataColumnSelector.name = 'data_column_selector';\r\n for (var _d = 0, _e = this.chart.getPotentialDataColumns(); _d < _e.length; _d++) {\r\n var col = _e[_d];\r\n var sopt = document.createElement('option');\r\n sopt.value = col.idx.toString();\r\n sopt.text = col.label;\r\n dataColumnSelector.appendChild(sopt);\r\n }\r\n dataColumnSelector.value = this.settings.dataColumn.toString();\r\n var current = fieldsContainer;\r\n var getCurrent = function () {\r\n if (isIE) {\r\n return domel('div', fieldsContainer)\r\n .addClass('kfrm-field-ie')\r\n .toDOM();\r\n }\r\n else {\r\n return fieldsContainer;\r\n }\r\n };\r\n if (isIE) {\r\n domel(form)\r\n .addChildElement(getCurrent());\r\n }\r\n else {\r\n domel(fieldsContainer)\r\n .addChild('div')\r\n .addChild('div');\r\n }\r\n current = getCurrent();\r\n domel(current)\r\n .addChild('label', function (b) { return b\r\n .attr('for', 'chart_type_selector')\r\n .text(i18n.getText('Facets', 'Chart', 'ChartTypeSelectorLabel')); })\r\n .addChild('div', function (b) {\r\n return b\r\n .addClass('kfrm-select')\r\n .addChildElement(chartTypeSelector);\r\n });\r\n current = getCurrent();\r\n domel(current)\r\n .addChild('label', function (b) { return b\r\n .attr('for', 'label_column_selector')\r\n .text(i18n.getText('Facets', 'Chart', 'LabelColumnSelectorLabel')); })\r\n .addChild('div', function (b) { return b\r\n .addClass('kfrm-select')\r\n .addChildElement(labelColumnSelector); });\r\n current = getCurrent();\r\n domel(current)\r\n .addChild('label', function (b) { return b\r\n .attr('for', 'data_column_selector')\r\n .text(i18n.getText('Facets', 'Chart', 'DataColumnSelectorLabel')); })\r\n .addChild('div', function (b) { return b\r\n .addClass('kfrm-select')\r\n .addChildElement(dataColumnSelector); });\r\n current = getCurrent();\r\n domel(current)\r\n .addChild('div')\r\n .addChild('div', function (b) { return b\r\n .addClass(horizClass)\r\n .addChild('label', function (b) { return b\r\n .addClass('checkbox')\r\n .addChild('input', function (b) {\r\n b\r\n .id('show_legend')\r\n .type('checkbox');\r\n if (_this.settings.showLegend)\r\n b.attr('checked', '');\r\n })\r\n .addText(' ' + i18n.getText('Facets', 'Chart', 'ShowLegendLabel')); }); });\r\n };\r\n ChartFacet.prototype.afterDialogOpened = function (dlg) {\r\n if (this.getContext().resultTable.columns.getItems().filter(function (col) { return dataUtils.isNumericType(col.type); }).length <= 0) {\r\n dlg.showAlert('The dataset should contain at least one numeric column to build a chart', 'error');\r\n dlg.getSubmitButtonElement().disabled = true;\r\n }\r\n };\r\n ChartFacet.prototype.submitSettingsDialog = function () {\r\n var result = _super.prototype.submitSettingsDialog.call(this);\r\n var chartTypeSelector = document.getElementById('chart_type_selector');\r\n var ct = parseInt(chartTypeSelector.value);\r\n var labelColumnSelector = document.getElementById('label_column_selector');\r\n var labelColumn = parseInt(labelColumnSelector.value);\r\n var dataColumnSelector = document.getElementById('data_column_selector');\r\n var dataColumn = parseInt(dataColumnSelector.value);\r\n var showLegendInput = document.getElementById('show_legend');\r\n var showLegend = showLegendInput.checked;\r\n if (result) {\r\n this.settings = {\r\n type: ct,\r\n labelColumn: labelColumn,\r\n dataColumn: dataColumn,\r\n showLegend: showLegend\r\n };\r\n if (this.canDisplay()) {\r\n this.refresh();\r\n }\r\n }\r\n return result;\r\n };\r\n ChartFacet.prototype.getSettings = function () {\r\n return this.settings;\r\n };\r\n ChartFacet.prototype.saveToData = function () {\r\n var data = _super.prototype.saveToData.call(this);\r\n if (this.settings) {\r\n data.chartType = this.settings.type;\r\n data.labelCol = this.settings.labelColumn;\r\n data.dataCol = this.settings.dataColumn;\r\n data.showLeg = this.settings.showLegend;\r\n }\r\n return data;\r\n };\r\n ChartFacet.prototype.loadFromData = function (data) {\r\n _super.prototype.loadFromData.call(this, data);\r\n if (data) {\r\n this.settings = {\r\n type: data.chartType,\r\n dataColumn: data.dataCol,\r\n labelColumn: data.labelCol,\r\n showLegend: data.showLeg\r\n };\r\n }\r\n };\r\n ChartFacet.prototype.refreshCore = function () {\r\n if (this.chart) {\r\n if (this.settings) {\r\n this.chart.updateSettings(this.settings);\r\n }\r\n this.chart.prepareChartData();\r\n this.chart.refresh();\r\n }\r\n };\r\n ChartFacet.prototype.onResize = function () {\r\n this.refresh();\r\n };\r\n return ChartFacet;\r\n}(ResultFacet));\r\nexport { ChartFacet };\r\n//# sourceMappingURL=chart_facet.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { domel } from '@easydata/ui';\r\nimport { EasyDataTable, DataType, utils as dataUtils, i18n } from '@easydata/core';\r\nimport { EasyGrid } from '@easydata/ui';\r\nimport { FacetType } from '../types/facet_type';\r\nimport { ResultFacet } from './result_facet';\r\nimport { browserUtils } from '../utils/browser_utils';\r\nvar AggrFunc;\r\n(function (AggrFunc) {\r\n AggrFunc[\"Sum\"] = \"SUM\";\r\n AggrFunc[\"Average\"] = \"AVG\";\r\n AggrFunc[\"Min\"] = \"MIN\";\r\n AggrFunc[\"Max\"] = \"MAX\";\r\n AggrFunc[\"Count\"] = \"COUNT\";\r\n})(AggrFunc || (AggrFunc = {}));\r\nvar FormFieldType;\r\n(function (FormFieldType) {\r\n FormFieldType[FormFieldType[\"ColumnField\"] = 0] = \"ColumnField\";\r\n FormFieldType[FormFieldType[\"RowField\"] = 1] = \"RowField\";\r\n FormFieldType[FormFieldType[\"CellData\"] = 2] = \"CellData\";\r\n})(FormFieldType || (FormFieldType = {}));\r\nvar DFMT_REGEX = /{0:(.*?)}/g;\r\nvar PivotTableFacet = /** @class */ (function (_super) {\r\n __extends(PivotTableFacet, _super);\r\n function PivotTableFacet() {\r\n var _this = _super !== null && _super.apply(this, arguments) || this;\r\n _this.title = i18n.getText('Facets', 'Pivot', 'FacetTitle');\r\n _this.dialogTitle = i18n.getText('Facets', 'Pivot', 'DlgTitle');\r\n _this.pivotTable = new EasyDataTable();\r\n return _this;\r\n }\r\n PivotTableFacet.prototype.init = function (slot) {\r\n var _this = this;\r\n _super.prototype.init.call(this, slot);\r\n this.options.maxRowCount = this.options.maxRowCount || 500;\r\n this.options.viewportRowsCount = this.options.viewportRowsCount || 50;\r\n this.grid = new EasyGrid({\r\n slot: this.contentDiv,\r\n dataTable: this.pivotTable,\r\n paging: {\r\n enabled: false,\r\n pageSize: this.options.maxRowCount\r\n },\r\n viewportRowsCount: this.options.viewportRowsCount,\r\n useRowNumeration: false,\r\n showPlusButton: false,\r\n allowDragDrop: false,\r\n onGetCellRenderer: function (column, defaultRenderer) {\r\n if (column.dataColumn) {\r\n if (column.dataColumn.id == \"total\") {\r\n return function (value, column, cell, rowEl) {\r\n defaultRenderer(value, column, cell, rowEl);\r\n cell.classList.add('pivot-cell-total');\r\n };\r\n }\r\n if (_this.settings.totalsRow) {\r\n var colIndex = _this.pivotTable.columns.getIndex(column.dataColumn.id);\r\n var isFirst = colIndex === 0;\r\n if (isFirst) {\r\n return function (value, column, cell, rowEl) {\r\n var idx = Number.parseInt(rowEl.getAttribute('data-row-idx'));\r\n var isLast = idx === _this.pivotTable.getCachedCount() - 1;\r\n if (isLast) {\r\n value = i18n.getText('Facets', 'Pivot', 'TotalGridLabel');\r\n }\r\n defaultRenderer(value, column, cell, rowEl);\r\n };\r\n }\r\n }\r\n }\r\n }\r\n });\r\n };\r\n PivotTableFacet.prototype.getType = function () {\r\n return FacetType.PivotTable;\r\n };\r\n PivotTableFacet.prototype.destroy = function () {\r\n if (this.grid) {\r\n this.grid.destroy();\r\n }\r\n };\r\n PivotTableFacet.prototype.createAggrFuncSelectBuilder = function (aggrFunc) {\r\n var model = this.getContext().getModel();\r\n var csb = domel('select');\r\n var aggrfuncs = Object.keys(AggrFunc).map(function (k) { return AggrFunc[k]; });\r\n var _loop_1 = function (aggrfunc) {\r\n csb.addChild('option', function (b) {\r\n b\r\n .attr('value', aggrfunc)\r\n .text(model.getAggrFunctionCaption(aggrfunc));\r\n });\r\n };\r\n for (var _i = 0, aggrfuncs_1 = aggrfuncs; _i < aggrfuncs_1.length; _i++) {\r\n var aggrfunc = aggrfuncs_1[_i];\r\n _loop_1(aggrfunc);\r\n }\r\n var options = csb.toDOM().querySelectorAll('option');\r\n if (aggrFunc != undefined) {\r\n options.forEach(function (option) {\r\n if (option.value == aggrFunc) {\r\n option.selected = true;\r\n }\r\n });\r\n }\r\n else {\r\n options[0].selected = true;\r\n }\r\n return csb;\r\n };\r\n PivotTableFacet.prototype.createColumnsSelectBuilder = function (allowedTypes, colName, formFieldType) {\r\n var dataTable = this.getContextDataTable();\r\n var csb = domel('select');\r\n var firstNumericColIndex = null;\r\n var optionIndex = 0;\r\n var _loop_2 = function (i) {\r\n var column = dataTable.columns.get(i);\r\n var colLabel = column.label;\r\n var colType = column.type;\r\n var colId = column.id;\r\n if (allowedTypes && allowedTypes.indexOf(colType) < 0)\r\n return \"continue\";\r\n if (firstNumericColIndex === null && dataUtils.isNumericType(colType)) {\r\n firstNumericColIndex = optionIndex;\r\n }\r\n csb.addChild('option', function (b) {\r\n b\r\n .attr('value', colId)\r\n .text(colLabel);\r\n });\r\n optionIndex++;\r\n };\r\n for (var i = 0; i < dataTable.columns.count; i++) {\r\n _loop_2(i);\r\n }\r\n var options = Array.from(csb.toDOM().querySelectorAll('option'));\r\n if (options.length > 0) {\r\n if (colName != undefined) {\r\n for (var _i = 0, options_1 = options; _i < options_1.length; _i++) {\r\n var option = options_1[_i];\r\n if (option.value == colName) {\r\n csb.toDOM().value = option.value;\r\n break;\r\n }\r\n }\r\n }\r\n else {\r\n switch (formFieldType) {\r\n case FormFieldType.ColumnField: {\r\n csb.toDOM().value = options[0].value;\r\n break;\r\n }\r\n case FormFieldType.RowField: {\r\n csb.toDOM().value = options.length > 1 ? options[1].value : options[0].value;\r\n break;\r\n }\r\n case FormFieldType.CellData: {\r\n csb.toDOM().value = firstNumericColIndex === null ? options[0].value : options[firstNumericColIndex].value;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n return csb;\r\n };\r\n PivotTableFacet.prototype.renderFormFields = function (form, fieldsContainer) {\r\n var _this = this;\r\n _super.prototype.renderFormFields.call(this, form, fieldsContainer);\r\n var settings = this.settings || { totalsRow: true, totalsCol: true };\r\n var colTypes = [DataType.String, DataType.Date, DataType.DateTime, DataType.Int32,\r\n DataType.Int64, DataType.Word, DataType.Byte];\r\n var fieldTypes = [DataType.String, DataType.Float, DataType.Int32,\r\n DataType.Int64, DataType.Word, DataType.Byte, DataType.Currency];\r\n var isIE = browserUtils.isIE();\r\n var current = fieldsContainer;\r\n var horizClass = isIE ? 'kfrm-fields-ie is-horizontal' : 'kfrm-fields is-horizontal';\r\n var getCurrent = function () {\r\n if (isIE) {\r\n return domel('div', fieldsContainer)\r\n .addClass('kfrm-field-ie')\r\n .toDOM();\r\n }\r\n else {\r\n return fieldsContainer;\r\n }\r\n };\r\n if (isIE) {\r\n domel(fieldsContainer)\r\n .addChildElement(getCurrent());\r\n }\r\n else {\r\n domel(fieldsContainer)\r\n .addChild('div')\r\n .addChild('div');\r\n }\r\n current = getCurrent();\r\n domel(current)\r\n .addChild('label', function (b) { return b\r\n .attr('for', 'column_field')\r\n .text(i18n.getText('Facets', 'Pivot', 'ColumnFieldSelectorLabel')); })\r\n .addChild('div', function (b) { return b\r\n .addClass(horizClass)\r\n .addChild('div', function (b) { return b\r\n .addClass('kfrm-select')\r\n .attr('name', 'column_field')\r\n .addChildElement(_this.createColumnsSelectBuilder(colTypes, settings.colName, FormFieldType.ColumnField)\r\n .id('pivotTableColFieldSelector')\r\n .toDOM()); })\r\n .addChild('button', function (b) { return b\r\n .addClass('kfrm-button')\r\n .addClass('eqjs-facets-button-swap')\r\n .attr('title', i18n.getText('Facets', 'Pivot', 'SwapBtnTitle'))\r\n .on('click', function () {\r\n var colSelect = document.getElementById('pivotTableColFieldSelector');\r\n var rowSelect = document.getElementById('pivotTableRowFieldSelector');\r\n var tmp = colSelect.value;\r\n colSelect.value = rowSelect.value;\r\n rowSelect.value = tmp;\r\n }); }); });\r\n current = getCurrent();\r\n domel(current)\r\n .addChild('label', function (b) { return b\r\n .attr('for', 'row_field')\r\n .text(i18n.getText('Facets', 'Pivot', 'RowFieldSelectorLabel')); })\r\n .addChild('div', function (b) { return b\r\n .addClass('kfrm-select')\r\n .attr('name', 'row_field')\r\n .addChildElement(_this.createColumnsSelectBuilder(colTypes, settings.rowName, FormFieldType.RowField)\r\n .id('pivotTableRowFieldSelector')\r\n .toDOM()); });\r\n current = getCurrent();\r\n domel(current)\r\n .addChild('label', function (b) { return b\r\n .attr('for', 'data_function')\r\n .text(i18n.getText('Facets', 'Pivot', 'CellDataSelectorLabel')); })\r\n .addChild('div', function (b) { return b\r\n .addClass(horizClass)\r\n .addChild('div', function (b) { return b\r\n .addClass('kfrm-select')\r\n .attr('name', 'data_function')\r\n .addChildElement(_this.createAggrFuncSelectBuilder(settings.aggrFunc)\r\n .id('pivotTableAggrFuncSelector')\r\n .toDOM()); })\r\n .addChild('label', function (b) { return b.addText('of '); })\r\n .addChild('div', function (b) { return b\r\n .addClass('kfrm-select')\r\n .attr('name', 'data_column')\r\n .addChildElement(_this.createColumnsSelectBuilder(fieldTypes, settings.fieldName, FormFieldType.CellData)\r\n .on('change', function (ev) {\r\n var colId = ev.target.value;\r\n _this.validateSelectedField(colId);\r\n })\r\n .id('pivotTableCellFieldSelector')\r\n .toDOM()); }); });\r\n current = getCurrent();\r\n domel(current)\r\n .addChild('div')\r\n .addChild('div', function (b) { return b\r\n .addClass(horizClass)\r\n .addChild('label', function (b) { return b\r\n .addClass('checkbox')\r\n .addChild('input', function (b) {\r\n b\r\n .id('pivotTableHasTotalsRow')\r\n .type('checkbox');\r\n if (settings.totalsRow)\r\n b.attr('checked', '');\r\n })\r\n .addText(' ' + i18n.getText('Facets', 'Pivot', 'TotalsRowLabel')); })\r\n .addChild('label', function (b) { return b\r\n .addClass('checkbox')\r\n .addChild('input', function (b) {\r\n b\r\n .id('pivotTableHasTotalsCol')\r\n .type('checkbox');\r\n if (settings.totalsCol)\r\n b.attr('checked', '');\r\n })\r\n .addText(' ' + i18n.getText('Facets', 'Pivot', 'TotalsColLabel')); }); });\r\n };\r\n PivotTableFacet.prototype.afterDialogOpened = function (dlg) {\r\n var colId = document.getElementById('pivotTableCellFieldSelector').value;\r\n if (colId) {\r\n this.validateSelectedField(colId);\r\n }\r\n if (this.getQuery().getColumns().length <= 2) {\r\n dlg.showAlert('The dataset should contain at least three columns to build a pivot table', 'error');\r\n dlg.getSubmitButtonElement().disabled = true;\r\n }\r\n };\r\n PivotTableFacet.prototype.validateSelectedField = function (colId) {\r\n var dataTable = this.getContextDataTable();\r\n var colIndex = dataTable.columns.getIndex(colId);\r\n var col = dataTable.columns.get(colIndex);\r\n var aggrSelector = document.getElementById('pivotTableAggrFuncSelector');\r\n if (col.type == DataType.String) {\r\n aggrSelector.disabled = true;\r\n aggrSelector.value = AggrFunc.Count;\r\n }\r\n else {\r\n aggrSelector.disabled = false;\r\n }\r\n };\r\n PivotTableFacet.prototype.submitSettingsDialog = function () {\r\n var result = _super.prototype.submitSettingsDialog.call(this);\r\n if (result) {\r\n this.settings = {\r\n colName: document.getElementById('pivotTableColFieldSelector').value,\r\n rowName: document.getElementById('pivotTableRowFieldSelector').value,\r\n aggrFunc: document.getElementById('pivotTableAggrFuncSelector').value,\r\n fieldName: document.getElementById('pivotTableCellFieldSelector').value,\r\n totalsRow: document.getElementById('pivotTableHasTotalsRow').checked,\r\n totalsCol: document.getElementById('pivotTableHasTotalsCol').checked\r\n };\r\n this.refresh();\r\n }\r\n return result;\r\n };\r\n PivotTableFacet.prototype.saveToData = function () {\r\n var data = _super.prototype.saveToData.call(this);\r\n if (this.settings) {\r\n dataUtils.assignDeep(data, this.settings);\r\n }\r\n return data;\r\n };\r\n PivotTableFacet.prototype.loadFromData = function (data) {\r\n _super.prototype.loadFromData.call(this, data);\r\n if (data) {\r\n this.settings = dataUtils.assignDeep(this.settings, data);\r\n if (this.settings.aggrFunc == 'AVERAGE') {\r\n this.settings.aggrFunc = AggrFunc.Average;\r\n }\r\n }\r\n };\r\n PivotTableFacet.prototype.refreshCore = function () {\r\n this.updatePivotData();\r\n if (this.grid) {\r\n var dataSize = this.pivotTable.getTotal();\r\n var maxRow = this.grid.options.paging.pageSize;\r\n if (dataSize > maxRow) {\r\n this.contentDiv.classList.remove('pivot-grid-with-totals');\r\n this.showErrorMessage(i18n.getText('Facets', 'ErrTooMuchData'));\r\n }\r\n if (this.options.viewportRowsCount > dataSize) {\r\n this.grid.options.viewportRowsCount = dataSize;\r\n }\r\n else {\r\n this.grid.options.viewportRowsCount = this.options.viewportRowsCount;\r\n }\r\n this.grid.refresh();\r\n }\r\n };\r\n PivotTableFacet.prototype.getContextDataTable = function () {\r\n var context = this.getContext();\r\n return context.resultTable;\r\n };\r\n PivotTableFacet.prototype.updatePivotData = function () {\r\n this.pivotTable.clear();\r\n var dataTable = this.getContextDataTable();\r\n if (!dataTable || dataTable.getTotal() == 0) {\r\n return;\r\n }\r\n if (!this.settings) {\r\n return;\r\n }\r\n var colName = this.settings.colName;\r\n var rowName = this.settings.rowName;\r\n var fieldName = this.settings.fieldName;\r\n var colIdx = dataTable.columns.getIndex(colName);\r\n var rowIdx = dataTable.columns.getIndex(rowName);\r\n var fieldIdx = dataTable.columns.getIndex(fieldName);\r\n if (colIdx == undefined || rowIdx == undefined || fieldIdx == undefined) {\r\n this.showUnableDisplayMessage(i18n.getText('Facets', 'ErrQueryChanged'));\r\n return;\r\n }\r\n var columnField = dataTable.columns.get(fieldIdx);\r\n var columnCol = dataTable.columns.get(colIdx);\r\n var columnRow = dataTable.columns.get(rowIdx);\r\n var rowLabel = columnRow.label;\r\n var rowType = columnRow.type;\r\n var colLabel = columnCol.label;\r\n var colValues = [];\r\n var rowValues = [];\r\n var rows = dataTable.getCachedRows();\r\n for (var i = 0; i < rows.length; i++) {\r\n var colValue = rows[i].getValue(colIdx);\r\n if (colValues.indexOf(colValue) < 0) {\r\n colValues.push(colValue);\r\n }\r\n var rowValue = rows[i].getValue(rowIdx);\r\n if (rowValues.indexOf(rowValue) < 0) {\r\n rowValues.push(rowValue);\r\n }\r\n }\r\n this.pivotTable.columns.add({\r\n id: rowLabel + '\\\\' + colLabel,\r\n label: rowLabel + '\\\\' + colLabel,\r\n description: '',\r\n type: rowType,\r\n dfmt: columnRow.displayFormat,\r\n style: columnRow.style\r\n });\r\n var null_columns = [];\r\n var colFieldFormatter = null;\r\n if (dataUtils.isNumericType(columnCol.type)) {\r\n colFieldFormatter = this.formatNumber;\r\n }\r\n else if (dataUtils.getDateDataTypes().indexOf(columnCol.type) >= 0) {\r\n colFieldFormatter = this.formatDate;\r\n }\r\n for (var i = 0; i < colValues.length; i++) {\r\n var colValue = colValues[i];\r\n if (!colValue) {\r\n null_columns.push(i);\r\n }\r\n else {\r\n var label = colFieldFormatter\r\n ? colFieldFormatter(columnCol, colValue)\r\n : colValue;\r\n this.pivotTable.columns.add({\r\n id: colValue,\r\n label: label,\r\n description: '',\r\n dfmt: columnField.displayFormat,\r\n type: this.settings.aggrFunc !== AggrFunc.Count\r\n ? columnField.type : DataType.Int64,\r\n style: columnField.style\r\n });\r\n }\r\n }\r\n var new_rows = [];\r\n for (var i = 0; i < rowValues.length; i++) {\r\n new_rows.push([]);\r\n new_rows[i].push(rowValues[i]);\r\n }\r\n for (var i = 0; i < rowValues.length; i++) {\r\n for (var j = 0; j < colValues.length; j++) {\r\n if (null_columns.indexOf(j) >= 0)\r\n continue;\r\n new_rows[i].push(this.calcAggrFunc(this.settings.aggrFunc, {\r\n colName: this.settings.colName,\r\n rowName: this.settings.rowName,\r\n fieldName: this.settings.fieldName,\r\n rowValue: rowValues[i],\r\n colValue: colValues[j]\r\n }));\r\n }\r\n }\r\n if (this.settings.totalsCol) {\r\n this.pivotTable.columns.add({\r\n id: \"total\",\r\n label: i18n.getText('Facets', 'Pivot', 'TotalGridLabel'),\r\n description: '',\r\n dfmt: columnField.displayFormat,\r\n type: this.settings.aggrFunc !== AggrFunc.Count\r\n ? columnField.type : DataType.Int64\r\n });\r\n for (var i = 0; i < new_rows.length; i++) {\r\n var row = new_rows[i];\r\n var totalByRow = 0;\r\n if (this.settings.aggrFunc == AggrFunc.Min\r\n || this.settings.aggrFunc == AggrFunc.Max) {\r\n totalByRow = row[1];\r\n }\r\n for (var j = 1; j < row.length; j++) {\r\n var value = row[j];\r\n if (value !== null) {\r\n if (this.settings.aggrFunc === AggrFunc.Min) {\r\n if (value < totalByRow)\r\n totalByRow = value;\r\n }\r\n else if (this.settings.aggrFunc === AggrFunc.Max) {\r\n if (value > totalByRow)\r\n totalByRow = value;\r\n }\r\n else {\r\n totalByRow += value;\r\n }\r\n }\r\n }\r\n if (this.settings.aggrFunc === AggrFunc.Average) {\r\n totalByRow /= row.length - 1;\r\n }\r\n row.push(totalByRow);\r\n }\r\n }\r\n for (var _i = 0, new_rows_1 = new_rows; _i < new_rows_1.length; _i++) {\r\n var row = new_rows_1[_i];\r\n this.pivotTable.addRow(row);\r\n }\r\n if (this.settings.totalsRow) {\r\n var total_row = [];\r\n // to be able to create date value\r\n total_row.push(null);\r\n for (var i = 1; i < this.pivotTable.columns.count; i++) {\r\n var rows_1 = this.pivotTable.getCachedRows();\r\n var totalByCol = 0;\r\n if (this.settings.aggrFunc == AggrFunc.Min\r\n || this.settings.aggrFunc == AggrFunc.Max) {\r\n totalByCol = rows_1[0].getValue(i);\r\n }\r\n for (var j = 0; j < rows_1.length; j++) {\r\n var value = rows_1[j].getValue(i);\r\n if (value !== null) {\r\n if (this.settings.aggrFunc === AggrFunc.Min) {\r\n if (value < totalByCol)\r\n totalByCol = value;\r\n }\r\n else if (this.settings.aggrFunc === AggrFunc.Max) {\r\n if (value > totalByCol)\r\n totalByCol = value;\r\n }\r\n else {\r\n totalByCol += value;\r\n }\r\n }\r\n }\r\n if (this.settings.aggrFunc === AggrFunc.Average) {\r\n totalByCol /= rows_1.length;\r\n }\r\n total_row.push(totalByCol);\r\n }\r\n this.pivotTable.addRow(total_row);\r\n this.contentDiv.classList.add('pivot-grid-with-totals');\r\n }\r\n else {\r\n this.contentDiv.classList.remove('pivot-grid-with-totals');\r\n }\r\n };\r\n PivotTableFacet.prototype.calcAggrFunc = function (func, options) {\r\n switch (func) {\r\n case AggrFunc.Sum:\r\n return this.sum(options);\r\n case AggrFunc.Average:\r\n return this.average(options);\r\n case AggrFunc.Min:\r\n return this.min(options);\r\n case AggrFunc.Max:\r\n return this.max(options);\r\n case AggrFunc.Count:\r\n return this.count(options);\r\n default:\r\n return 0;\r\n }\r\n };\r\n PivotTableFacet.prototype.getSettings = function () {\r\n return this.settings;\r\n };\r\n PivotTableFacet.prototype.formatDate = function (column, value) {\r\n var isDate = Object.prototype.toString.call(value) === '[object Date]';\r\n var strValue = (value || '').toString();\r\n if (isDate) {\r\n if (column && column.displayFormat\r\n && DFMT_REGEX.test(column.displayFormat)) {\r\n strValue = column.displayFormat.replace(DFMT_REGEX, function (_, $1) {\r\n return i18n.dateTimeToStr(value, column.type, $1);\r\n });\r\n }\r\n else {\r\n var locale = i18n.getCurrentLocale();\r\n var timeOptions = { hour: 'numeric', minute: 'numeric', second: 'numeric' };\r\n switch (column.type) {\r\n case DataType.Date:\r\n strValue = value.toLocaleDateString(locale);\r\n break;\r\n case DataType.Time:\r\n strValue = value.toLocaleTimeString(locale, timeOptions);\r\n break;\r\n case DataType.DateTime:\r\n strValue = value.toLocaleDateString(locale) + \" \" + value.toLocaleTimeString(locale, timeOptions);\r\n break;\r\n }\r\n }\r\n }\r\n return strValue;\r\n };\r\n PivotTableFacet.prototype.formatNumber = function (column, value) {\r\n var strValue = (value || '').toString();\r\n if (typeof value == 'number') {\r\n if (column && column.displayFormat\r\n && DFMT_REGEX.test(column.displayFormat)) {\r\n strValue = column.displayFormat.replace(DFMT_REGEX, function (_, $1) {\r\n return i18n.numberToStr(value, $1);\r\n });\r\n }\r\n else {\r\n strValue = value.toLocaleString();\r\n }\r\n }\r\n return strValue;\r\n };\r\n PivotTableFacet.prototype.sum = function (options) {\r\n var result = 0;\r\n var dataTable = this.getContextDataTable();\r\n var rows = dataTable.getCachedRows();\r\n for (var i = 0; i < rows.length; i++) {\r\n var rowValue = rows[i].getValue(options.rowName);\r\n var colValue = rows[i].getValue(options.colName);\r\n if (rowValue !== options.rowValue\r\n || colValue !== options.colValue) {\r\n continue;\r\n }\r\n var fieldValue = rows[i].getValue(options.fieldName);\r\n result += fieldValue;\r\n }\r\n return result;\r\n };\r\n PivotTableFacet.prototype.average = function (options) {\r\n var result = 0;\r\n var count = 0;\r\n var dataTable = this.getContextDataTable();\r\n var rows = dataTable.getCachedRows();\r\n for (var i = 0; i < rows.length; i++) {\r\n var rowValue = rows[i].getValue(options.rowName);\r\n var colValue = rows[i].getValue(options.colName);\r\n if (rowValue !== options.rowValue\r\n || colValue !== options.colValue) {\r\n continue;\r\n }\r\n var fieldValue = rows[i].getValue(options.fieldName);\r\n result += fieldValue;\r\n count++;\r\n }\r\n if (count != 0)\r\n result = result / count;\r\n return result;\r\n };\r\n PivotTableFacet.prototype.min = function (options) {\r\n var min = Number.MAX_SAFE_INTEGER;\r\n var dataTable = this.getContextDataTable();\r\n var rows = dataTable.getCachedRows();\r\n for (var i = 0; i < rows.length; i++) {\r\n var rowValue = rows[i].getValue(options.rowName);\r\n var colValue = rows[i].getValue(options.colName);\r\n if (rowValue !== options.rowValue\r\n || colValue !== options.colValue) {\r\n continue;\r\n }\r\n var fieldValue = rows[i].getValue(options.fieldName);\r\n if (fieldValue < min) {\r\n min = fieldValue;\r\n }\r\n }\r\n if (min == Number.MAX_SAFE_INTEGER)\r\n return null;\r\n return min;\r\n };\r\n PivotTableFacet.prototype.max = function (options) {\r\n var max = Number.MIN_SAFE_INTEGER;\r\n var dataTable = this.getContextDataTable();\r\n var rows = dataTable.getCachedRows();\r\n for (var i = 0; i < rows.length; i++) {\r\n var rowValue = rows[i].getValue(options.rowName);\r\n var colValue = rows[i].getValue(options.colName);\r\n if (rowValue !== options.rowValue\r\n || colValue !== options.colValue) {\r\n continue;\r\n }\r\n var fieldValue = rows[i].getValue(options.fieldName);\r\n if (fieldValue > max) {\r\n max = fieldValue;\r\n }\r\n }\r\n if (max == Number.MIN_SAFE_INTEGER)\r\n return null;\r\n return max;\r\n };\r\n PivotTableFacet.prototype.count = function (options) {\r\n var dataTable = this.getContextDataTable();\r\n var count = 0;\r\n var rows = dataTable.getCachedRows();\r\n for (var i = 0; i < rows.length; i++) {\r\n var rowValue = rows[i].getValue(options.rowName);\r\n var colValue = rows[i].getValue(options.colName);\r\n if (rowValue !== options.rowValue\r\n || colValue !== options.colValue) {\r\n continue;\r\n }\r\n count++;\r\n }\r\n return count;\r\n };\r\n return PivotTableFacet;\r\n}(ResultFacet));\r\nexport { PivotTableFacet };\r\n//# sourceMappingURL=pivot_table_facet.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easyquery/core';\r\nimport { ResultFacet } from './result_facet';\r\nimport { FacetType } from '../types/facet_type';\r\nimport { EasyGridWidget } from '../widgets/easy_grid_widget';\r\nvar DataTableFacet = /** @class */ (function (_super) {\r\n __extends(DataTableFacet, _super);\r\n function DataTableFacet() {\r\n var _this = _super !== null && _super.apply(this, arguments) || this;\r\n _this.grid = null;\r\n _this.title = i18n.getText('Facets', 'DataTable', 'FacetTitle');\r\n _this.dialogTitle = i18n.getText('Facets', 'DataTable', 'DlgTitle');\r\n return _this;\r\n }\r\n DataTableFacet.prototype.init = function (slot) {\r\n _super.prototype.init.call(this, slot);\r\n this.reinitGrid();\r\n };\r\n DataTableFacet.prototype.getSettings = function () {\r\n return this.settings;\r\n };\r\n DataTableFacet.prototype.reinitGrid = function () {\r\n if (this.grid)\r\n this.grid.destroy();\r\n var options = this.container.options || {};\r\n if (options.gridResolver) {\r\n this.grid = options.gridResolver(this.contentDiv, this.getType());\r\n }\r\n if (this.grid == null) {\r\n this.grid = new EasyGridWidget(this.contentDiv);\r\n }\r\n options.grid = options.grid || {};\r\n options.grid.autoRefresh = false;\r\n options.grid.addColumns = false;\r\n var context = this.getContext();\r\n options.grid.totals = this.settings;\r\n this.grid.init(context, options.grid);\r\n };\r\n DataTableFacet.prototype.getType = function () {\r\n return FacetType.DataGrid;\r\n };\r\n DataTableFacet.prototype.canDisplay = function () {\r\n return true;\r\n };\r\n DataTableFacet.prototype.refreshCore = function () {\r\n if (!this.grid)\r\n return;\r\n this.grid.refresh();\r\n };\r\n DataTableFacet.prototype.destroy = function () {\r\n if (this.grid) {\r\n this.grid.destroy();\r\n }\r\n };\r\n return DataTableFacet;\r\n}(ResultFacet));\r\nexport { DataTableFacet };\r\n//# sourceMappingURL=datatable_facet.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { Widget, WidgetGroup } from '@easyquery/core';\r\nimport { ExportDialog } from '../dialog/export_dialog';\r\nvar ExportWidget = /** @class */ (function (_super) {\r\n __extends(ExportWidget, _super);\r\n function ExportWidget(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.options = {\r\n defFormat: 'csv',\r\n enableExport: true\r\n };\r\n _this.clickHandler = function (ev) {\r\n if (!_this.slot.hasAttribute('disabled'))\r\n new ExportDialog(_this.context).show(_this.options.defFormat);\r\n };\r\n _this.group = WidgetGroup.All;\r\n return _this;\r\n }\r\n ExportWidget.prototype.getWidgetType = function () {\r\n return 'exportWidget';\r\n };\r\n ExportWidget.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n this.options = dataUtils.assignDeep(this.options, options);\r\n this.slot.addEventListener('click', this.clickHandler);\r\n };\r\n ExportWidget.prototype.refreshCore = function () {\r\n if (this.options.enableExport && this.context.resultTable\r\n && this.context.resultTable.getCachedCount() > 0) {\r\n this.slot.removeAttribute('disabled');\r\n }\r\n else {\r\n this.slot.setAttribute('disabled', '');\r\n }\r\n };\r\n ExportWidget.prototype.destroyCore = function () {\r\n this.slot.removeAttribute('disabled');\r\n this.slot.removeEventListener('click', this.clickHandler);\r\n };\r\n return ExportWidget;\r\n}(Widget));\r\nexport { ExportWidget };\r\n//# sourceMappingURL=export_widget.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { Widget, WidgetGroup, i18n } from '@easyquery/core';\r\nimport { browserUtils } from '../utils/browser_utils';\r\nimport { AggrSettingsDialog } from \"../dialog/aggr_settings_dialog\";\r\n/**\r\n * The widget responsed for rendering the name of the current query.\r\n */\r\nvar AggregationBar = /** @class */ (function (_super) {\r\n __extends(AggregationBar, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The HTML element where our widget should be placed.\r\n * @param customQuery The custom query\r\n */\r\n function AggregationBar(slot, customQuery) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.linkClickCallback = function () {\r\n new AggrSettingsDialog(_this.context).show(_this.getQuery());\r\n };\r\n _this.queryEventCallbackId = null;\r\n _this.customQuery = customQuery;\r\n _this.group = WidgetGroup.Query | WidgetGroup.QueryStatus;\r\n return _this;\r\n }\r\n AggregationBar.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n this.destroyCore();\r\n this.attachQueryObserver();\r\n };\r\n Object.defineProperty(AggregationBar.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-aggrb';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n AggregationBar.prototype.getWidgetType = function () {\r\n return 'aggregationBar';\r\n };\r\n /**\r\n * Refresh widget implementation\r\n */\r\n AggregationBar.prototype.refreshCore = function () {\r\n this.render();\r\n };\r\n AggregationBar.prototype.getLinkText = function () {\r\n var query = this.getQuery();\r\n ;\r\n if (query.enableAggregation) {\r\n var aggrSettings = query.getAggregationSettings();\r\n var groups = aggrSettings.getInternalGroups();\r\n var aggrs = aggrSettings.getAggregates();\r\n var groupArr = [];\r\n var cols_1 = query.getColumns();\r\n for (var _i = 0, groups_1 = groups; _i < groups_1.length; _i++) {\r\n var group = groups_1[_i];\r\n var colNames = group.columns.map(function (value) {\r\n var col = cols_1.find(function (c) { return c.id == value; });\r\n if (col) {\r\n return col.caption;\r\n }\r\n else {\r\n return '';\r\n }\r\n });\r\n groupArr.push(\"[\" + colNames.join(', ') + \"]\");\r\n }\r\n var groupString = groupArr.join(', ');\r\n var aggrArr = [];\r\n var funcs = query.getModel().getAggrFunctions();\r\n var _loop_1 = function (aggr) {\r\n var col = cols_1.find(function (c) { return c.id == aggr.colId; });\r\n var func = funcs.find(function (f) { return f.id == aggr.funcId; });\r\n if (col && func) {\r\n aggrArr.push(col.caption + \" (\" + func.caption + \")\");\r\n }\r\n };\r\n for (var _a = 0, aggrs_1 = aggrs; _a < aggrs_1.length; _a++) {\r\n var aggr = aggrs_1[_a];\r\n _loop_1(aggr);\r\n }\r\n var aggrString = aggrArr.join(', ');\r\n return (groupString || i18n.getText('AggrSettings', 'NoGroupsLabel')) + \" ::: \" + (aggrString ? \"<\" + aggrString + \">\" : i18n.getText('AggrSettings', 'NoAggrsLabel'));\r\n }\r\n else {\r\n return i18n.getText('AggrSettings', 'EmptySettingsLabel');\r\n }\r\n };\r\n AggregationBar.prototype.render = function () {\r\n this.slot.classList.add(this.cssPrefix + \"-panel\");\r\n var mobClass = browserUtils.getMobileCssClass();\r\n if (mobClass) {\r\n this.slot.classList.add(mobClass);\r\n }\r\n if (!this.dialogLink) {\r\n this.dialogLink = document.createElement('a');\r\n this.dialogLink.setAttribute('href', 'javascript:void(0)');\r\n this.slot.appendChild(this.dialogLink);\r\n }\r\n // Update\r\n this.dialogLink.textContent = this.getLinkText();\r\n this.dialogLink.removeEventListener('click', this.linkClickCallback);\r\n this.dialogLink.addEventListener('click', this.linkClickCallback);\r\n };\r\n AggregationBar.prototype.clear = function () {\r\n this.slot.innerHTML = \"\";\r\n this.dialogLink = null;\r\n };\r\n AggregationBar.prototype.attachQueryObserver = function () {\r\n var _this = this;\r\n var query = this.getQuery();\r\n this.queryEventCallbackId = query.addChangedCallback(function (event) {\r\n _this.refreshCore();\r\n });\r\n };\r\n AggregationBar.prototype.detachQueryObserver = function () {\r\n if (this.queryEventCallbackId) {\r\n var query = this.getQuery();\r\n query.removeChangedCallback(this.queryEventCallbackId);\r\n }\r\n };\r\n AggregationBar.prototype.destroyCore = function () {\r\n this.clear();\r\n this.detachQueryObserver();\r\n };\r\n AggregationBar.prototype.getQuery = function () {\r\n return this.customQuery || this.context.getQuery();\r\n };\r\n return AggregationBar;\r\n}(Widget));\r\nexport { AggregationBar };\r\n//# sourceMappingURL=aggregation_bar.js.map","import { domel } from '@easydata/ui';\r\nimport { i18n, QueryChangePart } from '@easyquery/core';\r\nimport { AggrSettingsRenderer } from '../widgets/renderers/aggr_settings/aggr_settings_renderer';\r\nvar AggrSettingsDialog = /** @class */ (function () {\r\n function AggrSettingsDialog(context) {\r\n this.context = context;\r\n this.promise = null;\r\n }\r\n AggrSettingsDialog.prototype.show = function (query) {\r\n var _this = this;\r\n var initQuery = query || this.context.getQuery();\r\n // copy query to prevent changes\r\n this.query = this.context.createQuery();\r\n this.query.loadFromData(initQuery.toJSONData());\r\n // to rewrite with returning new aggrsettigns \r\n // structure instead of apply on submit\r\n if (!this.promise) {\r\n this.promise = new Promise(function (resolve, reject) {\r\n var ds = _this.context.getServices().getDialogService();\r\n _this.body = _this.renderBody();\r\n var dlg = ds.open({\r\n title: i18n.getText('AggrSettings', 'AggrDialogTitle'),\r\n body: _this.body,\r\n onSubmit: function () {\r\n if (_this.query.enableAggregation && !_this.renderer.isValid())\r\n return false;\r\n initQuery.enableAggregation = _this.query.enableAggregation;\r\n if (initQuery.enableAggregation) {\r\n initQuery.useAggregation(function (settings) {\r\n var s = _this.renderer.getSettings();\r\n settings.loadFromData(s.saveToData());\r\n });\r\n }\r\n initQuery.fireChangedEvent({\r\n part: QueryChangePart.Aggregation,\r\n wasModified: false\r\n });\r\n resolve();\r\n return true;\r\n },\r\n onCancel: function () {\r\n resolve();\r\n }\r\n });\r\n _this.renderer = new AggrSettingsRenderer({\r\n slot: _this.body.querySelector('#AggrSettingsComponent'),\r\n query: _this.query,\r\n onChanged: function () {\r\n dlg.clearAlert();\r\n var isValid = _this.renderer.isValid();\r\n if (!isValid) {\r\n var error = _this.renderer.getValidationMessage();\r\n dlg.showAlert(error, 'warning');\r\n }\r\n var btn = dlg.getRootElement()\r\n .querySelector('.kfrm-button.is-info');\r\n btn.disabled = !isValid && _this.query.enableAggregation;\r\n }\r\n });\r\n if (_this.query.enableAggregation) {\r\n _this.renderer.render();\r\n }\r\n });\r\n }\r\n return this.promise.catch(function (e) { return console.error(e); })\r\n .finally(function () { return _this.promise = null; });\r\n };\r\n AggrSettingsDialog.prototype.renderBody = function () {\r\n var _this = this;\r\n var b = domel('div')\r\n .addChild('div', function (b) { return b\r\n .addClass(\"eqjs-as-enableaggr\")\r\n .addChild('label', function (b) { return b\r\n .addClass('eqjs-ctrl-switch')\r\n .addChild('input', function (b) {\r\n b.attr('type', 'checkbox');\r\n if (_this.query.enableAggregation) {\r\n b.attr('checked', '');\r\n }\r\n b.on('change', _this.enableAggrCheckBoxChangeHandler.bind(_this));\r\n })\r\n .addChild('span', function (b) { return b\r\n .addClass('slider round'); })\r\n .addChild('span', function (b) { return b\r\n .addClass('switch-text')\r\n .addText(i18n.getText('AggrSettings', 'EnableAggrLabel')); }); }); })\r\n .addChild('div', function (b) { return b\r\n .id('AggrSettingsComponent'); });\r\n return b.toDOM();\r\n };\r\n AggrSettingsDialog.prototype.enableAggrCheckBoxChangeHandler = function (e) {\r\n this.query.enableAggregation = !this.query.enableAggregation;\r\n this.body.querySelector('#AggrSettingsComponent').innerHTML = '';\r\n if (this.query.enableAggregation) {\r\n this.renderer.render();\r\n }\r\n else {\r\n var btn = this.body ? this.body.closest('.kdlg-modal').querySelector('footer .kfrm-button.is-info') : null;\r\n if (btn) {\r\n btn.disabled = false;\r\n }\r\n }\r\n };\r\n return AggrSettingsDialog;\r\n}());\r\nexport { AggrSettingsDialog };\r\n//# sourceMappingURL=aggr_settings_dialog.js.map","import { AggregationSettings } from '@easydata/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { PopupMenu } from '../../../utils/popup_menu';\r\nimport { i18n } from '@easyquery/core';\r\nvar AggrSettingsRenderer = /** @class */ (function () {\r\n function AggrSettingsRenderer(options) {\r\n this.selectState = {\r\n columns: []\r\n };\r\n this.funcMap = {};\r\n if (!options || !options.slot)\r\n throw new Error('slot is required');\r\n if (!options || !options.query)\r\n throw new Error('query is required');\r\n this.slot = options.slot;\r\n this.query = options.query;\r\n this.onChanged = options.onChanged;\r\n this.dropSelectState();\r\n this.dropState();\r\n }\r\n Object.defineProperty(AggrSettingsRenderer.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-as';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n AggrSettingsRenderer.prototype.render = function () {\r\n this.createFunctionMenu();\r\n this.setInitialState();\r\n this.changed();\r\n };\r\n AggrSettingsRenderer.prototype.setInitialState = function () {\r\n var aggrSettings = this.query.getAggregationSettings();\r\n var groups = aggrSettings.getInternalGroups();\r\n var aggrs = aggrSettings.getAggregates();\r\n for (var _i = 0, groups_1 = groups; _i < groups_1.length; _i++) {\r\n var group = groups_1[_i];\r\n this.state.groups.push({\r\n columns: group.columns\r\n });\r\n }\r\n for (var _a = 0, aggrs_1 = aggrs; _a < aggrs_1.length; _a++) {\r\n var aggr = aggrs_1[_a];\r\n this.state.aggregates.push({\r\n colId: aggr.colId,\r\n funcId: aggr.funcId\r\n });\r\n }\r\n this.state.grandTotals = aggrSettings.hasGrandTotals();\r\n this.state.recordCount = aggrSettings.hasRecordCount();\r\n };\r\n AggrSettingsRenderer.prototype.getAvailableColumns = function () {\r\n return this.query.getColumns().filter(function (c) { return c.enabled; });\r\n };\r\n AggrSettingsRenderer.prototype.renderCore = function () {\r\n var _this = this;\r\n this.slot.innerHTML = '';\r\n var cols = this.getAvailableColumns();\r\n var slotb = domel(this.slot);\r\n var currentGroup = null;\r\n var groupBlockColumns = null;\r\n var selectedBlockColumns = null;\r\n var aggregates = this.state.aggregates;\r\n var groupCounter = -1;\r\n var _loop_1 = function (col) {\r\n if (currentGroup) {\r\n if (currentGroup.columns.indexOf(col.id) >= 0) {\r\n // render to current group div\r\n this_1.renderColumn(groupBlockColumns, col, true);\r\n return \"continue\";\r\n }\r\n }\r\n currentGroup = this_1.getGroupForColumn(col.id);\r\n if (currentGroup != null) {\r\n groupCounter++;\r\n // create groupDiv\r\n var groupBlock = domel('div', this_1.slot)\r\n .addClass(this_1.cssPrefix + \"-group\")\r\n .data('gindex', \"\" + groupCounter);\r\n groupBlockColumns = domel('div', groupBlock.toDOM())\r\n .addClass(this_1.cssPrefix + \"-columns\");\r\n this_1.renderColumn(groupBlockColumns, col, true);\r\n return \"continue\";\r\n }\r\n var aggr = aggregates.filter(function (a) { return a.colId == col.id; })[0];\r\n if (aggr) {\r\n var aggrBlock = domel('div', this_1.slot)\r\n .addClass(this_1.cssPrefix + \"-aggr\");\r\n this_1.renderColumn(aggrBlock, col, true, aggr.funcId);\r\n aggrBlock\r\n .addChild('div', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-buttons\")\r\n .addChild('button', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-unaggr-btn\")\r\n .title(i18n.getText('AggrSettings', 'UnaggrBtn'))\r\n .on('click', _this.removeAggrBtnClickHandler.bind(_this)); }); });\r\n return \"continue\";\r\n }\r\n if (this_1.selectState.columns.indexOf(col.id) >= 0) {\r\n // create selectedDiv\r\n if (selectedBlockColumns == null) {\r\n var selectedBlock = domel('div', this_1.slot)\r\n .addClass(this_1.cssPrefix + \"-selected\");\r\n selectedBlockColumns = domel('div', selectedBlock.toDOM())\r\n .addClass(this_1.cssPrefix + \"-columns\");\r\n }\r\n this_1.renderColumn(selectedBlockColumns, col, false);\r\n return \"continue\";\r\n }\r\n // render column as is\r\n this_1.renderColumn(slotb, col, false);\r\n };\r\n var this_1 = this;\r\n for (var _i = 0, cols_1 = cols; _i < cols_1.length; _i++) {\r\n var col = cols_1[_i];\r\n _loop_1(col);\r\n }\r\n if (selectedBlockColumns) {\r\n var buttonsContainer = domel('div', selectedBlockColumns.toDOM().parentElement)\r\n .addClass(this.cssPrefix + \"-buttons\");\r\n buttonsContainer.addChild('button', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-group-btn\")\r\n .title(i18n.getText('AggrSettings', 'GroupBtn'))\r\n .on('click', _this.groupBtnClickHandler.bind(_this)); });\r\n if (this.selectState.columns.length == 1) {\r\n buttonsContainer.addChild('button', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-aggr-btn\")\r\n .title(i18n.getText('AggrSettings', 'AggrBtn'))\r\n .on('click', _this.aggrBtnClickHandler.bind(_this)); });\r\n }\r\n }\r\n domel(this.slot)\r\n .addChild('div', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-counts\")\r\n .addChild('label', function (b) { return b\r\n .addClass('eqjs-ctrl-switch')\r\n .addChild('input', function (b) {\r\n b.attr('type', 'checkbox');\r\n if (_this.state.recordCount) {\r\n b.attr('checked', '');\r\n }\r\n b.on('change', _this.countsCheckboxChangeHandler.bind(_this));\r\n })\r\n .addChild('span', function (b) { return b\r\n .addClass('slider round'); })\r\n .addChild('span', function (b) { return b\r\n .addClass('switch-text')\r\n .addText(i18n.getText('AggrSettings', 'GroupCountsLabel')); }); }); })\r\n .addChild('div', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-grandtotals\")\r\n .addChild('label', function (b) { return b\r\n .addClass('eqjs-ctrl-switch')\r\n .addChild('input', function (b) {\r\n b.attr('type', 'checkbox');\r\n if (_this.state.grandTotals) {\r\n b.attr('checked', '');\r\n }\r\n b.on('change', _this.grandCheckboxChangeHandler.bind(_this));\r\n })\r\n .addChild('span', function (b) { return b\r\n .addClass('slider round'); })\r\n .addChild('span', function (b) { return b\r\n .addClass('switch-text')\r\n .addText(i18n.getText('AggrSettings', 'GrandTotalsLabel')); }); }); });\r\n var groups = this.slot.querySelectorAll(\".\" + this.cssPrefix + \"-group\");\r\n groups.forEach(function (el) {\r\n domel(el)\r\n .addChild('div', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-buttons\")\r\n .addChild('button', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-ungroup-btn\")\r\n .title(i18n.getText('AggrSettings', 'UngroupBtn'))\r\n .on('click', _this.removeGroupBtnClickHandler.bind(_this)); }); });\r\n });\r\n this.validateCheckboxes();\r\n };\r\n AggrSettingsRenderer.prototype.validateCheckboxes = function () {\r\n if (this.selectState.columns.length === 0)\r\n return;\r\n var prevElement, prevInputEl, nextInputEl = null;\r\n for (var i = 0; i < this.slot.childNodes.length; i++) {\r\n var el = this.slot.childNodes[i];\r\n if (el.classList.contains(this.cssPrefix + \"-selected\")) {\r\n if (prevElement && prevElement.classList.contains(this.cssPrefix + \"-column\")) {\r\n prevInputEl = prevElement;\r\n }\r\n }\r\n else if (el.classList.contains(this.cssPrefix + \"-column\")) {\r\n if (prevElement && prevElement.classList.contains(this.cssPrefix + \"-selected\")) {\r\n nextInputEl = el;\r\n }\r\n }\r\n prevElement = el;\r\n }\r\n ;\r\n for (var i = 0; i < this.slot.childNodes.length; i++) {\r\n var el = this.slot.childNodes[i];\r\n if (el.classList.contains(this.cssPrefix + \"-column\") && el != prevInputEl && el != nextInputEl) {\r\n el.firstElementChild.firstElementChild.setAttribute('disabled', '');\r\n }\r\n }\r\n ;\r\n var selector = \".\" + this.cssPrefix + \"-selected>.\" + this.cssPrefix + \"-columns>.\" + this.cssPrefix + \"-column\";\r\n var selectedCols = this.slot.querySelectorAll(selector);\r\n for (var i = 1; i < selectedCols.length - 1; i++) {\r\n var el = selectedCols[i];\r\n el.firstElementChild.firstElementChild.setAttribute('disabled', '');\r\n }\r\n };\r\n AggrSettingsRenderer.prototype.isValid = function () {\r\n var hasSelected = this.selectState.columns.length;\r\n var hasAggrs = this.state.aggregates.length > 0;\r\n var hasGroups = this.state.groups.length > 0;\r\n var hasTotals = this.state.grandTotals;\r\n var hasCounts = this.state.recordCount;\r\n if (hasSelected)\r\n return false;\r\n if (hasGroups) {\r\n return hasAggrs || hasCounts;\r\n }\r\n if (hasAggrs) {\r\n return hasGroups || hasTotals;\r\n }\r\n return false;\r\n };\r\n AggrSettingsRenderer.prototype.getValidationMessage = function () {\r\n var hasSelected = this.selectState.columns.length;\r\n var hasAggrs = this.state.aggregates.length > 0;\r\n var hasGroups = this.state.groups.length > 0;\r\n var hasTotals = this.state.grandTotals;\r\n var hasRecCount = this.state.recordCount;\r\n if (hasSelected)\r\n return i18n.getText('AggrSettings', 'SelectedError') + \" \";\r\n if (hasGroups && !hasAggrs && !hasRecCount)\r\n return i18n.getText('AggrSettings', 'NoAggrOrCountError') + \" \";\r\n if (hasAggrs && !hasGroups && !hasTotals)\r\n return i18n.getText('AggrSettings', 'NoGroupsOrGrandError') + \" \";\r\n return i18n.getText('AggrSettings', 'NoGroupsOrAggrError') + \" \";\r\n };\r\n AggrSettingsRenderer.prototype.getSettings = function () {\r\n var settings = new AggregationSettings(this.query);\r\n for (var _i = 0, _a = this.state.groups; _i < _a.length; _i++) {\r\n var group = _a[_i];\r\n settings.addGroup({ columns: group.columns });\r\n }\r\n for (var _b = 0, _c = this.state.aggregates; _b < _c.length; _b++) {\r\n var aggr = _c[_b];\r\n settings.addAggregateColumn(aggr.colId, aggr.funcId);\r\n }\r\n if (this.state.grandTotals) {\r\n settings.addGrandTotals();\r\n }\r\n if (this.state.recordCount) {\r\n settings.addCounts();\r\n }\r\n return settings;\r\n };\r\n AggrSettingsRenderer.prototype.renderColumn = function (b, col, isTaken, funcId) {\r\n var _this = this;\r\n if (funcId === void 0) { funcId = null; }\r\n b.addChild('div', function (b) {\r\n b.data('colid', col.id);\r\n var caption = funcId\r\n ? col.caption + \" (\" + _this.funcMap[funcId].caption + \")\"\r\n : col.caption;\r\n if (!isTaken) {\r\n b\r\n .addClass(_this.cssPrefix + \"-column\")\r\n .addChild('label', function (b) { return b\r\n .addClass('checkbox')\r\n .addChild('input', function (b) {\r\n b.attr('type', 'checkbox');\r\n if (_this.selectState.columns.indexOf(col.id) >= 0) {\r\n b.attr('checked', '');\r\n }\r\n b.on('change', _this.colCheckboxChangeHandler.bind(_this));\r\n })\r\n .addText(caption); });\r\n }\r\n else {\r\n b\r\n .addClass(_this.cssPrefix + \"-column-used\")\r\n .addText(caption);\r\n }\r\n });\r\n };\r\n AggrSettingsRenderer.prototype.getGroupForColumn = function (colId) {\r\n var index = this.getGroupIndexForColumn(colId);\r\n if (index >= 0)\r\n return this.state.groups[index];\r\n return null;\r\n };\r\n AggrSettingsRenderer.prototype.getGroupIndexForColumn = function (colId) {\r\n for (var i = 0; i < this.state.groups.length; i++) {\r\n var group = this.state.groups[i];\r\n if (group.columns.indexOf(colId) >= 0)\r\n return i;\r\n }\r\n return -1;\r\n };\r\n AggrSettingsRenderer.prototype.grandCheckboxChangeHandler = function (ev) {\r\n this.state.grandTotals = !this.state.grandTotals;\r\n this.onChanged && this.onChanged();\r\n };\r\n AggrSettingsRenderer.prototype.countsCheckboxChangeHandler = function (ev) {\r\n this.state.recordCount = !this.state.recordCount;\r\n this.onChanged && this.onChanged();\r\n };\r\n AggrSettingsRenderer.prototype.colCheckboxChangeHandler = function (ev) {\r\n var input = ev.target;\r\n var colId = input.parentElement.parentElement.getAttribute('data-colid');\r\n // toggle column to track state\r\n var index = this.selectState.columns.indexOf(colId);\r\n if (index >= 0) {\r\n this.selectState.columns.splice(index, 1);\r\n }\r\n else {\r\n this.selectState.columns.push(colId);\r\n var cols_2 = this.getAvailableColumns();\r\n this.selectState.columns = this.selectState.columns.sort(function (col1, col2) {\r\n var index1 = cols_2.findIndex(function (c) { return c.id == col1; });\r\n var index2 = cols_2.findIndex(function (c) { return c.id == col2; });\r\n return index1 - index2;\r\n });\r\n }\r\n this.changed();\r\n };\r\n AggrSettingsRenderer.prototype.groupBtnClickHandler = function () {\r\n this.state.groups.push({ columns: this.selectState.columns });\r\n var cols = this.getAvailableColumns();\r\n this.state.groups = this.state.groups.sort(function (g1, g2) {\r\n var g1Index = cols.findIndex(function (c) { return c.id == g1.columns[0]; });\r\n var g2Index = cols.findIndex(function (c) { return c.id == g2.columns[0]; });\r\n return g1Index - g2Index;\r\n });\r\n this.dropSelectState();\r\n this.changed();\r\n };\r\n AggrSettingsRenderer.prototype.removeGroupBtnClickHandler = function (ev) {\r\n var btn = ev.target;\r\n var index = Number.parseInt(btn.parentElement.parentElement.getAttribute('data-gindex'));\r\n this.state.groups.splice(index, 1);\r\n this.changed();\r\n };\r\n AggrSettingsRenderer.prototype.removeAggrBtnClickHandler = function (ev) {\r\n var btn = ev.target;\r\n var colId = btn.parentElement.parentElement.querySelector(\".\" + this.cssPrefix + \"-column-used\")\r\n .getAttribute('data-colid');\r\n var index = this.state.aggregates.findIndex(function (a) { return a.colId == colId; });\r\n if (index >= 0) {\r\n this.state.aggregates.splice(index, 1);\r\n this.changed();\r\n }\r\n };\r\n AggrSettingsRenderer.prototype.aggrBtnClickHandler = function (ev) {\r\n var _this = this;\r\n var model = this.query.getModel();\r\n var colId = this.selectState.columns[0];\r\n var col = this.getAvailableColumns().filter(function (c) { return c.id == colId; })[0];\r\n this.functionMenu.showMenu({\r\n anchor: ev.target,\r\n itemFilterCallback: function (item) {\r\n return _this.funcMap[item.id].appliedTypes.indexOf(col.expr.dataType) >= 0;\r\n },\r\n itemSelectedCallback: function (data) {\r\n _this.state.aggregates.push({\r\n colId: colId,\r\n funcId: data.id\r\n });\r\n _this.dropSelectState();\r\n _this.changed();\r\n }\r\n });\r\n };\r\n AggrSettingsRenderer.prototype.clear = function () {\r\n this.dropSelectState();\r\n this.dropState();\r\n this.changed();\r\n };\r\n AggrSettingsRenderer.prototype.dropSelectState = function () {\r\n this.selectState = {\r\n columns: []\r\n };\r\n };\r\n AggrSettingsRenderer.prototype.dropState = function () {\r\n this.state = {\r\n groups: [],\r\n aggregates: [],\r\n recordCount: true,\r\n grandTotals: false\r\n };\r\n };\r\n AggrSettingsRenderer.prototype.changed = function () {\r\n this.onChanged && this.onChanged();\r\n this.renderCore();\r\n };\r\n AggrSettingsRenderer.prototype.createFunctionMenu = function () {\r\n var model = this.query.getModel();\r\n var funcs = this.query.getModel().getAggrFunctions();\r\n var items = [];\r\n for (var _i = 0, funcs_1 = funcs; _i < funcs_1.length; _i++) {\r\n var func = funcs_1[_i];\r\n if (!func)\r\n continue;\r\n this.funcMap[func.id] = func;\r\n var funcCaption = model\r\n .getAggrFunctionCaption(func.id);\r\n var item = {\r\n id: func.id,\r\n text: funcCaption\r\n };\r\n items.push(item);\r\n }\r\n var menuId = this.slot.id;\r\n if (menuId) {\r\n menuId += '-FunctionsMenu';\r\n }\r\n var menuOptions = {\r\n items: items,\r\n id: menuId,\r\n searchBoxAlwaysShown: false,\r\n domWriteItemsId: true\r\n };\r\n this.functionMenu = new PopupMenu(menuOptions);\r\n };\r\n return AggrSettingsRenderer;\r\n}());\r\nexport { AggrSettingsRenderer };\r\n//# sourceMappingURL=aggr_settings_renderer.js.map","var EqServerQueryStorage = /** @class */ (function () {\r\n function EqServerQueryStorage(context) {\r\n this.context = context;\r\n }\r\n EqServerQueryStorage.prototype.init = function () {\r\n };\r\n EqServerQueryStorage.prototype.newQuery = function (options) {\r\n options = options || {};\r\n var query = options.query || this.context.getQuery();\r\n var model = this.context.getModel();\r\n var modelId = options.modelId || (model ? model.getId() : \"\");\r\n if (options.queryId) {\r\n query.setId(options.queryId);\r\n }\r\n if (options.name) {\r\n query.setName(options.name);\r\n }\r\n if (options.description) {\r\n query.setDescription(options.description);\r\n }\r\n var requestData = {\r\n 'query': query.toJSONData()\r\n };\r\n if (options.data) {\r\n requestData['data'] = options.data;\r\n }\r\n var url = this.context.resolveEndpoint('NewQuery', { modelId: modelId });\r\n var http = this.context.getServices().getHttpClient();\r\n return http.post(url, requestData)\r\n .then(function (responseData) {\r\n return responseData.query;\r\n });\r\n };\r\n EqServerQueryStorage.prototype.getQueryList = function (options) {\r\n options = options || {};\r\n var modelId = options.modelId || this.context.getModel().getId();\r\n var url = this.context.resolveEndpoint('GetQueryList', { modelId: modelId });\r\n var http = this.context.getServices().getHttpClient();\r\n return http.get(url)\r\n .then(function (responseData) {\r\n if (!responseData.queries) {\r\n return Promise.reject({\r\n message: 'Wrong response format'\r\n });\r\n }\r\n return responseData.queries;\r\n });\r\n };\r\n EqServerQueryStorage.prototype.loadQuery = function (options) {\r\n options = options || {};\r\n var model = this.context.getModel();\r\n var query = this.context.getQuery();\r\n var modelId = options.modelId || model.getId();\r\n var queryId = options.queryId || query.getId();\r\n var url = this.context.resolveEndpoint('GetQuery', { modelId: modelId, queryId: queryId });\r\n var http = this.context.getServices().getHttpClient();\r\n return http.get(url)\r\n .then(function (responseData) {\r\n return responseData.query;\r\n });\r\n };\r\n EqServerQueryStorage.prototype.saveQuery = function (options) {\r\n options = options || {};\r\n var query = options.query || this.context.getQuery();\r\n var queryId = options.queryId || query.getId();\r\n if (options.queryId) {\r\n query.setId(options.queryId);\r\n }\r\n var modelId = options.modelId || query.getModel().getId();\r\n if (options.queryId) {\r\n query.setId(options.queryId);\r\n }\r\n var requestData = {\r\n 'query': query.toJSONData()\r\n };\r\n if (options.data) {\r\n requestData['data'] = options.data;\r\n }\r\n var url = this.context.resolveEndpoint('SaveQuery', { modelId: modelId, queryId: queryId });\r\n var http = this.context.getServices().getHttpClient();\r\n return http.put(url, requestData)\r\n .then(function (responseData) {\r\n return responseData.query;\r\n });\r\n };\r\n EqServerQueryStorage.prototype.removeQuery = function (options) {\r\n options = options || {};\r\n var context = this.context;\r\n var query = context.getQuery();\r\n var modelId = options.modelId || query.getModel().getId();\r\n var queryId = options.queryId || query.getId();\r\n var requestData = {\r\n 'modelId': modelId,\r\n 'queryId': queryId\r\n };\r\n if (options.data) {\r\n requestData['data'] = options.data;\r\n }\r\n var url = this.context.resolveEndpoint('RemoveQuery', { modelId: modelId, queryId: queryId });\r\n var http = this.context.getServices().getHttpClient();\r\n return http.delete(url, requestData).getPromise();\r\n };\r\n return EqServerQueryStorage;\r\n}());\r\nexport { EqServerQueryStorage };\r\n//# sourceMappingURL=eqs_query_storage.js.map","var DisplayFormatParser = /** @class */ (function () {\r\n function DisplayFormatParser() {\r\n this.formatStr = '';\r\n this.pos = 0;\r\n this.token = 'text';\r\n this.tokenText = '';\r\n }\r\n DisplayFormatParser.prototype.start = function (s) {\r\n this.formatStr = s;\r\n this.pos = 0;\r\n this.tokenText = '';\r\n };\r\n DisplayFormatParser.prototype.skipSpaces = function () {\r\n while (this.pos < this.formatStr.length && this.formatStr.charAt(this.pos) === ' ')\r\n this.pos++;\r\n };\r\n DisplayFormatParser.prototype.getToken = function () {\r\n return this.token;\r\n };\r\n DisplayFormatParser.prototype.getTokenText = function () {\r\n return this.tokenText;\r\n };\r\n DisplayFormatParser.prototype.next = function () {\r\n this.skipSpaces();\r\n if (this.pos >= this.formatStr.length)\r\n return false;\r\n var npos = 0;\r\n if (this.formatStr.charAt(this.pos) === '{') {\r\n npos = this.formatStr.indexOf('}', this.pos);\r\n if (npos < 0)\r\n return false;\r\n this.tokenText = this.formatStr.substring(this.pos, npos + 1);\r\n if (this.tokenText.indexOf('{expr') === 0 || this.tokenText.indexOf('{attr') === 0) {\r\n this.token = 'expression';\r\n }\r\n this.pos = npos + 1;\r\n }\r\n else if (this.formatStr.charAt(this.pos) === '[' && this.pos < this.formatStr.length - 1 && this.formatStr.charAt(this.pos + 1) === '[') {\r\n this.pos += 2;\r\n npos = this.formatStr.indexOf(']]', this.pos);\r\n this.token = 'function';\r\n this.tokenText = this.formatStr.substring(this.pos, npos);\r\n this.pos = npos + 2;\r\n }\r\n else {\r\n this.token = 'text';\r\n var npos1 = this.formatStr.indexOf('{', this.pos);\r\n if (npos1 < 0)\r\n npos1 = this.formatStr.length;\r\n var npos2 = this.formatStr.indexOf('[[', this.pos);\r\n if (npos2 < 0)\r\n npos2 = this.formatStr.length;\r\n npos = Math.min(npos1, npos2);\r\n this.tokenText = this.formatStr.substring(this.pos, npos).trim();\r\n this.pos = npos;\r\n }\r\n return true;\r\n };\r\n return DisplayFormatParser;\r\n}());\r\nexport { DisplayFormatParser };\r\n//# sourceMappingURL=display_format_parser.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { ExprTag } from '@easyquery/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { DisplayFormatParser } from '../../../utils/display_format_parser';\r\n;\r\nimport { SimpleColumnRendererCP } from './simple_column_renderer';\r\nimport { browserUtils } from '../../../utils/browser_utils';\r\nvar AggrFuncColumnRendererCP = /** @class */ (function (_super) {\r\n __extends(AggrFuncColumnRendererCP, _super);\r\n function AggrFuncColumnRendererCP() {\r\n var _this = _super !== null && _super.apply(this, arguments) || this;\r\n _this.displayFormatParser = new DisplayFormatParser();\r\n return _this;\r\n }\r\n AggrFuncColumnRendererCP.prototype.getClassesToAdd = function () {\r\n return _super.prototype.getClassesToAdd.call(this) + \" \" + this.cssPrefix + \"-row \" + this.cssPrefix + \"-row-column-aggr\";\r\n };\r\n AggrFuncColumnRendererCP.prototype.getAttribute = function () {\r\n return this.panel\r\n .getContext()\r\n .getModel()\r\n .getAttributeByIdSafe(this.column.expr.args[0].value);\r\n };\r\n AggrFuncColumnRendererCP.prototype.getDefaultColumnCaption = function () {\r\n return this.getDefaultTitleText(this.baseAttr) + ' '\r\n + this.panel.getContext().getModel().getAggrFunctionCaption(this.column.expr.func);\r\n };\r\n AggrFuncColumnRendererCP.prototype.renderExpressionBlock = function () {\r\n var _this = this;\r\n var model = this.panel.getContext().getModel();\r\n var exprBlockBuilder = domel(\"div\")\r\n .addClass(this.cssPrefix + \"-expr-block\", this.cssPrefix + \"-expr-block-aggr\")\r\n .addClass(browserUtils.getMobileCssClass());\r\n var format = model.getAggrFunctionFormat(this.column.expr.func);\r\n if (!format || format === '')\r\n return;\r\n var arrFormat = this.parseDisplayFormat(format);\r\n if (arrFormat.length === 0)\r\n return;\r\n var item = null;\r\n var arrLength = arrFormat.length;\r\n var _loop_1 = function (idx) {\r\n item = arrFormat[idx];\r\n if (item.type === 1) {\r\n if (this_1.isEditable()) {\r\n var functionLink_1 = domel('a')\r\n .attr('href', 'javascript:void(0)')\r\n .text(item.text)\r\n .on('click', function (ev) {\r\n ev.stopPropagation();\r\n _this.functionMenu.showMenu({\r\n anchor: functionLink_1.toDOM(),\r\n selectedIds: null,\r\n itemSelectedCallback: function (data, items) {\r\n if (data.id === \"CUSTOMSQL\") {\r\n _this.changeTypeToCustomSql();\r\n }\r\n else {\r\n _this.column.expr.func = data.id;\r\n _this.column.caption = '';\r\n _this.fireColumnChanged();\r\n }\r\n }\r\n });\r\n });\r\n exprBlockBuilder\r\n .addChild('div', function (builder) { return builder\r\n .addClass(_this.cssPrefix + \"-colelement\", _this.cssPrefix + \"-aggrfuncelement\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChildElement(functionLink_1.toDOM()); });\r\n }\r\n else {\r\n exprBlockBuilder\r\n .addChild('div', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-colelement\", _this.cssPrefix + \"-aggrfuncelement\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChild('span', function (b) { return b\r\n .text(item.text)\r\n .title(item.text); }); });\r\n }\r\n }\r\n else if (item.type === 2) {\r\n exprBlockBuilder\r\n .addChild('div', function (builder) { return builder\r\n .addClass(_this.cssPrefix + \"-colelement\", _this.cssPrefix + \"-attrelement\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChildElement(_this.renderBaseExpression()); });\r\n }\r\n else if (item.type === 3) {\r\n exprBlockBuilder\r\n .addChild('span', function (builder) { return builder\r\n .addClass(_this.cssPrefix + \"-colelement\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .text(item.text)\r\n .title(item.text); });\r\n }\r\n };\r\n var this_1 = this;\r\n for (var idx = 0; idx < arrLength; idx++) {\r\n _loop_1(idx);\r\n }\r\n return exprBlockBuilder.toDOM();\r\n };\r\n AggrFuncColumnRendererCP.prototype.renderColumnTypeButton = function () {\r\n var button = _super.prototype.renderColumnTypeButton.call(this);\r\n if (button) {\r\n button.firstElementChild.classList.add('aggregated');\r\n button.firstElementChild.setAttribute('title', i18n.getText('ButtonToSimple'));\r\n }\r\n return button;\r\n };\r\n AggrFuncColumnRendererCP.prototype.baseExpressionItemSelectedCallback = function (data, item) {\r\n var attrid = data.id;\r\n //this.column.expr.args[0].id = attrid;\r\n this.column.expr.args[0].setValue(attrid, true);\r\n this.column.caption = '';\r\n this.fireColumnChanged();\r\n return false;\r\n };\r\n AggrFuncColumnRendererCP.prototype.changeTypeToSimple = function () {\r\n var query = this.column.getQuery();\r\n query.changeColumnType(this.column, ExprTag.EntityAttribute);\r\n this.fireColumnChanged();\r\n };\r\n AggrFuncColumnRendererCP.prototype.parseDisplayFormat = function (format) {\r\n if (!format)\r\n return [];\r\n var result = [];\r\n var parser = this.displayFormatParser;\r\n parser.start(format);\r\n while (parser.next()) {\r\n var token = parser.getToken();\r\n var tokenText = parser.getTokenText();\r\n if (token === 'function') {\r\n result.push({ type: 1, text: tokenText });\r\n }\r\n else if (token === 'expression') {\r\n result.push({ type: 2 });\r\n }\r\n else if (token === 'text') {\r\n result.push({ type: 3, text: tokenText });\r\n }\r\n }\r\n return result;\r\n };\r\n AggrFuncColumnRendererCP.prototype.changeTypeHandler = function (ev) {\r\n this.changeTypeToSimple();\r\n };\r\n AggrFuncColumnRendererCP.prototype.processExtraButtonMenuItems = function (action, evt) {\r\n this.changeTypeToSimple();\r\n return true;\r\n };\r\n AggrFuncColumnRendererCP.prototype.getExtraButtonMenuItems = function () {\r\n return [{\r\n id: '__group',\r\n text: i18n.getText('ColTypeGroup'),\r\n items: [{\r\n id: 'type',\r\n text: i18n.getText('ColTypeSimple')\r\n }]\r\n }];\r\n };\r\n return AggrFuncColumnRendererCP;\r\n}(SimpleColumnRendererCP));\r\nexport { AggrFuncColumnRendererCP };\r\n//# sourceMappingURL=aggrfunc_column_renderer.js.map","import { i18n } from '@easydata/core';\r\nimport { QueryChangeAction, SortDirection } from '@easyquery/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { eqCssPrefix } from '../../../utils/utils';\r\nimport { browserUtils } from '../../../utils/browser_utils';\r\nvar ColumnRendererSB = /** @class */ (function () {\r\n function ColumnRendererSB(bar, column, slot) {\r\n this.functionMenu = null;\r\n this.isMouseOverBlock = false;\r\n this.keepShowingButtons = false;\r\n this.bar = bar;\r\n this.column = column;\r\n this.element = slot;\r\n }\r\n Object.defineProperty(ColumnRendererSB.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-sb';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n ColumnRendererSB.prototype.render = function () {\r\n this.baseAttr = this.getAttribute();\r\n var builder = domel('div');\r\n builder.data('id', this.column.id);\r\n if (this.element) {\r\n //to remove all event listeners\r\n this.element.parentNode\r\n .replaceChild(builder.toDOM(), this.element);\r\n }\r\n this.element = builder.toDOM();\r\n builder\r\n .addClass(this.getClassesToAdd())\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChildElement(this.renderCaptionBlock());\r\n if (this.isEditable()) {\r\n builder\r\n .addChildElement(this.renderSortingButton());\r\n }\r\n return this.element;\r\n };\r\n ColumnRendererSB.prototype.fireColumnChanged = function () {\r\n this.column.fireChangedEvent();\r\n };\r\n ColumnRendererSB.prototype.refresh = function () {\r\n this.render();\r\n };\r\n ColumnRendererSB.prototype.getAttribute = function () {\r\n var model = this.bar.getContext().getModel();\r\n return model.getAttributeById(this.column.expr.value);\r\n };\r\n ColumnRendererSB.prototype.isEditable = function () {\r\n return this.column.enabled && !this.column.isReadOnly();\r\n };\r\n ColumnRendererSB.prototype.renderCaptionBlock = function () {\r\n var _this = this;\r\n if (!this.column.caption || this.column.caption == '') {\r\n this.column.caption = this.getDefaultCaption();\r\n }\r\n function getArrow(sd) {\r\n switch (sd) {\r\n case SortDirection.Ascending:\r\n return ' ↑';\r\n case SortDirection.Descending:\r\n return ' ↓';\r\n default:\r\n return '';\r\n }\r\n }\r\n var text = this.column.caption;\r\n if (!this.isEditable()) {\r\n text += getArrow(this.column.sorting);\r\n }\r\n return domel('div')\r\n .addClass(this.cssPrefix + \"-colelement\", this.cssPrefix + \"-captionelement\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChild('div', function (b) { return b\r\n .title(_this.column.caption)\r\n .text(text); })\r\n .toDOM();\r\n };\r\n ColumnRendererSB.prototype.renderSortingButton = function () {\r\n var _this = this;\r\n var sortButtonCssClass = eqCssPrefix + \"-column-sortbutton\";\r\n var sortButtonDirectionCssClass = sortButtonCssClass;\r\n switch (this.column.sorting) {\r\n case SortDirection.None:\r\n sortButtonDirectionCssClass = sortButtonCssClass + \"-none\";\r\n break;\r\n case SortDirection.Ascending:\r\n sortButtonDirectionCssClass = sortButtonCssClass + \"-asc\";\r\n break;\r\n case SortDirection.Descending:\r\n sortButtonDirectionCssClass = sortButtonCssClass + \"-desc\";\r\n break;\r\n }\r\n var builder = domel('div')\r\n .addClass(this.cssPrefix + \"-colelement\", this.cssPrefix + \"-sortimage-placeholder\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .addChild('div', function (builder) { return builder\r\n .addClass(_this.cssPrefix + \"-img-sorting\", sortButtonDirectionCssClass)\r\n .title(i18n.getText('ButtonSorting')); })\r\n .on('touchstart click', function (ev) { return _this.buttonSortingClickHandler(ev, builder.toDOM()); });\r\n return builder.toDOM();\r\n };\r\n ColumnRendererSB.prototype.buttonSortingClickHandler = function (ev, anchor) {\r\n var _this = this;\r\n ev.stopPropagation();\r\n this.keepShowingButtons = true;\r\n var menu = this.bar.sortMenu;\r\n menu.showMenu({\r\n anchor: anchor,\r\n selectedIds: null,\r\n itemSelectedCallback: function (data, items) {\r\n var strToSortDirection = function (str) {\r\n if (str == 'None') {\r\n return SortDirection.None;\r\n }\r\n else if (str == \"Ascending\") {\r\n return SortDirection.Ascending;\r\n }\r\n else if (str == \"Descending\") {\r\n return SortDirection.Descending;\r\n }\r\n };\r\n if (data.id == 'None' || data.id == \"Ascending\" || data.id == \"Descending\") {\r\n var query = _this.bar.getContext().getQuery();\r\n if (_this.column.isJustSorted() && data.id == 'None') {\r\n query.removeColumn(_this.column, _this.bar);\r\n query.fireColumnsChangedEvent(QueryChangeAction.Delete, _this.column, true);\r\n }\r\n else {\r\n _this.column.sorting = strToSortDirection(data.id);\r\n _this.column.sortIndex = query.getColumnSortIndex(_this.column);\r\n _this.fireColumnChanged();\r\n }\r\n }\r\n },\r\n menuClosedCallback: function () {\r\n _this.keepShowingButtons = false;\r\n }\r\n });\r\n return false;\r\n };\r\n ColumnRendererSB.prototype.getDefaultCaption = function () {\r\n return this.getDefaultTitleText(this.baseAttr);\r\n };\r\n ColumnRendererSB.prototype.getDefaultTitleText = function (attr) {\r\n var format = this.bar.options.titleElementFormat || this.bar.options.attrElementFormat;\r\n var model = this.bar.getContext().getModel();\r\n return model.getAttributeText(attr, format);\r\n };\r\n ColumnRendererSB.prototype.getClassesToAdd = function () {\r\n return this.cssPrefix + \"-row \" + this.cssPrefix + \"-row-column-entattr\";\r\n };\r\n ColumnRendererSB.prototype.getUIS = function () {\r\n return this.bar\r\n .getContext().getModel()\r\n .checkAttrProperty(this.column.expr.value, \"useInSorting\");\r\n };\r\n return ColumnRendererSB;\r\n}());\r\nexport { ColumnRendererSB };\r\n//# sourceMappingURL=column_renderer_sp.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n, utils as dataUtils } from '@easydata/core';\r\nimport { Widget, WidgetGroup, QueryChangeAction, QueryChangePart, SortDirection, ExprTag } from '@easyquery/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { eqCssPrefix } from '../utils/utils';\r\nimport { browserUtils } from '../utils/browser_utils';\r\nimport { PopupMenu } from '../utils/popup_menu';\r\nimport { ColumnRendererSB } from './renderers/sortingbar/column_renderer_sp';\r\nvar SortingBar = /** @class */ (function (_super) {\r\n __extends(SortingBar, _super);\r\n function SortingBar(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.options = {\r\n showAddRow: true,\r\n attrElementFormat: '{entity} {attr}',\r\n titleElementFormat: null,\r\n menuOptions: {\r\n showSearchBoxAfter: 30,\r\n searchBoxAutoFocus: true,\r\n activateOnMouseOver: true,\r\n adjustHeight: true,\r\n itemRenderedCallback: null\r\n },\r\n };\r\n _this.sortMenuList = [\r\n { id: 'None', text: i18n.getText('CmdNotSorted') },\r\n { id: 'Ascending', text: i18n.getText('CmdAscending') },\r\n { id: 'Descending', text: i18n.getText('CmdDescending') }\r\n ];\r\n domel(_this.slot)\r\n .addClass(_this.cssPrefix + \"-panel\")\r\n .addClass(browserUtils.getMobileCssClass());\r\n _this.group = WidgetGroup.Query;\r\n return _this;\r\n }\r\n Object.defineProperty(SortingBar.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return \"eqjs-sb\";\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n SortingBar.prototype.getWidgetType = function () {\r\n return 'sortingBar';\r\n };\r\n SortingBar.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n this.setOptions(options);\r\n this.destroyCore();\r\n this.attachQueryObserver();\r\n };\r\n SortingBar.prototype.setOptions = function (options) {\r\n dataUtils.assignDeep(this.options, options);\r\n };\r\n SortingBar.prototype.attachQueryObserver = function () {\r\n var _this = this;\r\n var query = this.getQuery();\r\n this.queryEventCallbackId = query.addChangedCallback(function (event) {\r\n //if something has changed, and that change is related to columns\r\n var edata = event.data;\r\n if (!edata || (edata.part != QueryChangePart.SortingColumns\r\n && edata.part != QueryChangePart.Columns && edata.part != QueryChangePart.All)) {\r\n return;\r\n }\r\n switch (edata.action) {\r\n case QueryChangeAction.Modify: {\r\n var columns = edata.changee;\r\n var modifyColumn_1 = function (column) {\r\n var colEl = _this.columnsBlock.querySelector(\"div[data-id='\" + column.id + \"']\");\r\n if (colEl) {\r\n _this.renderColumn(column, colEl);\r\n }\r\n };\r\n if (Array.isArray(columns)) {\r\n columns.forEach(function (col) { return modifyColumn_1(col); });\r\n }\r\n else {\r\n modifyColumn_1(columns);\r\n }\r\n break;\r\n }\r\n case QueryChangeAction.Add: {\r\n var columns = edata.changee;\r\n var addColumn_1 = function (column) {\r\n _this.addColumnElement(column);\r\n };\r\n if (Array.isArray(columns)) {\r\n columns.forEach(function (col) { return addColumn_1(col); });\r\n }\r\n else {\r\n addColumn_1(columns);\r\n }\r\n break;\r\n }\r\n case QueryChangeAction.Delete: {\r\n var columns = edata.changee;\r\n var deleteColumn_1 = function (column) {\r\n var colEl = _this.columnsBlock.querySelector(\"div[data-id='\" + column.id + \"']\");\r\n if (colEl)\r\n _this.columnsBlock.removeChild(colEl);\r\n };\r\n if (Array.isArray(columns)) {\r\n columns.forEach(function (col) { return deleteColumn_1(col); });\r\n }\r\n else {\r\n deleteColumn_1(columns);\r\n }\r\n break;\r\n }\r\n default:\r\n _this.refresh();\r\n break;\r\n }\r\n });\r\n };\r\n SortingBar.prototype.detachQueryObserver = function () {\r\n if (this.queryEventCallbackId) {\r\n var query = this.getContext().getQuery();\r\n query.removeChangedCallback(this.queryEventCallbackId);\r\n }\r\n };\r\n SortingBar.prototype.getQuery = function () {\r\n return this.getContext().getQuery();\r\n };\r\n SortingBar.prototype.destroyCore = function () {\r\n this.detachQueryObserver();\r\n this.clear();\r\n };\r\n SortingBar.prototype.refreshCore = function () {\r\n this.clear();\r\n this.render();\r\n };\r\n SortingBar.prototype.renderAddRowButton = function () {\r\n var _this = this;\r\n domel(this.addRowButton)\r\n .addClass(eqCssPrefix + \"-addrow\", this.cssPrefix + \"-addrow\", eqCssPrefix + \"-addrow-empty\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .title(i18n.getText('CmdClickToAddColumn'))\r\n .addChild('a', function (builder) { return builder\r\n .attr('href', 'javascript:void(0)')\r\n .on('click', function (e) {\r\n e.preventDefault();\r\n _this.showEntitiesMenu({\r\n anchor: e.target,\r\n selectedIds: null,\r\n itemSelectedCallback: function (data, items) {\r\n var attrid = data.id;\r\n _this.addNewColumn(attrid);\r\n return false;\r\n }\r\n });\r\n }); });\r\n if (browserUtils.isMobileMode()) {\r\n domel(this.columnsBlock)\r\n .addChildElement(this.addRowButton);\r\n }\r\n };\r\n SortingBar.prototype.showEntitiesMenu = function (menuOptions) {\r\n this.entitiesMenu.showMenu(menuOptions);\r\n };\r\n SortingBar.prototype.createEntitiesMenu = function () {\r\n var model = this.getContext().getModel();\r\n if (!model || model.isEmpty())\r\n return null;\r\n var menuId = this.slot.id;\r\n if (menuId) {\r\n menuId += '-EntitiesMenu';\r\n }\r\n var entitiesList = model.getEntitiesTree({ addUIC: false, addUIR: false, addUIS: true });\r\n var options = { items: entitiesList,\r\n adjustHeight: this.options.adjustEntitiesMenuHeight, id: menuId, domWriteItemsId: this.options.domWriteItemsId };\r\n this.entitiesMenu = new PopupMenu(options);\r\n };\r\n SortingBar.prototype.createSortMenu = function () {\r\n var model = this.getContext().getModel();\r\n if (!model || model.isEmpty())\r\n return null;\r\n var menuId = this.slot.id;\r\n if (menuId) {\r\n menuId += '-SortMenu';\r\n }\r\n var items = this.sortMenuList;\r\n var menuOptions = { \"items\": items, id: menuId };\r\n menuOptions.searchBoxAlwaysShown = false;\r\n this.sortMenu = new PopupMenu(menuOptions);\r\n };\r\n SortingBar.prototype.render = function () {\r\n var _this = this;\r\n this.createEntitiesMenu();\r\n this.createSortMenu();\r\n this.columnsBlock =\r\n domel('div')\r\n .addClass(this.cssPrefix + \"-columns\")\r\n .addClass(browserUtils.getMobileCssClass())\r\n .toDOM();\r\n if (this.options.showAddRow) {\r\n this.addRowButton =\r\n domel('div')\r\n .toDOM();\r\n if (browserUtils.isMobileMode()) {\r\n domel(this.columnsBlock)\r\n .addChildElement(this.addRowButton);\r\n }\r\n else {\r\n domel(this.slot)\r\n .addChildElement(this.addRowButton);\r\n }\r\n this.renderAddRowButton();\r\n }\r\n domel(this.slot)\r\n .addChildElement(this.columnsBlock);\r\n var query = this.context.getQuery();\r\n var columns = query.getColumns().concat(query.getJustSortedColumns());\r\n columns.forEach(function (column, index) {\r\n var slot = _this.renderColumn(column);\r\n _this.columnsBlock.appendChild(slot);\r\n });\r\n };\r\n SortingBar.prototype.addNewColumn = function (attrId) {\r\n var _this = this;\r\n var model = this.getContext().getModel();\r\n var query = this.getContext().getQuery();\r\n var getColumnByAttrId = function (attrid) {\r\n var attribute = model.getAttributeById(attrid);\r\n if (!attribute) {\r\n return null;\r\n }\r\n if (!attribute.useInSorting) {\r\n if (attribute.lookupAttr) {\r\n attrid = attribute.lookupAttr;\r\n attribute = model.getAttributeById(attrid);\r\n if (!attribute || !attribute.useInSorting) {\r\n return null;\r\n }\r\n }\r\n else\r\n return null;\r\n }\r\n var column = query.createColumn(true);\r\n column.caption = _this.getDefaultColumnCaption(attribute);\r\n column.sorting = SortDirection.Ascending;\r\n column.sortIndex = _this.getQuery().getColumnSortIndex(column);\r\n column.expr.tag = ExprTag.EntityAttribute;\r\n //column.expr.id = attrid;\r\n column.expr.setValue(attrid, true);\r\n column.params.concat(attribute.params);\r\n return column;\r\n };\r\n if (!this.getContext().getQuery()) {\r\n return;\r\n }\r\n return this.addColumn(getColumnByAttrId(attrId));\r\n };\r\n SortingBar.prototype.getDefaultColumnCaption = function (attr) {\r\n var format = this.options.titleElementFormat || this.options.attrElementFormat;\r\n var model = this.getContext().getModel();\r\n return model.getAttributeText(attr, format);\r\n };\r\n SortingBar.prototype.addColumn = function (column) {\r\n var query = this.getContext().getQuery();\r\n if (!query) {\r\n return;\r\n }\r\n column = this.checkColumn(column);\r\n if (!column) {\r\n return;\r\n }\r\n column = query.addColumn({\r\n caption: column.caption,\r\n attributeId: column.expr.value,\r\n sorting: column.sorting,\r\n sortIndex: column.sortIndex,\r\n justsorted: true\r\n });\r\n query.fireChangedEvent({\r\n part: QueryChangePart.SortingColumns,\r\n action: QueryChangeAction.Add,\r\n changee: column\r\n });\r\n return column;\r\n };\r\n SortingBar.prototype.checkColumn = function (col) {\r\n var query = this.getContext().getQuery();\r\n var columns = query.getColumns()\r\n .concat(query.getJustSortedColumns());\r\n var colJson = JSON.stringify(col.expr.saveToData());\r\n for (var i = 0; i < columns.length; i++) {\r\n var qcolJson = JSON.stringify(columns[i].expr.saveToData());\r\n if (qcolJson === colJson) {\r\n return null;\r\n }\r\n }\r\n return col;\r\n };\r\n SortingBar.prototype.renderColumn = function (column, elem) {\r\n var renderer = new ColumnRendererSB(this, column, elem);\r\n if (renderer) {\r\n var columnSlot = renderer.render();\r\n return columnSlot;\r\n }\r\n return null;\r\n };\r\n //adds one column to the bar on the specified position\r\n SortingBar.prototype.addColumnElement = function (column) {\r\n var newColBlock = this.renderColumn(column);\r\n this.columnsBlock.appendChild(newColBlock);\r\n if (this.options.columnRenderedCallback) {\r\n this.options.columnRenderedCallback(newColBlock);\r\n }\r\n };\r\n SortingBar.prototype.clear = function () {\r\n this.slot.innerHTML = '';\r\n };\r\n return SortingBar;\r\n}(Widget));\r\nexport { SortingBar };\r\n//# sourceMappingURL=sorting_bar.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { Widget, WidgetGroup } from '@easyquery/core';\r\nimport { FacetType } from '../types/facet_type';\r\nimport { ChartFacet } from '../facets/chart_facet';\r\nimport { PivotTableFacet } from '../facets/pivot_table_facet';\r\nimport { DataTableFacet } from '../facets/datatable_facet';\r\nvar FacetContainer = /** @class */ (function (_super) {\r\n __extends(FacetContainer, _super);\r\n function FacetContainer(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.facets = [];\r\n _this.options = {};\r\n _this.group = WidgetGroup.Result;\r\n return _this;\r\n }\r\n FacetContainer.prototype.destroyCore = function () {\r\n for (var _i = 0, _a = this.facets; _i < _a.length; _i++) {\r\n var facet = _a[_i];\r\n facet.destroy();\r\n }\r\n this.clear();\r\n };\r\n FacetContainer.prototype.createFacetTab = function (type) {\r\n var options = this.options[type];\r\n switch (type) {\r\n case FacetType.Chart:\r\n return new ChartFacet(this, options);\r\n case FacetType.PivotTable:\r\n return new PivotTableFacet(this, options);\r\n default:\r\n return new DataTableFacet(this, options);\r\n }\r\n };\r\n FacetContainer.prototype.getQuery = function () {\r\n return this.getContext().getQuery();\r\n };\r\n return FacetContainer;\r\n}(Widget));\r\nexport { FacetContainer };\r\n//# sourceMappingURL=facet_container.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { WidgetGroup, QueryChangePart, QueryChangeAction, } from '@easyquery/core';\r\nimport { i18n, utils as dataUtils } from '@easydata/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { FacetType } from '../types/facet_type';\r\nimport { browserUtils } from '../utils/browser_utils';\r\nimport { PopupMenu } from '../utils/popup_menu';\r\nimport { eqCssPrefix } from '../utils/utils';\r\nimport { ExportDialog } from '../dialog/export_dialog';\r\nimport { FacetContainer } from './facet_container';\r\nvar ResultFacetsPanel = /** @class */ (function (_super) {\r\n __extends(ResultFacetsPanel, _super);\r\n function ResultFacetsPanel(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.activeFacetIndex = -1;\r\n _this.firstRender = true;\r\n _this.options = {\r\n showExportButton: true,\r\n showRefreshButton: true,\r\n showMaximizeButton: true,\r\n maximize2Window: false,\r\n showProcessIndicator: true,\r\n facetTypes: [FacetType.DataGrid, FacetType.Chart, FacetType.PivotTable]\r\n };\r\n _this.menuItems = [\r\n { id: FacetType.DataGrid, text: i18n.getText('Facets', 'AddMenuItems', 'DataTable') },\r\n { id: FacetType.Chart, text: i18n.getText('Facets', 'AddMenuItems', 'Chart') },\r\n { id: FacetType.PivotTable, text: i18n.getText('Facets', 'AddMenuItems', 'Pivot') }\r\n ];\r\n _this.menuItemsFilter = function (item) {\r\n if (_this.options.facetTypes.indexOf(item.id) < 0)\r\n return false;\r\n if (item.id === FacetType.DataGrid) {\r\n return _this.facets.filter(function (facet) { return facet.getType() == FacetType.DataGrid; }).length === 0;\r\n }\r\n return true;\r\n };\r\n if (!_this.slot.classList.contains(_this.cssPrefix + \"-panel\")) {\r\n _this.slot.classList.add(_this.cssPrefix + \"-panel\");\r\n }\r\n _this.renderProcessBlock();\r\n return _this;\r\n }\r\n Object.defineProperty(ResultFacetsPanel.prototype, \"cssPrefix\", {\r\n get: function () {\r\n return 'eqjs-facets';\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n ResultFacetsPanel.prototype.getWidgetType = function () {\r\n return 'facetsPanel';\r\n };\r\n /**\r\n * Initialize widget.\r\n * @param context The context.\r\n * @param options The options.\r\n */\r\n ResultFacetsPanel.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n this.setOptions(options);\r\n this.destroyCore();\r\n this.attachQueryObserver();\r\n this.loadFacets();\r\n };\r\n ResultFacetsPanel.prototype.attachQueryObserver = function () {\r\n var _this = this;\r\n var query = this.getQuery();\r\n if (this.queryEventCallbackId) {\r\n query.removeChangedCallback(this.queryEventCallbackId);\r\n }\r\n this.queryEventCallbackId = query.addChangedCallback(function (event) {\r\n //if something has changed, and that change is related to columns\r\n var edata = event.data;\r\n if (edata.part != QueryChangePart.All) {\r\n return;\r\n }\r\n if (edata.source == _this) {\r\n return;\r\n }\r\n _this.reloadFacets();\r\n _this.refreshCore(true);\r\n });\r\n };\r\n ResultFacetsPanel.prototype.refreshCore = function (force) {\r\n if (force === void 0) { force = false; }\r\n if (this.firstRender || force) {\r\n this.clear();\r\n this.createAddMenu();\r\n this.render();\r\n }\r\n this.validateAddFacetButton();\r\n this.renderActiveFacet();\r\n this.updateTotalRecords();\r\n };\r\n ResultFacetsPanel.prototype.createAddMenu = function () {\r\n this.addMenu = new PopupMenu({\r\n items: this.menuItems,\r\n id: \"FacetType-List\"\r\n });\r\n };\r\n ResultFacetsPanel.prototype.updateTotalRecords = function () {\r\n var context = this.getContext();\r\n var total = context.resultTable.getTotal();\r\n this.recordsDiv.innerHTML = i18n.getText('Facets', 'TotalRecordsLabel') + ' ' + total;\r\n if (total == 0) {\r\n domel(this.exportDiv).hide();\r\n }\r\n else {\r\n domel(this.exportDiv).show();\r\n }\r\n };\r\n ResultFacetsPanel.prototype.renderProcessBlock = function () {\r\n var html = '';\r\n ;\r\n this._processBlock = domel('div')\r\n .addClass(this.cssPrefix + \"-spinner\")\r\n .addChild('div', function (b) { return b\r\n .addClass(eqCssPrefix + \"-progress-win8\", browserUtils.getMobileCssClass())\r\n .addHtml(html); })\r\n .toDOM();\r\n };\r\n ResultFacetsPanel.prototype.onProcessStartCore = function () {\r\n if (this.options.showProcessIndicator) {\r\n // FacetsPanel might be not rendered yet, so \r\n // it has no body\r\n if (!this._processBlock.parentNode && this.bodyDiv) {\r\n this.bodyDiv.childNodes.forEach(function (el) {\r\n domel(el).hide();\r\n });\r\n this.bodyDiv.appendChild(this._processBlock);\r\n }\r\n }\r\n };\r\n ResultFacetsPanel.prototype.onProcessEndCore = function () {\r\n if (this.options.showProcessIndicator) {\r\n if (this._processBlock.parentNode) {\r\n try {\r\n this._processBlock.parentNode\r\n .removeChild(this._processBlock);\r\n }\r\n catch (e) {\r\n }\r\n finally {\r\n this.renderActiveFacet(false);\r\n }\r\n }\r\n }\r\n };\r\n ResultFacetsPanel.prototype.render = function () {\r\n var _this = this;\r\n this.firstRender = false;\r\n this.headerDiv = domel('div', this.slot)\r\n .addClass(this.cssPrefix + \"-header\")\r\n .toDOM();\r\n this.tabsDiv =\r\n domel('div', this.headerDiv)\r\n .addClass(this.cssPrefix + \"-tabs\")\r\n .toDOM();\r\n this.tabsUl = domel('ul', this.tabsDiv)\r\n .addClass(this.cssPrefix + \"-nav-tabs\")\r\n .toDOM();\r\n this.bodyDiv =\r\n domel('div', this.slot)\r\n .addClass(this.cssPrefix + \"-body\")\r\n .toDOM();\r\n for (var _i = 0, _a = this.facets; _i < _a.length; _i++) {\r\n var facet = _a[_i];\r\n this.renderFacet(facet);\r\n }\r\n domel(this.tabsDiv)\r\n .addChild('div', function (b) { return _this.addFacetButton = b\r\n .addClass(_this.cssPrefix + \"-add-button\")\r\n .title(i18n.getText('Facets', 'NewFacetTitle'))\r\n .addChild('a', function (b) { return b\r\n .attr('href', 'javascript:void(0)'); })\r\n .on('click', function (e) { return _this.addClickHandler(e); })\r\n .toDOM(); });\r\n var manageDiv = domel('div', this.headerDiv)\r\n .addClass(this.cssPrefix + \"-manage\")\r\n .toDOM();\r\n this.recordsDiv = domel('div', manageDiv)\r\n .addClass(this.cssPrefix + \"-total-recs\")\r\n .toDOM();\r\n if (this.options.showRefreshButton || this.options.showExportButton || this.options.showMaximizeButton) {\r\n var bdb = domel('div', manageDiv)\r\n .addClass(this.cssPrefix + \"-total-buttons\")\r\n .toDOM();\r\n if (this.options.showExportButton) {\r\n this.exportDiv = domel('button', bdb)\r\n .on('click', function () { return _this.exportHandler(); })\r\n .addClass(this.cssPrefix + \"-button\")\r\n .addClass(this.cssPrefix + \"-button-export\")\r\n .title(i18n.getText('Facets', 'ExportBtnTitle'))\r\n .toDOM();\r\n }\r\n if (this.options.showRefreshButton) {\r\n domel('button', bdb)\r\n .on('click', function () { return _this.refreshHandler(); })\r\n .addClass(this.cssPrefix + \"-button\")\r\n .addClass(this.cssPrefix + \"-button-refresh\")\r\n .title(i18n.getText('Facets', 'RefreshBtnTitle'));\r\n }\r\n if (this.options.showMaximizeButton) {\r\n this.maximizeButton = domel('button', bdb)\r\n .on('click', function () { return _this.options.maximize2Window ? _this.maximizeHandler(true) : _this.maximizeHandler(); })\r\n .addClass(this.cssPrefix + \"-button\")\r\n .addClass(this.cssPrefix + \"-button-maximize\")\r\n .title(i18n.getText('Facets', 'MaximizeBtnTitle'))\r\n .toDOM();\r\n }\r\n }\r\n };\r\n ResultFacetsPanel.prototype.refreshHandler = function () {\r\n var context = this.getContext();\r\n context.fetchData({\r\n success: function () {\r\n // possibly we should move this logic to context\r\n context.refreshWidgets(WidgetGroup.Result);\r\n }\r\n });\r\n };\r\n ResultFacetsPanel.prototype.exportHandler = function () {\r\n var context = this.getContext();\r\n new ExportDialog(context)\r\n .show();\r\n };\r\n ResultFacetsPanel.prototype.maximizeHandler = function (toWindow) {\r\n var b = domel(this.slot);\r\n if (toWindow) {\r\n b.toggleClass(eqCssPrefix + \"-maximized-2window\");\r\n if (this.slot.classList.contains(eqCssPrefix + \"-maximized-2window\")) {\r\n this.maximizeButton.title = i18n.getText('Facets', 'RestoreBtnTitle');\r\n this.maximizeButton.classList.toggle(this.cssPrefix + \"-button-maximize\", false);\r\n this.maximizeButton.classList.toggle(this.cssPrefix + \"-button-restore\", true);\r\n }\r\n else {\r\n this.maximizeButton.title = i18n.getText('Facets', 'MaximizeBtnTitle');\r\n this.maximizeButton.classList.toggle(this.cssPrefix + \"-button-restore\", false);\r\n this.maximizeButton.classList.toggle(this.cssPrefix + \"-button-maximize\", true);\r\n }\r\n }\r\n else {\r\n var isMaximized_1 = !this.slot.hasAttribute('data-is-maximized');\r\n if (isMaximized_1) {\r\n this.slot.setAttribute('data-is-maximized', '');\r\n this.maximizeButton.title = i18n.getText('Facets', 'RestoreBtnTitle');\r\n this.maximizeButton.classList.toggle(this.cssPrefix + \"-button-maximize\", false);\r\n this.maximizeButton.classList.toggle(this.cssPrefix + \"-button-restore\", true);\r\n }\r\n else {\r\n this.slot.removeAttribute('data-is-maximized');\r\n this.maximizeButton.title = i18n.getText('Facets', 'MaximizeBtnTitle');\r\n this.maximizeButton.classList.toggle(this.cssPrefix + \"-button-restore\", false);\r\n this.maximizeButton.classList.toggle(this.cssPrefix + \"-button-maximize\", true);\r\n }\r\n var arrToHide = document.querySelectorAll('[data-hide-on-max]');\r\n arrToHide.forEach(function (el) {\r\n if (isMaximized_1) {\r\n el.setAttribute('style', 'display: none;');\r\n }\r\n else {\r\n el.removeAttribute('style');\r\n }\r\n });\r\n }\r\n this.facets.forEach(function (facetTab) { return facetTab.onResize(); });\r\n };\r\n ResultFacetsPanel.prototype.renderActiveFacet = function (refresh) {\r\n var _this = this;\r\n if (refresh === void 0) { refresh = true; }\r\n this.tabsUl.querySelectorAll('li') //`.${this.cssPrefix}-header-item.${this.cssPrefix}-facet`)\r\n .forEach(function (el, index) {\r\n if (el.classList.contains('active')) {\r\n el.classList.remove('active');\r\n }\r\n if (_this.activeFacetIndex === index) {\r\n el.classList.add('active');\r\n }\r\n });\r\n this.bodyDiv.querySelectorAll(\".\" + eqCssPrefix + \"-facet\")\r\n .forEach(function (el, index) {\r\n domel(el).hide();\r\n if (_this.activeFacetIndex === index) {\r\n domel(el).show();\r\n if (refresh) {\r\n _this.facets[index].refresh();\r\n }\r\n }\r\n });\r\n };\r\n ResultFacetsPanel.prototype.renderFacet = function (facet) {\r\n this.renderFacetTab(facet);\r\n var body = this.renderFacetSlot(facet);\r\n facet.init(body);\r\n };\r\n ResultFacetsPanel.prototype.renderFacetTab = function (facet) {\r\n var _this = this;\r\n return domel('li', this.tabsUl)\r\n //.addClass(`${this.cssPrefix}-header-item`, `${this.cssPrefix}-facet`)\r\n //facet settings button\r\n .addChild('span', function (b) { return b\r\n .addClass(eqCssPrefix + \"-facet-settings\")\r\n .on('click', function (e) {\r\n e.stopPropagation();\r\n _this.settingsClickHandler(facet);\r\n }); })\r\n .addChild('a', function (b) { return b\r\n .addText(facet.title)\r\n .attr('href', 'javascript:void(0)'); })\r\n //facet close button\r\n .addChild('span', function (b) { return b\r\n .addClass(eqCssPrefix + \"-facet-close\")\r\n .on('click', function (e) {\r\n e.stopPropagation();\r\n _this.closeClickHandler(facet);\r\n }); })\r\n .on('click', function (e) { return _this.selectClickHandler(facet); })\r\n .toDOM();\r\n };\r\n ResultFacetsPanel.prototype.renderFacetSlot = function (facet) {\r\n var element = domel('div', this.bodyDiv)\r\n .addClass(eqCssPrefix + \"-facet\")\r\n .hide()\r\n .toDOM();\r\n return element;\r\n };\r\n ResultFacetsPanel.prototype.refreshFacetTabs = function () {\r\n var _this = this;\r\n this.tabsUl.querySelectorAll('li') //`.${this.cssPrefix}-header-item.${this.cssPrefix}-facet`)\r\n .forEach(function (item) {\r\n _this.tabsUl.removeChild(item);\r\n });\r\n for (var _i = 0, _a = this.facets; _i < _a.length; _i++) {\r\n var facet = _a[_i];\r\n this.renderFacetTab(facet);\r\n }\r\n };\r\n ResultFacetsPanel.prototype.removeFacet = function (facet) {\r\n var index = this.facets.indexOf(facet);\r\n if (index >= 0) {\r\n this.facets.splice(index, 1);\r\n var header = this.tabsUl.childNodes[index];\r\n this.tabsUl.removeChild(header);\r\n var body = this.bodyDiv.childNodes[index];\r\n this.bodyDiv.removeChild(body);\r\n if (this.facets.length > 0) {\r\n this.activeFacetIndex =\r\n index < this.facets.length\r\n ? index\r\n : this.facets.length - 1;\r\n }\r\n else {\r\n this.activeFacetIndex = -1;\r\n }\r\n this.renderActiveFacet();\r\n this.validateAddFacetButton();\r\n }\r\n };\r\n ResultFacetsPanel.prototype.addClickHandler = function (ev) {\r\n var _this = this;\r\n this.addMenu.showMenu({\r\n anchor: ev.target,\r\n itemFilterCallback: this.menuItemsFilter,\r\n itemSelectedCallback: function (data) {\r\n var facet = _this.createFacetTab(data.id);\r\n var facetSlot = _this.renderFacetSlot(facet);\r\n facet.init(facetSlot);\r\n facet.showSettingsDialog()\r\n .then(function (submited) {\r\n if (submited) {\r\n _this.facets.push(facet);\r\n _this.activeFacetIndex = _this.facets.length - 1;\r\n _this.renderFacetTab(facet);\r\n _this.renderActiveFacet();\r\n _this.saveFacets();\r\n }\r\n else {\r\n _this.bodyDiv.removeChild(facetSlot);\r\n }\r\n //this.validateAddFacetButton();\r\n })\r\n .catch(function (error) { return console.error(error); });\r\n }\r\n });\r\n };\r\n ResultFacetsPanel.prototype.selectClickHandler = function (facet) {\r\n var index = this.facets.indexOf(facet);\r\n this.setActiveFacet(index);\r\n };\r\n ResultFacetsPanel.prototype.settingsClickHandler = function (facet) {\r\n var _this = this;\r\n facet.showSettingsDialog()\r\n .then(function (submited) {\r\n if (submited) {\r\n _this.refreshFacetTabs();\r\n _this.renderActiveFacet();\r\n _this.saveFacets();\r\n }\r\n })\r\n .catch(function (error) { return console.error(error); });\r\n };\r\n ResultFacetsPanel.prototype.closeClickHandler = function (facet) {\r\n var _this = this;\r\n var ds = this.getDialogService();\r\n ds.openConfirm(i18n.getText('Facets', 'RemoveFacetDlgTitle'), i18n.getText('Facets', 'RemoveFacetDlgContent')\r\n .replace('{facetTitle}', facet.title))\r\n .then(function (confirmed) {\r\n if (confirmed) {\r\n _this.removeFacet(facet);\r\n _this.saveFacets();\r\n }\r\n })\r\n .catch(function (error) { return console.error(error); });\r\n };\r\n ResultFacetsPanel.prototype.clear = function () {\r\n this.firstRender = true;\r\n this.slot.innerHTML = \"\";\r\n };\r\n ResultFacetsPanel.prototype.createDefaultFacetIfNotExist = function () {\r\n if (this.facets.length === 0) {\r\n var facet = this.createFacetTab(FacetType.DataGrid);\r\n this.facets.push(facet);\r\n this.activeFacetIndex = 0;\r\n }\r\n };\r\n ResultFacetsPanel.prototype.validateAddFacetButton = function () {\r\n this.addFacetButton.hidden = this.addMenu.getItems()\r\n .filter(this.menuItemsFilter).length == 0;\r\n };\r\n ResultFacetsPanel.prototype.setActiveFacet = function (index) {\r\n if (this.activeFacetIndex != index) {\r\n this.activeFacetIndex = index;\r\n this.renderActiveFacet();\r\n this.saveFacets(true);\r\n }\r\n };\r\n ResultFacetsPanel.prototype.setOptions = function (options) {\r\n dataUtils.assignDeep(this.options, options);\r\n };\r\n ResultFacetsPanel.prototype.getDialogService = function () {\r\n return this.getContext()\r\n .getServices()\r\n .getDialogService();\r\n };\r\n ResultFacetsPanel.prototype.saveFacets = function (isActivate) {\r\n if (isActivate === void 0) { isActivate = false; }\r\n var query = this.getQuery();\r\n query.innerData = query.innerData || {};\r\n query.innerData.facets = {\r\n active: this.activeFacetIndex,\r\n items: this.facets.map(function (f) { return f.saveToData(); })\r\n };\r\n query.fireChangedEvent({\r\n part: QueryChangePart.Facets,\r\n action: isActivate ? QueryChangeAction.Activate : QueryChangeAction.All,\r\n source: this\r\n });\r\n };\r\n ResultFacetsPanel.prototype.reloadFacets = function () {\r\n for (var _i = 0, _a = this.facets; _i < _a.length; _i++) {\r\n var facet = _a[_i];\r\n facet.destroy();\r\n }\r\n this.loadFacets();\r\n };\r\n ResultFacetsPanel.prototype.loadFacets = function () {\r\n var query = this.getQuery();\r\n this.facets = [];\r\n if (query.innerData && query.innerData.facets) {\r\n var items = query.innerData.facets.items;\r\n for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {\r\n var fd = items_1[_i];\r\n var facet = this.createFacetTab(fd.type);\r\n facet.loadFromData(fd);\r\n this.facets.push(facet);\r\n }\r\n var active = query.innerData.facets.active;\r\n this.activeFacetIndex = (active >= 0)\r\n ? active\r\n : this.facets.length - 1;\r\n }\r\n else {\r\n this.createDefaultFacetIfNotExist();\r\n }\r\n };\r\n return ResultFacetsPanel;\r\n}(FacetContainer));\r\nexport { ResultFacetsPanel };\r\n//# sourceMappingURL=result_facets_panel.js.map","/*!\n * @overview es6-promise - a tiny implementation of Promises/A+.\n * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)\n * @license Licensed under MIT license\n * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE\n * @version v4.2.8+1e68dce6\n */\n\n(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n\ttypeof define === 'function' && define.amd ? define(factory) :\n\t(global.ES6Promise = factory());\n}(this, (function () { 'use strict';\n\nfunction objectOrFunction(x) {\n var type = typeof x;\n return x !== null && (type === 'object' || type === 'function');\n}\n\nfunction isFunction(x) {\n return typeof x === 'function';\n}\n\n\n\nvar _isArray = void 0;\nif (Array.isArray) {\n _isArray = Array.isArray;\n} else {\n _isArray = function (x) {\n return Object.prototype.toString.call(x) === '[object Array]';\n };\n}\n\nvar isArray = _isArray;\n\nvar len = 0;\nvar vertxNext = void 0;\nvar customSchedulerFn = void 0;\n\nvar asap = function asap(callback, arg) {\n queue[len] = callback;\n queue[len + 1] = arg;\n len += 2;\n if (len === 2) {\n // If len is 2, that means that we need to schedule an async flush.\n // If additional callbacks are queued before the queue is flushed, they\n // will be processed by this flush that we are scheduling.\n if (customSchedulerFn) {\n customSchedulerFn(flush);\n } else {\n scheduleFlush();\n }\n }\n};\n\nfunction setScheduler(scheduleFn) {\n customSchedulerFn = scheduleFn;\n}\n\nfunction setAsap(asapFn) {\n asap = asapFn;\n}\n\nvar browserWindow = typeof window !== 'undefined' ? window : undefined;\nvar browserGlobal = browserWindow || {};\nvar BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;\nvar isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {}.toString.call(process) === '[object process]';\n\n// test for web worker but not in IE10\nvar isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';\n\n// node\nfunction useNextTick() {\n // node version 0.10.x displays a deprecation warning when nextTick is used recursively\n // see https://github.com/cujojs/when/issues/410 for details\n return function () {\n return process.nextTick(flush);\n };\n}\n\n// vertx\nfunction useVertxTimer() {\n if (typeof vertxNext !== 'undefined') {\n return function () {\n vertxNext(flush);\n };\n }\n\n return useSetTimeout();\n}\n\nfunction useMutationObserver() {\n var iterations = 0;\n var observer = new BrowserMutationObserver(flush);\n var node = document.createTextNode('');\n observer.observe(node, { characterData: true });\n\n return function () {\n node.data = iterations = ++iterations % 2;\n };\n}\n\n// web worker\nfunction useMessageChannel() {\n var channel = new MessageChannel();\n channel.port1.onmessage = flush;\n return function () {\n return channel.port2.postMessage(0);\n };\n}\n\nfunction useSetTimeout() {\n // Store setTimeout reference so es6-promise will be unaffected by\n // other code modifying setTimeout (like sinon.useFakeTimers())\n var globalSetTimeout = setTimeout;\n return function () {\n return globalSetTimeout(flush, 1);\n };\n}\n\nvar queue = new Array(1000);\nfunction flush() {\n for (var i = 0; i < len; i += 2) {\n var callback = queue[i];\n var arg = queue[i + 1];\n\n callback(arg);\n\n queue[i] = undefined;\n queue[i + 1] = undefined;\n }\n\n len = 0;\n}\n\nfunction attemptVertx() {\n try {\n var vertx = Function('return this')().require('vertx');\n vertxNext = vertx.runOnLoop || vertx.runOnContext;\n return useVertxTimer();\n } catch (e) {\n return useSetTimeout();\n }\n}\n\nvar scheduleFlush = void 0;\n// Decide what async method to use to triggering processing of queued callbacks:\nif (isNode) {\n scheduleFlush = useNextTick();\n} else if (BrowserMutationObserver) {\n scheduleFlush = useMutationObserver();\n} else if (isWorker) {\n scheduleFlush = useMessageChannel();\n} else if (browserWindow === undefined && typeof require === 'function') {\n scheduleFlush = attemptVertx();\n} else {\n scheduleFlush = useSetTimeout();\n}\n\nfunction then(onFulfillment, onRejection) {\n var parent = this;\n\n var child = new this.constructor(noop);\n\n if (child[PROMISE_ID] === undefined) {\n makePromise(child);\n }\n\n var _state = parent._state;\n\n\n if (_state) {\n var callback = arguments[_state - 1];\n asap(function () {\n return invokeCallback(_state, child, callback, parent._result);\n });\n } else {\n subscribe(parent, child, onFulfillment, onRejection);\n }\n\n return child;\n}\n\n/**\n `Promise.resolve` returns a promise that will become resolved with the\n passed `value`. It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n resolve(1);\n });\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.resolve(1);\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n @method resolve\n @static\n @param {Any} value value that the returned promise will be resolved with\n Useful for tooling.\n @return {Promise} a promise that will become fulfilled with the given\n `value`\n*/\nfunction resolve$1(object) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (object && typeof object === 'object' && object.constructor === Constructor) {\n return object;\n }\n\n var promise = new Constructor(noop);\n resolve(promise, object);\n return promise;\n}\n\nvar PROMISE_ID = Math.random().toString(36).substring(2);\n\nfunction noop() {}\n\nvar PENDING = void 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\n\nfunction selfFulfillment() {\n return new TypeError(\"You cannot resolve a promise with itself\");\n}\n\nfunction cannotReturnOwn() {\n return new TypeError('A promises callback cannot return that same promise.');\n}\n\nfunction tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) {\n try {\n then$$1.call(value, fulfillmentHandler, rejectionHandler);\n } catch (e) {\n return e;\n }\n}\n\nfunction handleForeignThenable(promise, thenable, then$$1) {\n asap(function (promise) {\n var sealed = false;\n var error = tryThen(then$$1, thenable, function (value) {\n if (sealed) {\n return;\n }\n sealed = true;\n if (thenable !== value) {\n resolve(promise, value);\n } else {\n fulfill(promise, value);\n }\n }, function (reason) {\n if (sealed) {\n return;\n }\n sealed = true;\n\n reject(promise, reason);\n }, 'Settle: ' + (promise._label || ' unknown promise'));\n\n if (!sealed && error) {\n sealed = true;\n reject(promise, error);\n }\n }, promise);\n}\n\nfunction handleOwnThenable(promise, thenable) {\n if (thenable._state === FULFILLED) {\n fulfill(promise, thenable._result);\n } else if (thenable._state === REJECTED) {\n reject(promise, thenable._result);\n } else {\n subscribe(thenable, undefined, function (value) {\n return resolve(promise, value);\n }, function (reason) {\n return reject(promise, reason);\n });\n }\n}\n\nfunction handleMaybeThenable(promise, maybeThenable, then$$1) {\n if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) {\n handleOwnThenable(promise, maybeThenable);\n } else {\n if (then$$1 === undefined) {\n fulfill(promise, maybeThenable);\n } else if (isFunction(then$$1)) {\n handleForeignThenable(promise, maybeThenable, then$$1);\n } else {\n fulfill(promise, maybeThenable);\n }\n }\n}\n\nfunction resolve(promise, value) {\n if (promise === value) {\n reject(promise, selfFulfillment());\n } else if (objectOrFunction(value)) {\n var then$$1 = void 0;\n try {\n then$$1 = value.then;\n } catch (error) {\n reject(promise, error);\n return;\n }\n handleMaybeThenable(promise, value, then$$1);\n } else {\n fulfill(promise, value);\n }\n}\n\nfunction publishRejection(promise) {\n if (promise._onerror) {\n promise._onerror(promise._result);\n }\n\n publish(promise);\n}\n\nfunction fulfill(promise, value) {\n if (promise._state !== PENDING) {\n return;\n }\n\n promise._result = value;\n promise._state = FULFILLED;\n\n if (promise._subscribers.length !== 0) {\n asap(publish, promise);\n }\n}\n\nfunction reject(promise, reason) {\n if (promise._state !== PENDING) {\n return;\n }\n promise._state = REJECTED;\n promise._result = reason;\n\n asap(publishRejection, promise);\n}\n\nfunction subscribe(parent, child, onFulfillment, onRejection) {\n var _subscribers = parent._subscribers;\n var length = _subscribers.length;\n\n\n parent._onerror = null;\n\n _subscribers[length] = child;\n _subscribers[length + FULFILLED] = onFulfillment;\n _subscribers[length + REJECTED] = onRejection;\n\n if (length === 0 && parent._state) {\n asap(publish, parent);\n }\n}\n\nfunction publish(promise) {\n var subscribers = promise._subscribers;\n var settled = promise._state;\n\n if (subscribers.length === 0) {\n return;\n }\n\n var child = void 0,\n callback = void 0,\n detail = promise._result;\n\n for (var i = 0; i < subscribers.length; i += 3) {\n child = subscribers[i];\n callback = subscribers[i + settled];\n\n if (child) {\n invokeCallback(settled, child, callback, detail);\n } else {\n callback(detail);\n }\n }\n\n promise._subscribers.length = 0;\n}\n\nfunction invokeCallback(settled, promise, callback, detail) {\n var hasCallback = isFunction(callback),\n value = void 0,\n error = void 0,\n succeeded = true;\n\n if (hasCallback) {\n try {\n value = callback(detail);\n } catch (e) {\n succeeded = false;\n error = e;\n }\n\n if (promise === value) {\n reject(promise, cannotReturnOwn());\n return;\n }\n } else {\n value = detail;\n }\n\n if (promise._state !== PENDING) {\n // noop\n } else if (hasCallback && succeeded) {\n resolve(promise, value);\n } else if (succeeded === false) {\n reject(promise, error);\n } else if (settled === FULFILLED) {\n fulfill(promise, value);\n } else if (settled === REJECTED) {\n reject(promise, value);\n }\n}\n\nfunction initializePromise(promise, resolver) {\n try {\n resolver(function resolvePromise(value) {\n resolve(promise, value);\n }, function rejectPromise(reason) {\n reject(promise, reason);\n });\n } catch (e) {\n reject(promise, e);\n }\n}\n\nvar id = 0;\nfunction nextId() {\n return id++;\n}\n\nfunction makePromise(promise) {\n promise[PROMISE_ID] = id++;\n promise._state = undefined;\n promise._result = undefined;\n promise._subscribers = [];\n}\n\nfunction validationError() {\n return new Error('Array Methods must be provided an Array');\n}\n\nvar Enumerator = function () {\n function Enumerator(Constructor, input) {\n this._instanceConstructor = Constructor;\n this.promise = new Constructor(noop);\n\n if (!this.promise[PROMISE_ID]) {\n makePromise(this.promise);\n }\n\n if (isArray(input)) {\n this.length = input.length;\n this._remaining = input.length;\n\n this._result = new Array(this.length);\n\n if (this.length === 0) {\n fulfill(this.promise, this._result);\n } else {\n this.length = this.length || 0;\n this._enumerate(input);\n if (this._remaining === 0) {\n fulfill(this.promise, this._result);\n }\n }\n } else {\n reject(this.promise, validationError());\n }\n }\n\n Enumerator.prototype._enumerate = function _enumerate(input) {\n for (var i = 0; this._state === PENDING && i < input.length; i++) {\n this._eachEntry(input[i], i);\n }\n };\n\n Enumerator.prototype._eachEntry = function _eachEntry(entry, i) {\n var c = this._instanceConstructor;\n var resolve$$1 = c.resolve;\n\n\n if (resolve$$1 === resolve$1) {\n var _then = void 0;\n var error = void 0;\n var didError = false;\n try {\n _then = entry.then;\n } catch (e) {\n didError = true;\n error = e;\n }\n\n if (_then === then && entry._state !== PENDING) {\n this._settledAt(entry._state, i, entry._result);\n } else if (typeof _then !== 'function') {\n this._remaining--;\n this._result[i] = entry;\n } else if (c === Promise$1) {\n var promise = new c(noop);\n if (didError) {\n reject(promise, error);\n } else {\n handleMaybeThenable(promise, entry, _then);\n }\n this._willSettleAt(promise, i);\n } else {\n this._willSettleAt(new c(function (resolve$$1) {\n return resolve$$1(entry);\n }), i);\n }\n } else {\n this._willSettleAt(resolve$$1(entry), i);\n }\n };\n\n Enumerator.prototype._settledAt = function _settledAt(state, i, value) {\n var promise = this.promise;\n\n\n if (promise._state === PENDING) {\n this._remaining--;\n\n if (state === REJECTED) {\n reject(promise, value);\n } else {\n this._result[i] = value;\n }\n }\n\n if (this._remaining === 0) {\n fulfill(promise, this._result);\n }\n };\n\n Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) {\n var enumerator = this;\n\n subscribe(promise, undefined, function (value) {\n return enumerator._settledAt(FULFILLED, i, value);\n }, function (reason) {\n return enumerator._settledAt(REJECTED, i, reason);\n });\n };\n\n return Enumerator;\n}();\n\n/**\n `Promise.all` accepts an array of promises, and returns a new promise which\n is fulfilled with an array of fulfillment values for the passed promises, or\n rejected with the reason of the first passed promise to be rejected. It casts all\n elements of the passed iterable to promises as it runs this algorithm.\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = resolve(2);\n let promise3 = resolve(3);\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // The array here would be [ 1, 2, 3 ];\n });\n ```\n\n If any of the `promises` given to `all` are rejected, the first promise\n that is rejected will be given as an argument to the returned promises's\n rejection handler. For example:\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = reject(new Error(\"2\"));\n let promise3 = reject(new Error(\"3\"));\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // Code here never runs because there are rejected promises!\n }, function(error) {\n // error.message === \"2\"\n });\n ```\n\n @method all\n @static\n @param {Array} entries array of promises\n @param {String} label optional string for labeling the promise.\n Useful for tooling.\n @return {Promise} promise that is fulfilled when all `promises` have been\n fulfilled, or rejected if any of them become rejected.\n @static\n*/\nfunction all(entries) {\n return new Enumerator(this, entries).promise;\n}\n\n/**\n `Promise.race` returns a new promise which is settled in the same way as the\n first passed promise to settle.\n\n Example:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 2');\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // result === 'promise 2' because it was resolved before promise1\n // was resolved.\n });\n ```\n\n `Promise.race` is deterministic in that only the state of the first\n settled promise matters. For example, even if other promises given to the\n `promises` array argument are resolved, but the first settled promise has\n become rejected before the other promises became fulfilled, the returned\n promise will become rejected:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n reject(new Error('promise 2'));\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // Code here never runs\n }, function(reason){\n // reason.message === 'promise 2' because promise 2 became rejected before\n // promise 1 became fulfilled\n });\n ```\n\n An example real-world use case is implementing timeouts:\n\n ```javascript\n Promise.race([ajax('foo.json'), timeout(5000)])\n ```\n\n @method race\n @static\n @param {Array} promises array of promises to observe\n Useful for tooling.\n @return {Promise} a promise which settles in the same way as the first passed\n promise to settle.\n*/\nfunction race(entries) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (!isArray(entries)) {\n return new Constructor(function (_, reject) {\n return reject(new TypeError('You must pass an array to race.'));\n });\n } else {\n return new Constructor(function (resolve, reject) {\n var length = entries.length;\n for (var i = 0; i < length; i++) {\n Constructor.resolve(entries[i]).then(resolve, reject);\n }\n });\n }\n}\n\n/**\n `Promise.reject` returns a promise rejected with the passed `reason`.\n It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n reject(new Error('WHOOPS'));\n });\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.reject(new Error('WHOOPS'));\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n @method reject\n @static\n @param {Any} reason value that the returned promise will be rejected with.\n Useful for tooling.\n @return {Promise} a promise rejected with the given `reason`.\n*/\nfunction reject$1(reason) {\n /*jshint validthis:true */\n var Constructor = this;\n var promise = new Constructor(noop);\n reject(promise, reason);\n return promise;\n}\n\nfunction needsResolver() {\n throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');\n}\n\nfunction needsNew() {\n throw new TypeError(\"Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.\");\n}\n\n/**\n Promise objects represent the eventual result of an asynchronous operation. The\n primary way of interacting with a promise is through its `then` method, which\n registers callbacks to receive either a promise's eventual value or the reason\n why the promise cannot be fulfilled.\n\n Terminology\n -----------\n\n - `promise` is an object or function with a `then` method whose behavior conforms to this specification.\n - `thenable` is an object or function that defines a `then` method.\n - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).\n - `exception` is a value that is thrown using the throw statement.\n - `reason` is a value that indicates why a promise was rejected.\n - `settled` the final resting state of a promise, fulfilled or rejected.\n\n A promise can be in one of three states: pending, fulfilled, or rejected.\n\n Promises that are fulfilled have a fulfillment value and are in the fulfilled\n state. Promises that are rejected have a rejection reason and are in the\n rejected state. A fulfillment value is never a thenable.\n\n Promises can also be said to *resolve* a value. If this value is also a\n promise, then the original promise's settled state will match the value's\n settled state. So a promise that *resolves* a promise that rejects will\n itself reject, and a promise that *resolves* a promise that fulfills will\n itself fulfill.\n\n\n Basic Usage:\n ------------\n\n ```js\n let promise = new Promise(function(resolve, reject) {\n // on success\n resolve(value);\n\n // on failure\n reject(reason);\n });\n\n promise.then(function(value) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Advanced Usage:\n ---------------\n\n Promises shine when abstracting away asynchronous interactions such as\n `XMLHttpRequest`s.\n\n ```js\n function getJSON(url) {\n return new Promise(function(resolve, reject){\n let xhr = new XMLHttpRequest();\n\n xhr.open('GET', url);\n xhr.onreadystatechange = handler;\n xhr.responseType = 'json';\n xhr.setRequestHeader('Accept', 'application/json');\n xhr.send();\n\n function handler() {\n if (this.readyState === this.DONE) {\n if (this.status === 200) {\n resolve(this.response);\n } else {\n reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));\n }\n }\n };\n });\n }\n\n getJSON('/posts.json').then(function(json) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Unlike callbacks, promises are great composable primitives.\n\n ```js\n Promise.all([\n getJSON('/posts'),\n getJSON('/comments')\n ]).then(function(values){\n values[0] // => postsJSON\n values[1] // => commentsJSON\n\n return values;\n });\n ```\n\n @class Promise\n @param {Function} resolver\n Useful for tooling.\n @constructor\n*/\n\nvar Promise$1 = function () {\n function Promise(resolver) {\n this[PROMISE_ID] = nextId();\n this._result = this._state = undefined;\n this._subscribers = [];\n\n if (noop !== resolver) {\n typeof resolver !== 'function' && needsResolver();\n this instanceof Promise ? initializePromise(this, resolver) : needsNew();\n }\n }\n\n /**\n The primary way of interacting with a promise is through its `then` method,\n which registers callbacks to receive either a promise's eventual value or the\n reason why the promise cannot be fulfilled.\n ```js\n findUser().then(function(user){\n // user is available\n }, function(reason){\n // user is unavailable, and you are given the reason why\n });\n ```\n Chaining\n --------\n The return value of `then` is itself a promise. This second, 'downstream'\n promise is resolved with the return value of the first promise's fulfillment\n or rejection handler, or rejected if the handler throws an exception.\n ```js\n findUser().then(function (user) {\n return user.name;\n }, function (reason) {\n return 'default name';\n }).then(function (userName) {\n // If `findUser` fulfilled, `userName` will be the user's name, otherwise it\n // will be `'default name'`\n });\n findUser().then(function (user) {\n throw new Error('Found user, but still unhappy');\n }, function (reason) {\n throw new Error('`findUser` rejected and we're unhappy');\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.\n // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.\n });\n ```\n If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.\n ```js\n findUser().then(function (user) {\n throw new PedagogicalException('Upstream error');\n }).then(function (value) {\n // never reached\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // The `PedgagocialException` is propagated all the way down to here\n });\n ```\n Assimilation\n ------------\n Sometimes the value you want to propagate to a downstream promise can only be\n retrieved asynchronously. This can be achieved by returning a promise in the\n fulfillment or rejection handler. The downstream promise will then be pending\n until the returned promise is settled. This is called *assimilation*.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // The user's comments are now available\n });\n ```\n If the assimliated promise rejects, then the downstream promise will also reject.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // If `findCommentsByAuthor` fulfills, we'll have the value here\n }, function (reason) {\n // If `findCommentsByAuthor` rejects, we'll have the reason here\n });\n ```\n Simple Example\n --------------\n Synchronous Example\n ```javascript\n let result;\n try {\n result = findResult();\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n findResult(function(result, err){\n if (err) {\n // failure\n } else {\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findResult().then(function(result){\n // success\n }, function(reason){\n // failure\n });\n ```\n Advanced Example\n --------------\n Synchronous Example\n ```javascript\n let author, books;\n try {\n author = findAuthor();\n books = findBooksByAuthor(author);\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n function foundBooks(books) {\n }\n function failure(reason) {\n }\n findAuthor(function(author, err){\n if (err) {\n failure(err);\n // failure\n } else {\n try {\n findBoooksByAuthor(author, function(books, err) {\n if (err) {\n failure(err);\n } else {\n try {\n foundBooks(books);\n } catch(reason) {\n failure(reason);\n }\n }\n });\n } catch(error) {\n failure(err);\n }\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findAuthor().\n then(findBooksByAuthor).\n then(function(books){\n // found books\n }).catch(function(reason){\n // something went wrong\n });\n ```\n @method then\n @param {Function} onFulfilled\n @param {Function} onRejected\n Useful for tooling.\n @return {Promise}\n */\n\n /**\n `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same\n as the catch block of a try/catch statement.\n ```js\n function findAuthor(){\n throw new Error('couldn't find that author');\n }\n // synchronous\n try {\n findAuthor();\n } catch(reason) {\n // something went wrong\n }\n // async with promises\n findAuthor().catch(function(reason){\n // something went wrong\n });\n ```\n @method catch\n @param {Function} onRejection\n Useful for tooling.\n @return {Promise}\n */\n\n\n Promise.prototype.catch = function _catch(onRejection) {\n return this.then(null, onRejection);\n };\n\n /**\n `finally` will be invoked regardless of the promise's fate just as native\n try/catch/finally behaves\n \n Synchronous example:\n \n ```js\n findAuthor() {\n if (Math.random() > 0.5) {\n throw new Error();\n }\n return new Author();\n }\n \n try {\n return findAuthor(); // succeed or fail\n } catch(error) {\n return findOtherAuther();\n } finally {\n // always runs\n // doesn't affect the return value\n }\n ```\n \n Asynchronous example:\n \n ```js\n findAuthor().catch(function(reason){\n return findOtherAuther();\n }).finally(function(){\n // author was either found, or not\n });\n ```\n \n @method finally\n @param {Function} callback\n @return {Promise}\n */\n\n\n Promise.prototype.finally = function _finally(callback) {\n var promise = this;\n var constructor = promise.constructor;\n\n if (isFunction(callback)) {\n return promise.then(function (value) {\n return constructor.resolve(callback()).then(function () {\n return value;\n });\n }, function (reason) {\n return constructor.resolve(callback()).then(function () {\n throw reason;\n });\n });\n }\n\n return promise.then(callback, callback);\n };\n\n return Promise;\n}();\n\nPromise$1.prototype.then = then;\nPromise$1.all = all;\nPromise$1.race = race;\nPromise$1.resolve = resolve$1;\nPromise$1.reject = reject$1;\nPromise$1._setScheduler = setScheduler;\nPromise$1._setAsap = setAsap;\nPromise$1._asap = asap;\n\n/*global self*/\nfunction polyfill() {\n var local = void 0;\n\n if (typeof global !== 'undefined') {\n local = global;\n } else if (typeof self !== 'undefined') {\n local = self;\n } else {\n try {\n local = Function('return this')();\n } catch (e) {\n throw new Error('polyfill failed because global object is unavailable in this environment');\n }\n }\n\n var P = local.Promise;\n\n if (P) {\n var promiseToString = null;\n try {\n promiseToString = Object.prototype.toString.call(P.resolve());\n } catch (e) {\n // silently ignored\n }\n\n if (promiseToString === '[object Promise]' && !P.cast) {\n return;\n }\n }\n\n local.Promise = Promise$1;\n}\n\n// Strange compat..\nPromise$1.polyfill = polyfill;\nPromise$1.Promise = Promise$1;\n\nreturn Promise$1;\n\n})));\n\n\n\n//# sourceMappingURL=es6-promise.map\n","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nimport { utils } from '../utils/utils';\r\nimport { HttpActionResult } from './http_action_result';\r\nimport { HttpMethod } from './http_method';\r\nimport { HttpRequest } from './http_request';\r\nvar HttpResponseError = /** @class */ (function (_super) {\r\n __extends(HttpResponseError, _super);\r\n function HttpResponseError(status, message) {\r\n var _this = _super.call(this, message) || this;\r\n _this.status = status;\r\n return _this;\r\n }\r\n return HttpResponseError;\r\n}(Error));\r\nexport { HttpResponseError };\r\nvar HttpClient = /** @class */ (function () {\r\n function HttpClient() {\r\n this.defaultHeaders = {};\r\n this.customPayload = undefined;\r\n }\r\n Object.defineProperty(HttpClient.prototype, \"responseBody\", {\r\n /** Gets the response body for the latest request */\r\n get: function () {\r\n return this._responseBody;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n HttpClient.prototype.get = function (url, options) {\r\n return this.send(HttpMethod.Get, url, null, options);\r\n };\r\n HttpClient.prototype.post = function (url, data, options) {\r\n return this.send(HttpMethod.Post, url, data, options);\r\n };\r\n HttpClient.prototype.put = function (url, data, options) {\r\n return this.send(HttpMethod.Put, url, data, options);\r\n };\r\n HttpClient.prototype.delete = function (url, data, options) {\r\n return this.send(HttpMethod.Delete, url, data, options);\r\n };\r\n HttpClient.prototype.send = function (method, url, data, options) {\r\n var _this = this;\r\n options = options || {};\r\n var dataType = options.dataType || 'json';\r\n var contentType = options.contentType || (dataType !== 'form-data')\r\n ? 'application/json'\r\n : null;\r\n if (data && dataType != 'form-data' && this.customPayload) {\r\n data.data = utils.assignDeep(data.data || {}, this.customPayload);\r\n }\r\n var XHR = ('onload' in new XMLHttpRequest())\r\n ? XMLHttpRequest\r\n : window[\"XDomainRequest\"]; //IE support\r\n var xhr = new XHR();\r\n var desc = {\r\n method: method,\r\n url: url,\r\n headers: __assign(__assign({}, this.defaultHeaders), options.headers || {}),\r\n queryParams: options.queryParams || {},\r\n data: data\r\n };\r\n if (contentType)\r\n desc.headers['Content-Type'] = contentType;\r\n var request = new HttpRequest(xhr, desc);\r\n if (this.beforeEachRequest) {\r\n console.warn(\"HttpClient: 'beforeEachRequest' is deprecated and will be removed in future updates.\\n Use 'onRequest' instead\");\r\n this.beforeEachRequest(request);\r\n }\r\n if (this.onRequest) {\r\n this.onRequest(request);\r\n }\r\n var dataToSend = (request.data && typeof request.data !== 'string'\r\n && dataType == 'json')\r\n ? JSON.stringify(request.data)\r\n : request.data;\r\n request.open();\r\n return new HttpActionResult(request, new Promise(function (resolve, reject) {\r\n if (options.responseType)\r\n xhr.responseType = options.responseType;\r\n xhr.onerror = function (error) {\r\n reject(new HttpResponseError(xhr.status, xhr.responseText));\r\n };\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState != 4)\r\n return; //we process only the state change to DONE(4)\r\n var responseContentType = xhr.getResponseHeader('Content-Type') || '';\r\n var status = xhr.status;\r\n if (status === 0) {\r\n reject(new HttpResponseError(status, \"Network error or the request was aborted\"));\r\n }\r\n else if (status >= 200 && status < 400) {\r\n //Success\r\n var responseObj = (xhr.responseType === 'arraybuffer' || xhr.responseType === 'blob')\r\n ? xhr.response\r\n : (responseContentType.indexOf('application/json') == 0\r\n ? JSON.parse(xhr.responseText)\r\n : xhr.responseText);\r\n _this._responseBody = responseObj;\r\n if (_this.onResponse) {\r\n _this.onResponse(xhr);\r\n }\r\n resolve(responseObj);\r\n }\r\n else {\r\n //Error\r\n var rtPromise = (xhr.responseType === 'arraybuffer' || xhr.responseType === 'blob')\r\n ? HttpClient.decodeArrayBuffer(xhr.response)\r\n : Promise.resolve(xhr.responseText);\r\n rtPromise.then(function (responseText) {\r\n var responseObj = (responseContentType.indexOf('application/json') == 0)\r\n ? JSON.parse(responseText)\r\n : responseText;\r\n _this._responseBody = responseObj;\r\n var message = responseObj.message ||\r\n (status == 404\r\n ? \"No such endpoint: \" + url\r\n : responseObj);\r\n reject(new HttpResponseError(status, message));\r\n });\r\n }\r\n };\r\n xhr.send(dataToSend);\r\n }));\r\n };\r\n HttpClient.decodeArrayBuffer = function (uintArray) {\r\n var reader = new FileReader();\r\n return new Promise(function (resolve) {\r\n reader.onloadend = function () {\r\n if (reader.readyState == FileReader.DONE) {\r\n resolve(reader.result);\r\n }\r\n };\r\n reader.readAsText(new Blob([uintArray]));\r\n });\r\n };\r\n return HttpClient;\r\n}());\r\nexport { HttpClient };\r\n//# sourceMappingURL=http_client.js.map","/*!\n * @overview es6-promise - a tiny implementation of Promises/A+.\n * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)\n * @license Licensed under MIT license\n * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE\n * @version v4.2.8+1e68dce6\n */\n\n(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n\ttypeof define === 'function' && define.amd ? define(factory) :\n\t(global.ES6Promise = factory());\n}(this, (function () { 'use strict';\n\nfunction objectOrFunction(x) {\n var type = typeof x;\n return x !== null && (type === 'object' || type === 'function');\n}\n\nfunction isFunction(x) {\n return typeof x === 'function';\n}\n\n\n\nvar _isArray = void 0;\nif (Array.isArray) {\n _isArray = Array.isArray;\n} else {\n _isArray = function (x) {\n return Object.prototype.toString.call(x) === '[object Array]';\n };\n}\n\nvar isArray = _isArray;\n\nvar len = 0;\nvar vertxNext = void 0;\nvar customSchedulerFn = void 0;\n\nvar asap = function asap(callback, arg) {\n queue[len] = callback;\n queue[len + 1] = arg;\n len += 2;\n if (len === 2) {\n // If len is 2, that means that we need to schedule an async flush.\n // If additional callbacks are queued before the queue is flushed, they\n // will be processed by this flush that we are scheduling.\n if (customSchedulerFn) {\n customSchedulerFn(flush);\n } else {\n scheduleFlush();\n }\n }\n};\n\nfunction setScheduler(scheduleFn) {\n customSchedulerFn = scheduleFn;\n}\n\nfunction setAsap(asapFn) {\n asap = asapFn;\n}\n\nvar browserWindow = typeof window !== 'undefined' ? window : undefined;\nvar browserGlobal = browserWindow || {};\nvar BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;\nvar isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {}.toString.call(process) === '[object process]';\n\n// test for web worker but not in IE10\nvar isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';\n\n// node\nfunction useNextTick() {\n // node version 0.10.x displays a deprecation warning when nextTick is used recursively\n // see https://github.com/cujojs/when/issues/410 for details\n return function () {\n return process.nextTick(flush);\n };\n}\n\n// vertx\nfunction useVertxTimer() {\n if (typeof vertxNext !== 'undefined') {\n return function () {\n vertxNext(flush);\n };\n }\n\n return useSetTimeout();\n}\n\nfunction useMutationObserver() {\n var iterations = 0;\n var observer = new BrowserMutationObserver(flush);\n var node = document.createTextNode('');\n observer.observe(node, { characterData: true });\n\n return function () {\n node.data = iterations = ++iterations % 2;\n };\n}\n\n// web worker\nfunction useMessageChannel() {\n var channel = new MessageChannel();\n channel.port1.onmessage = flush;\n return function () {\n return channel.port2.postMessage(0);\n };\n}\n\nfunction useSetTimeout() {\n // Store setTimeout reference so es6-promise will be unaffected by\n // other code modifying setTimeout (like sinon.useFakeTimers())\n var globalSetTimeout = setTimeout;\n return function () {\n return globalSetTimeout(flush, 1);\n };\n}\n\nvar queue = new Array(1000);\nfunction flush() {\n for (var i = 0; i < len; i += 2) {\n var callback = queue[i];\n var arg = queue[i + 1];\n\n callback(arg);\n\n queue[i] = undefined;\n queue[i + 1] = undefined;\n }\n\n len = 0;\n}\n\nfunction attemptVertx() {\n try {\n var vertx = Function('return this')().require('vertx');\n vertxNext = vertx.runOnLoop || vertx.runOnContext;\n return useVertxTimer();\n } catch (e) {\n return useSetTimeout();\n }\n}\n\nvar scheduleFlush = void 0;\n// Decide what async method to use to triggering processing of queued callbacks:\nif (isNode) {\n scheduleFlush = useNextTick();\n} else if (BrowserMutationObserver) {\n scheduleFlush = useMutationObserver();\n} else if (isWorker) {\n scheduleFlush = useMessageChannel();\n} else if (browserWindow === undefined && typeof require === 'function') {\n scheduleFlush = attemptVertx();\n} else {\n scheduleFlush = useSetTimeout();\n}\n\nfunction then(onFulfillment, onRejection) {\n var parent = this;\n\n var child = new this.constructor(noop);\n\n if (child[PROMISE_ID] === undefined) {\n makePromise(child);\n }\n\n var _state = parent._state;\n\n\n if (_state) {\n var callback = arguments[_state - 1];\n asap(function () {\n return invokeCallback(_state, child, callback, parent._result);\n });\n } else {\n subscribe(parent, child, onFulfillment, onRejection);\n }\n\n return child;\n}\n\n/**\n `Promise.resolve` returns a promise that will become resolved with the\n passed `value`. It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n resolve(1);\n });\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.resolve(1);\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n @method resolve\n @static\n @param {Any} value value that the returned promise will be resolved with\n Useful for tooling.\n @return {Promise} a promise that will become fulfilled with the given\n `value`\n*/\nfunction resolve$1(object) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (object && typeof object === 'object' && object.constructor === Constructor) {\n return object;\n }\n\n var promise = new Constructor(noop);\n resolve(promise, object);\n return promise;\n}\n\nvar PROMISE_ID = Math.random().toString(36).substring(2);\n\nfunction noop() {}\n\nvar PENDING = void 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\n\nfunction selfFulfillment() {\n return new TypeError(\"You cannot resolve a promise with itself\");\n}\n\nfunction cannotReturnOwn() {\n return new TypeError('A promises callback cannot return that same promise.');\n}\n\nfunction tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) {\n try {\n then$$1.call(value, fulfillmentHandler, rejectionHandler);\n } catch (e) {\n return e;\n }\n}\n\nfunction handleForeignThenable(promise, thenable, then$$1) {\n asap(function (promise) {\n var sealed = false;\n var error = tryThen(then$$1, thenable, function (value) {\n if (sealed) {\n return;\n }\n sealed = true;\n if (thenable !== value) {\n resolve(promise, value);\n } else {\n fulfill(promise, value);\n }\n }, function (reason) {\n if (sealed) {\n return;\n }\n sealed = true;\n\n reject(promise, reason);\n }, 'Settle: ' + (promise._label || ' unknown promise'));\n\n if (!sealed && error) {\n sealed = true;\n reject(promise, error);\n }\n }, promise);\n}\n\nfunction handleOwnThenable(promise, thenable) {\n if (thenable._state === FULFILLED) {\n fulfill(promise, thenable._result);\n } else if (thenable._state === REJECTED) {\n reject(promise, thenable._result);\n } else {\n subscribe(thenable, undefined, function (value) {\n return resolve(promise, value);\n }, function (reason) {\n return reject(promise, reason);\n });\n }\n}\n\nfunction handleMaybeThenable(promise, maybeThenable, then$$1) {\n if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) {\n handleOwnThenable(promise, maybeThenable);\n } else {\n if (then$$1 === undefined) {\n fulfill(promise, maybeThenable);\n } else if (isFunction(then$$1)) {\n handleForeignThenable(promise, maybeThenable, then$$1);\n } else {\n fulfill(promise, maybeThenable);\n }\n }\n}\n\nfunction resolve(promise, value) {\n if (promise === value) {\n reject(promise, selfFulfillment());\n } else if (objectOrFunction(value)) {\n var then$$1 = void 0;\n try {\n then$$1 = value.then;\n } catch (error) {\n reject(promise, error);\n return;\n }\n handleMaybeThenable(promise, value, then$$1);\n } else {\n fulfill(promise, value);\n }\n}\n\nfunction publishRejection(promise) {\n if (promise._onerror) {\n promise._onerror(promise._result);\n }\n\n publish(promise);\n}\n\nfunction fulfill(promise, value) {\n if (promise._state !== PENDING) {\n return;\n }\n\n promise._result = value;\n promise._state = FULFILLED;\n\n if (promise._subscribers.length !== 0) {\n asap(publish, promise);\n }\n}\n\nfunction reject(promise, reason) {\n if (promise._state !== PENDING) {\n return;\n }\n promise._state = REJECTED;\n promise._result = reason;\n\n asap(publishRejection, promise);\n}\n\nfunction subscribe(parent, child, onFulfillment, onRejection) {\n var _subscribers = parent._subscribers;\n var length = _subscribers.length;\n\n\n parent._onerror = null;\n\n _subscribers[length] = child;\n _subscribers[length + FULFILLED] = onFulfillment;\n _subscribers[length + REJECTED] = onRejection;\n\n if (length === 0 && parent._state) {\n asap(publish, parent);\n }\n}\n\nfunction publish(promise) {\n var subscribers = promise._subscribers;\n var settled = promise._state;\n\n if (subscribers.length === 0) {\n return;\n }\n\n var child = void 0,\n callback = void 0,\n detail = promise._result;\n\n for (var i = 0; i < subscribers.length; i += 3) {\n child = subscribers[i];\n callback = subscribers[i + settled];\n\n if (child) {\n invokeCallback(settled, child, callback, detail);\n } else {\n callback(detail);\n }\n }\n\n promise._subscribers.length = 0;\n}\n\nfunction invokeCallback(settled, promise, callback, detail) {\n var hasCallback = isFunction(callback),\n value = void 0,\n error = void 0,\n succeeded = true;\n\n if (hasCallback) {\n try {\n value = callback(detail);\n } catch (e) {\n succeeded = false;\n error = e;\n }\n\n if (promise === value) {\n reject(promise, cannotReturnOwn());\n return;\n }\n } else {\n value = detail;\n }\n\n if (promise._state !== PENDING) {\n // noop\n } else if (hasCallback && succeeded) {\n resolve(promise, value);\n } else if (succeeded === false) {\n reject(promise, error);\n } else if (settled === FULFILLED) {\n fulfill(promise, value);\n } else if (settled === REJECTED) {\n reject(promise, value);\n }\n}\n\nfunction initializePromise(promise, resolver) {\n try {\n resolver(function resolvePromise(value) {\n resolve(promise, value);\n }, function rejectPromise(reason) {\n reject(promise, reason);\n });\n } catch (e) {\n reject(promise, e);\n }\n}\n\nvar id = 0;\nfunction nextId() {\n return id++;\n}\n\nfunction makePromise(promise) {\n promise[PROMISE_ID] = id++;\n promise._state = undefined;\n promise._result = undefined;\n promise._subscribers = [];\n}\n\nfunction validationError() {\n return new Error('Array Methods must be provided an Array');\n}\n\nvar Enumerator = function () {\n function Enumerator(Constructor, input) {\n this._instanceConstructor = Constructor;\n this.promise = new Constructor(noop);\n\n if (!this.promise[PROMISE_ID]) {\n makePromise(this.promise);\n }\n\n if (isArray(input)) {\n this.length = input.length;\n this._remaining = input.length;\n\n this._result = new Array(this.length);\n\n if (this.length === 0) {\n fulfill(this.promise, this._result);\n } else {\n this.length = this.length || 0;\n this._enumerate(input);\n if (this._remaining === 0) {\n fulfill(this.promise, this._result);\n }\n }\n } else {\n reject(this.promise, validationError());\n }\n }\n\n Enumerator.prototype._enumerate = function _enumerate(input) {\n for (var i = 0; this._state === PENDING && i < input.length; i++) {\n this._eachEntry(input[i], i);\n }\n };\n\n Enumerator.prototype._eachEntry = function _eachEntry(entry, i) {\n var c = this._instanceConstructor;\n var resolve$$1 = c.resolve;\n\n\n if (resolve$$1 === resolve$1) {\n var _then = void 0;\n var error = void 0;\n var didError = false;\n try {\n _then = entry.then;\n } catch (e) {\n didError = true;\n error = e;\n }\n\n if (_then === then && entry._state !== PENDING) {\n this._settledAt(entry._state, i, entry._result);\n } else if (typeof _then !== 'function') {\n this._remaining--;\n this._result[i] = entry;\n } else if (c === Promise$1) {\n var promise = new c(noop);\n if (didError) {\n reject(promise, error);\n } else {\n handleMaybeThenable(promise, entry, _then);\n }\n this._willSettleAt(promise, i);\n } else {\n this._willSettleAt(new c(function (resolve$$1) {\n return resolve$$1(entry);\n }), i);\n }\n } else {\n this._willSettleAt(resolve$$1(entry), i);\n }\n };\n\n Enumerator.prototype._settledAt = function _settledAt(state, i, value) {\n var promise = this.promise;\n\n\n if (promise._state === PENDING) {\n this._remaining--;\n\n if (state === REJECTED) {\n reject(promise, value);\n } else {\n this._result[i] = value;\n }\n }\n\n if (this._remaining === 0) {\n fulfill(promise, this._result);\n }\n };\n\n Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) {\n var enumerator = this;\n\n subscribe(promise, undefined, function (value) {\n return enumerator._settledAt(FULFILLED, i, value);\n }, function (reason) {\n return enumerator._settledAt(REJECTED, i, reason);\n });\n };\n\n return Enumerator;\n}();\n\n/**\n `Promise.all` accepts an array of promises, and returns a new promise which\n is fulfilled with an array of fulfillment values for the passed promises, or\n rejected with the reason of the first passed promise to be rejected. It casts all\n elements of the passed iterable to promises as it runs this algorithm.\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = resolve(2);\n let promise3 = resolve(3);\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // The array here would be [ 1, 2, 3 ];\n });\n ```\n\n If any of the `promises` given to `all` are rejected, the first promise\n that is rejected will be given as an argument to the returned promises's\n rejection handler. For example:\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = reject(new Error(\"2\"));\n let promise3 = reject(new Error(\"3\"));\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // Code here never runs because there are rejected promises!\n }, function(error) {\n // error.message === \"2\"\n });\n ```\n\n @method all\n @static\n @param {Array} entries array of promises\n @param {String} label optional string for labeling the promise.\n Useful for tooling.\n @return {Promise} promise that is fulfilled when all `promises` have been\n fulfilled, or rejected if any of them become rejected.\n @static\n*/\nfunction all(entries) {\n return new Enumerator(this, entries).promise;\n}\n\n/**\n `Promise.race` returns a new promise which is settled in the same way as the\n first passed promise to settle.\n\n Example:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 2');\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // result === 'promise 2' because it was resolved before promise1\n // was resolved.\n });\n ```\n\n `Promise.race` is deterministic in that only the state of the first\n settled promise matters. For example, even if other promises given to the\n `promises` array argument are resolved, but the first settled promise has\n become rejected before the other promises became fulfilled, the returned\n promise will become rejected:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n reject(new Error('promise 2'));\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // Code here never runs\n }, function(reason){\n // reason.message === 'promise 2' because promise 2 became rejected before\n // promise 1 became fulfilled\n });\n ```\n\n An example real-world use case is implementing timeouts:\n\n ```javascript\n Promise.race([ajax('foo.json'), timeout(5000)])\n ```\n\n @method race\n @static\n @param {Array} promises array of promises to observe\n Useful for tooling.\n @return {Promise} a promise which settles in the same way as the first passed\n promise to settle.\n*/\nfunction race(entries) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (!isArray(entries)) {\n return new Constructor(function (_, reject) {\n return reject(new TypeError('You must pass an array to race.'));\n });\n } else {\n return new Constructor(function (resolve, reject) {\n var length = entries.length;\n for (var i = 0; i < length; i++) {\n Constructor.resolve(entries[i]).then(resolve, reject);\n }\n });\n }\n}\n\n/**\n `Promise.reject` returns a promise rejected with the passed `reason`.\n It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n reject(new Error('WHOOPS'));\n });\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.reject(new Error('WHOOPS'));\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n @method reject\n @static\n @param {Any} reason value that the returned promise will be rejected with.\n Useful for tooling.\n @return {Promise} a promise rejected with the given `reason`.\n*/\nfunction reject$1(reason) {\n /*jshint validthis:true */\n var Constructor = this;\n var promise = new Constructor(noop);\n reject(promise, reason);\n return promise;\n}\n\nfunction needsResolver() {\n throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');\n}\n\nfunction needsNew() {\n throw new TypeError(\"Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.\");\n}\n\n/**\n Promise objects represent the eventual result of an asynchronous operation. The\n primary way of interacting with a promise is through its `then` method, which\n registers callbacks to receive either a promise's eventual value or the reason\n why the promise cannot be fulfilled.\n\n Terminology\n -----------\n\n - `promise` is an object or function with a `then` method whose behavior conforms to this specification.\n - `thenable` is an object or function that defines a `then` method.\n - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).\n - `exception` is a value that is thrown using the throw statement.\n - `reason` is a value that indicates why a promise was rejected.\n - `settled` the final resting state of a promise, fulfilled or rejected.\n\n A promise can be in one of three states: pending, fulfilled, or rejected.\n\n Promises that are fulfilled have a fulfillment value and are in the fulfilled\n state. Promises that are rejected have a rejection reason and are in the\n rejected state. A fulfillment value is never a thenable.\n\n Promises can also be said to *resolve* a value. If this value is also a\n promise, then the original promise's settled state will match the value's\n settled state. So a promise that *resolves* a promise that rejects will\n itself reject, and a promise that *resolves* a promise that fulfills will\n itself fulfill.\n\n\n Basic Usage:\n ------------\n\n ```js\n let promise = new Promise(function(resolve, reject) {\n // on success\n resolve(value);\n\n // on failure\n reject(reason);\n });\n\n promise.then(function(value) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Advanced Usage:\n ---------------\n\n Promises shine when abstracting away asynchronous interactions such as\n `XMLHttpRequest`s.\n\n ```js\n function getJSON(url) {\n return new Promise(function(resolve, reject){\n let xhr = new XMLHttpRequest();\n\n xhr.open('GET', url);\n xhr.onreadystatechange = handler;\n xhr.responseType = 'json';\n xhr.setRequestHeader('Accept', 'application/json');\n xhr.send();\n\n function handler() {\n if (this.readyState === this.DONE) {\n if (this.status === 200) {\n resolve(this.response);\n } else {\n reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));\n }\n }\n };\n });\n }\n\n getJSON('/posts.json').then(function(json) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Unlike callbacks, promises are great composable primitives.\n\n ```js\n Promise.all([\n getJSON('/posts'),\n getJSON('/comments')\n ]).then(function(values){\n values[0] // => postsJSON\n values[1] // => commentsJSON\n\n return values;\n });\n ```\n\n @class Promise\n @param {Function} resolver\n Useful for tooling.\n @constructor\n*/\n\nvar Promise$1 = function () {\n function Promise(resolver) {\n this[PROMISE_ID] = nextId();\n this._result = this._state = undefined;\n this._subscribers = [];\n\n if (noop !== resolver) {\n typeof resolver !== 'function' && needsResolver();\n this instanceof Promise ? initializePromise(this, resolver) : needsNew();\n }\n }\n\n /**\n The primary way of interacting with a promise is through its `then` method,\n which registers callbacks to receive either a promise's eventual value or the\n reason why the promise cannot be fulfilled.\n ```js\n findUser().then(function(user){\n // user is available\n }, function(reason){\n // user is unavailable, and you are given the reason why\n });\n ```\n Chaining\n --------\n The return value of `then` is itself a promise. This second, 'downstream'\n promise is resolved with the return value of the first promise's fulfillment\n or rejection handler, or rejected if the handler throws an exception.\n ```js\n findUser().then(function (user) {\n return user.name;\n }, function (reason) {\n return 'default name';\n }).then(function (userName) {\n // If `findUser` fulfilled, `userName` will be the user's name, otherwise it\n // will be `'default name'`\n });\n findUser().then(function (user) {\n throw new Error('Found user, but still unhappy');\n }, function (reason) {\n throw new Error('`findUser` rejected and we're unhappy');\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.\n // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.\n });\n ```\n If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.\n ```js\n findUser().then(function (user) {\n throw new PedagogicalException('Upstream error');\n }).then(function (value) {\n // never reached\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // The `PedgagocialException` is propagated all the way down to here\n });\n ```\n Assimilation\n ------------\n Sometimes the value you want to propagate to a downstream promise can only be\n retrieved asynchronously. This can be achieved by returning a promise in the\n fulfillment or rejection handler. The downstream promise will then be pending\n until the returned promise is settled. This is called *assimilation*.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // The user's comments are now available\n });\n ```\n If the assimliated promise rejects, then the downstream promise will also reject.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // If `findCommentsByAuthor` fulfills, we'll have the value here\n }, function (reason) {\n // If `findCommentsByAuthor` rejects, we'll have the reason here\n });\n ```\n Simple Example\n --------------\n Synchronous Example\n ```javascript\n let result;\n try {\n result = findResult();\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n findResult(function(result, err){\n if (err) {\n // failure\n } else {\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findResult().then(function(result){\n // success\n }, function(reason){\n // failure\n });\n ```\n Advanced Example\n --------------\n Synchronous Example\n ```javascript\n let author, books;\n try {\n author = findAuthor();\n books = findBooksByAuthor(author);\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n function foundBooks(books) {\n }\n function failure(reason) {\n }\n findAuthor(function(author, err){\n if (err) {\n failure(err);\n // failure\n } else {\n try {\n findBoooksByAuthor(author, function(books, err) {\n if (err) {\n failure(err);\n } else {\n try {\n foundBooks(books);\n } catch(reason) {\n failure(reason);\n }\n }\n });\n } catch(error) {\n failure(err);\n }\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findAuthor().\n then(findBooksByAuthor).\n then(function(books){\n // found books\n }).catch(function(reason){\n // something went wrong\n });\n ```\n @method then\n @param {Function} onFulfilled\n @param {Function} onRejected\n Useful for tooling.\n @return {Promise}\n */\n\n /**\n `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same\n as the catch block of a try/catch statement.\n ```js\n function findAuthor(){\n throw new Error('couldn't find that author');\n }\n // synchronous\n try {\n findAuthor();\n } catch(reason) {\n // something went wrong\n }\n // async with promises\n findAuthor().catch(function(reason){\n // something went wrong\n });\n ```\n @method catch\n @param {Function} onRejection\n Useful for tooling.\n @return {Promise}\n */\n\n\n Promise.prototype.catch = function _catch(onRejection) {\n return this.then(null, onRejection);\n };\n\n /**\n `finally` will be invoked regardless of the promise's fate just as native\n try/catch/finally behaves\n \n Synchronous example:\n \n ```js\n findAuthor() {\n if (Math.random() > 0.5) {\n throw new Error();\n }\n return new Author();\n }\n \n try {\n return findAuthor(); // succeed or fail\n } catch(error) {\n return findOtherAuther();\n } finally {\n // always runs\n // doesn't affect the return value\n }\n ```\n \n Asynchronous example:\n \n ```js\n findAuthor().catch(function(reason){\n return findOtherAuther();\n }).finally(function(){\n // author was either found, or not\n });\n ```\n \n @method finally\n @param {Function} callback\n @return {Promise}\n */\n\n\n Promise.prototype.finally = function _finally(callback) {\n var promise = this;\n var constructor = promise.constructor;\n\n if (isFunction(callback)) {\n return promise.then(function (value) {\n return constructor.resolve(callback()).then(function () {\n return value;\n });\n }, function (reason) {\n return constructor.resolve(callback()).then(function () {\n throw reason;\n });\n });\n }\n\n return promise.then(callback, callback);\n };\n\n return Promise;\n}();\n\nPromise$1.prototype.then = then;\nPromise$1.all = all;\nPromise$1.race = race;\nPromise$1.resolve = resolve$1;\nPromise$1.reject = reject$1;\nPromise$1._setScheduler = setScheduler;\nPromise$1._setAsap = setAsap;\nPromise$1._asap = asap;\n\n/*global self*/\nfunction polyfill() {\n var local = void 0;\n\n if (typeof global !== 'undefined') {\n local = global;\n } else if (typeof self !== 'undefined') {\n local = self;\n } else {\n try {\n local = Function('return this')();\n } catch (e) {\n throw new Error('polyfill failed because global object is unavailable in this environment');\n }\n }\n\n var P = local.Promise;\n\n if (P) {\n var promiseToString = null;\n try {\n promiseToString = Object.prototype.toString.call(P.resolve());\n } catch (e) {\n // silently ignored\n }\n\n if (promiseToString === '[object Promise]' && !P.cast) {\n return;\n }\n }\n\n local.Promise = Promise$1;\n}\n\n// Strange compat..\nPromise$1.polyfill = polyfill;\nPromise$1.Promise = Promise$1;\n\nreturn Promise$1;\n\n})));\n\n\n\n//# sourceMappingURL=es6-promise.map\n","import { DataColumnList } from './data_column';\r\nimport { DataRow } from './data_row';\r\nimport { DataType } from '../types/data_type';\r\nimport { utils } from '../utils/utils';\r\nvar EasyDataTable = /** @class */ (function () {\r\n function EasyDataTable(options) {\r\n this._chunkSize = 1000;\r\n this._elasticChunks = false;\r\n this.cachedRows = [];\r\n this.total = 0;\r\n this.loader = null;\r\n this.needTotal = true;\r\n this.isInMemory = false;\r\n options = options || {};\r\n this._chunkSize = options.chunkSize || this._chunkSize;\r\n this._elasticChunks = options.elasticChunks || this._elasticChunks;\r\n this.loader = options.loader;\r\n if (typeof options.inMemory !== 'undefined') {\r\n this.isInMemory = options.inMemory;\r\n }\r\n if (this.isInMemory) {\r\n this.needTotal = false;\r\n }\r\n this._columns = new DataColumnList();\r\n this.onUpdate = options.onUpdate;\r\n if (options.columns) {\r\n for (var _i = 0, _a = options.columns; _i < _a.length; _i++) {\r\n var colDesc = _a[_i];\r\n this._columns.add(colDesc);\r\n }\r\n }\r\n if (options.rows) {\r\n for (var _b = 0, _c = options.rows; _b < _c.length; _b++) {\r\n var rowData = _c[_b];\r\n var row = this.createRow(rowData);\r\n this.addRow(row);\r\n }\r\n }\r\n this.needTotal = !this._elasticChunks;\r\n }\r\n Object.defineProperty(EasyDataTable.prototype, \"columns\", {\r\n get: function () {\r\n return this._columns;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(EasyDataTable.prototype, \"chunkSize\", {\r\n get: function () {\r\n return this._chunkSize;\r\n },\r\n set: function (value) {\r\n this._chunkSize = value;\r\n this.total = 0;\r\n this.needTotal = !this.elasticChunks;\r\n this.cachedRows = [];\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n Object.defineProperty(EasyDataTable.prototype, \"elasticChunks\", {\r\n get: function () {\r\n return this._elasticChunks;\r\n },\r\n set: function (value) {\r\n this._elasticChunks = value;\r\n this.total = 0;\r\n this.needTotal = !this.elasticChunks;\r\n this.cachedRows = [];\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n EasyDataTable.prototype.getRows = function (params) {\r\n var _this = this;\r\n var fromIndex = 0, count = this._chunkSize;\r\n if (params) {\r\n if ('page' in params) {\r\n fromIndex = params.pageSize * (params.page - 1);\r\n count = params.pageSize;\r\n }\r\n else {\r\n fromIndex = params.offset;\r\n count = params.limit;\r\n }\r\n }\r\n var endIndex = fromIndex + count; //the first index of the next page\r\n //if we don't calculate total on this request\r\n if (!this.needTotal && !this.elasticChunks) {\r\n if (fromIndex >= this.total) {\r\n return Promise.resolve([]);\r\n }\r\n if (endIndex > this.total) {\r\n endIndex = this.total;\r\n }\r\n }\r\n if (this.isInMemory && endIndex > this.cachedRows.length) {\r\n endIndex = this.cachedRows.length;\r\n }\r\n var allChunksCached = endIndex <= this.cachedRows.length;\r\n if (allChunksCached) {\r\n return Promise.resolve(this.cachedRows.slice(fromIndex, endIndex));\r\n }\r\n //if loader is not defined\r\n if (!this.loader) {\r\n throw \"Loader is not defined. Can't get the rows from \" + fromIndex + \" to \" + endIndex;\r\n }\r\n // we need total only for the first request\r\n var needTotal = this.needTotal;\r\n if (this.needTotal) {\r\n this.needTotal = false;\r\n }\r\n var offset = this.cachedRows.length;\r\n var limit = endIndex - offset;\r\n if (limit < this._chunkSize) {\r\n limit = this._chunkSize;\r\n }\r\n var resultPromise = this.loader.loadChunk({\r\n offset: offset,\r\n limit: limit,\r\n needTotal: needTotal\r\n })\r\n .then(function (result) {\r\n if (needTotal) {\r\n _this.total = result.total;\r\n }\r\n Array.prototype.push.apply(_this.cachedRows, result.table.getCachedRows());\r\n if (endIndex > _this.cachedRows.length) {\r\n endIndex = _this.cachedRows.length;\r\n }\r\n if (_this.elasticChunks) {\r\n var count_1 = result.table.getCachedCount();\r\n if (count_1 < limit) {\r\n _this.total = _this.cachedRows.length;\r\n }\r\n }\r\n _this.fireUpdated();\r\n return _this.cachedRows.slice(fromIndex, endIndex);\r\n });\r\n return resultPromise;\r\n };\r\n EasyDataTable.prototype.getRow = function (index) {\r\n return this.getRows({ offset: index, limit: 1 })\r\n .then(function (rows) { return rows.length > 0 ? rows[0] : null; });\r\n };\r\n EasyDataTable.prototype.getTotal = function () {\r\n return this.total;\r\n };\r\n EasyDataTable.prototype.setTotal = function (total) {\r\n this.total = total;\r\n this.needTotal = false;\r\n };\r\n EasyDataTable.prototype.getCachedCount = function () {\r\n return this.cachedRows.length;\r\n };\r\n EasyDataTable.prototype.clear = function () {\r\n this.columns.clear();\r\n this.cachedRows = [];\r\n this.total = 0;\r\n this.needTotal = !this._elasticChunks;\r\n this.fireUpdated();\r\n };\r\n EasyDataTable.prototype.createRow = function (dataOrRow) {\r\n var _this = this;\r\n var dateIdx = this._columns.getDateColumnIndexes();\r\n var values = new Array(this._columns.count);\r\n var getValue = dataOrRow instanceof DataRow\r\n ? function (colId) { return dataOrRow.getValue(colId); }\r\n : function (colId) { return dataOrRow[colId]; };\r\n if (dataOrRow) {\r\n this.columns.getItems().forEach(function (column) {\r\n var value = getValue(column.id);\r\n var index = _this.columns.getIndex(column.id);\r\n values[index] = (dateIdx.indexOf(index) >= 0)\r\n ? _this.mapDate(value, column.type)\r\n : value;\r\n });\r\n }\r\n return new DataRow(this._columns, values);\r\n };\r\n EasyDataTable.prototype.mapDate = function (value, dtype) {\r\n if (value) {\r\n var result = new Date(value);\r\n if (isNaN(result.getTime())\r\n && dtype == DataType.Time) {\r\n result = utils.strToTime(value);\r\n }\r\n return result;\r\n }\r\n return null;\r\n };\r\n EasyDataTable.prototype.addRow = function (rowOrValues) {\r\n var newRow;\r\n if (Array.isArray(rowOrValues)) {\r\n var values = rowOrValues;\r\n var dateIdx = this._columns.getDateColumnIndexes();\r\n if (dateIdx.length > 0) {\r\n for (var _i = 0, dateIdx_1 = dateIdx; _i < dateIdx_1.length; _i++) {\r\n var idx = dateIdx_1[_i];\r\n if (values[idx]) {\r\n values[idx] = this.mapDate(values[idx], this._columns.get(idx).type);\r\n }\r\n }\r\n }\r\n newRow = new DataRow(this._columns, values);\r\n }\r\n else {\r\n newRow = this.createRow(rowOrValues);\r\n }\r\n this.cachedRows.push(newRow);\r\n var cachedTotal = this.getCachedCount();\r\n if (cachedTotal > this.total) {\r\n this.total = cachedTotal;\r\n }\r\n return newRow;\r\n };\r\n EasyDataTable.prototype.getCachedRows = function () {\r\n return this.cachedRows;\r\n };\r\n EasyDataTable.prototype.totalIsKnown = function () {\r\n if (this.elasticChunks) {\r\n var count = this.getCachedCount();\r\n return count === this.total;\r\n }\r\n return !this.needTotal;\r\n };\r\n EasyDataTable.prototype.fireUpdated = function () {\r\n if (this.onUpdate) {\r\n this.onUpdate(this);\r\n }\r\n };\r\n return EasyDataTable;\r\n}());\r\nexport { EasyDataTable };\r\n//# sourceMappingURL=easy_data_table.js.map","import { DataType } from \"@easydata/core\";\r\n/**\r\n * Represents Google data table class\r\n */\r\nvar GoogleDataConverter = /** @class */ (function () {\r\n /**\r\n * The default constructor.\r\n * @param data The table instance or its JSON representation.\r\n */\r\n function GoogleDataConverter(data) {\r\n if (!data) {\r\n data = {\r\n cols: [],\r\n rows: []\r\n };\r\n }\r\n if (typeof data === \"string\") {\r\n this.loadFromJSON(data);\r\n }\r\n else {\r\n this.tableObj = data;\r\n }\r\n }\r\n /**\r\n * Loads data table from JSON.\r\n * @param json The JSON representation.\r\n */\r\n GoogleDataConverter.prototype.loadFromJSON = function (json) {\r\n this.tableObj = JSON.parse(json);\r\n };\r\n /**\r\n * Saves data table to JSON.\r\n * @returns The JSON representation.\r\n */\r\n GoogleDataConverter.prototype.toJSON = function () {\r\n return JSON.stringify(this.tableObj);\r\n };\r\n /**\r\n * Gets the google data table object.\r\n * @returns The data table.\r\n */\r\n GoogleDataConverter.prototype.getObject = function () {\r\n return this.tableObj;\r\n };\r\n /**\r\n * Cheсks wether the table is empty\r\n * @returns `true` if the table is empty, `false` if it is not.\r\n */\r\n GoogleDataConverter.prototype.isEmpty = function () {\r\n return this.getNumberOfColumns() == 0 || this.getNumberOfRows() == 0;\r\n };\r\n /**\r\n * Gets the number of columns\r\n * @returns The number.\r\n */\r\n GoogleDataConverter.prototype.getNumberOfColumns = function () {\r\n return this.tableObj.cols.length;\r\n };\r\n /**\r\n * Gets the column object.\r\n * @param colIndex The column index.\r\n * @returns The column object.\r\n */\r\n GoogleDataConverter.prototype.getColumnObject = function (colIndex) {\r\n return colIndex < this.tableObj.cols.length ? this.tableObj.cols[colIndex] : null;\r\n };\r\n /**\r\n * Gets the column ID.\r\n * @param colIndex The column index.\r\n * @returns The column ID.\r\n */\r\n GoogleDataConverter.prototype.getColumnId = function (colIndex) {\r\n var col = this.getColumnObject(colIndex);\r\n return col ? col.id : null;\r\n };\r\n /**\r\n * Gets the column LABEL.\r\n * @param colIndex The column index.\r\n * @returns The column ID.\r\n */\r\n GoogleDataConverter.prototype.getColumnLabel = function (colIndex) {\r\n var col = this.getColumnObject(colIndex);\r\n return col ? col.label : null;\r\n };\r\n /**\r\n * Gets the column type.\r\n * @param colIndex The column index.\r\n * @returns The column type.\r\n */\r\n GoogleDataConverter.prototype.getColumnType = function (colIndex) {\r\n var col = this.getColumnObject(colIndex);\r\n return col ? col.type : null;\r\n };\r\n /**\r\n * Gets the column properties.\r\n * @param colIndex The column index.\r\n * @returns The column properties.\r\n */\r\n GoogleDataConverter.prototype.getColumnProperties = function (colIndex) {\r\n var col = this.getColumnObject(colIndex);\r\n return col ? col.p : null;\r\n };\r\n /**\r\n * Gets the number of rows.\r\n * @returns The number.\r\n */\r\n GoogleDataConverter.prototype.getNumberOfRows = function () {\r\n return this.tableObj.rows.length;\r\n };\r\n GoogleDataConverter.prototype.convertValue = function (value, colIndex) {\r\n var colType = this.googleDataTypeToDataType(this.getColumnType(colIndex));\r\n if ([DataType.Date, DataType.DateTime, DataType.Time].includes(colType)) {\r\n return eval(\"new \" + value);\r\n }\r\n return value;\r\n };\r\n /**\r\n * Gets the value.\r\n * @param rowIndex\r\n * @param colIndex\r\n */\r\n GoogleDataConverter.prototype.getValue = function (rowIndex, colIndex) {\r\n var row = rowIndex < this.tableObj.rows.length ? this.tableObj.rows[rowIndex] : null;\r\n if (row) {\r\n var cell = colIndex < this.tableObj.cols.length ? row.c[colIndex] : null;\r\n if (cell) {\r\n return this.convertValue(cell.v, colIndex);\r\n }\r\n }\r\n return null;\r\n };\r\n GoogleDataConverter.prototype.getRow = function (rowIndex) {\r\n var _this = this;\r\n var googleRow = rowIndex < this.tableObj.rows.length ? this.tableObj.rows[rowIndex] : null;\r\n var googleCells = googleRow.c;\r\n var row = googleCells.map(function (obj, idx) { return _this.convertValue(obj.v, idx); }, this);\r\n return row;\r\n };\r\n GoogleDataConverter.prototype.convertTo = function (dataTable) {\r\n var colCount = this.getNumberOfColumns();\r\n for (var i = 0; i < colCount; i++) {\r\n dataTable.columns.add({\r\n id: this.getColumnId(i),\r\n label: this.getColumnLabel(i),\r\n type: this.googleDataTypeToDataType(this.getColumnType(i))\r\n });\r\n }\r\n var rowCount = this.getNumberOfRows();\r\n for (var i = 0; i < rowCount; i++) {\r\n dataTable.addRow(this.getRow(i));\r\n }\r\n };\r\n GoogleDataConverter.prototype.googleDataTypeToDataType = function (googleDataType) {\r\n switch (googleDataType) {\r\n case 'string':\r\n return DataType.String;\r\n case 'number':\r\n return DataType.Float;\r\n case 'boolean':\r\n return DataType.Bool;\r\n case 'date':\r\n return DataType.Date;\r\n case 'datetime':\r\n return DataType.DateTime;\r\n case 'timeofday':\r\n return DataType.Time;\r\n default:\r\n return DataType.String;\r\n }\r\n };\r\n return GoogleDataConverter;\r\n}());\r\nexport { GoogleDataConverter };\r\n//# sourceMappingURL=google_data_converter.js.map","import { utils } from '@easydata/core';\r\nvar InMemoryModelStorage = /** @class */ (function () {\r\n function InMemoryModelStorage(models) {\r\n this.models = [];\r\n if (models) {\r\n utils.assign(this.models, [], models);\r\n }\r\n }\r\n InMemoryModelStorage.prototype.getModels = function () {\r\n var _this = this;\r\n return new Promise(function (resolve, reject) {\r\n resolve(_this.models);\r\n });\r\n };\r\n return InMemoryModelStorage;\r\n}());\r\nexport { InMemoryModelStorage };\r\n//# sourceMappingURL=model_storage.js.map","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nvar __spreadArrays = (this && this.__spreadArrays) || function () {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\nimport { EventEmitter, DataRow, utils, i18n, DataType } from '@easydata/core';\r\nimport { eqDragManager, DropEffect } from '../utils/drag_manager';\r\nimport { domel } from '../utils/dom_elem_builder';\r\nimport { getElementAbsolutePos, eqCssPrefix } from '../utils/ui-utils';\r\nimport { AutoResizeColumns } from './easy_grid_options';\r\nimport { GridColumnList, GridColumnAlign } from './easy_grid_columns';\r\nimport { GridCellRendererStore } from './easy_grid_cell_renderer';\r\nvar DEFAULT_ROW_HEIGHT = 36;\r\nvar DEFAULT_ROW_COUNT = 15;\r\n/** Represents a grid widget with columns rows, paging, custom rendering and more */\r\nvar EasyGrid = /** @class */ (function () {\r\n /** Creates and initializes all internal properties of the grid object */\r\n function EasyGrid(options) {\r\n this.cssPrefix = \"keg\";\r\n this.pagination = { page: 1, pageSize: 30, total: 0 };\r\n this.paginationOptions = {\r\n maxButtonCount: 10,\r\n useBootstrap: false //true\r\n };\r\n this.defaultDataGridOptions = {\r\n slot: null,\r\n dataTable: null,\r\n fixHeightOnFirstRender: false,\r\n syncGridColumns: true,\r\n useRowNumeration: true,\r\n allowDragDrop: false,\r\n aggregates: {\r\n settings: null,\r\n calculator: null\r\n },\r\n paging: {\r\n enabled: true,\r\n pageSize: 30,\r\n pageSizeItems: [20, 30, 50, 100, 200]\r\n },\r\n columnWidths: {\r\n autoResize: AutoResizeColumns.Always,\r\n stringColumns: {\r\n min: 100,\r\n max: 500,\r\n default: 250\r\n },\r\n numberColumns: {\r\n min: 60,\r\n default: 120\r\n },\r\n boolColumns: {\r\n min: 50,\r\n default: 80\r\n },\r\n dateColumns: {\r\n min: 80,\r\n default: 200\r\n },\r\n otherColumns: {\r\n min: 100,\r\n max: 500,\r\n default: 250\r\n },\r\n rowNumColumn: {\r\n min: 40,\r\n default: 60\r\n }\r\n },\r\n showPlusButton: false,\r\n viewportRowsCount: null,\r\n showActiveRow: true\r\n };\r\n this.rowsOnPagePromise = null;\r\n this.containerInitialHeight = 0;\r\n this.firstRender = true;\r\n this.prevRowTotals = null;\r\n this.landingIndex = -1;\r\n this.landingSlot = domel('div')\r\n .addClass(this.cssPrefix + \"-col-landing-slot\")\r\n .addChildElement(domel('div')\r\n .toDOM())\r\n .toDOM();\r\n this._activeRowIndex = -1;\r\n if (options && options.paging) {\r\n options.paging = utils.assign(this.defaultDataGridOptions.paging, options.paging);\r\n }\r\n this.options = this.mergeOptions(options);\r\n this.processColumnWidthsOptions();\r\n if (!this.options.slot)\r\n throw Error('\"slot\" parameter is required to initialize EasyDataGrid');\r\n if (!this.options.dataTable)\r\n throw Error('\"dataTable\" parameter is required to initialize EasyDataGrid');\r\n this.dataTable = options.dataTable;\r\n this.eventEmitter = new EventEmitter(this);\r\n this.cellRendererStore = new GridCellRendererStore(options);\r\n this.columns = new GridColumnList(this.dataTable.columns, this);\r\n this.setSlot(this.options.slot);\r\n this.init(this.options);\r\n }\r\n EasyGrid.prototype.mergeOptions = function (options) {\r\n var colWidthOptions = utils.assignDeep({}, this.defaultDataGridOptions.columnWidths, options.columnWidths);\r\n var pagingOptions = utils.assignDeep({}, this.defaultDataGridOptions.paging, options.paging);\r\n var result = utils.assign({}, this.defaultDataGridOptions, options);\r\n result.columnWidths = colWidthOptions;\r\n result.paging = pagingOptions;\r\n return result;\r\n };\r\n EasyGrid.prototype.processColumnWidthsOptions = function () {\r\n var widthOptions = this.options.columnWidths;\r\n if (!widthOptions)\r\n return;\r\n //string columns\r\n utils.getStringDataTypes().forEach(function (dataType) {\r\n widthOptions[dataType] = __assign(__assign({}, widthOptions.stringColumns), widthOptions[dataType]);\r\n });\r\n //numeric columns\r\n utils.getNumericDataTypes().forEach(function (dataType) {\r\n widthOptions[dataType] = __assign(__assign({}, widthOptions.numberColumns), widthOptions[dataType]);\r\n });\r\n //bool columns\r\n widthOptions[DataType.Bool] = __assign(__assign({}, widthOptions.boolColumns), widthOptions[DataType.Bool]);\r\n //date columns\r\n utils.getDateDataTypes().forEach(function (dataType) {\r\n widthOptions[dataType] = __assign(__assign({}, widthOptions.dateColumns), widthOptions[dataType]);\r\n });\r\n //other columns\r\n var knownTypes = __spreadArrays(utils.getStringDataTypes(), utils.getNumericDataTypes(), utils.getDateDataTypes(), [\r\n DataType.Bool\r\n ]);\r\n utils.getAllDataTypes().forEach(function (dataType) {\r\n if (!(dataType in knownTypes)) {\r\n widthOptions[dataType] = __assign(__assign({}, widthOptions.otherColumns), widthOptions[dataType]);\r\n }\r\n });\r\n widthOptions[DataType.Unknown] = widthOptions.otherColumns;\r\n };\r\n EasyGrid.prototype.setSlot = function (slot) {\r\n if (typeof slot === 'string') {\r\n if (slot.length) {\r\n if (slot[0] === '#') {\r\n this.slot = document.getElementById(slot.substring(1));\r\n }\r\n else if (slot[0] === '.') {\r\n var result = document.getElementsByClassName(slot.substring(1));\r\n if (result.length)\r\n this.slot = result[0];\r\n }\r\n else {\r\n throw Error('Unrecognized slot parameter ' +\r\n '(Must be id, class or HTMLElement): ' + slot);\r\n }\r\n }\r\n }\r\n else {\r\n this.slot = slot;\r\n }\r\n };\r\n /** Initializes grid widget according to the options passed in the parameter */\r\n EasyGrid.prototype.init = function (options) {\r\n var _this = this;\r\n if (options.onInit) {\r\n this.addEventListener('init', options.onInit);\r\n }\r\n if (options.onRowClick) {\r\n this.addEventListener('rowClick', options.onRowClick);\r\n }\r\n if (options.onRowDbClick) {\r\n this.addEventListener('rowDbClick', options.onRowDbClick);\r\n }\r\n if (options.onPlusButtonClick) {\r\n this.addEventListener('plusButtonClick', options.onPlusButtonClick);\r\n }\r\n if (options.onColumnChanged) {\r\n this.addEventListener('columnChanged', options.onColumnChanged);\r\n }\r\n if (options.onColumnDeleted) {\r\n this.addEventListener('columnDeleted', options.onColumnDeleted);\r\n }\r\n if (options.onColumnMoved) {\r\n this.addEventListener('columnMoved', options.onColumnMoved);\r\n }\r\n if (options.onPageChanged) {\r\n this.addEventListener('pageChanged', options.onPageChanged);\r\n }\r\n if (options.onActiveRowChanged) {\r\n this.addEventListener('activeRowChanged', options.onActiveRowChanged);\r\n }\r\n this.addEventListener('pageChanged', function (ev) { return _this.activeRowIndex = -1; });\r\n utils.assignDeep(this.paginationOptions, options.pagination);\r\n this.pagination.pageSize = this.options.paging.pageSize\r\n || this.pagination.pageSize;\r\n if (this.options.allowDragDrop) {\r\n eqDragManager.registerDropContainer({\r\n element: this.slot,\r\n scopes: [\"gridColumnMove\"],\r\n onDragEnter: function (_, ev) {\r\n _this.slot.classList.add(eqCssPrefix + \"-drophover\");\r\n _this.showLandingSlot(ev.pageX, ev.pageY);\r\n },\r\n onDragOver: function (_, ev) {\r\n _this.showLandingSlot(ev.pageX, ev.pageY);\r\n },\r\n onDragLeave: function (_, ev) {\r\n ev.dropEffect = DropEffect.Forbid;\r\n _this.slot.classList.remove(eqCssPrefix + \"-drophover\");\r\n _this.hideLandingSlot();\r\n },\r\n onDrop: function (_, ev) {\r\n _this.dataTable.columns.move(ev.data.column, _this.landingIndex);\r\n _this.refresh();\r\n _this.fireEvent({\r\n type: 'columnMoved',\r\n columnId: ev.data.column.id,\r\n newIndex: _this.landingIndex\r\n });\r\n }\r\n });\r\n }\r\n this.refresh();\r\n this.fireEvent('init');\r\n };\r\n /** Fires a grid event. You can pass either an event type\r\n * (like 'init', 'rowClick', 'pageChanged', etc )\r\n * or a ready-to-use grid event object\r\n * */\r\n EasyGrid.prototype.fireEvent = function (event) {\r\n if (typeof event === \"string\") {\r\n this.eventEmitter.fire(event);\r\n }\r\n else {\r\n this.eventEmitter.fire(event.type, event);\r\n }\r\n };\r\n /** Allows to set the data (represented by a EasyDataTable object)\r\n * or to replace the existing one associated with the grid */\r\n EasyGrid.prototype.setData = function (data) {\r\n this.dataTable = data;\r\n this.clear();\r\n this.refresh();\r\n };\r\n /** Returns the EasyDataTable object associated with the grid via `setData()` call */\r\n EasyGrid.prototype.getData = function () {\r\n return this.dataTable;\r\n };\r\n /** Gets the list of grid columns */\r\n EasyGrid.prototype.getColumns = function () {\r\n return this.columns;\r\n };\r\n /** This function is called when the grid is destroyed */\r\n EasyGrid.prototype.destroy = function () {\r\n this.slot.innerHTML = \"\";\r\n };\r\n /** Clears the current DOM object and re-renders everything from the scratch */\r\n EasyGrid.prototype.refresh = function () {\r\n this.clearDOM();\r\n this.render();\r\n };\r\n EasyGrid.prototype.clearDOM = function () {\r\n this.slot.innerHTML = '';\r\n };\r\n /** Clears all DOM object in the grid and return it to its initial state */\r\n EasyGrid.prototype.clear = function () {\r\n this.pagination.page = 1;\r\n this.clearDOM();\r\n };\r\n /** Renders the grid */\r\n EasyGrid.prototype.render = function () {\r\n var _this = this;\r\n if (!this.hasData() && !this.options.showPlusButton)\r\n return;\r\n this.containerInitialHeight = this.slot.clientHeight;\r\n this.rootDiv = document.createElement('div');\r\n this.rootDiv.style.width = '100%';\r\n this.rootDiv.classList.add(this.cssPrefix + \"-root\");\r\n this.columns.sync(this.dataTable.columns, this.options.useRowNumeration);\r\n this.renderHeader();\r\n this.rootDiv.appendChild(this.headerDiv);\r\n this.renderBody();\r\n this.rootDiv.appendChild(this.bodyDiv);\r\n this.renderFooter();\r\n this.rootDiv.appendChild(this.footerDiv);\r\n var gridContainer = document.createElement('div');\r\n gridContainer.classList.add(this.cssPrefix + \"-container\");\r\n gridContainer.appendChild(this.rootDiv);\r\n this.slot.appendChild(gridContainer);\r\n var needAutoResize = this.options.columnWidths.autoResize !== AutoResizeColumns.Never;\r\n if (this.rowsOnPagePromise) {\r\n this.rowsOnPagePromise\r\n .then(function () { return _this.updateHeight(); })\r\n .then(function () {\r\n _this.firstRender = false;\r\n _this.rowsOnPagePromise = null;\r\n });\r\n }\r\n else {\r\n setTimeout(function () {\r\n _this.updateHeight()\r\n .then(function () {\r\n _this.firstRender = false;\r\n if (needAutoResize) {\r\n _this.resizeColumns();\r\n }\r\n });\r\n }, 100);\r\n }\r\n };\r\n EasyGrid.prototype.updateHeight = function () {\r\n var _this = this;\r\n return new Promise(function (resolve) {\r\n if (_this.options.viewportRowsCount) {\r\n var firstRow = _this.bodyCellContainerDiv.firstElementChild;\r\n var rowHeight = firstRow ? firstRow.offsetHeight : DEFAULT_ROW_HEIGHT;\r\n var rowCount = _this.options.viewportRowsCount; // || DEFAULT_ROW_COUNT;\r\n var viewportHeight_1 = rowHeight * rowCount;\r\n domel(_this.bodyViewportDiv)\r\n .setStyle('height', viewportHeight_1 + \"px\");\r\n setTimeout(function () {\r\n var sbHeight = _this.bodyViewportDiv.offsetHeight - _this.bodyViewportDiv.clientHeight;\r\n viewportHeight_1 = viewportHeight_1 + sbHeight;\r\n domel(_this.bodyViewportDiv)\r\n .setStyle('height', viewportHeight_1 + \"px\");\r\n resolve();\r\n }, 100);\r\n return;\r\n }\r\n else if (_this.containerInitialHeight > 0) {\r\n // comment for now since it does not work in all cases\r\n // const bodyHeight = this.containerInitialHeight - this.headerDiv.offsetHeight - this.footerDiv.offsetHeight;\r\n // domel(this.bodyDiv)\r\n // .setStyle('height', `${bodyHeight}px`);\r\n }\r\n resolve();\r\n })\r\n .then(function () {\r\n if (_this.options.fixHeightOnFirstRender && _this.firstRender) {\r\n _this.slot.style.height = _this.slot.offsetHeight + \"px\";\r\n }\r\n });\r\n };\r\n EasyGrid.prototype.getContainerWidth = function () {\r\n return this.columns.getItems()\r\n .filter(function (col) { return col.isVisible; })\r\n .map(function (col) { return col.width; })\r\n .reduce(function (sum, current) { return sum + current; });\r\n };\r\n EasyGrid.prototype.renderHeader = function () {\r\n var _this = this;\r\n this.headerDiv = domel('div')\r\n .addClass(this.cssPrefix + \"-header\")\r\n .toDOM();\r\n this.headerViewportDiv = domel('div', this.headerDiv)\r\n .addClass(this.cssPrefix + \"-header-viewport\")\r\n .toDOM();\r\n this.headerCellContainerDiv = domel('div', this.headerViewportDiv)\r\n .addClass(this.cssPrefix + \"-header-cell-container\")\r\n .toDOM();\r\n this.headerRowDiv = domel('div', this.headerCellContainerDiv)\r\n .addClass(this.cssPrefix + \"-header-row\")\r\n .toDOM();\r\n this.columns.getItems().forEach(function (column, index) {\r\n if (!column.isVisible) {\r\n return;\r\n }\r\n var hd = _this.renderColumnHeader(column, index);\r\n _this.headerRowDiv.appendChild(hd);\r\n if (column.isRowNum) {\r\n domel(hd)\r\n .addChildElement(_this.renderHeaderButtons());\r\n }\r\n });\r\n var containerWidth = this.getContainerWidth();\r\n domel(this.headerCellContainerDiv)\r\n .setStyle('width', containerWidth + \"px\");\r\n };\r\n EasyGrid.prototype.hasData = function () {\r\n return this.dataTable.columns.count > 0;\r\n };\r\n EasyGrid.prototype.renderColumnHeader = function (column, index) {\r\n var _this = this;\r\n var colBuilder = domel('div')\r\n .addClass(this.cssPrefix + \"-header-cell\")\r\n .data('col-idx', \"\" + index)\r\n .setStyle('width', column.width + \"px\");\r\n if (column.dataColumn) {\r\n colBuilder\r\n .data('col-id', \"\" + column.dataColumn.id);\r\n }\r\n var colDiv = colBuilder.toDOM();\r\n domel('div', colDiv)\r\n .addClass(this.cssPrefix + \"-header-cell-resize\");\r\n if (!column.isRowNum) {\r\n domel('div', colDiv)\r\n .addClass(this.cssPrefix + \"-header-cell-label\")\r\n .text(column.label);\r\n }\r\n if (column.description) {\r\n domel('div', colDiv)\r\n .addClass('question-mark')\r\n .title(column.description);\r\n }\r\n if (this.options.allowDragDrop) {\r\n eqDragManager.registerDraggableItem({\r\n element: colDiv,\r\n scope: \"gridColumnMove\",\r\n data: { column: column },\r\n renderer: function (dragImage) {\r\n dragImage.innerHTML = '';\r\n var attrLabel = document.createElement('div');\r\n attrLabel.innerText = column.label;\r\n dragImage.classList.add(_this.cssPrefix + \"-sortable-helper\");\r\n dragImage.appendChild(attrLabel);\r\n },\r\n onDragStart: function (ev) {\r\n ev.dropEffect = DropEffect.Allow;\r\n }\r\n });\r\n }\r\n return colDiv;\r\n };\r\n EasyGrid.prototype.renderBody = function () {\r\n var _this = this;\r\n this.bodyDiv = domel('div')\r\n .addClass(this.cssPrefix + \"-body\")\r\n .toDOM();\r\n this.bodyViewportDiv = domel('div', this.bodyDiv)\r\n .addClass(this.cssPrefix + \"-body-viewport\")\r\n .attr('tabIndex', '0')\r\n .toDOM();\r\n this.bodyCellContainerDiv = domel('div', this.bodyViewportDiv)\r\n .addClass(this.cssPrefix + \"-cell-container\")\r\n .toDOM();\r\n var showAggrs = this.canShowAggregates();\r\n if (this.dataTable) {\r\n this.showProgress();\r\n this.rowsOnPagePromise = this.getRowsToRender()\r\n .then(function (rows) {\r\n _this.pagination.total = _this.dataTable.getTotal();\r\n _this.hideProgress();\r\n //prevent double rendering (bad solution, we have to figure out how to avoid this behavior properly)\r\n _this.bodyCellContainerDiv.innerHTML = '';\r\n _this.prevRowTotals = null;\r\n var rowsToRender = 0;\r\n if (rows.length) {\r\n var groups_1 = showAggrs\r\n ? _this.options.aggregates.settings.getGroups()\r\n : [];\r\n rowsToRender = (rows.length < _this.pagination.pageSize)\r\n ? rows.length\r\n : _this.pagination.pageSize;\r\n rows.forEach(function (row, index) {\r\n if (showAggrs)\r\n _this.updateTotalsState(groups_1, row);\r\n //we don't actually render the last row\r\n if (index < rowsToRender) {\r\n var tr = _this.renderRow(row, index);\r\n _this.bodyCellContainerDiv.appendChild(tr);\r\n }\r\n });\r\n var showGrandTotalsOnEachPage = _this.options.aggregates && _this.options.aggregates.showGrandTotalsOnEachPage;\r\n if (showAggrs && (_this.isLastPage() || showGrandTotalsOnEachPage)) {\r\n var row = new DataRow(_this.dataTable.columns, new Array(_this.dataTable.columns.count));\r\n _this.updateTotalsState(groups_1, row, true);\r\n }\r\n }\r\n var needAutoResize = _this.options.columnWidths.autoResize !== AutoResizeColumns.Never;\r\n if (needAutoResize) {\r\n _this.resizeColumns();\r\n }\r\n else {\r\n var containerWidth = _this.getContainerWidth();\r\n domel(_this.bodyCellContainerDiv)\r\n .setStyle('width', containerWidth + \"px\");\r\n }\r\n return rowsToRender;\r\n })\r\n .catch(function (error) { console.error(error); return 0; });\r\n }\r\n this.bodyViewportDiv.addEventListener('scroll', function (ev) {\r\n domel(_this.headerViewportDiv)\r\n .setStyle('margin-left', \"-\" + _this.bodyViewportDiv.scrollLeft + \"px\");\r\n });\r\n this.bodyViewportDiv.addEventListener('keydown', this.onViewportKeydown.bind(this));\r\n };\r\n EasyGrid.prototype.isLastPage = function () {\r\n if (this.dataTable.elasticChunks) {\r\n return this.dataTable.totalIsKnown()\r\n && (this.pagination.page * this.pagination.pageSize) >= this.pagination.total;\r\n }\r\n return this.pagination.page * this.pagination.pageSize >= this.pagination.total;\r\n };\r\n EasyGrid.prototype.canShowAggregates = function () {\r\n if (!this.options || !this.options.aggregates || !this.options.aggregates.settings)\r\n return false;\r\n var aggrSettings = this.options.aggregates.settings;\r\n var result = (aggrSettings.hasAggregates() || aggrSettings.hasRecordCount())\r\n && (aggrSettings.hasGroups() || aggrSettings.hasGrandTotals());\r\n return result;\r\n };\r\n EasyGrid.prototype.updateTotalsState = function (groups, newRow, isLast) {\r\n if (isLast === void 0) { isLast = false; }\r\n var aggrSettings = this.options.aggregates.settings;\r\n if (this.prevRowTotals && aggrSettings.hasGroups()) {\r\n var changeLevel = -1;\r\n for (var level = 1; level <= groups.length; level++) {\r\n var group = groups[level - 1];\r\n for (var _i = 0, _a = group.columns; _i < _a.length; _i++) {\r\n var col = _a[_i];\r\n if (!aggrSettings.compareValues(this.prevRowTotals.getValue(col), newRow.getValue(col))) {\r\n changeLevel = level;\r\n break;\r\n }\r\n }\r\n if (changeLevel !== -1)\r\n break;\r\n }\r\n if (changeLevel !== -1) {\r\n for (var level = groups.length; level >= changeLevel; level--) {\r\n var row = new DataRow(this.dataTable.columns, this.prevRowTotals.toArray());\r\n var tr = this.renderTotalsRow(level, row);\r\n this.bodyCellContainerDiv.appendChild(tr);\r\n }\r\n }\r\n }\r\n if (isLast && aggrSettings.hasGrandTotals() && aggrSettings.hasAggregates()) {\r\n var tr = this.renderTotalsRow(0, newRow);\r\n this.bodyCellContainerDiv.appendChild(tr);\r\n }\r\n this.prevRowTotals = newRow;\r\n };\r\n EasyGrid.prototype.applyGroupColumnTemplate = function (template, value, count) {\r\n var result = template.replace(/{{\\s*GroupValue\\s*}}/g, value ? \"\" + value : '-');\r\n result = result.replace(/{{\\s*GroupCount\\s*}}/g, count ? \"\" + count : '-');\r\n return result;\r\n };\r\n EasyGrid.prototype.renderTotalsRow = function (level, row) {\r\n var _this = this;\r\n var aggrSettings = this.options.aggregates.settings;\r\n var group = (level > 0)\r\n ? aggrSettings.getGroups()[level - 1]\r\n : { columns: [], aggregates: aggrSettings.getAggregates() };\r\n var rowBuilder = domel('div')\r\n .addClass(this.cssPrefix + \"-row\")\r\n .addClass(this.cssPrefix + \"-row-totals\")\r\n .addClass(this.cssPrefix + \"-totals-lv\" + level)\r\n .data('totals-level', \"\" + level)\r\n .attr('tabindex', '-1');\r\n var rowElement = rowBuilder.toDOM();\r\n this.columns.getItems().forEach(function (column, index) {\r\n if (!column.isVisible) {\r\n return;\r\n }\r\n var val = '';\r\n var colIndex = !column.isRowNum\r\n ? _this.dataTable.columns.getIndex(column.dataColumn.id)\r\n : -1;\r\n if (!column.isRowNum && column.dataColumn) {\r\n if (group.columns.indexOf(column.dataColumn.id) >= 0) {\r\n val = row.getValue(colIndex);\r\n }\r\n ;\r\n }\r\n if (colIndex == _this.dataTable.columns.count - 1) {\r\n val = '. . . . . .';\r\n }\r\n rowElement.appendChild(_this.renderCell(column, index, val, rowElement));\r\n });\r\n var aggrContainer = this.options.aggregates.calculator.getAggrContainer();\r\n var aggrCols = aggrSettings.getAggregates().map(function (c) { return c.colId; });\r\n var key = aggrSettings.buildGroupKey(group, row);\r\n aggrContainer.getAggregateData(level, key)\r\n .then(function (values) {\r\n for (var _i = 0, aggrCols_1 = aggrCols; _i < aggrCols_1.length; _i++) {\r\n var aggrColId = aggrCols_1[_i];\r\n row.setValue(aggrColId, values[aggrColId]);\r\n }\r\n rowElement.innerHTML = '';\r\n _this.columns.getItems().forEach(function (column, index) {\r\n if (!column.isVisible) {\r\n return;\r\n }\r\n var val = '';\r\n var colIndex = !column.isRowNum\r\n ? _this.dataTable.columns.getIndex(column.dataColumn.id)\r\n : -1;\r\n if (!column.isRowNum) {\r\n var isLastGroupColumn = false;\r\n if (column.dataColumn) {\r\n var groupColIndex = group.columns.indexOf(column.dataColumn.id);\r\n var aggrColIndex = aggrCols.indexOf(column.dataColumn.id);\r\n if (level > 0) {\r\n isLastGroupColumn = groupColIndex == group.columns.length - 1;\r\n }\r\n else {\r\n //if it's a grand total row consider first column as the last group column\r\n isLastGroupColumn = colIndex == 0;\r\n }\r\n if (groupColIndex >= 0 || aggrColIndex >= 0) {\r\n val = row.getValue(colIndex);\r\n }\r\n ;\r\n }\r\n var groupFooterTemplate = '';\r\n if (level > 0) {\r\n groupFooterTemplate = column.dataColumn.groupFooterColumnTemplate;\r\n //set the default template for the last grouping column\r\n if (!groupFooterTemplate && aggrSettings.hasRecordCount() && isLastGroupColumn) {\r\n groupFooterTemplate = '{{GroupValue}} ({{GroupCount}})';\r\n }\r\n }\r\n if (groupFooterTemplate) {\r\n var cellDiv_1 = _this.renderCell(column, index, val, rowElement);\r\n var innerCell = cellDiv_1.firstChild;\r\n val = innerCell.innerHTML;\r\n val = _this.applyGroupColumnTemplate(groupFooterTemplate, val, values[aggrSettings.COUNT_FIELD_NAME]);\r\n }\r\n }\r\n var cellDiv = _this.renderCell(column, index, val, rowElement);\r\n rowElement.appendChild(cellDiv);\r\n });\r\n })\r\n .catch(function (error) { return console.error(error); });\r\n return rowElement;\r\n };\r\n EasyGrid.prototype.onViewportKeydown = function (ev) {\r\n if (this.options.showActiveRow) {\r\n var rowCount = this.bodyCellContainerDiv.querySelectorAll(\".\" + this.cssPrefix + \"-row\").length;\r\n var newValue = void 0;\r\n switch (ev.key) {\r\n case 'ArrowLeft':\r\n break;\r\n case 'ArrowRight':\r\n break;\r\n case 'ArrowUp':\r\n ev.preventDefault();\r\n newValue = this.activeRowIndex < 0 || this.activeRowIndex >= rowCount ? rowCount - 1 : this.activeRowIndex - 1;\r\n this.activeRowIndex = newValue >= 0 ? newValue : 0;\r\n break;\r\n case 'ArrowDown':\r\n ev.preventDefault();\r\n newValue = this.activeRowIndex < 0 || this.activeRowIndex >= rowCount ? 0 : this.activeRowIndex + 1;\r\n this.activeRowIndex = newValue < rowCount ? newValue : rowCount - 1;\r\n break;\r\n }\r\n }\r\n };\r\n EasyGrid.prototype.ensureRowVisibility = function (rowOrIndex) {\r\n var row = typeof rowOrIndex === 'number'\r\n ? this.getDataRow(rowOrIndex)\r\n : rowOrIndex;\r\n if (row) {\r\n var rowRect = row.getBoundingClientRect();\r\n var viewportRect = this.bodyViewportDiv.getBoundingClientRect();\r\n var rowTop = rowRect.top - viewportRect.top;\r\n var rowBottom = rowRect.bottom - viewportRect.top;\r\n var viewportHeight = this.bodyViewportDiv.clientHeight;\r\n var windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n if (rowTop > 0 &&\r\n rowBottom <= viewportHeight &&\r\n rowRect.top > 0 &&\r\n rowRect.bottom < windowHeight) {\r\n return;\r\n }\r\n if (rowTop < 0) {\r\n this.bodyViewportDiv.scrollTop = this.bodyViewportDiv.scrollTop + rowTop;\r\n }\r\n else if (rowBottom > viewportHeight) {\r\n this.bodyViewportDiv.scrollTop = this.bodyViewportDiv.scrollTop + rowBottom - viewportHeight;\r\n }\r\n rowRect = row.getBoundingClientRect();\r\n if (rowRect.top < 0) {\r\n document.documentElement.scrollTop = document.documentElement.scrollTop + rowRect.top;\r\n }\r\n else if (rowRect.bottom > windowHeight) {\r\n document.documentElement.scrollTop = document.documentElement.scrollTop + rowRect.bottom - windowHeight;\r\n }\r\n }\r\n };\r\n /** Returns a promise with the list of the rows to render on one page.\r\n * The list contains pageSize+1 row to make it possible\r\n * to render the totals row (if it appears to be on the edge between pages)\r\n */\r\n EasyGrid.prototype.getRowsToRender = function () {\r\n if (this.options.paging.enabled === false) {\r\n return Promise.resolve(this.dataTable.getCachedRows());\r\n }\r\n return this.dataTable.getRows({\r\n offset: (this.pagination.page - 1) * this.pagination.pageSize,\r\n limit: this.pagination.pageSize + 1\r\n })\r\n .catch(function (error) {\r\n console.error(error);\r\n return [];\r\n });\r\n };\r\n EasyGrid.prototype.renderFooter = function () {\r\n var _this = this;\r\n this.footerDiv = domel('div')\r\n .addClass(this.cssPrefix + \"-footer\")\r\n .toDOM();\r\n if (this.rowsOnPagePromise) {\r\n this.rowsOnPagePromise.then(function (count) {\r\n _this.footerDiv.innerHTML = '';\r\n _this.footerPaginateDiv = _this.renderPageNavigator();\r\n _this.footerDiv.appendChild(_this.footerPaginateDiv);\r\n var pageInfoBlock = _this.renderPageInfoBlock(count);\r\n _this.footerDiv.appendChild(pageInfoBlock);\r\n });\r\n }\r\n };\r\n EasyGrid.prototype.renderPageInfoBlock = function (count) {\r\n var pageInfoDiv = domel('div')\r\n .addClass(this.cssPrefix + \"-page-info\")\r\n .toDOM();\r\n var rowCount = this.dataTable.getTotal();\r\n if (rowCount > 0) {\r\n var fistPageRecordNum = count\r\n ? (this.pagination.page - 1) * this.pagination.pageSize + 1\r\n : 0;\r\n var lastPageRecordNum = count\r\n ? fistPageRecordNum + count - 1\r\n : 0;\r\n var totalStr = this.dataTable.getTotal().toString();\r\n if (this.dataTable.elasticChunks) {\r\n var count_1 = this.dataTable.getCachedCount();\r\n var total = this.dataTable.getTotal();\r\n if (count_1 !== total)\r\n totalStr = '?';\r\n }\r\n pageInfoDiv.innerHTML = i18n.getText('GridPageInfo')\r\n .replace('{FirstPageRecordNum}', \"\" + fistPageRecordNum.toString() + \"\")\r\n .replace('{LastPageRecordNum}', \"\" + lastPageRecordNum.toString() + \"\")\r\n .replace('{Total}', \"\" + totalStr + \"\");\r\n }\r\n return pageInfoDiv;\r\n };\r\n EasyGrid.prototype.showProgress = function () {\r\n };\r\n EasyGrid.prototype.hideProgress = function () {\r\n };\r\n EasyGrid.prototype.getLocalIndexByGlobal = function (index) {\r\n if (this.pagination) {\r\n return index % this.pagination.pageSize;\r\n }\r\n else {\r\n return index;\r\n }\r\n };\r\n EasyGrid.prototype.getGlobalIndexByLocal = function (index) {\r\n if (this.pagination) {\r\n return (this.pagination.page - 1) * this.pagination.pageSize + index;\r\n }\r\n else {\r\n return index;\r\n }\r\n };\r\n EasyGrid.prototype.renderRow = function (row, index) {\r\n var _this = this;\r\n var indexGlobal = this.getGlobalIndexByLocal(index);\r\n var rowBuilder = domel('div')\r\n .addClass(this.cssPrefix + \"-row\")\r\n .addClass(this.cssPrefix + \"-row-\" + (index % 2 == 1 ? 'odd' : 'even'))\r\n .data('row-idx', \"\" + indexGlobal)\r\n .attr('tabindex', '-1')\r\n .on('click', function (ev) {\r\n _this.activeRowIndex = index;\r\n _this.fireEvent({\r\n type: 'rowClick',\r\n row: row,\r\n rowIndex: index,\r\n sourceEvent: ev\r\n });\r\n })\r\n .on('dblclick', function (ev) {\r\n _this.fireEvent({\r\n type: 'rowDbClick',\r\n row: row,\r\n rowIndex: index,\r\n sourceEvent: ev\r\n });\r\n });\r\n if (index == 0) {\r\n rowBuilder.addClass(this.cssPrefix + \"-row-first\");\r\n }\r\n var rowElement = rowBuilder.toDOM();\r\n if (this.options.showActiveRow && index == this.activeRowIndex) {\r\n rowBuilder.addClass(this.cssPrefix + \"-row-active\");\r\n }\r\n this.columns.getItems().forEach(function (column, index) {\r\n if (!column.isVisible) {\r\n return;\r\n }\r\n var colindex = column.isRowNum ? -1 : _this.dataTable.columns.getIndex(column.dataColumn.id);\r\n var val = column.isRowNum ? indexGlobal + 1 : row.getValue(colindex);\r\n rowElement.appendChild(_this.renderCell(column, index, val, rowElement));\r\n });\r\n return rowElement;\r\n };\r\n EasyGrid.prototype.renderCell = function (column, colIndex, value, rowElement) {\r\n var builder = domel('div')\r\n .addClass(this.cssPrefix + \"-cell\")\r\n .data('col-idx', \"\" + colIndex)\r\n .attr('tabindex', '-1')\r\n .setStyle('width', column.width + \"px\");\r\n if (column.align == GridColumnAlign.LEFT) {\r\n builder.addClass(this.cssPrefix + \"-cell-align-left\");\r\n }\r\n else if (column.align == GridColumnAlign.RIGHT) {\r\n builder.addClass(this.cssPrefix + \"-cell-align-right\");\r\n }\r\n else if (column.align == GridColumnAlign.CENTER) {\r\n builder.addClass(this.cssPrefix + \"-cell-align-center\");\r\n }\r\n var cellElement = builder.toDOM();\r\n var valueCell = cellElement.appendChild(domel('div')\r\n .addClass(this.cssPrefix + \"-cell-value\")\r\n .toDOM());\r\n if (column.cellRenderer) {\r\n column.cellRenderer(value, column, valueCell, rowElement);\r\n }\r\n return cellElement;\r\n };\r\n /** Sets current grid pages (if paging is used) */\r\n EasyGrid.prototype.setPage = function (page) {\r\n this.pagination.page = page;\r\n this.fireEvent({ type: \"pageChanged\", page: page });\r\n this.refresh();\r\n this.bodyViewportDiv.focus();\r\n };\r\n EasyGrid.prototype.renderPageNavigator = function () {\r\n var _this = this;\r\n var paginateDiv = document.createElement('div');\r\n paginateDiv.className = this.cssPrefix + \"-pagination-wrapper\";\r\n var rowCount = this.dataTable.getTotal();\r\n if (this.options.paging && this.options.paging.enabled && rowCount > 0) {\r\n var prefix_1 = this.paginationOptions.useBootstrap ? '' : this.cssPrefix + \"-\";\r\n var buttonClickHandler_1 = function (ev) {\r\n var element = ev.target;\r\n if (element.hasAttribute('data-page')) {\r\n var page = parseInt(element.getAttribute('data-page'));\r\n _this.setPage(page);\r\n }\r\n };\r\n var renderPageCell = function (pageIndex, content, disabled, extreme, active) {\r\n var li = document.createElement('li');\r\n li.className = prefix_1 + \"page-item\";\r\n if (!extreme) {\r\n if (active) {\r\n li.className += ' active';\r\n }\r\n var a_1 = document.createElement('a');\r\n a_1.setAttribute('href', 'javascript:void(0)');\r\n a_1.innerHTML = content || pageIndex.toString();\r\n a_1.setAttribute(\"data-page\", \"\" + pageIndex);\r\n a_1.className = prefix_1 + \"page-link\";\r\n a_1.addEventListener(\"click\", buttonClickHandler_1);\r\n li.appendChild(a_1);\r\n return li;\r\n }\r\n var a = document.createElement('span');\r\n a.setAttribute('aria-hidden', 'true');\r\n a.className = prefix_1 + \"page-link\";\r\n if (disabled) {\r\n li.className += ' disabled';\r\n }\r\n else {\r\n if (_this.paginationOptions.useBootstrap) {\r\n a = document.createElement('a');\r\n a.setAttribute('href', 'javascript:void(0)');\r\n a.setAttribute(\"data-page\", \"\" + pageIndex);\r\n }\r\n else {\r\n var newA = document.createElement('a');\r\n newA.setAttribute('href', 'javascript:void(0)');\r\n newA.setAttribute('data-page', \"\" + pageIndex);\r\n a = newA;\r\n }\r\n a.className = prefix_1 + \"page-link\";\r\n a.addEventListener(\"click\", buttonClickHandler_1);\r\n }\r\n a.innerHTML = content;\r\n li.appendChild(a);\r\n return li;\r\n };\r\n if (this.dataTable.elasticChunks) {\r\n var pageIndex = this.pagination.page || 1;\r\n var ul = document.createElement('ul');\r\n ul.className = prefix_1 + \"pagination\";\r\n var cell = renderPageCell(pageIndex - 1, '«', pageIndex == 1, true, false);\r\n ul.appendChild(cell);\r\n cell = renderPageCell(pageIndex + 1, '»', this.isLastPage(), true, false);\r\n ul.appendChild(cell);\r\n paginateDiv.appendChild(ul);\r\n }\r\n else {\r\n if (this.pagination.total > this.pagination.pageSize) {\r\n var pageIndex = this.pagination.page || 1;\r\n var pageCount = Math.ceil(this.pagination.total / this.pagination.pageSize) || 1;\r\n var maxButtonCount = this.paginationOptions.maxButtonCount || 10;\r\n var zeroBasedIndex = pageIndex - 1;\r\n var firstPageIndex = zeroBasedIndex - (zeroBasedIndex % maxButtonCount) + 1;\r\n var lastPageIndex = firstPageIndex + maxButtonCount - 1;\r\n if (lastPageIndex > pageCount) {\r\n lastPageIndex = pageCount;\r\n }\r\n var ul = document.createElement('ul');\r\n ul.className = prefix_1 + \"pagination\";\r\n var cell = renderPageCell(firstPageIndex - 1, '«', firstPageIndex == 1, true, false);\r\n ul.appendChild(cell);\r\n for (var i = firstPageIndex; i <= lastPageIndex; i++) {\r\n cell = renderPageCell(i, i.toString(), false, false, i == pageIndex);\r\n ul.appendChild(cell);\r\n }\r\n cell = renderPageCell(lastPageIndex + 1, '»', lastPageIndex == pageCount, true, false);\r\n ul.appendChild(cell);\r\n paginateDiv.appendChild(ul);\r\n }\r\n }\r\n if (this.options.paging.allowPageSizeChange) {\r\n var selectChangeHandler = function (ev) {\r\n var newValue = parseInt(ev.target.value);\r\n _this.pagination.pageSize = newValue;\r\n _this.pagination.page = 1;\r\n _this.refresh();\r\n };\r\n var pageSizes = document.createElement('div');\r\n pageSizes.className = this.cssPrefix + \"-page-sizes\";\r\n var selectSize = document.createElement('div');\r\n selectSize.className = \"kfrm-select \" + this.cssPrefix + \"-page-sizes-select\";\r\n pageSizes.appendChild(selectSize);\r\n var sel_1 = document.createElement('select');\r\n var selOptions = this.options.paging.pageSizeItems || [];\r\n var selSet = new Set(selOptions);\r\n selSet.add(this.options.paging.pageSize || 20);\r\n Array.from(selSet).forEach(function (el) {\r\n var option = document.createElement(\"option\");\r\n option.value = el.toString();\r\n option.text = el.toString();\r\n sel_1.appendChild(option);\r\n });\r\n sel_1.value = (this.pagination.pageSize || 20).toString();\r\n selectSize.appendChild(sel_1);\r\n sel_1.addEventListener('change', selectChangeHandler);\r\n var labelDiv = document.createElement('div');\r\n labelDiv.className = this.cssPrefix + \"-page-sizes-label\";\r\n pageSizes.appendChild(labelDiv);\r\n var label = document.createElement('span');\r\n label.innerText = i18n.getText('GridItemsPerPage');\r\n labelDiv.appendChild(label);\r\n paginateDiv.appendChild(pageSizes);\r\n }\r\n }\r\n return paginateDiv;\r\n };\r\n EasyGrid.prototype.addEventListener = function (eventType, handler) {\r\n return this.eventEmitter.subscribe(eventType, function (event) { return handler(event.data); });\r\n };\r\n EasyGrid.prototype.removeEventListener = function (eventType, handlerId) {\r\n this.eventEmitter.unsubscribe(eventType, handlerId);\r\n };\r\n EasyGrid.prototype.renderHeaderButtons = function () {\r\n var _this = this;\r\n if (this.options.showPlusButton) {\r\n return domel('div')\r\n .addClass(this.cssPrefix + \"-header-btn-plus\")\r\n .title(this.options.plusButtonTitle || 'Add')\r\n .addChild('a', function (builder) { return builder\r\n .attr('href', 'javascript:void(0)')\r\n .on('click', function (e) {\r\n e.preventDefault();\r\n _this.fireEvent({\r\n type: 'plusButtonClick',\r\n sourceEvent: e\r\n });\r\n }); })\r\n .toDOM();\r\n }\r\n return domel('span')\r\n .addText('#')\r\n .toDOM();\r\n };\r\n EasyGrid.prototype.showLandingSlot = function (pageX, pageY) {\r\n var colElems = this.headerRowDiv.querySelectorAll(\"[class*=\" + this.cssPrefix + \"-table-col]\");\r\n var cols = [];\r\n for (var i = 1; i < colElems.length; i++) {\r\n var rowElem = colElems[i];\r\n if (rowElem.style.display === 'none')\r\n continue;\r\n cols.push(rowElem);\r\n }\r\n if (cols.length === 0) {\r\n this.landingIndex = 0;\r\n this.headerRowDiv.appendChild(this.landingSlot);\r\n return;\r\n }\r\n var landingPos = getElementAbsolutePos(this.landingSlot);\r\n if (pageX >= landingPos.x && pageX <= landingPos.x + this.landingSlot.offsetWidth) {\r\n return;\r\n }\r\n var newLandingIndex = this.landingIndex;\r\n for (var _i = 0, cols_1 = cols; _i < cols_1.length; _i++) {\r\n var col = cols_1[_i];\r\n var colPos = getElementAbsolutePos(col);\r\n var width = col.offsetWidth;\r\n if (pageX > colPos.x && pageX < colPos.x + width) {\r\n // -1 as we don't need to count add button here\r\n newLandingIndex = parseInt(col.getAttribute('data-col-idx')) - 1;\r\n }\r\n }\r\n if (newLandingIndex != this.landingIndex) {\r\n this.landingIndex = newLandingIndex;\r\n if (this.landingIndex < cols.length) {\r\n this.headerRowDiv.insertBefore(this.landingSlot, cols[this.landingIndex]);\r\n }\r\n else {\r\n this.headerRowDiv.appendChild(this.landingSlot);\r\n }\r\n }\r\n };\r\n EasyGrid.prototype.hideLandingSlot = function () {\r\n var _this = this;\r\n this.landingIndex = -1;\r\n setTimeout(function () {\r\n if (_this.landingSlot.parentElement) {\r\n _this.landingSlot.parentElement.removeChild(_this.landingSlot);\r\n }\r\n }, 10);\r\n };\r\n Object.defineProperty(EasyGrid.prototype, \"activeRowIndex\", {\r\n get: function () {\r\n return this._activeRowIndex;\r\n },\r\n set: function (value) {\r\n if (value !== this._activeRowIndex) {\r\n var oldValue = this._activeRowIndex;\r\n this._activeRowIndex = value;\r\n this.updateActiveRow();\r\n this.fireEvent({\r\n type: 'activeRowChanged',\r\n oldValue: oldValue,\r\n newValue: this.activeRowIndex,\r\n rowIndex: this.getGlobalIndexByLocal(this.activeRowIndex)\r\n });\r\n }\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n EasyGrid.prototype.updateActiveRow = function () {\r\n var _this = this;\r\n if (this.options.showActiveRow) {\r\n var rows = this.bodyCellContainerDiv.querySelectorAll(\"[class*=\" + this.cssPrefix + \"-row-active]\");\r\n rows.forEach(function (el) { el.classList.remove(_this.cssPrefix + \"-row-active\"); });\r\n var activeRow = this.getActiveRow();\r\n if (activeRow) {\r\n activeRow.classList.add(this.cssPrefix + \"-row-active\");\r\n this.ensureRowVisibility(this.activeRowIndex);\r\n }\r\n }\r\n };\r\n EasyGrid.prototype.getActiveRow = function () {\r\n return this.getDataRow(this.activeRowIndex);\r\n };\r\n EasyGrid.prototype.getDataRow = function (index) {\r\n var rows = Array.from(this.bodyCellContainerDiv.querySelectorAll(\".\" + this.cssPrefix + \"-row:not(.\" + this.cssPrefix + \"-row-totals)\"));\r\n if (index >= 0 && index < rows.length)\r\n return rows[index];\r\n return null;\r\n };\r\n /** Makes the grid focused for keyboard events */\r\n EasyGrid.prototype.focus = function () {\r\n this.bodyViewportDiv.focus();\r\n };\r\n /** Resizes columns according to the data they represent */\r\n EasyGrid.prototype.resizeColumns = function () {\r\n if (this.options.columnWidths.autoResize === AutoResizeColumns.Never)\r\n return;\r\n var containerWidth = this.bodyCellContainerDiv.style.width;\r\n this.bodyCellContainerDiv.style.visibility = 'hidden';\r\n this.bodyCellContainerDiv.style.width = '1px';\r\n //this.headerRowDiv.style.visibility = 'hidden';\r\n this.headerRowDiv.style.width = '1px';\r\n var sumWidth = 0;\r\n var columns = this.columns.getItems();\r\n var headerCells = this.headerCellContainerDiv.querySelectorAll(\".\" + this.cssPrefix + \"-header-cell\");\r\n var headerIdx = 0;\r\n var _loop_1 = function (idx) {\r\n var column = columns[idx];\r\n if (!column.isVisible)\r\n return \"continue\";\r\n var calculatedWidth = this_1.options.columnWidths.autoResize !== AutoResizeColumns.Always && column.dataColumn\r\n ? column.dataColumn.calculatedWidth\r\n : 0;\r\n var cellValues = this_1.bodyCellContainerDiv.querySelectorAll(\".\" + this_1.cssPrefix + \"-cell[data-col-idx=\\\"\" + idx + \"\\\"] > .\" + this_1.cssPrefix + \"-cell-value\");\r\n var maxWidth = 0;\r\n if (calculatedWidth > 0) {\r\n sumWidth += calculatedWidth;\r\n column.width = calculatedWidth;\r\n cellValues.forEach(function (value) {\r\n value.parentElement.style.width = calculatedWidth + \"px\";\r\n });\r\n headerCells[headerIdx].style.width = calculatedWidth + \"px\";\r\n }\r\n else {\r\n if (cellValues.length == 0) {\r\n headerCells[headerIdx].style.width = null;\r\n headerCells[headerIdx].style.whiteSpace = 'nowrap';\r\n }\r\n maxWidth = headerCells[headerIdx].offsetWidth;\r\n if (cellValues.length > 0) {\r\n cellValues.forEach(function (value) {\r\n value.parentElement.style.width = null;\r\n var width = value.parentElement.offsetWidth;\r\n if (width > maxWidth) {\r\n maxWidth = width;\r\n }\r\n });\r\n maxWidth += 3;\r\n var maxOption = column.isRowNum\r\n ? this_1.options.columnWidths.rowNumColumn.max || 500\r\n : this_1.options.columnWidths[column.dataColumn.type].max || 2000;\r\n var minOption = column.isRowNum\r\n ? this_1.options.columnWidths.rowNumColumn.min || 0\r\n : this_1.options.columnWidths[column.dataColumn.type].min || 20;\r\n if (maxWidth > maxOption) {\r\n maxWidth = maxOption;\r\n }\r\n if (maxWidth < minOption) {\r\n maxWidth = minOption;\r\n }\r\n if (utils.isNumericType(column.type)) {\r\n //increase the calculated width in 1.3 times for numeric columns\r\n maxWidth = Math.round(maxWidth * 1.3);\r\n }\r\n sumWidth += maxWidth;\r\n column.width = maxWidth;\r\n cellValues.forEach(function (value) {\r\n value.parentElement.style.width = maxWidth + \"px\";\r\n });\r\n headerCells[headerIdx].style.width = maxWidth + \"px\";\r\n if (column.dataColumn) {\r\n column.dataColumn.calculatedWidth = maxWidth;\r\n }\r\n }\r\n else {\r\n sumWidth += maxWidth;\r\n }\r\n }\r\n headerIdx++;\r\n };\r\n var this_1 = this;\r\n for (var idx = 0; idx < this.columns.count; idx++) {\r\n _loop_1(idx);\r\n }\r\n if (sumWidth > 0) {\r\n this.bodyCellContainerDiv.style.width = sumWidth + \"px\";\r\n this.headerCellContainerDiv.style.width = sumWidth + \"px\";\r\n }\r\n else {\r\n this.bodyCellContainerDiv.style.width = containerWidth;\r\n this.headerCellContainerDiv.style.width = containerWidth;\r\n }\r\n this.bodyCellContainerDiv.style.visibility = null;\r\n this.headerRowDiv.removeAttribute('style');\r\n };\r\n return EasyGrid;\r\n}());\r\nexport { EasyGrid };\r\n//# sourceMappingURL=easy_grid.js.map","/*!\n * @overview es6-promise - a tiny implementation of Promises/A+.\n * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)\n * @license Licensed under MIT license\n * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE\n * @version v4.2.8+1e68dce6\n */\n\n(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n\ttypeof define === 'function' && define.amd ? define(factory) :\n\t(global.ES6Promise = factory());\n}(this, (function () { 'use strict';\n\nfunction objectOrFunction(x) {\n var type = typeof x;\n return x !== null && (type === 'object' || type === 'function');\n}\n\nfunction isFunction(x) {\n return typeof x === 'function';\n}\n\n\n\nvar _isArray = void 0;\nif (Array.isArray) {\n _isArray = Array.isArray;\n} else {\n _isArray = function (x) {\n return Object.prototype.toString.call(x) === '[object Array]';\n };\n}\n\nvar isArray = _isArray;\n\nvar len = 0;\nvar vertxNext = void 0;\nvar customSchedulerFn = void 0;\n\nvar asap = function asap(callback, arg) {\n queue[len] = callback;\n queue[len + 1] = arg;\n len += 2;\n if (len === 2) {\n // If len is 2, that means that we need to schedule an async flush.\n // If additional callbacks are queued before the queue is flushed, they\n // will be processed by this flush that we are scheduling.\n if (customSchedulerFn) {\n customSchedulerFn(flush);\n } else {\n scheduleFlush();\n }\n }\n};\n\nfunction setScheduler(scheduleFn) {\n customSchedulerFn = scheduleFn;\n}\n\nfunction setAsap(asapFn) {\n asap = asapFn;\n}\n\nvar browserWindow = typeof window !== 'undefined' ? window : undefined;\nvar browserGlobal = browserWindow || {};\nvar BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;\nvar isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {}.toString.call(process) === '[object process]';\n\n// test for web worker but not in IE10\nvar isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';\n\n// node\nfunction useNextTick() {\n // node version 0.10.x displays a deprecation warning when nextTick is used recursively\n // see https://github.com/cujojs/when/issues/410 for details\n return function () {\n return process.nextTick(flush);\n };\n}\n\n// vertx\nfunction useVertxTimer() {\n if (typeof vertxNext !== 'undefined') {\n return function () {\n vertxNext(flush);\n };\n }\n\n return useSetTimeout();\n}\n\nfunction useMutationObserver() {\n var iterations = 0;\n var observer = new BrowserMutationObserver(flush);\n var node = document.createTextNode('');\n observer.observe(node, { characterData: true });\n\n return function () {\n node.data = iterations = ++iterations % 2;\n };\n}\n\n// web worker\nfunction useMessageChannel() {\n var channel = new MessageChannel();\n channel.port1.onmessage = flush;\n return function () {\n return channel.port2.postMessage(0);\n };\n}\n\nfunction useSetTimeout() {\n // Store setTimeout reference so es6-promise will be unaffected by\n // other code modifying setTimeout (like sinon.useFakeTimers())\n var globalSetTimeout = setTimeout;\n return function () {\n return globalSetTimeout(flush, 1);\n };\n}\n\nvar queue = new Array(1000);\nfunction flush() {\n for (var i = 0; i < len; i += 2) {\n var callback = queue[i];\n var arg = queue[i + 1];\n\n callback(arg);\n\n queue[i] = undefined;\n queue[i + 1] = undefined;\n }\n\n len = 0;\n}\n\nfunction attemptVertx() {\n try {\n var vertx = Function('return this')().require('vertx');\n vertxNext = vertx.runOnLoop || vertx.runOnContext;\n return useVertxTimer();\n } catch (e) {\n return useSetTimeout();\n }\n}\n\nvar scheduleFlush = void 0;\n// Decide what async method to use to triggering processing of queued callbacks:\nif (isNode) {\n scheduleFlush = useNextTick();\n} else if (BrowserMutationObserver) {\n scheduleFlush = useMutationObserver();\n} else if (isWorker) {\n scheduleFlush = useMessageChannel();\n} else if (browserWindow === undefined && typeof require === 'function') {\n scheduleFlush = attemptVertx();\n} else {\n scheduleFlush = useSetTimeout();\n}\n\nfunction then(onFulfillment, onRejection) {\n var parent = this;\n\n var child = new this.constructor(noop);\n\n if (child[PROMISE_ID] === undefined) {\n makePromise(child);\n }\n\n var _state = parent._state;\n\n\n if (_state) {\n var callback = arguments[_state - 1];\n asap(function () {\n return invokeCallback(_state, child, callback, parent._result);\n });\n } else {\n subscribe(parent, child, onFulfillment, onRejection);\n }\n\n return child;\n}\n\n/**\n `Promise.resolve` returns a promise that will become resolved with the\n passed `value`. It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n resolve(1);\n });\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.resolve(1);\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n @method resolve\n @static\n @param {Any} value value that the returned promise will be resolved with\n Useful for tooling.\n @return {Promise} a promise that will become fulfilled with the given\n `value`\n*/\nfunction resolve$1(object) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (object && typeof object === 'object' && object.constructor === Constructor) {\n return object;\n }\n\n var promise = new Constructor(noop);\n resolve(promise, object);\n return promise;\n}\n\nvar PROMISE_ID = Math.random().toString(36).substring(2);\n\nfunction noop() {}\n\nvar PENDING = void 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\n\nfunction selfFulfillment() {\n return new TypeError(\"You cannot resolve a promise with itself\");\n}\n\nfunction cannotReturnOwn() {\n return new TypeError('A promises callback cannot return that same promise.');\n}\n\nfunction tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) {\n try {\n then$$1.call(value, fulfillmentHandler, rejectionHandler);\n } catch (e) {\n return e;\n }\n}\n\nfunction handleForeignThenable(promise, thenable, then$$1) {\n asap(function (promise) {\n var sealed = false;\n var error = tryThen(then$$1, thenable, function (value) {\n if (sealed) {\n return;\n }\n sealed = true;\n if (thenable !== value) {\n resolve(promise, value);\n } else {\n fulfill(promise, value);\n }\n }, function (reason) {\n if (sealed) {\n return;\n }\n sealed = true;\n\n reject(promise, reason);\n }, 'Settle: ' + (promise._label || ' unknown promise'));\n\n if (!sealed && error) {\n sealed = true;\n reject(promise, error);\n }\n }, promise);\n}\n\nfunction handleOwnThenable(promise, thenable) {\n if (thenable._state === FULFILLED) {\n fulfill(promise, thenable._result);\n } else if (thenable._state === REJECTED) {\n reject(promise, thenable._result);\n } else {\n subscribe(thenable, undefined, function (value) {\n return resolve(promise, value);\n }, function (reason) {\n return reject(promise, reason);\n });\n }\n}\n\nfunction handleMaybeThenable(promise, maybeThenable, then$$1) {\n if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) {\n handleOwnThenable(promise, maybeThenable);\n } else {\n if (then$$1 === undefined) {\n fulfill(promise, maybeThenable);\n } else if (isFunction(then$$1)) {\n handleForeignThenable(promise, maybeThenable, then$$1);\n } else {\n fulfill(promise, maybeThenable);\n }\n }\n}\n\nfunction resolve(promise, value) {\n if (promise === value) {\n reject(promise, selfFulfillment());\n } else if (objectOrFunction(value)) {\n var then$$1 = void 0;\n try {\n then$$1 = value.then;\n } catch (error) {\n reject(promise, error);\n return;\n }\n handleMaybeThenable(promise, value, then$$1);\n } else {\n fulfill(promise, value);\n }\n}\n\nfunction publishRejection(promise) {\n if (promise._onerror) {\n promise._onerror(promise._result);\n }\n\n publish(promise);\n}\n\nfunction fulfill(promise, value) {\n if (promise._state !== PENDING) {\n return;\n }\n\n promise._result = value;\n promise._state = FULFILLED;\n\n if (promise._subscribers.length !== 0) {\n asap(publish, promise);\n }\n}\n\nfunction reject(promise, reason) {\n if (promise._state !== PENDING) {\n return;\n }\n promise._state = REJECTED;\n promise._result = reason;\n\n asap(publishRejection, promise);\n}\n\nfunction subscribe(parent, child, onFulfillment, onRejection) {\n var _subscribers = parent._subscribers;\n var length = _subscribers.length;\n\n\n parent._onerror = null;\n\n _subscribers[length] = child;\n _subscribers[length + FULFILLED] = onFulfillment;\n _subscribers[length + REJECTED] = onRejection;\n\n if (length === 0 && parent._state) {\n asap(publish, parent);\n }\n}\n\nfunction publish(promise) {\n var subscribers = promise._subscribers;\n var settled = promise._state;\n\n if (subscribers.length === 0) {\n return;\n }\n\n var child = void 0,\n callback = void 0,\n detail = promise._result;\n\n for (var i = 0; i < subscribers.length; i += 3) {\n child = subscribers[i];\n callback = subscribers[i + settled];\n\n if (child) {\n invokeCallback(settled, child, callback, detail);\n } else {\n callback(detail);\n }\n }\n\n promise._subscribers.length = 0;\n}\n\nfunction invokeCallback(settled, promise, callback, detail) {\n var hasCallback = isFunction(callback),\n value = void 0,\n error = void 0,\n succeeded = true;\n\n if (hasCallback) {\n try {\n value = callback(detail);\n } catch (e) {\n succeeded = false;\n error = e;\n }\n\n if (promise === value) {\n reject(promise, cannotReturnOwn());\n return;\n }\n } else {\n value = detail;\n }\n\n if (promise._state !== PENDING) {\n // noop\n } else if (hasCallback && succeeded) {\n resolve(promise, value);\n } else if (succeeded === false) {\n reject(promise, error);\n } else if (settled === FULFILLED) {\n fulfill(promise, value);\n } else if (settled === REJECTED) {\n reject(promise, value);\n }\n}\n\nfunction initializePromise(promise, resolver) {\n try {\n resolver(function resolvePromise(value) {\n resolve(promise, value);\n }, function rejectPromise(reason) {\n reject(promise, reason);\n });\n } catch (e) {\n reject(promise, e);\n }\n}\n\nvar id = 0;\nfunction nextId() {\n return id++;\n}\n\nfunction makePromise(promise) {\n promise[PROMISE_ID] = id++;\n promise._state = undefined;\n promise._result = undefined;\n promise._subscribers = [];\n}\n\nfunction validationError() {\n return new Error('Array Methods must be provided an Array');\n}\n\nvar Enumerator = function () {\n function Enumerator(Constructor, input) {\n this._instanceConstructor = Constructor;\n this.promise = new Constructor(noop);\n\n if (!this.promise[PROMISE_ID]) {\n makePromise(this.promise);\n }\n\n if (isArray(input)) {\n this.length = input.length;\n this._remaining = input.length;\n\n this._result = new Array(this.length);\n\n if (this.length === 0) {\n fulfill(this.promise, this._result);\n } else {\n this.length = this.length || 0;\n this._enumerate(input);\n if (this._remaining === 0) {\n fulfill(this.promise, this._result);\n }\n }\n } else {\n reject(this.promise, validationError());\n }\n }\n\n Enumerator.prototype._enumerate = function _enumerate(input) {\n for (var i = 0; this._state === PENDING && i < input.length; i++) {\n this._eachEntry(input[i], i);\n }\n };\n\n Enumerator.prototype._eachEntry = function _eachEntry(entry, i) {\n var c = this._instanceConstructor;\n var resolve$$1 = c.resolve;\n\n\n if (resolve$$1 === resolve$1) {\n var _then = void 0;\n var error = void 0;\n var didError = false;\n try {\n _then = entry.then;\n } catch (e) {\n didError = true;\n error = e;\n }\n\n if (_then === then && entry._state !== PENDING) {\n this._settledAt(entry._state, i, entry._result);\n } else if (typeof _then !== 'function') {\n this._remaining--;\n this._result[i] = entry;\n } else if (c === Promise$1) {\n var promise = new c(noop);\n if (didError) {\n reject(promise, error);\n } else {\n handleMaybeThenable(promise, entry, _then);\n }\n this._willSettleAt(promise, i);\n } else {\n this._willSettleAt(new c(function (resolve$$1) {\n return resolve$$1(entry);\n }), i);\n }\n } else {\n this._willSettleAt(resolve$$1(entry), i);\n }\n };\n\n Enumerator.prototype._settledAt = function _settledAt(state, i, value) {\n var promise = this.promise;\n\n\n if (promise._state === PENDING) {\n this._remaining--;\n\n if (state === REJECTED) {\n reject(promise, value);\n } else {\n this._result[i] = value;\n }\n }\n\n if (this._remaining === 0) {\n fulfill(promise, this._result);\n }\n };\n\n Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) {\n var enumerator = this;\n\n subscribe(promise, undefined, function (value) {\n return enumerator._settledAt(FULFILLED, i, value);\n }, function (reason) {\n return enumerator._settledAt(REJECTED, i, reason);\n });\n };\n\n return Enumerator;\n}();\n\n/**\n `Promise.all` accepts an array of promises, and returns a new promise which\n is fulfilled with an array of fulfillment values for the passed promises, or\n rejected with the reason of the first passed promise to be rejected. It casts all\n elements of the passed iterable to promises as it runs this algorithm.\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = resolve(2);\n let promise3 = resolve(3);\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // The array here would be [ 1, 2, 3 ];\n });\n ```\n\n If any of the `promises` given to `all` are rejected, the first promise\n that is rejected will be given as an argument to the returned promises's\n rejection handler. For example:\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = reject(new Error(\"2\"));\n let promise3 = reject(new Error(\"3\"));\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // Code here never runs because there are rejected promises!\n }, function(error) {\n // error.message === \"2\"\n });\n ```\n\n @method all\n @static\n @param {Array} entries array of promises\n @param {String} label optional string for labeling the promise.\n Useful for tooling.\n @return {Promise} promise that is fulfilled when all `promises` have been\n fulfilled, or rejected if any of them become rejected.\n @static\n*/\nfunction all(entries) {\n return new Enumerator(this, entries).promise;\n}\n\n/**\n `Promise.race` returns a new promise which is settled in the same way as the\n first passed promise to settle.\n\n Example:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 2');\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // result === 'promise 2' because it was resolved before promise1\n // was resolved.\n });\n ```\n\n `Promise.race` is deterministic in that only the state of the first\n settled promise matters. For example, even if other promises given to the\n `promises` array argument are resolved, but the first settled promise has\n become rejected before the other promises became fulfilled, the returned\n promise will become rejected:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n reject(new Error('promise 2'));\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // Code here never runs\n }, function(reason){\n // reason.message === 'promise 2' because promise 2 became rejected before\n // promise 1 became fulfilled\n });\n ```\n\n An example real-world use case is implementing timeouts:\n\n ```javascript\n Promise.race([ajax('foo.json'), timeout(5000)])\n ```\n\n @method race\n @static\n @param {Array} promises array of promises to observe\n Useful for tooling.\n @return {Promise} a promise which settles in the same way as the first passed\n promise to settle.\n*/\nfunction race(entries) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (!isArray(entries)) {\n return new Constructor(function (_, reject) {\n return reject(new TypeError('You must pass an array to race.'));\n });\n } else {\n return new Constructor(function (resolve, reject) {\n var length = entries.length;\n for (var i = 0; i < length; i++) {\n Constructor.resolve(entries[i]).then(resolve, reject);\n }\n });\n }\n}\n\n/**\n `Promise.reject` returns a promise rejected with the passed `reason`.\n It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n reject(new Error('WHOOPS'));\n });\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.reject(new Error('WHOOPS'));\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n @method reject\n @static\n @param {Any} reason value that the returned promise will be rejected with.\n Useful for tooling.\n @return {Promise} a promise rejected with the given `reason`.\n*/\nfunction reject$1(reason) {\n /*jshint validthis:true */\n var Constructor = this;\n var promise = new Constructor(noop);\n reject(promise, reason);\n return promise;\n}\n\nfunction needsResolver() {\n throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');\n}\n\nfunction needsNew() {\n throw new TypeError(\"Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.\");\n}\n\n/**\n Promise objects represent the eventual result of an asynchronous operation. The\n primary way of interacting with a promise is through its `then` method, which\n registers callbacks to receive either a promise's eventual value or the reason\n why the promise cannot be fulfilled.\n\n Terminology\n -----------\n\n - `promise` is an object or function with a `then` method whose behavior conforms to this specification.\n - `thenable` is an object or function that defines a `then` method.\n - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).\n - `exception` is a value that is thrown using the throw statement.\n - `reason` is a value that indicates why a promise was rejected.\n - `settled` the final resting state of a promise, fulfilled or rejected.\n\n A promise can be in one of three states: pending, fulfilled, or rejected.\n\n Promises that are fulfilled have a fulfillment value and are in the fulfilled\n state. Promises that are rejected have a rejection reason and are in the\n rejected state. A fulfillment value is never a thenable.\n\n Promises can also be said to *resolve* a value. If this value is also a\n promise, then the original promise's settled state will match the value's\n settled state. So a promise that *resolves* a promise that rejects will\n itself reject, and a promise that *resolves* a promise that fulfills will\n itself fulfill.\n\n\n Basic Usage:\n ------------\n\n ```js\n let promise = new Promise(function(resolve, reject) {\n // on success\n resolve(value);\n\n // on failure\n reject(reason);\n });\n\n promise.then(function(value) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Advanced Usage:\n ---------------\n\n Promises shine when abstracting away asynchronous interactions such as\n `XMLHttpRequest`s.\n\n ```js\n function getJSON(url) {\n return new Promise(function(resolve, reject){\n let xhr = new XMLHttpRequest();\n\n xhr.open('GET', url);\n xhr.onreadystatechange = handler;\n xhr.responseType = 'json';\n xhr.setRequestHeader('Accept', 'application/json');\n xhr.send();\n\n function handler() {\n if (this.readyState === this.DONE) {\n if (this.status === 200) {\n resolve(this.response);\n } else {\n reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));\n }\n }\n };\n });\n }\n\n getJSON('/posts.json').then(function(json) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Unlike callbacks, promises are great composable primitives.\n\n ```js\n Promise.all([\n getJSON('/posts'),\n getJSON('/comments')\n ]).then(function(values){\n values[0] // => postsJSON\n values[1] // => commentsJSON\n\n return values;\n });\n ```\n\n @class Promise\n @param {Function} resolver\n Useful for tooling.\n @constructor\n*/\n\nvar Promise$1 = function () {\n function Promise(resolver) {\n this[PROMISE_ID] = nextId();\n this._result = this._state = undefined;\n this._subscribers = [];\n\n if (noop !== resolver) {\n typeof resolver !== 'function' && needsResolver();\n this instanceof Promise ? initializePromise(this, resolver) : needsNew();\n }\n }\n\n /**\n The primary way of interacting with a promise is through its `then` method,\n which registers callbacks to receive either a promise's eventual value or the\n reason why the promise cannot be fulfilled.\n ```js\n findUser().then(function(user){\n // user is available\n }, function(reason){\n // user is unavailable, and you are given the reason why\n });\n ```\n Chaining\n --------\n The return value of `then` is itself a promise. This second, 'downstream'\n promise is resolved with the return value of the first promise's fulfillment\n or rejection handler, or rejected if the handler throws an exception.\n ```js\n findUser().then(function (user) {\n return user.name;\n }, function (reason) {\n return 'default name';\n }).then(function (userName) {\n // If `findUser` fulfilled, `userName` will be the user's name, otherwise it\n // will be `'default name'`\n });\n findUser().then(function (user) {\n throw new Error('Found user, but still unhappy');\n }, function (reason) {\n throw new Error('`findUser` rejected and we're unhappy');\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.\n // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.\n });\n ```\n If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.\n ```js\n findUser().then(function (user) {\n throw new PedagogicalException('Upstream error');\n }).then(function (value) {\n // never reached\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // The `PedgagocialException` is propagated all the way down to here\n });\n ```\n Assimilation\n ------------\n Sometimes the value you want to propagate to a downstream promise can only be\n retrieved asynchronously. This can be achieved by returning a promise in the\n fulfillment or rejection handler. The downstream promise will then be pending\n until the returned promise is settled. This is called *assimilation*.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // The user's comments are now available\n });\n ```\n If the assimliated promise rejects, then the downstream promise will also reject.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // If `findCommentsByAuthor` fulfills, we'll have the value here\n }, function (reason) {\n // If `findCommentsByAuthor` rejects, we'll have the reason here\n });\n ```\n Simple Example\n --------------\n Synchronous Example\n ```javascript\n let result;\n try {\n result = findResult();\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n findResult(function(result, err){\n if (err) {\n // failure\n } else {\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findResult().then(function(result){\n // success\n }, function(reason){\n // failure\n });\n ```\n Advanced Example\n --------------\n Synchronous Example\n ```javascript\n let author, books;\n try {\n author = findAuthor();\n books = findBooksByAuthor(author);\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n function foundBooks(books) {\n }\n function failure(reason) {\n }\n findAuthor(function(author, err){\n if (err) {\n failure(err);\n // failure\n } else {\n try {\n findBoooksByAuthor(author, function(books, err) {\n if (err) {\n failure(err);\n } else {\n try {\n foundBooks(books);\n } catch(reason) {\n failure(reason);\n }\n }\n });\n } catch(error) {\n failure(err);\n }\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findAuthor().\n then(findBooksByAuthor).\n then(function(books){\n // found books\n }).catch(function(reason){\n // something went wrong\n });\n ```\n @method then\n @param {Function} onFulfilled\n @param {Function} onRejected\n Useful for tooling.\n @return {Promise}\n */\n\n /**\n `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same\n as the catch block of a try/catch statement.\n ```js\n function findAuthor(){\n throw new Error('couldn't find that author');\n }\n // synchronous\n try {\n findAuthor();\n } catch(reason) {\n // something went wrong\n }\n // async with promises\n findAuthor().catch(function(reason){\n // something went wrong\n });\n ```\n @method catch\n @param {Function} onRejection\n Useful for tooling.\n @return {Promise}\n */\n\n\n Promise.prototype.catch = function _catch(onRejection) {\n return this.then(null, onRejection);\n };\n\n /**\n `finally` will be invoked regardless of the promise's fate just as native\n try/catch/finally behaves\n \n Synchronous example:\n \n ```js\n findAuthor() {\n if (Math.random() > 0.5) {\n throw new Error();\n }\n return new Author();\n }\n \n try {\n return findAuthor(); // succeed or fail\n } catch(error) {\n return findOtherAuther();\n } finally {\n // always runs\n // doesn't affect the return value\n }\n ```\n \n Asynchronous example:\n \n ```js\n findAuthor().catch(function(reason){\n return findOtherAuther();\n }).finally(function(){\n // author was either found, or not\n });\n ```\n \n @method finally\n @param {Function} callback\n @return {Promise}\n */\n\n\n Promise.prototype.finally = function _finally(callback) {\n var promise = this;\n var constructor = promise.constructor;\n\n if (isFunction(callback)) {\n return promise.then(function (value) {\n return constructor.resolve(callback()).then(function () {\n return value;\n });\n }, function (reason) {\n return constructor.resolve(callback()).then(function () {\n throw reason;\n });\n });\n }\n\n return promise.then(callback, callback);\n };\n\n return Promise;\n}();\n\nPromise$1.prototype.then = then;\nPromise$1.all = all;\nPromise$1.race = race;\nPromise$1.resolve = resolve$1;\nPromise$1.reject = reject$1;\nPromise$1._setScheduler = setScheduler;\nPromise$1._setAsap = setAsap;\nPromise$1._asap = asap;\n\n/*global self*/\nfunction polyfill() {\n var local = void 0;\n\n if (typeof global !== 'undefined') {\n local = global;\n } else if (typeof self !== 'undefined') {\n local = self;\n } else {\n try {\n local = Function('return this')();\n } catch (e) {\n throw new Error('polyfill failed because global object is unavailable in this environment');\n }\n }\n\n var P = local.Promise;\n\n if (P) {\n var promiseToString = null;\n try {\n promiseToString = Object.prototype.toString.call(P.resolve());\n } catch (e) {\n // silently ignored\n }\n\n if (promiseToString === '[object Promise]' && !P.cast) {\n return;\n }\n }\n\n local.Promise = Promise$1;\n}\n\n// Strange compat..\nPromise$1.polyfill = polyfill;\nPromise$1.Promise = Promise$1;\n\nreturn Promise$1;\n\n})));\n\n\n\n//# sourceMappingURL=es6-promise.map\n","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { i18n } from '@easydata/core';\r\nimport { QueryChangePart, WidgetGroup } from '@easyquery/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { PopupMenu } from '../utils/popup_menu';\r\nimport { browserUtils } from '../utils/browser_utils';\r\nimport { View } from '../views/view';\r\n/**\r\n * The EasyQuery client-side view that represents the UI for advanced search page\r\n */\r\nvar AdvancedSearchView = /** @class */ (function (_super) {\r\n __extends(AdvancedSearchView, _super);\r\n function AdvancedSearchView() {\r\n var _this = _super.call(this) || this;\r\n _this.exportButtons = [];\r\n // Name of the class to add to disabled elements.\r\n _this.disabledClass = \"eqjs-disabled\";\r\n _this.dropdownContainerClass = \"eqv-dropdown-container\";\r\n _this.dropdownButtonClass = \"eqv-drop-button\";\r\n _this.dropdownContentClass = \"eqv-dropdown-content\";\r\n _this.dropdownShowClass = \"eqv-dropdown-show\";\r\n _this._querySaveTemplate = \"\";\r\n _this.queryListMenu = null;\r\n _this.fetchDataButtonClickHandler = _this.fetchDataButtonClick.bind(_this);\r\n _this.clearQueryButtonClickHandler = _this.clearQueryButtonClick.bind(_this);\r\n _this.newQueryButtonClickHandler = _this.newQueryButtonClick.bind(_this);\r\n _this.loadQueryButtonClickHandler = _this.loadQueryButtonClick.bind(_this);\r\n _this.saveQueryButtonClickHandler = _this.saveQueryButtonClick.bind(_this);\r\n _this.copyQueryButtonClickHandler = _this.copyQueryButtonClick.bind(_this);\r\n _this.removeQueryButtonClickHandler = _this.removeQueryButtonClick.bind(_this);\r\n _this.storageButtonClickHandler = _this.storageDropButtonClick.bind(_this);\r\n _this.saveQueryToFileButtonClickHandler = _this.saveQueryToFileButtonClick.bind(_this);\r\n _this.loadQueryFromFileButtonClickHandler = _this.loadQueryFromFileButtonClick.bind(_this);\r\n var self = _this;\r\n _this.exportButtonClickHandler = function (e) {\r\n if (!this.classList.contains(self.disabledClass)) {\r\n var format = this.getAttribute(\"data-format\");\r\n self.getContext().exportResult({ format: format });\r\n }\r\n };\r\n _this.queryChangedHandler = function (ev) {\r\n var eventData = ev.data;\r\n if (_this.resultOptions.clearResultOnQueryChange) {\r\n _this.context.clearResult();\r\n _this.context.refreshWidgets(WidgetGroup.Result);\r\n }\r\n _this.disableExportButtons();\r\n if (_this.resultCountSlot) {\r\n _this.resultCountSlot.style.display = \"none\";\r\n }\r\n if (_this.viewOptions.syncQueryOnChange) {\r\n _this.syncQuery();\r\n }\r\n if (_this.viewOptions.fetchDataOnChange) {\r\n if (!eventData || (eventData.part != QueryChangePart.ExtraData\r\n && eventData.part != QueryChangePart.Facets)) {\r\n _this.fetchData();\r\n }\r\n }\r\n };\r\n _this.outsideClickHandler = function (event) {\r\n var currentContent = null;\r\n if (event.target.matches(\".\" + _this.dropdownButtonClass)) {\r\n currentContent = event.target.parentElement.querySelector(\".\" + _this.dropdownContentClass);\r\n }\r\n else if (event.target.matches(\".\" + _this.dropdownButtonClass + \" > span\")) {\r\n currentContent = event.target.parentElement.parentElement.querySelector(\".\" + _this.dropdownContentClass);\r\n }\r\n var dropdowns = _this.resolveElementsByClassName(_this.dropdownContentClass);\r\n for (var i = 0; i < dropdowns.length; i++) {\r\n var openDropdown = dropdowns[i];\r\n if (currentContent != openDropdown) {\r\n if (openDropdown.classList.contains(_this.dropdownShowClass)) {\r\n openDropdown.classList.remove(_this.dropdownShowClass);\r\n }\r\n }\r\n }\r\n };\r\n return _this;\r\n }\r\n AdvancedSearchView.prototype.refreshQueryList = function () {\r\n var _this = this;\r\n if (this.queryListPanel) {\r\n this.queryListPanel.innerHTML = '';\r\n this.context.loadQueryList({\r\n success: function (data) {\r\n var b = domel('ul', _this.queryListPanel)\r\n .addClass('list-group list-group-flush');\r\n data.map(function (item) {\r\n b.addChild('li', function (b) {\r\n b.addClass('list-group-item')\r\n .setStyle('cursor', 'pointer')\r\n .data('id', item.id)\r\n .text(item.name)\r\n .on('click', function () {\r\n _this.checkIfQueryModified(function () { return _this.loadQuery(item.id); });\r\n });\r\n });\r\n });\r\n }\r\n });\r\n }\r\n };\r\n AdvancedSearchView.prototype.initOptions = function (options) {\r\n options = _super.prototype.initOptions.call(this, options);\r\n if (typeof (options.syncQueryOnChange) == 'undefined') {\r\n options.syncQueryOnChange = true;\r\n }\r\n return options;\r\n };\r\n AdvancedSearchView.prototype.initWidgets = function (options) {\r\n var _this = this;\r\n _super.prototype.initWidgets.call(this, options);\r\n var exportClass = \"eqjs-export\";\r\n var queryContentInputId = \"QueryContentJson\";\r\n var clearQueryButtonId = \"ClearQueryButton\";\r\n var newQueryButtonId = \"NewQueryButton\";\r\n var loadQueryButtonId = \"LoadQueryButton\";\r\n var saveQueryButtonId = \"SaveQueryButton\";\r\n var copyQueryButtonId = \"CopyQueryButton\";\r\n var removeQueryButtonId = \"RemoveQueryButton\";\r\n var storageButtonId = \"StorageDropButton\";\r\n var fetchDataButtonId = \"FetchDataButton\";\r\n var loadQueryFromFileButtonId = \"LoadQueryFromFileButton\";\r\n var saveQueryToFileButtonId = \"SaveQueryToFileButton\";\r\n var queryListPanelId = \"QueryListPanel\";\r\n if (options.slots) {\r\n queryContentInputId = options.slots.queryContentInput || queryContentInputId;\r\n fetchDataButtonId = options.slots.fetchDataButton || fetchDataButtonId;\r\n clearQueryButtonId = options.slots.clearQueryButton || clearQueryButtonId;\r\n newQueryButtonId = options.slots.newQueryButton || newQueryButtonId;\r\n loadQueryButtonId = options.slots.loadQueryButton || loadQueryButtonId;\r\n saveQueryButtonId = options.slots.saveQueryButton || saveQueryButtonId;\r\n copyQueryButtonId = options.slots.copyQueryButton || copyQueryButtonId;\r\n removeQueryButtonId = options.slots.removeQueryButton || removeQueryButtonId;\r\n storageButtonId = options.slots.storageButton || storageButtonId;\r\n exportClass = options.slots.exportClass || exportClass;\r\n loadQueryFromFileButtonId = options.slots.loadQueryFromFileButton || loadQueryFromFileButtonId;\r\n saveQueryToFileButtonId = options.slots.saveQueryToFileButton || saveQueryToFileButtonId;\r\n queryListPanelId = options.slots.queryListPanel || queryListPanelId;\r\n }\r\n this.exportButtons = this.domRoots.reduce(function (elems, root) {\r\n return elems.concat(Array.from(root.querySelectorAll(\".\" + exportClass)));\r\n }, []);\r\n if (!options.enableExport) {\r\n this.hideExportButtons();\r\n }\r\n this.disableExportButtons();\r\n //Add event listener for export buttons\r\n var self = this;\r\n this.exportButtons.forEach(function (button) {\r\n button.addEventListener('click', _this.exportButtonClickHandler);\r\n });\r\n if (!this.fetchDataButton) {\r\n this.fetchDataButton = this.resolveElement(fetchDataButtonId);\r\n if (!this.fetchDataButton) {\r\n this.fetchDataButton = this.resolveElement('ExecuteQueryButton'); //deprecated, should be removed on the next major update\r\n }\r\n if (this.fetchDataButton) {\r\n this.fetchDataButton.addEventListener('click', this.fetchDataButtonClickHandler);\r\n }\r\n }\r\n if (!this.clearQueryButton) {\r\n this.clearQueryButton = this.resolveElement(clearQueryButtonId);\r\n if (this.clearQueryButton) {\r\n this.clearQueryButton.addEventListener('click', this.clearQueryButtonClickHandler);\r\n }\r\n }\r\n if (!this.newQueryButton) {\r\n this.newQueryButton = this.resolveElement(newQueryButtonId);\r\n if (this.newQueryButton) {\r\n this.newQueryButton.addEventListener('click', this.newQueryButtonClickHandler);\r\n }\r\n }\r\n if (!this.loadQueryButton) {\r\n this.loadQueryButton = this.resolveElement(loadQueryButtonId);\r\n if (this.loadQueryButton) {\r\n this.loadQueryButton.addEventListener('click', this.loadQueryButtonClickHandler);\r\n }\r\n }\r\n if (!this.saveQueryButton) {\r\n this.saveQueryButton = this.resolveElement(saveQueryButtonId);\r\n if (this.saveQueryButton) {\r\n this.saveQueryButton.addEventListener('click', this.saveQueryButtonClickHandler);\r\n }\r\n }\r\n if (!this.copyQueryButton) {\r\n this.copyQueryButton = this.resolveElement(copyQueryButtonId);\r\n if (this.copyQueryButton) {\r\n this.copyQueryButton.addEventListener('click', this.copyQueryButtonClickHandler);\r\n }\r\n }\r\n if (!this.removeQueryButton) {\r\n this.removeQueryButton = this.resolveElement(removeQueryButtonId);\r\n if (this.removeQueryButton) {\r\n this.removeQueryButton.addEventListener('click', this.removeQueryButtonClickHandler);\r\n }\r\n }\r\n if (!this.storageDropButton) {\r\n this.storageDropButton = this.resolveElement(storageButtonId);\r\n if (this.storageDropButton) {\r\n this.storageDropButton.addEventListener('click', this.storageButtonClickHandler);\r\n }\r\n }\r\n if (!this.saveQueryToFileButton) {\r\n this.saveQueryToFileButton = this.resolveElement(saveQueryToFileButtonId);\r\n if (this.saveQueryToFileButton) {\r\n this.saveQueryToFileButton.addEventListener('click', this.saveQueryToFileButtonClickHandler);\r\n }\r\n }\r\n if (!this.queryListPanel) {\r\n this.queryListPanel = this.resolveElement(queryListPanelId);\r\n //For backward compatibility. Remove on the next update\r\n if (!this.queryListPanel) {\r\n this.queryListPanel = this.resolveElement('QueryListSlot');\r\n }\r\n if (this.queryListPanel) {\r\n this.context.addEventListener('ready', function () {\r\n _this.refreshQueryList();\r\n });\r\n }\r\n }\r\n if (!this.loadQueryFromFileButton) {\r\n this.loadQueryFromFileButton = this.resolveElement(loadQueryFromFileButtonId);\r\n if (this.loadQueryFromFileButton) {\r\n this.loadQueryFromFileInput = document.createElement('input');\r\n this.loadQueryFromFileInput.type = 'file';\r\n this.loadQueryFromFileInput.accept = options.queryFileExtensions;\r\n this.loadQueryFromFileInput.style.display = 'none';\r\n document.body.appendChild(this.loadQueryFromFileInput);\r\n this.loadQueryFromFileInput.addEventListener('change', this.loadQueryFromFileInputSelect.bind(this));\r\n this.loadQueryFromFileButton.addEventListener('click', this.loadQueryFromFileButtonClickHandler);\r\n }\r\n }\r\n // hide any dropdown menu when user clicks somewhere\r\n window.addEventListener('click', this.outsideClickHandler);\r\n };\r\n AdvancedSearchView.prototype.initDone = function () {\r\n _super.prototype.initDone.call(this);\r\n var query = this.context.getQuery();\r\n query.addChangedCallback(this.queryChangedHandler);\r\n };\r\n /**\r\n * Sends current query to the backend.\r\n */\r\n AdvancedSearchView.prototype.syncQuery = function () {\r\n var _this = this;\r\n this.context.syncQuery({\r\n success: function (responseData) {\r\n if (responseData.statement) {\r\n _this.context.refreshWidgets(WidgetGroup.Statement);\r\n }\r\n }\r\n });\r\n };\r\n /**\r\n * Disables export buttons.\r\n */\r\n AdvancedSearchView.prototype.disableExportButtons = function () {\r\n var _this = this;\r\n this.exportButtons.forEach(function (button) {\r\n button.disabled = true;\r\n if (!button.classList.contains(_this.disabledClass)) {\r\n button.classList.add(_this.disabledClass);\r\n }\r\n });\r\n };\r\n /**\r\n * Enables export buttons.\r\n */\r\n AdvancedSearchView.prototype.enableExportButtons = function () {\r\n var _this = this;\r\n this.exportButtons.forEach(function (button) {\r\n button.disabled = false;\r\n if (button.classList.contains(_this.disabledClass)) {\r\n button.classList.remove(_this.disabledClass);\r\n }\r\n });\r\n };\r\n /**\r\n * Hides export buttons.\r\n */\r\n AdvancedSearchView.prototype.hideExportButtons = function () {\r\n this.exportButtons.forEach(function (button) {\r\n button.style.display = \"none\";\r\n });\r\n };\r\n AdvancedSearchView.prototype.clearQueryButtonClick = function () {\r\n this.context.clearQuery();\r\n this.context.refreshWidgets(WidgetGroup.Statement);\r\n };\r\n AdvancedSearchView.prototype.createNewQuery = function (options) {\r\n return this.context.newQuery(options);\r\n };\r\n AdvancedSearchView.prototype.loadQuery = function (queryId) {\r\n if (!queryId)\r\n return;\r\n this.context.loadQuery({\r\n queryId: queryId,\r\n silent: false\r\n });\r\n };\r\n AdvancedSearchView.prototype.saveQuery = function (success, error) {\r\n var _this = this;\r\n this.context.saveQuery({\r\n success: function () {\r\n if (success)\r\n success();\r\n _this.context.getQuery().fireChangedEvent({\r\n part: QueryChangePart.Properties,\r\n wasModified: false\r\n });\r\n _this.refreshQueryList();\r\n },\r\n error: error\r\n });\r\n };\r\n AdvancedSearchView.prototype.saveCurrentQuery = function (copyQuery, callback) {\r\n var _this = this;\r\n if (copyQuery === void 0) { copyQuery = false; }\r\n var query = this.context.getQuery();\r\n if (query.isNewbie || copyQuery) {\r\n this.showSaveQueryDialog(function (result) { return new Promise(function (resolve) {\r\n if (!result)\r\n return;\r\n query.regenerateId();\r\n query.setName(result);\r\n query.fireChangedEvent({\r\n part: QueryChangePart.Properties,\r\n wasModified: true\r\n });\r\n _this.saveQuery(function () { resolve({ success: true }); callback; }, function (error) { return resolve({ success: false, message: error }); });\r\n }); });\r\n }\r\n else {\r\n this.saveQuery(callback);\r\n }\r\n };\r\n AdvancedSearchView.prototype.checkIfQueryModified = function (callback) {\r\n var _this = this;\r\n if (this.context.getQuery().isModified()\r\n && !this.viewOptions.disableConfirmationOnQueryChange) {\r\n this.showQueryChangedDialog(function (result) {\r\n if (result) {\r\n _this.saveCurrentQuery(false, callback);\r\n }\r\n else {\r\n callback();\r\n }\r\n });\r\n }\r\n else {\r\n callback();\r\n }\r\n };\r\n AdvancedSearchView.prototype.removeCurrentQuery = function () {\r\n var _this = this;\r\n this.context.removeQuery({\r\n success: function () {\r\n _this.createNewQuery({\r\n useStorage: false\r\n });\r\n if (_this.resultCountSlot) {\r\n _this.resultCountSlot.style.display = \"none\";\r\n }\r\n _this.context.clearResult();\r\n _this.refreshQueryList();\r\n }\r\n });\r\n };\r\n // ------------------ Dialog wrappers ---------------------\r\n AdvancedSearchView.prototype.showNewQueryDialog = function (callback) {\r\n var ds = this.context.getServices().getDialogService();\r\n var defVal = i18n.getText('NewQueryDefName');\r\n var dlg = ds.open({\r\n title: i18n.getText('NewQueryTitle'),\r\n body: this._querySaveTemplate,\r\n submitable: true,\r\n closable: true,\r\n cancelable: true,\r\n submitOnEnter: true,\r\n arrangeParents: false,\r\n beforeOpen: function () {\r\n var input = document.getElementById(\"kdlg-dialog-form-input\");\r\n if (defVal) {\r\n input.value = defVal;\r\n }\r\n var content = document.getElementById('kdlg-dialog-form-content');\r\n content.innerHTML = i18n.getText('NewQueryContent');\r\n input.focus();\r\n },\r\n onSubmit: function () {\r\n var input = document.getElementById(\"kdlg-dialog-form-input\");\r\n var value = input.value;\r\n if (value && value.replace(/\\s/g, '').length > 0) {\r\n if (!callback)\r\n return true;\r\n dlg.disableButtons();\r\n var header_1 = dlg.getRootElement().querySelector('header');\r\n var processEl_1 = domel('div', header_1)\r\n .addClass('eqjs-process-bar local')\r\n .toDOM();\r\n callback(value)\r\n .then(function (result) {\r\n header_1.removeChild(processEl_1);\r\n dlg.enableButtons();\r\n if (result.success) {\r\n dlg.close();\r\n }\r\n else {\r\n dlg.showAlert(result.message, 'error');\r\n }\r\n });\r\n }\r\n return false;\r\n }\r\n });\r\n };\r\n AdvancedSearchView.prototype.showQueryChangedDialog = function (callback) {\r\n var ds = this.context.getServices().getDialogService();\r\n ds.openConfirm(i18n.getText('QueryChangedTitle'), i18n.getText('QueryChangedContent'), callback);\r\n };\r\n AdvancedSearchView.prototype.showSaveQueryDialog = function (callback) {\r\n var ds = this.context.getServices().getDialogService();\r\n var query = this.context.getQuery();\r\n var newQueryName = query.isNewbie\r\n ? query.getName()\r\n : i18n.getText('SaveQueryDefName').replace('{queryName}', query.getName());\r\n var dlg = ds.open({\r\n title: i18n.getText('SaveQueryTitle'),\r\n body: this._querySaveTemplate,\r\n submitable: true,\r\n closable: true,\r\n cancelable: true,\r\n submitOnEnter: true,\r\n arrangeParents: false,\r\n beforeOpen: function () {\r\n var input = document.getElementById(\"kdlg-dialog-form-input\");\r\n input.value = newQueryName;\r\n var content = document.getElementById('kdlg-dialog-form-content');\r\n content.innerHTML = i18n.getText('SaveQueryContent');\r\n input.focus();\r\n },\r\n onSubmit: function () {\r\n var input = document.getElementById(\"kdlg-dialog-form-input\");\r\n var value = input.value;\r\n if (value && value.replace(/\\s/g, '').length > 0) {\r\n if (!callback)\r\n return true;\r\n dlg.disableButtons();\r\n var header_2 = dlg.getRootElement().querySelector('header');\r\n var processEl_2 = domel('div', header_2)\r\n .addClass('eqjs-process-bar local')\r\n .toDOM();\r\n callback(value)\r\n .then(function (result) {\r\n dlg.enableButtons();\r\n header_2.removeChild(processEl_2);\r\n if (result.success) {\r\n dlg.close();\r\n }\r\n else {\r\n dlg.showAlert(result.message, 'error');\r\n }\r\n });\r\n }\r\n return false;\r\n }\r\n });\r\n };\r\n AdvancedSearchView.prototype.showRemoveQueryDialog = function (callback) {\r\n var ds = this.context.getServices().getDialogService();\r\n var query = this.context.getQuery();\r\n ds.openConfirm(i18n.getText('RemoveQueryTitle'), i18n.getText('RemoveQueryContent').replace('{queryName}', query.getName()), callback);\r\n };\r\n AdvancedSearchView.prototype.showSaveQueryToFileDialog = function (callback) {\r\n var ds = this.getContext().getServices().getDialogService();\r\n var query = this.context.getQuery();\r\n var body = this.renderSaveToFileDialogBody(query.getName());\r\n var dlg = ds.open({\r\n title: i18n.getText('SaveQueryToFileDlgTitle'),\r\n body: body,\r\n onSubmit: function () {\r\n var fileNameInput = body.querySelector('#kdlgFileNameInput');\r\n var fileName = fileNameInput ? fileNameInput.value : \"Query\";\r\n var formatSelector = body.querySelector('#kdlgFileFormatSelector');\r\n var format = formatSelector ? formatSelector.value : 'json';\r\n if (callback) {\r\n dlg.disableButtons();\r\n var header_3 = dlg.getRootElement().querySelector('header');\r\n var processEl_3 = domel('div', header_3)\r\n .addClass('eqjs-process-bar local')\r\n .toDOM();\r\n callback(fileName, format)\r\n .then(function (result) {\r\n dlg.enableButtons();\r\n header_3.removeChild(processEl_3);\r\n if (result.success) {\r\n dlg.close();\r\n }\r\n else {\r\n dlg.showAlert(result.message, 'error');\r\n }\r\n });\r\n return false;\r\n }\r\n return true;\r\n }\r\n });\r\n };\r\n AdvancedSearchView.prototype.renderSaveToFileDialogBody = function (name, format) {\r\n if (format === void 0) { format = \"json\"; }\r\n var isIE = browserUtils.isIE();\r\n var fieldsClass = isIE\r\n ? 'kfrm-fields-ie col-ie-1-4 label-align-right'\r\n : 'kfrm-fields col-a-1 label-align-right';\r\n var horizClass = isIE\r\n ? 'kfrm-fields-ie is-horizontal'\r\n : 'kfrm-fields is-horizontal';\r\n return domel('div')\r\n .addClass('kfrm-form')\r\n .addChild('div', function (b) {\r\n b.addClass(fieldsClass)\r\n .addChild('label', function (b) { return b\r\n .attr('for', 'file_name')\r\n .addText(i18n.getText('FileNameLabel')); })\r\n .addChild('div', function (b) { return b\r\n .addClass(horizClass)\r\n .addChild('input', function (b) { return b\r\n .id('kdlgFileNameInput')\r\n .name('file_name')\r\n .type('text')\r\n .attr('value', name); })\r\n .addChild('label', function (b) { return b\r\n .addText('.'); })\r\n .addChild('div', function (b) { return b\r\n .addClass('kfrm-select')\r\n .addChild('select', function (b) { return b\r\n .id('kdlgFileFormatSelector')\r\n .addClass('kdlg-form-control')\r\n .addOption({\r\n value: 'xml',\r\n selected: 'xml' === format\r\n })\r\n .addOption({\r\n value: 'json',\r\n selected: 'json' === format\r\n }); }); }); });\r\n })\r\n .toDOM();\r\n };\r\n // ------------------ Query management buttons handler ---------------------\r\n AdvancedSearchView.prototype.newQueryButtonClick = function () {\r\n var _this = this;\r\n this.checkIfQueryModified(function () {\r\n _this.createNewQuery();\r\n });\r\n };\r\n AdvancedSearchView.prototype.saveQueryToFileButtonClick = function () {\r\n var _this = this;\r\n this.showSaveQueryToFileDialog(function (fileName, format) { return new Promise(function (resolve) {\r\n _this.context.getQueryFile({\r\n fileName: fileName,\r\n format: format,\r\n success: function () { return resolve({ success: true }); },\r\n error: function (error) { return resolve({ success: false, message: error }); }\r\n });\r\n }); });\r\n };\r\n AdvancedSearchView.prototype.loadQueryFromFileButtonClick = function () {\r\n var _this = this;\r\n this.checkIfQueryModified(function () {\r\n _this.showLoadQueryFromFileDialog();\r\n });\r\n };\r\n AdvancedSearchView.prototype.showLoadQueryFromFileDialog = function () {\r\n this.loadQueryFromFileInput.click();\r\n };\r\n AdvancedSearchView.prototype.loadQueryFromFileInputSelect = function () {\r\n var _this = this;\r\n var files = this.loadQueryFromFileInput.files;\r\n var file = files.item(0);\r\n var data = new FormData();\r\n data.append(file.name, file);\r\n this.loadQueryFromFileInput.value = \"\";\r\n this.context.uploadQueryFile({\r\n data: data,\r\n success: function () {\r\n _this.syncQuery();\r\n _this.refreshQueryList();\r\n }\r\n });\r\n };\r\n AdvancedSearchView.prototype.loadQueryButtonClick = function () {\r\n var _this = this;\r\n this.context.loadQueryList({\r\n success: function (data) {\r\n _this.fillLoadQueryButtonMenu(data);\r\n _this.queryListMenu.showMenu({\r\n anchor: _this.loadQueryButton,\r\n adjustHeight: false,\r\n itemSelectedCallback: function (data) {\r\n _this.checkIfQueryModified(function () { return _this.loadQuery(data.id); });\r\n }\r\n });\r\n }\r\n });\r\n };\r\n AdvancedSearchView.prototype.fillLoadQueryButtonMenu = function (queryList) {\r\n var query = this.getContext().getQuery();\r\n this.queryListMenu = new PopupMenu({\r\n items: queryList.map(function (item) { return ({ id: item.id, text: item.name }); }),\r\n selectedIds: query.getId()\r\n });\r\n };\r\n AdvancedSearchView.prototype.saveQueryButtonClick = function () {\r\n this.saveCurrentQuery();\r\n };\r\n AdvancedSearchView.prototype.copyQueryButtonClick = function () {\r\n this.saveCurrentQuery(true);\r\n };\r\n AdvancedSearchView.prototype.removeQueryButtonClick = function () {\r\n var _this = this;\r\n this.showRemoveQueryDialog(function (result) {\r\n if (result) {\r\n _this.removeCurrentQuery();\r\n }\r\n });\r\n };\r\n AdvancedSearchView.prototype.storageDropButtonClick = function () {\r\n var _this = this;\r\n var container = this.storageDropButton.parentElement;\r\n var content = container.querySelector(\".\" + this.dropdownContentClass);\r\n if (content) {\r\n window.setTimeout(function () { return content.classList.toggle(_this.dropdownShowClass); }, 100);\r\n }\r\n };\r\n AdvancedSearchView.prototype.fetchDataButtonClick = function () {\r\n this.fetchData();\r\n };\r\n AdvancedSearchView.prototype.detach = function () {\r\n var _this = this;\r\n this.enableExportButtons();\r\n this.exportButtons.forEach(function (button) {\r\n button.removeEventListener('click', _this.exportButtonClickHandler);\r\n });\r\n this.exportButtons = [];\r\n if (this.fetchDataButton) {\r\n this.fetchDataButton.removeEventListener('click', this.fetchDataButtonClickHandler);\r\n this.fetchDataButton = null;\r\n }\r\n if (this.clearQueryButton) {\r\n this.clearQueryButton.removeEventListener('click', this.clearQueryButtonClickHandler);\r\n this.clearQueryButton = null;\r\n }\r\n if (this.newQueryButton) {\r\n this.newQueryButton.removeEventListener('click', this.newQueryButtonClickHandler);\r\n this.newQueryButton = null;\r\n }\r\n if (this.loadQueryButton) {\r\n this.loadQueryButton.removeEventListener('click', this.loadQueryButtonClickHandler);\r\n this.loadQueryButton = null;\r\n }\r\n if (this.saveQueryButton) {\r\n this.saveQueryButton.removeEventListener('click', this.saveQueryButtonClickHandler);\r\n this.saveQueryButton = null;\r\n }\r\n if (this.copyQueryButton) {\r\n this.copyQueryButton.removeEventListener('click', this.copyQueryButtonClickHandler);\r\n this.copyQueryButton = null;\r\n }\r\n if (this.removeQueryButton) {\r\n this.removeQueryButton.removeEventListener('click', this.removeQueryButtonClickHandler);\r\n this.removeQueryButton = null;\r\n }\r\n if (this.storageDropButton) {\r\n this.storageDropButton.removeEventListener('click', this.storageButtonClickHandler);\r\n this.storageDropButton = null;\r\n }\r\n if (this.saveQueryToFileButton) {\r\n this.saveQueryToFileButton.removeEventListener('click', this.saveQueryToFileButtonClickHandler);\r\n this.saveQueryToFileButton = null;\r\n }\r\n if (this.queryListPanel) {\r\n this.queryListPanel = null;\r\n }\r\n if (this.loadQueryFromFileButton) {\r\n if (this.loadQueryFromFileInput) {\r\n document.body.removeChild(this.loadQueryFromFileInput);\r\n }\r\n this.loadQueryFromFileButton.removeEventListener('click', this.loadQueryFromFileButtonClickHandler);\r\n this.loadQueryFromFileButton = null;\r\n }\r\n _super.prototype.detach.call(this);\r\n };\r\n return AdvancedSearchView;\r\n}(View));\r\nexport { AdvancedSearchView };\r\n//# sourceMappingURL=adv_search_view.js.map","var __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nimport { EasyDataTable } from '@easydata/core';\r\nimport { ExprTag, EqAggregatesContainer, Expression } from '@easyquery/core';\r\nvar EqServerAggregatesCalculator = /** @class */ (function () {\r\n function EqServerAggregatesCalculator(context) {\r\n this.context = context;\r\n this._needRecalculation = true;\r\n this.aggrContainer = new EqAggregatesContainer(context);\r\n }\r\n EqServerAggregatesCalculator.prototype.getAggrContainer = function () {\r\n return this.aggrContainer;\r\n };\r\n EqServerAggregatesCalculator.prototype.calculate = function (options) {\r\n this._needRecalculation = false;\r\n this.aggrContainer.clear();\r\n options = options || {};\r\n options.maxLevel = options.maxLevel >= 0\r\n ? options.maxLevel : 0;\r\n var levelPromises = [];\r\n var query = this.context.createQuery();\r\n query.loadFromData(this.context.getQuery().toJSONData());\r\n var settings = this.context.getQuery().getAggregationSettings();\r\n var aggregates = settings.getAggregates();\r\n var aggrColIds = settings.getAggregates().map(function (a) { return a.colId; });\r\n var aggrCols = query.getColumns()\r\n .filter(function (col) { return aggrColIds.indexOf(col.id) >= 0; });\r\n var _loop_1 = function (col) {\r\n query.changeColumnType(col, ExprTag.AggregateFunction, { funcId: aggregates.filter(function (a) { return a.colId == col.id; })[0].funcId });\r\n };\r\n for (var _i = 0, aggrCols_1 = aggrCols; _i < aggrCols_1.length; _i++) {\r\n var col = aggrCols_1[_i];\r\n _loop_1(col);\r\n }\r\n //get all non-aggregate columns\r\n var queryCols = query.getColumns()\r\n .filter(function (c) { return c.expr.tag !== ExprTag.AggregateFunction; });\r\n for (var _a = 0, queryCols_1 = queryCols; _a < queryCols_1.length; _a++) {\r\n var col = queryCols_1[_a];\r\n col.setHidden(true);\r\n }\r\n if (settings.hasRecordCount()) {\r\n var col = query.createColumn();\r\n col.caption = settings.COUNT_FIELD_NAME;\r\n col['_id'] = settings.COUNT_FIELD_NAME;\r\n var sqlText = 'COUNT(*)';\r\n var customSqlExpr = new Expression(col);\r\n customSqlExpr.tag = ExprTag.CustomSql;\r\n customSqlExpr.sql = sqlText;\r\n customSqlExpr.baseAttrId = null;\r\n col.expr = customSqlExpr;\r\n query.getColumns().push(col);\r\n }\r\n if (settings.hasGrandTotals()) {\r\n levelPromises.push(this.processLevel({\r\n query: query,\r\n level: 0,\r\n groupName: 'Grand Totals',\r\n resultObtainedCallback: options.resultObtained,\r\n errorOccurredCallback: options.errorOccurred\r\n }));\r\n }\r\n var groups = settings.getGroups();\r\n for (var level = 1; level <= groups.length; level++) {\r\n var group = groups[level - 1];\r\n for (var _b = 0, queryCols_2 = queryCols; _b < queryCols_2.length; _b++) {\r\n var col = queryCols_2[_b];\r\n col.setHidden(group.columns.indexOf(col.id) < 0);\r\n }\r\n levelPromises.push(this.processLevel({\r\n query: query,\r\n level: level,\r\n groupName: group.name,\r\n resultObtainedCallback: options.resultObtained,\r\n errorOccurredCallback: options.errorOccurred\r\n }));\r\n }\r\n return Promise.all(levelPromises)\r\n .then(function () {\r\n return;\r\n })\r\n .catch(function (error) { return console.error(error); });\r\n };\r\n EqServerAggregatesCalculator.prototype.processLevel = function (options) {\r\n var _this = this;\r\n var fetcher = this.context.getServices()\r\n .getDataFetcher();\r\n var fetchOptions = {\r\n aux: true,\r\n query: options.query\r\n };\r\n if (this.context.debugMode) {\r\n fetchOptions.debug = \"Fetching group data. Group: '\" + options.groupName + \"', level: \" + options.level;\r\n }\r\n var resultPromise = fetcher.fetchData(fetchOptions)\r\n .then(function (result) {\r\n var dataTable = new EasyDataTable({\r\n elasticChunks: true\r\n });\r\n var resultSet = result.resultSet;\r\n for (var _i = 0, _a = resultSet.cols; _i < _a.length; _i++) {\r\n var col = _a[_i];\r\n dataTable.columns.add(col);\r\n }\r\n for (var _b = 0, _c = resultSet.rows; _b < _c.length; _b++) {\r\n var row = _c[_b];\r\n dataTable.addRow(row);\r\n }\r\n var levelData = _this.buildLevelData(options.level, dataTable);\r\n _this.aggrContainer.setAggregateData(options.level, levelData);\r\n if (options.resultObtainedCallback) {\r\n options.resultObtainedCallback(result, options.level);\r\n }\r\n })\r\n .catch(function (error) {\r\n if (options.errorOccurredCallback) {\r\n options.errorOccurredCallback(__assign(__assign({}, error), { level: options.level }));\r\n }\r\n });\r\n return resultPromise;\r\n };\r\n EqServerAggregatesCalculator.prototype.buildLevelData = function (level, dataTable) {\r\n var aggrSettings = this.context.getQuery().getAggregationSettings();\r\n var keyColumns = level > 0\r\n ? aggrSettings.getGroups()[level - 1].columns\r\n : [];\r\n var valueColumns = aggrSettings.getAggregates().map(function (a) { return a.colId; });\r\n if (aggrSettings.hasRecordCount()) {\r\n valueColumns.push(aggrSettings.COUNT_FIELD_NAME);\r\n }\r\n var data = new Map();\r\n for (var _i = 0, _a = dataTable.getCachedRows(); _i < _a.length; _i++) {\r\n var row = _a[_i];\r\n var key = {};\r\n var value = {};\r\n for (var _b = 0, keyColumns_1 = keyColumns; _b < keyColumns_1.length; _b++) {\r\n var keyCol = keyColumns_1[_b];\r\n var colIdx = dataTable.columns.getIndex(keyCol);\r\n if (colIdx >= 0) {\r\n var keyVal = row.getValue(keyCol);\r\n if (!aggrSettings.caseSensitiveGroups && typeof (keyVal) === 'string') {\r\n keyVal = keyVal.toLowerCase();\r\n }\r\n key[keyCol] = keyVal;\r\n }\r\n }\r\n for (var _c = 0, valueColumns_1 = valueColumns; _c < valueColumns_1.length; _c++) {\r\n var valueCol = valueColumns_1[_c];\r\n value[valueCol] = row.getValue(valueCol);\r\n }\r\n data.set(JSON.stringify(key), value);\r\n }\r\n return data;\r\n };\r\n EqServerAggregatesCalculator.prototype.needRecalculation = function () {\r\n return this._needRecalculation;\r\n };\r\n EqServerAggregatesCalculator.prototype.reset = function () {\r\n this._needRecalculation = true;\r\n };\r\n return EqServerAggregatesCalculator;\r\n}());\r\nexport { EqServerAggregatesCalculator };\r\n//# sourceMappingURL=eqs_aggr_calculator.js.map","var HttpActionResult = /** @class */ (function () {\r\n function HttpActionResult(request, promise) {\r\n this.request = request;\r\n this.promise = promise;\r\n }\r\n HttpActionResult.prototype.getPromise = function () {\r\n return this.promise;\r\n };\r\n HttpActionResult.prototype.getRequest = function () {\r\n return this.request;\r\n };\r\n HttpActionResult.prototype.then = function (onfulfilled, onrejected) {\r\n return this.promise.then(onfulfilled, onrejected);\r\n };\r\n HttpActionResult.prototype.catch = function (onrejected) {\r\n return this.promise.catch(onrejected);\r\n };\r\n HttpActionResult.prototype.finally = function (onfinally) {\r\n return this.promise.finally(onfinally);\r\n };\r\n return HttpActionResult;\r\n}());\r\nexport { HttpActionResult };\r\n//# sourceMappingURL=http_action_result.js.map","import { EqAggregatesContainer } from '@easyquery/core';\r\nvar DataTableAggregatesCalculator = /** @class */ (function () {\r\n function DataTableAggregatesCalculator(context) {\r\n this.context = context;\r\n //stores current totals by level (group) number\r\n this.levelsTotals = [];\r\n this.prevRow = null;\r\n this.aggrContainer = new EqAggregatesContainer(context);\r\n }\r\n DataTableAggregatesCalculator.prototype.getAggrContainer = function () {\r\n return this.aggrContainer;\r\n };\r\n DataTableAggregatesCalculator.prototype.initObjects = function () {\r\n var _this = this;\r\n this.aggrSettings = this.context.getQuery().getAggregationSettings();\r\n this.groups = this.aggrSettings.getGroups();\r\n this.aggregates = this.aggrSettings.getAggregates();\r\n this.aggrColIds = this.aggrSettings.getAggregates().map(function (a) { return a.colId; });\r\n this.aggrCols = this.context.resultTable.columns.getItems()\r\n .filter(function (col) { return _this.aggrColIds.indexOf(col.id) >= 0; });\r\n this.levelsTotals = [];\r\n this.prevRow = null;\r\n };\r\n DataTableAggregatesCalculator.prototype.createColumnAggregatesObject = function () {\r\n return {\r\n sum: 0,\r\n min: Number.MAX_VALUE,\r\n max: Number.MIN_VALUE\r\n };\r\n };\r\n DataTableAggregatesCalculator.prototype.calculate = function (options) {\r\n this.initObjects();\r\n this.aggrContainer.clear();\r\n options = options || {};\r\n options.maxLevel = options.maxLevel >= 0\r\n ? options.maxLevel : 0;\r\n var levelNumber = this.groups.length + 1; //number of groups plus grand totals\r\n for (var levelIndex = 0; levelIndex < levelNumber; levelIndex++) {\r\n var levelTotals = { count: 0, columns: {} };\r\n this.resetLevelTotals(levelTotals);\r\n this.levelsTotals.push(levelTotals);\r\n }\r\n var allRows = this.context.resultTable.getCachedRows();\r\n if (allRows.length > 0) {\r\n for (var _i = 0, allRows_1 = allRows; _i < allRows_1.length; _i++) {\r\n var row = allRows_1[_i];\r\n this.processDataRow(row);\r\n }\r\n //flusing the totals for all group levels\r\n for (var levelIndex = 1; levelIndex < levelNumber; levelIndex++) {\r\n this.flushLevelTotals(levelIndex);\r\n }\r\n //flusing the grand totals (if they are turned on)\r\n if (this.aggrSettings.hasGrandTotals()) {\r\n this.flushLevelTotals(0);\r\n }\r\n }\r\n return Promise.resolve();\r\n };\r\n DataTableAggregatesCalculator.prototype.resetLevelTotals = function (rowTotals) {\r\n for (var _i = 0, _a = this.aggrCols; _i < _a.length; _i++) {\r\n var aggrCol = _a[_i];\r\n rowTotals.columns[aggrCol.id] = this.createColumnAggregatesObject();\r\n }\r\n rowTotals.count = 0;\r\n };\r\n DataTableAggregatesCalculator.prototype.processDataRow = function (row) {\r\n var levelIndexChanged = this.checkLevelChange(row);\r\n if (levelIndexChanged >= 0) {\r\n for (var levelIndex_1 = levelIndexChanged; levelIndex_1 < this.levelsTotals.length; levelIndex_1++) {\r\n this.flushLevelTotals(levelIndex_1);\r\n }\r\n }\r\n if (this.aggrSettings.hasGrandTotals()) {\r\n this.updateLevelTotals(0, row);\r\n }\r\n var levelIndex = 1;\r\n for (var _i = 0, _a = this.groups; _i < _a.length; _i++) {\r\n var group = _a[_i];\r\n this.updateLevelTotals(levelIndex, row);\r\n levelIndex++;\r\n }\r\n this.prevRow = row;\r\n };\r\n /** Checks if the values in group columns were changed\r\n and return the level number they were */\r\n DataTableAggregatesCalculator.prototype.checkLevelChange = function (row) {\r\n if (this.prevRow == null)\r\n return -1;\r\n for (var groupIndex = 0; groupIndex < this.groups.length; groupIndex++) {\r\n var group = this.groups[groupIndex];\r\n for (var _i = 0, _a = group.columns; _i < _a.length; _i++) {\r\n var colId = _a[_i];\r\n var value = row.getValue(colId);\r\n var prevValue = this.prevRow.getValue(colId);\r\n if (!this.aggrSettings.compareValues(prevValue, value)) {\r\n return groupIndex + 1;\r\n }\r\n }\r\n }\r\n return -1;\r\n };\r\n /** Saves the current values in levelData for the specified level to AggregateContainer\r\n and then reset the data row for that level\r\n */\r\n DataTableAggregatesCalculator.prototype.flushLevelTotals = function (levelIndex) {\r\n var levelTotals = this.levelsTotals[levelIndex];\r\n var group = levelIndex > 0 ? this.groups[levelIndex - 1] : null;\r\n var groupKey = this.aggrSettings.buildGroupKey(group, this.prevRow);\r\n var groupTotals = {};\r\n for (var _i = 0, _a = this.aggregates; _i < _a.length; _i++) {\r\n var aggr = _a[_i];\r\n var columnTotals = levelTotals.columns[aggr.colId];\r\n groupTotals[aggr.colId] = this.applyAggrFunc(aggr.funcId, columnTotals, levelTotals);\r\n }\r\n if (this.aggrSettings.hasRecordCount()) {\r\n groupTotals[this.aggrSettings.COUNT_FIELD_NAME] = levelTotals.count;\r\n }\r\n this.aggrContainer.updateAggregateData(levelIndex, groupKey, groupTotals);\r\n this.resetLevelTotals(levelTotals);\r\n };\r\n DataTableAggregatesCalculator.prototype.applyAggrFunc = function (funcId, columnTotals, levelTotals) {\r\n switch (funcId) {\r\n case \"SUM\":\r\n return columnTotals.sum;\r\n case \"AVG\":\r\n return columnTotals.sum / levelTotals.count;\r\n case \"COUNT\":\r\n case \"CNTDST\":\r\n return levelTotals.count;\r\n case \"MIN\":\r\n return columnTotals.min;\r\n case \"MAX\":\r\n return columnTotals.max;\r\n }\r\n };\r\n /** Updates the totals by values in the current DataRow\r\n * and according to the specified aggregate\r\n */\r\n DataTableAggregatesCalculator.prototype.updateLevelTotals = function (levelIndex, row) {\r\n var levelTotals = this.levelsTotals[levelIndex];\r\n levelTotals.count += 1;\r\n for (var _i = 0, _a = this.aggregates; _i < _a.length; _i++) {\r\n var aggr = _a[_i];\r\n var value = row.getValue(aggr.colId);\r\n var columnTotals = levelTotals.columns[aggr.colId];\r\n columnTotals.sum += value;\r\n if (value < columnTotals.min) {\r\n columnTotals.min = value;\r\n }\r\n if (value > columnTotals.max) {\r\n columnTotals.max = value;\r\n }\r\n }\r\n };\r\n DataTableAggregatesCalculator.prototype.needRecalculation = function () {\r\n return true;\r\n };\r\n DataTableAggregatesCalculator.prototype.reset = function () {\r\n };\r\n return DataTableAggregatesCalculator;\r\n}());\r\nexport { DataTableAggregatesCalculator };\r\n//# sourceMappingURL=data_table_aggr_calculator.js.map","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n} ())\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch(e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch(e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n\n\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\n\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n\n var len = queue.length;\n while(len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { Widget, WidgetGroup } from \"@easyquery/core\";\r\n/**\r\n * The widget responsed for rendering html content\r\n */\r\nvar HtmlContentWidget = /** @class */ (function (_super) {\r\n __extends(HtmlContentWidget, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The html element.\r\n */\r\n function HtmlContentWidget(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.contentElement = slot;\r\n _this.group = WidgetGroup.Result;\r\n return _this;\r\n }\r\n HtmlContentWidget.prototype.getWidgetType = function () {\r\n return 'htmlContent';\r\n };\r\n /**\r\n * Initialize widget.\r\n * @param context The context.\r\n * @param options The options.\r\n */\r\n HtmlContentWidget.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n };\r\n /**\r\n * Refresh widget implementation\r\n */\r\n HtmlContentWidget.prototype.refreshCore = function () {\r\n this.clear();\r\n if (!this.context.resultContent)\r\n return;\r\n this.render();\r\n };\r\n /**\r\n * Renders widget\r\n */\r\n HtmlContentWidget.prototype.render = function () {\r\n if (this.context.resultContent) {\r\n this.contentElement.innerHTML += this.context.resultContent;\r\n }\r\n };\r\n /**\r\n * Clears content.\r\n */\r\n HtmlContentWidget.prototype.clear = function () {\r\n this.contentElement.innerHTML = \"\";\r\n };\r\n HtmlContentWidget.prototype.destroyCore = function () {\r\n this.clear();\r\n };\r\n return HtmlContentWidget;\r\n}(Widget));\r\nexport { HtmlContentWidget };\r\n//# sourceMappingURL=html_content_widget.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { utils as dataUtils } from '@easydata/core';\r\nimport { WidgetGroup } from '@easyquery/core';\r\nimport { HtmlContentWidget } from './html_content_widget';\r\n/**\r\n * The widget responsed for rendering html grid.\r\n */\r\nvar EqHtmlGrid = /** @class */ (function (_super) {\r\n __extends(EqHtmlGrid, _super);\r\n /**\r\n * The default constructor.\r\n * @param slot The html element.\r\n */\r\n function EqHtmlGrid(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.options = {\r\n maxButtonCount: 10,\r\n useBootstrap: false\r\n };\r\n return _this;\r\n }\r\n EqHtmlGrid.prototype.getWidgetType = function () {\r\n return 'eqHtmlGrid';\r\n };\r\n /**\r\n * Initialize widget.\r\n * @param context The context.\r\n * @param options The options.\r\n */\r\n EqHtmlGrid.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n this.setOptions(options);\r\n };\r\n EqHtmlGrid.prototype.setOptions = function (options) {\r\n dataUtils.assignDeep(this.options, options);\r\n };\r\n /**\r\n * Refresh widget implementation\r\n */\r\n EqHtmlGrid.prototype.refreshCore = function () {\r\n _super.prototype.refreshCore.call(this);\r\n this.renderPageNavigator();\r\n };\r\n EqHtmlGrid.prototype.destroyCore = function () {\r\n this.slot.innerHTML = '';\r\n };\r\n /**\r\n * Renders page navigator.\r\n */\r\n EqHtmlGrid.prototype.renderPageNavigator = function () {\r\n var _this = this;\r\n var pageNavigatorPlaceholder = document.getElementById(\"PageNavigator\");\r\n if (!pageNavigatorPlaceholder) {\r\n return;\r\n }\r\n var pageCount = parseInt(pageNavigatorPlaceholder.getAttribute('data-pagecount'));\r\n var pageIndex = parseInt(pageNavigatorPlaceholder.getAttribute('data-pageindex'));\r\n if (pageCount > 1) {\r\n var buttonClick = function (ev) {\r\n var element = ev.target;\r\n if (element.hasAttribute('data-page')) {\r\n var pageNum = parseInt(element.getAttribute('data-page'));\r\n _this.context.fetchDataChunk({\r\n chunk: {\r\n page: pageNum\r\n },\r\n success: function () {\r\n _this.context.refreshWidgets(WidgetGroup.Result);\r\n }\r\n });\r\n }\r\n };\r\n var maxButtonCount = this.options.maxButtonCount || 10;\r\n var zeroBasedIndex = pageIndex - 1;\r\n var firstPageIndex = zeroBasedIndex - (zeroBasedIndex % maxButtonCount) + 1;\r\n var lastPageIndex = firstPageIndex + maxButtonCount - 1;\r\n if (lastPageIndex > pageCount) {\r\n lastPageIndex = pageCount;\r\n }\r\n var ul = document.createElement('ul');\r\n if (this.options.useBootstrap) {\r\n ul.className = \"pagination\";\r\n }\r\n else {\r\n ul.className = \"eqv-pagination\";\r\n }\r\n if (this.options.pageItemCssClass) {\r\n ul.className += \" \" + (this.options.pageItemCssClass);\r\n }\r\n var li = document.createElement('li');\r\n if (this.options.useBootstrap) {\r\n li.className = \"page-item\";\r\n }\r\n var a = document.createElement('span');\r\n a.setAttribute(\"aria-hidden\", 'true');\r\n if (this.options.useBootstrap) {\r\n a.className = \"page-link\";\r\n }\r\n if (firstPageIndex == 1) {\r\n li.className += \" disabled\";\r\n }\r\n else {\r\n if (this.options.useBootstrap) {\r\n a = document.createElement('a');\r\n a.setAttribute('href', 'javascript:void(0)');\r\n a.setAttribute(\"data-page\", \"\" + (firstPageIndex - 1));\r\n a.className = \"page-link\";\r\n }\r\n else {\r\n var newA = document.createElement('a');\r\n newA.setAttribute('href', 'javascript:void(0)');\r\n newA.setAttribute(\"data-page\", \"\" + (firstPageIndex - 1));\r\n a = newA;\r\n }\r\n a.addEventListener(\"click\", buttonClick);\r\n }\r\n a.innerHTML = \"«\";\r\n li.appendChild(a);\r\n ul.appendChild(li);\r\n for (var i = firstPageIndex; i <= lastPageIndex; i++) {\r\n li = document.createElement('li');\r\n if (this.options.useBootstrap) {\r\n li.className = \"page-item\";\r\n }\r\n if (i == pageIndex)\r\n li.className += \" active\";\r\n a = document.createElement('a');\r\n a.setAttribute('href', 'javascript:void(0)');\r\n a.innerHTML = i.toString();\r\n a.setAttribute('data-page', i.toString());\r\n a.className = \"page-link\";\r\n a.addEventListener(\"click\", buttonClick);\r\n li.appendChild(a);\r\n ul.appendChild(li);\r\n }\r\n li = document.createElement('li');\r\n if (this.options.useBootstrap) {\r\n li.className = \"page-item\";\r\n }\r\n a = document.createElement(\"span\");\r\n a.setAttribute('aria-hidden', 'true');\r\n if (this.options.useBootstrap) {\r\n a.className = \"page-link\";\r\n }\r\n if (lastPageIndex == pageCount) {\r\n li.className += \"disabled\";\r\n }\r\n else {\r\n if (this.options.useBootstrap) {\r\n a = document.createElement('a');\r\n a.setAttribute('href', 'javascript:void(0)');\r\n a.setAttribute(\"data-page\", \"\" + (lastPageIndex + 1));\r\n a.className += \" page-link\";\r\n }\r\n else {\r\n var newA = document.createElement('a');\r\n newA.setAttribute('href', 'javascript:void(0)');\r\n newA.setAttribute(\"data-page\", \"\" + (lastPageIndex + 1));\r\n a = newA;\r\n }\r\n a.addEventListener(\"click\", buttonClick);\r\n }\r\n a.innerHTML = \"»\";\r\n li.appendChild(a);\r\n ul.appendChild(li);\r\n pageNavigatorPlaceholder.appendChild(ul);\r\n }\r\n };\r\n return EqHtmlGrid;\r\n}(HtmlContentWidget));\r\nexport { EqHtmlGrid };\r\n//# sourceMappingURL=eq_result_html_grid.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { Widget, WidgetGroup, Query, DataKind } from \"@easyquery/core\";\r\nimport { DataType, utils as dataUtils } from '@easydata/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { ColumnsBar } from './columns_bar';\r\nimport { QueryPanel } from './query_panel';\r\nimport { eqCssPrefix } from '../utils/utils';\r\nvar ManageDrillDownWidget = /** @class */ (function (_super) {\r\n __extends(ManageDrillDownWidget, _super);\r\n function ManageDrillDownWidget(slot) {\r\n var _this = _super.call(this, slot) || this;\r\n _this.clickHandler = function () { return _this.openDialog(); };\r\n _this.columnsBar = null;\r\n _this.queryPanel = null;\r\n _this.ddQuery = null;\r\n _this.cssPrefix = eqCssPrefix;\r\n _this.group = WidgetGroup.None;\r\n return _this;\r\n }\r\n ManageDrillDownWidget.prototype.getWidgetType = function () {\r\n return 'manageDrillDown';\r\n };\r\n ManageDrillDownWidget.prototype.init = function (context, options) {\r\n _super.prototype.init.call(this, context, options);\r\n this.options = options;\r\n this.refresh();\r\n this.slot.addEventListener('click', this.clickHandler);\r\n };\r\n ManageDrillDownWidget.prototype.destroyCore = function () {\r\n this.slot.removeEventListener('click', this.clickHandler);\r\n };\r\n ManageDrillDownWidget.prototype.openDialog = function () {\r\n var _this = this;\r\n var dialogService = this.context.getServices().getDialogService();\r\n var query = this.context.getQuery();\r\n var model = this.context.getModel();\r\n var dialogBody = domel('div')\r\n .addClass(this.cssPrefix + \"-manage-drilldown\")\r\n .addChildElement(this.renderColumnsBarBlock())\r\n .addChildElement(this.renderQueryPanelBlock())\r\n .toDOM();\r\n var op = model.addOrUpdateOperator({\r\n id: 'BindToParentColumn',\r\n caption: 'is bound to',\r\n format: '{expr1} [[is bound to]] {expr2}',\r\n paramCount: 2,\r\n kind: DataKind.ParentColumn,\r\n appliedTypes: [DataType.String, DataType.Bool, DataType.Float, DataType.Int32, DataType.Int64, DataType.Word]\r\n });\r\n op.defaultOperand.dataType = DataType.String;\r\n op.defaultOperand.kind = DataKind.ParentColumn;\r\n model.runThroughEntities(function (attr) {\r\n var opIdx = attr.operators.indexOf(op.id);\r\n if (opIdx > 0) {\r\n dataUtils.moveArrayItem(attr.operators, opIdx, 0);\r\n }\r\n }, null);\r\n this.ddQuery = new Query(model, null, {\r\n parent: query\r\n });\r\n var dds = this.context.getQuery().getDrillDowns();\r\n if (dds.length) {\r\n var dd = dds[0];\r\n this.ddQuery.loadFromData(dd.toJSONData());\r\n }\r\n dialogService.open({\r\n title: 'Manage Drill Down',\r\n body: dialogBody,\r\n cancelable: true,\r\n closable: false,\r\n beforeOpen: function () {\r\n var columnsBarSlot = dialogBody.getElementsByClassName(_this.cssPrefix + \"-columnsbar-slot\")[0];\r\n _this.columnsBar = new ColumnsBar(columnsBarSlot, _this.ddQuery);\r\n _this.columnsBar.init(_this.context, _this.options.columnsBar);\r\n var queryPanelSlot = dialogBody.getElementsByClassName(_this.cssPrefix + \"-querypanel-slot\")[0];\r\n _this.queryPanel = new QueryPanel(queryPanelSlot, _this.ddQuery);\r\n _this.queryPanel.init(_this.context, _this.options.queryPanel);\r\n _this.columnsBar.refresh();\r\n _this.queryPanel.refresh();\r\n },\r\n onSubmit: function () {\r\n return _this.submitDialog();\r\n },\r\n onDestroy: function () {\r\n _this.destroyDialog();\r\n }\r\n });\r\n };\r\n ManageDrillDownWidget.prototype.renderQueryPanelBlock = function () {\r\n var _this = this;\r\n return domel('div')\r\n .addClass(this.cssPrefix + \"-querypanel-block\")\r\n .addChild('div', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-querypanel-caption\"); })\r\n .addChild('div', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-querypanel-slot\"); })\r\n .toDOM();\r\n };\r\n ManageDrillDownWidget.prototype.renderColumnsBarBlock = function () {\r\n var _this = this;\r\n return domel('div')\r\n .addClass(this.cssPrefix + \"-columnsbar-block\")\r\n .addChild('div', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-columnsbar-caption\"); })\r\n .addChild('div', function (b) { return b\r\n .addClass(_this.cssPrefix + \"-columnsbar-slot\"); })\r\n .toDOM();\r\n };\r\n ManageDrillDownWidget.prototype.submitDialog = function () {\r\n if (this.ddQuery.tryValidate({\r\n checkExpressions: true\r\n })) {\r\n var dds = this.context.getQuery().getDrillDowns();\r\n if (dds.length) {\r\n dds[0].loadFromData(this.ddQuery.toJSONData());\r\n this.context.getQuery().fireChangedEvent();\r\n }\r\n else {\r\n if (!this.ddQuery.isEmpty()) {\r\n var dd = this.context.getQuery().addDrillDown();\r\n dd.loadFromData(this.ddQuery.toJSONData());\r\n this.context.getQuery().fireChangedEvent();\r\n }\r\n }\r\n return true;\r\n }\r\n return false;\r\n };\r\n ManageDrillDownWidget.prototype.destroyDialog = function () {\r\n var model = this.context.getModel();\r\n model.removeOperator('BindToParentColumn', true);\r\n this.ddQuery = null;\r\n this.columnsBar && this.columnsBar.destroy();\r\n this.columnsBar = null;\r\n this.queryPanel && this.queryPanel.destroy();\r\n this.queryPanel = null;\r\n };\r\n return ManageDrillDownWidget;\r\n}(Widget));\r\nexport { ManageDrillDownWidget };\r\n//# sourceMappingURL=manage_drilldown_widget.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { QueryChangePart } from '@easyquery/core';\r\nimport { View } from './view';\r\n/**\r\n * The view that represents a data-filtering scenario (a text search for one entity/table)\r\n */\r\nvar DataFilterView = /** @class */ (function (_super) {\r\n __extends(DataFilterView, _super);\r\n function DataFilterView() {\r\n return _super.call(this) || this;\r\n }\r\n DataFilterView.prototype.initOptions = function (options) {\r\n var _this = this;\r\n options = _super.prototype.initOptions.call(this, options);\r\n options.result.fetchEmptyQueries = true;\r\n var query = this.context.getQuery();\r\n query.addChangedCallback(function () {\r\n if (_this.resultOptions.clearResultOnQueryChange) {\r\n _this.context.clearResult();\r\n }\r\n if (options.syncQueryOnChange) {\r\n _this.context.syncQuery();\r\n }\r\n });\r\n this.context.addEventListener('ready', this.fetchData.bind(this));\r\n return options;\r\n };\r\n DataFilterView.prototype.initWidgets = function (options) {\r\n var _this = this;\r\n _super.prototype.initWidgets.call(this, options);\r\n if (this.sortingBarWidget) {\r\n this.context.getQuery().addChangedCallback(function (ev) {\r\n var edata = ev.data;\r\n if (!edata || (edata.part != QueryChangePart.SortingColumns\r\n && edata.part != QueryChangePart.Columns && edata.part != QueryChangePart.All)) {\r\n return;\r\n }\r\n _this.fetchData();\r\n });\r\n }\r\n if (this.filterBarWidget) {\r\n var widgetType = this.filterBarWidget.getWidgetType();\r\n options.widgets[widgetType] = options.widgets[widgetType] || {};\r\n if (!options.widgets[widgetType].applyFilterCallback) {\r\n options.widgets[widgetType].applyFilterCallback = function () {\r\n _this.fetchData();\r\n };\r\n }\r\n }\r\n };\r\n /**\r\n * Obsolete. Left for backward compatibility.\r\n * Use fetchData() instead\r\n * @deprecated Use `fetchData()`\r\n */\r\n DataFilterView.prototype.applyQueryFilter = function () {\r\n console.warn('applyQueryFilter is obsolete. Use fetchData instead');\r\n this.fetchData();\r\n };\r\n DataFilterView.prototype.fetchData = function () {\r\n _super.prototype.fetchData.call(this, { refresh: true });\r\n };\r\n return DataFilterView;\r\n}(View));\r\nexport { DataFilterView };\r\n//# sourceMappingURL=data_filter_view.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { EqHtmlGrid } from \"../widgets/eq_result_html_grid\";\r\nimport { DataFilterView } from \"./data_filter_view\";\r\n/**\r\n * The EasyQuery client-side view that represents the UI for data filtering page\r\n */\r\nvar HtmlDataFilterView = /** @class */ (function (_super) {\r\n __extends(HtmlDataFilterView, _super);\r\n function HtmlDataFilterView() {\r\n return _super.call(this) || this;\r\n }\r\n /**\r\n * Creates the widget that represents Grid Widget.\r\n * @param slot The HTMLElement to place the created widget in.\r\n * @returns the created Widget object.\r\n */\r\n HtmlDataFilterView.prototype.createResultGridWidget = function (element) {\r\n return new EqHtmlGrid(element);\r\n };\r\n /**\r\n * Obsolete. Left for backward compatibility.\r\n * Use fetchData() instead\r\n */\r\n HtmlDataFilterView.prototype.applyQueryFilter = function () {\r\n console.warn('applyQueryFilter is obsolete. Use fetchData instead');\r\n this.fetchData();\r\n };\r\n return HtmlDataFilterView;\r\n}(DataFilterView));\r\nexport { HtmlDataFilterView };\r\n//# sourceMappingURL=html_data_filter_view.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { WidgetGroup, QueryChangePart } from '@easyquery/core';\r\nimport { i18n, utils as dataUtils } from '@easydata/core';\r\nimport { domel } from '@easydata/ui';\r\nimport { browserUtils } from '../utils/browser_utils';\r\nimport { View } from './view';\r\n/**\r\n * The view that represents the \"ad-hoc reporting\" scenario\r\n */\r\nvar ReportView = /** @class */ (function (_super) {\r\n __extends(ReportView, _super);\r\n function ReportView() {\r\n var _this = _super.call(this) || this;\r\n _this.reports = [];\r\n _this.reportCache = [];\r\n _this.exportButtons = [];\r\n _this.exportClass = \"eqjs-export\";\r\n _this.disabledClass = \"eqjs-disabled\";\r\n _this.enableExport = false;\r\n _this.useReportCache = true;\r\n _this.syncReportOnChange = true;\r\n _this._reportSaveTemplate = \"\";\r\n _this.context.useStoredQueryOnFetch = true;\r\n _this.exportButtonClickHandler = function (srcElement, e) {\r\n if (!srcElement.classList.contains(_this.disabledClass)) {\r\n var format = srcElement.getAttribute(\"data-format\");\r\n _this.context.exportResult({ format: format });\r\n }\r\n };\r\n _this.clearReportButtonClickHandler = _this.clearReportButtonClick.bind(_this);\r\n _this.newReportButtonClickHandler = _this.newReportButtonClick.bind(_this);\r\n _this.loadReportButtonClickHandler = _this.loadReportButtonClick.bind(_this);\r\n _this.saveReportButtonClickHandler = _this.saveReportButtonClick.bind(_this);\r\n _this.removeReportButtonClickHandler = _this.removeReportButtonClick.bind(_this);\r\n _this.reloadReportDataButtonClickHandler = _this.reloadReportDataButtonClick.bind(_this);\r\n browserUtils.onMobileModeChanged(function (_) {\r\n document.location.reload();\r\n });\r\n return _this;\r\n }\r\n ReportView.prototype.initOptions = function (options) {\r\n options = _super.prototype.initOptions.call(this, options);\r\n if (typeof (options.syncQueryOnChange) !== \"undefined\") {\r\n this.syncReportOnChange = options.syncQueryOnChange;\r\n }\r\n if (typeof (options.syncReportOnChange) !== \"undefined\") {\r\n this.syncReportOnChange = options.syncReportOnChange;\r\n }\r\n options.syncQueryOnChange = this.syncReportOnChange;\r\n if (typeof (options.useReportCache) !== \"undefined\") {\r\n this.useReportCache = options.useReportCache;\r\n }\r\n this.defaultReportId = options.defaultReportId;\r\n return options;\r\n };\r\n ReportView.prototype.initDone = function () {\r\n var _this = this;\r\n _super.prototype.initDone.call(this);\r\n var query = this.context.getQuery();\r\n query.addChangedCallback(function (event) {\r\n var eventData = event.data;\r\n if (eventData) {\r\n if (eventData.changeType == \"query.switched\") {\r\n _this.context.clearResult();\r\n _this.context.refreshWidgets(WidgetGroup.Result);\r\n _this.context.refreshWidgets(WidgetGroup.Query);\r\n }\r\n else {\r\n _this.disableExportButtons();\r\n if (_this.resultCountSlot) {\r\n _this.resultCountSlot.style.display = \"none\";\r\n }\r\n }\r\n }\r\n //true if we just switched the report or changed facets (query was not changed)\r\n var isLiteUpdate = !eventData\r\n || eventData.changeType == \"query.switched\"\r\n || eventData.part == QueryChangePart.ExtraData\r\n || eventData.part == QueryChangePart.Facets;\r\n var syncStarted = false;\r\n if (_this.syncReportOnChange) {\r\n var needSync = eventData && eventData.changeType != \"query.switched\" && !eventData.noSync;\r\n if (needSync) {\r\n syncStarted = true;\r\n _this.syncReport({\r\n success: function () {\r\n // fetch data on query change\r\n if (!isLiteUpdate && _this.viewOptions.fetchDataOnChange) {\r\n _this.fetchData();\r\n }\r\n }\r\n });\r\n }\r\n }\r\n // clear dataset result on query change\r\n if (!isLiteUpdate && _this.resultOptions.clearResultOnQueryChange) {\r\n _this.context.clearResult();\r\n _this.context.refreshWidgets(WidgetGroup.Result);\r\n }\r\n if (!isLiteUpdate && !syncStarted && _this.viewOptions.fetchDataOnChange) {\r\n _this.fetchData();\r\n }\r\n });\r\n window.setTimeout(function () {\r\n _this.context.loadQueryList({\r\n success: function (data) {\r\n if (Array.isArray(data)) {\r\n _this.reports = data;\r\n var exists = _this.reports.filter(function (r) { return r.id == _this.defaultReportId; }).length > 0;\r\n if (exists) {\r\n _this.renderReportList({ reportId: _this.defaultReportId });\r\n }\r\n else {\r\n _this.renderReportList();\r\n }\r\n }\r\n }\r\n });\r\n }, 100);\r\n };\r\n ReportView.prototype.initWidgets = function (options) {\r\n var _this = this;\r\n _super.prototype.initWidgets.call(this, options);\r\n var clearReportButton = \"ClearReportButton\";\r\n var newReportButton = \"NewReportButton\";\r\n var loadReportButton = \"LoadReportButton\";\r\n var saveReportButton = \"SaveReportButton\";\r\n var removeReportButton = \"RemoveReportButton\";\r\n var reloadReportDataButton = \"ReloadReportDataButton\";\r\n var resultCountSpan = \"ResultCount\";\r\n var exportButtons = \"ResultExportButtons\";\r\n var exportClass = this.exportClass;\r\n if (options.slots) {\r\n resultCountSpan = options.slots.resultCountSpan || resultCountSpan;\r\n exportButtons = options.slots.exportButtons || exportButtons;\r\n clearReportButton = options.slots.clearReportButton || clearReportButton;\r\n newReportButton = options.slots.newReportButton || newReportButton;\r\n loadReportButton = options.slots.loadReportButton || loadReportButton;\r\n saveReportButton = options.slots.saveReportButton || saveReportButton;\r\n removeReportButton = options.slots.removeReportButton || removeReportButton;\r\n reloadReportDataButton = options.slots.reloadReportDataButton || reloadReportDataButton;\r\n exportClass = options.slots.exportClass || exportClass;\r\n }\r\n this.exportButtons = this.domRoots.reduce(function (elems, root) {\r\n return elems.concat(Array.from(root.querySelectorAll(\".\" + exportClass)));\r\n }, []);\r\n this.enableExport = options.enableExport;\r\n if (this.enableExport) {\r\n //Add event listener for export buttons\r\n this.exportButtons.forEach(function (button) {\r\n button.addEventListener('click', _this.exportButtonClickHandler);\r\n });\r\n }\r\n else {\r\n this.hideExportButtons();\r\n }\r\n this.exportButtonsContainer = this.resolveElement(exportButtons);\r\n if (!this.clearReportButton) {\r\n this.clearReportButton = this.resolveElement(clearReportButton);\r\n if (this.clearReportButton) {\r\n this.clearReportButton.addEventListener('click', this.clearReportButtonClickHandler);\r\n }\r\n }\r\n if (!this.newReportButton) {\r\n this.newReportButton = this.resolveElement(newReportButton);\r\n if (this.newReportButton) {\r\n this.newReportButton.addEventListener('click', this.newReportButtonClickHandler);\r\n }\r\n }\r\n if (!this.loadReportButton) {\r\n this.loadReportButton = this.resolveElement(loadReportButton);\r\n if (this.loadReportButton) {\r\n this.loadReportButton.addEventListener('click', this.loadReportButtonClickHandler);\r\n }\r\n }\r\n if (!this.saveReportButton) {\r\n this.saveReportButton = this.resolveElement(saveReportButton);\r\n if (this.saveReportButton) {\r\n this.saveReportButton.addEventListener('click', this.saveReportButtonClickHandler);\r\n }\r\n }\r\n if (!this.removeReportButton) {\r\n this.removeReportButton = this.resolveElement(removeReportButton);\r\n if (this.removeReportButton) {\r\n this.removeReportButton.addEventListener('click', this.removeReportButtonClickHandler);\r\n }\r\n }\r\n if (!this.reloadReportDataButton) {\r\n this.reloadReportDataButton = this.resolveElement(reloadReportDataButton);\r\n //OBSOLETE: remove the next 3 lines. We just support the old default button ID here\r\n if (!this.reloadReportDataButton) {\r\n this.reloadReportDataButton = this.resolveElement('UpdateReportButton');\r\n }\r\n if (this.reloadReportDataButton) {\r\n this.reloadReportDataButton.addEventListener('click', this.reloadReportDataButtonClickHandler);\r\n }\r\n }\r\n this.reportListSlot = document.getElementById('ReportList');\r\n this.resultCountSlot = this.resolveElement(resultCountSpan);\r\n };\r\n /**\r\n * Creates a new report.\r\n */\r\n ReportView.prototype.newReport = function () {\r\n var _this = this;\r\n var ds = this.context.getServices().getDialogService();\r\n var dlg = ds.open({\r\n title: i18n.getText('NewReportDlgTitle'),\r\n body: this._reportSaveTemplate,\r\n submitable: true,\r\n closable: true,\r\n cancelable: true,\r\n submitOnEnter: true,\r\n arrangeParents: false,\r\n beforeOpen: function () {\r\n var input = document.getElementById(\"kdlg-dialog-form-input\");\r\n input.value = i18n.getText('NewReportDefName');\r\n var content = document.getElementById('kdlg-dialog-form-content');\r\n content.innerHTML = i18n.getText('SaveReportDlgLabel');\r\n var label = document.getElementById('kdlg-dialog-form-desc-label');\r\n label.innerHTML = i18n.getText('ReportDescLabel');\r\n input.focus();\r\n },\r\n onSubmit: function () {\r\n var nameInput = document.getElementById(\"kdlg-dialog-form-input\");\r\n var queryName = nameInput.value;\r\n if (queryName && queryName.replace(/\\s/g, '').length > 0) {\r\n dlg.clearAlert();\r\n dlg.disableButtons();\r\n var header_1 = dlg.getRootElement().querySelector('header');\r\n var processEl_1 = domel('div', header_1)\r\n .addClass('eqjs-process-bar local')\r\n .toDOM();\r\n var descInput = document.getElementById(\"kdlg-dialog-form-textarea\");\r\n var queryDesc = descInput.value;\r\n _this.context.newQuery({\r\n name: queryName,\r\n description: queryDesc,\r\n success: function () {\r\n dlg.close();\r\n var query = _this.context.getQuery();\r\n var reportId = query.getId();\r\n _this.insertIntoReportList({ id: reportId, name: query.getName(), description: query.getDescription() });\r\n _this.renderReportList({ reportId: reportId });\r\n },\r\n error: function (error) {\r\n header_1.removeChild(processEl_1);\r\n dlg.enableButtons();\r\n dlg.showAlert(error, 'error');\r\n }\r\n });\r\n }\r\n return false;\r\n }\r\n });\r\n };\r\n /**\r\n * Loads report by ID.\r\n * @param reportId The ID of the report to load.\r\n */\r\n ReportView.prototype.loadReport = function (reportId) {\r\n var _this = this;\r\n if (!reportId) {\r\n throw 'Empty report ID!';\r\n }\r\n var reportToLoad = this.findReportById(reportId);\r\n if (!reportToLoad)\r\n return;\r\n var self = this;\r\n var query = self.context.getQuery();\r\n var reportLoaded = function () {\r\n _this.renderReportProps();\r\n _this.context.resultTable.clear();\r\n query.fireChangedEvent({\r\n part: QueryChangePart.All,\r\n noSync: true,\r\n changeType: 'query.switched'\r\n });\r\n _this.fetchData();\r\n };\r\n var reportContent = this.useReportCache ? this.getReportContentFromCache(reportToLoad) : null;\r\n if (reportContent) {\r\n query.clear();\r\n query.loadFromJson(reportContent, { validate: false });\r\n reportLoaded();\r\n }\r\n else {\r\n this.context.loadQuery({\r\n queryId: reportId,\r\n silent: true,\r\n success: function () {\r\n _this.saveReportContentInCache(reportToLoad, query.toJSON());\r\n reportLoaded();\r\n }\r\n });\r\n }\r\n this.setActiveReport(reportId);\r\n };\r\n /**\r\n * Shows the dialog to save the report with new name.\r\n */\r\n ReportView.prototype.saveCurrentReportAs = function () {\r\n var _this = this;\r\n var query = this.context.getQuery();\r\n var ds = this.context.getServices().getDialogService();\r\n var dlg = ds.open({\r\n title: i18n.getText('SaveReportDlgTitle'),\r\n body: this._reportSaveTemplate,\r\n submitable: true,\r\n closable: true,\r\n cancelable: true,\r\n submitOnEnter: true,\r\n arrangeParents: false,\r\n beforeOpen: function () {\r\n var input = document.getElementById(\"kdlg-dialog-form-input\");\r\n input.value = query.getName();\r\n var content = document.getElementById('kdlg-dialog-form-content');\r\n content.innerHTML = i18n.getText('SaveReportDlgLabel');\r\n var label = document.getElementById('kdlg-dialog-form-desc-label');\r\n label.innerHTML = i18n.getText('ReportDescLabel');\r\n var text = document.getElementById(\"kdlg-dialog-form-textarea\");\r\n text.value = query.getDescription();\r\n input.focus();\r\n },\r\n onSubmit: function () {\r\n var input = document.getElementById(\"kdlg-dialog-form-input\");\r\n var value = input.value;\r\n if (value && value.replace(/\\s/g, '').length > 0) {\r\n query.setId(dataUtils.generateId(value.replace(/\\s/g, '')));\r\n dlg.clearAlert();\r\n dlg.disableButtons();\r\n var header_2 = dlg.getRootElement().querySelector('header');\r\n var processEl_2 = domel('div', header_2)\r\n .addClass('eqjs-process-bar local')\r\n .toDOM();\r\n var text = document.getElementById(\"kdlg-dialog-form-textarea\");\r\n var desc = text.value;\r\n query.setDescription(desc);\r\n _this.context.newQuery({\r\n clearQuery: false,\r\n name: value,\r\n success: function () {\r\n dlg.close();\r\n _this.context.refreshWidgets(WidgetGroup.Query);\r\n var savedQuery = _this.context.getQuery();\r\n var reportId = savedQuery.getId();\r\n _this.fetchData();\r\n _this.insertIntoReportList({ id: reportId, name: query.getName(), description: query.getDescription() });\r\n _this.renderReportList({ reportId: reportId });\r\n _this.setActiveReport(reportId);\r\n _this.renderReportProps();\r\n },\r\n error: function (error) {\r\n header_2.removeChild(processEl_2);\r\n dlg.enableButtons();\r\n dlg.showAlert(error, 'error');\r\n }\r\n });\r\n }\r\n return false;\r\n }\r\n });\r\n };\r\n /**\r\n * Removes current report.\r\n */\r\n ReportView.prototype.removeCurrentReport = function () {\r\n var _this = this;\r\n var report = this.context.getQuery();\r\n var ds = this.context.getServices().getDialogService();\r\n ds.openConfirm(i18n.getText('RemoveReportDlgTitle'), i18n.getText('RemoveReportContent').replace('{reportName}', report.getName()))\r\n .then(function (result) {\r\n if (result) {\r\n var reportId_1 = report.getId();\r\n _this.context.removeQuery({\r\n queryId: reportId_1,\r\n success: function () {\r\n var index = _this.removeFromReportList(reportId_1);\r\n _this.renderReportList({ reportIndex: index });\r\n }\r\n });\r\n }\r\n });\r\n };\r\n /**\r\n * Sends current report's query to back-end.\r\n */\r\n ReportView.prototype.syncReport = function (options) {\r\n var _this = this;\r\n if (this.useReportCache) {\r\n var query = this.context.getQuery();\r\n var currentReport = this.findReportById(query.getId());\r\n if (currentReport) {\r\n currentReport.lastUpdated = Date.now();\r\n this.saveReportContentInCache(currentReport, query.toJSON());\r\n }\r\n }\r\n this.context.syncQuery({\r\n success: function (responseData) {\r\n if (responseData.query) {\r\n _this.context.refreshWidgets(WidgetGroup.Query);\r\n }\r\n if (responseData.statement) {\r\n _this.context.refreshWidgets(WidgetGroup.Statement);\r\n }\r\n if (options && options.success) {\r\n options.success(responseData);\r\n }\r\n }\r\n });\r\n };\r\n /**\r\n * Sets active report.\r\n * @param reportId The ID of the report to make active.\r\n */\r\n ReportView.prototype.setActiveReport = function (reportId) {\r\n var rlItems = this.reportListSlot.querySelectorAll('li');\r\n for (var i = 0; i < rlItems.length; i++) {\r\n var item = rlItems[i];\r\n item.classList.remove('active');\r\n var rid = item.getAttribute('data-rid');\r\n if (rid === reportId) {\r\n item.classList.add('active');\r\n }\r\n }\r\n ;\r\n };\r\n /**\r\n * Renders current report.\r\n */\r\n ReportView.prototype.renderReportProps = function () {\r\n var query = this.context.getQuery();\r\n var titleElem = document.getElementById('ReportTitle');\r\n titleElem.innerHTML = query.getName();\r\n var columnsPanel = document.querySelector('.columns-bar');\r\n if (columnsPanel) {\r\n columnsPanel.innerHTML = 'Columns:';\r\n var columns = query.getColumns();\r\n for (var _i = 0, columns_1 = columns; _i < columns_1.length; _i++) {\r\n var column = columns_1[_i];\r\n columnsPanel.innerHTML += '' + column.caption + ' ';\r\n }\r\n }\r\n };\r\n /**\r\n * Renders the list of reports.\r\n * @param options The options. In particular, `options.reportIndex` defines which report should be active.\r\n */\r\n ReportView.prototype.renderReportList = function (options) {\r\n this.renderReportPanels();\r\n if (!this.reportListSlot.matches('li')) {\r\n this.reportListSlot.innerHTML = \"\";\r\n options = options || { reportId: (this.reports.length > 0 ? this.reports[0].id : null) };\r\n var ul = document.createElement('ul');\r\n ul.className = 'list-group list-group-flush';\r\n this.reportListSlot.appendChild(ul);\r\n for (var _i = 0, _a = this.reports; _i < _a.length; _i++) {\r\n var report = _a[_i];\r\n this.renderReportItemInList(report, ul);\r\n }\r\n if (options.reportId) {\r\n this.loadReport(options.reportId);\r\n }\r\n if (typeof (options.reportIndex) !== \"undefined\") {\r\n var idx = options.reportIndex;\r\n if (idx >= this.reports.length)\r\n idx = this.reports.length - 1;\r\n if (idx < 0 && this.reports.length > 0)\r\n idx = 0;\r\n if (idx >= 0)\r\n this.loadReport(this.reports[idx].id);\r\n }\r\n }\r\n };\r\n ReportView.prototype.detach = function () {\r\n var _this = this;\r\n if (this.exportButtonsContainer) {\r\n this.showExportButtons();\r\n this.exportButtons.forEach(function (button) {\r\n button.removeEventListener('click', _this.exportButtonClickHandler);\r\n });\r\n this.exportButtons = [];\r\n this.exportButtonsContainer = null;\r\n }\r\n if (this.clearReportButton) {\r\n this.clearReportButton.removeEventListener('click', this.clearReportButtonClickHandler);\r\n this.clearReportButton = null;\r\n }\r\n if (this.newReportButton) {\r\n this.newReportButton.removeEventListener('click', this.newReportButtonClickHandler);\r\n this.newReportButton = null;\r\n }\r\n if (this.loadReportButton) {\r\n this.loadReportButton.removeEventListener('click', this.loadReportButtonClickHandler);\r\n this.loadReportButton = null;\r\n }\r\n if (this.saveReportButton) {\r\n this.saveReportButton.addEventListener('click', this.saveReportButtonClickHandler);\r\n this.saveReportButton = null;\r\n }\r\n if (this.removeReportButton) {\r\n this.removeReportButton.removeEventListener('click', this.removeReportButtonClickHandler);\r\n this.removeReportButton = null;\r\n }\r\n if (this.reloadReportDataButton) {\r\n this.reloadReportDataButton.removeEventListener('click', this.reloadReportDataButtonClickHandler);\r\n this.removeReportButton = null;\r\n }\r\n if (this.reportListSlot) {\r\n this.reportListSlot.innerHTML = '';\r\n this.reportListSlot = null;\r\n }\r\n if (this.resultCountSlot) {\r\n this.resultCountSlot.innerHTML = '';\r\n this.resultCountSlot = null;\r\n }\r\n _super.prototype.detach.call(this);\r\n };\r\n /**\r\n * Renders a single item in the list of reports.\r\n * @param report The [[Report]] object to render.\r\n * @param ul The [[HTMLUListElement]] to add the item to.\r\n */\r\n ReportView.prototype.renderReportItemInList = function (report, ul) {\r\n var _this = this;\r\n if (!ul) {\r\n ul = this.reportListSlot.querySelector(\"ul\");\r\n }\r\n var reportName = report.name || report.description || \"\";\r\n var li = document.createElement('li');\r\n li.className = \"list-group-item\";\r\n li.style.cursor = 'pointer';\r\n li.setAttribute('data-rid', report.id);\r\n li.innerText = reportName;\r\n if (report.description) {\r\n li.title = report.description;\r\n }\r\n li.addEventListener('click', function (e) {\r\n var target = e.target;\r\n var rid = target.getAttribute('data-rid');\r\n _this.loadReport(rid);\r\n _this.setActiveReport(rid);\r\n });\r\n ul.appendChild(li);\r\n };\r\n /**\r\n * Renders report panels.\r\n */\r\n ReportView.prototype.renderReportPanels = function () {\r\n var reportsContainer = document.getElementById(\"ReportsContainer\");\r\n var noReportPanel = document.getElementById(\"NoReportPanel\");\r\n if (this.reports.length > 0) {\r\n this.hideElement(noReportPanel);\r\n this.showElement(reportsContainer);\r\n }\r\n else {\r\n this.hideElement(reportsContainer);\r\n this.showElement(noReportPanel);\r\n }\r\n };\r\n //TODO: Move these two functions to @easydata/ui\r\n ReportView.prototype.hideElement = function (element) {\r\n if (element) {\r\n element.style.visibility = 'hidden';\r\n }\r\n };\r\n ReportView.prototype.showElement = function (element) {\r\n if (element) {\r\n element.style.removeProperty('visibility');\r\n }\r\n };\r\n /**\r\n * Inserts the report to the list of reports.\r\n * @param report The [[Report]] object to be inserted.\r\n */\r\n ReportView.prototype.insertIntoReportList = function (report) {\r\n this.reports.push(report);\r\n };\r\n /**\r\n * Removes the report from the list of reports.\r\n * @param reportId The ID of the report to be removed.\r\n * @returns the index of removed report.\r\n */\r\n ReportView.prototype.removeFromReportList = function (reportId) {\r\n var index = this.indexOfReportById(reportId);\r\n if (index >= 0)\r\n this.reports.splice(index, 1);\r\n return index;\r\n };\r\n ReportView.prototype.indexOfReportById = function (reportId) {\r\n for (var i = 0; i < this.reports.length; i++) {\r\n if (this.reports[i].id === reportId)\r\n return i;\r\n }\r\n return -1;\r\n };\r\n /**\r\n * The handler of the \"Clear\" button click.\r\n */\r\n ReportView.prototype.clearReportButtonClick = function () {\r\n this.clearErrors();\r\n this.context.clearQuery();\r\n };\r\n /**\r\n * The handler of the \"Update\" button click.\r\n */\r\n ReportView.prototype.reloadReportDataButtonClick = function () {\r\n this.fetchData();\r\n };\r\n /**\r\n * The handler of the \"Save\" button click.\r\n */\r\n ReportView.prototype.saveReportButtonClick = function () {\r\n this.saveCurrentReportAs();\r\n };\r\n /**\r\n * The handler of the \"Load\" button click.\r\n */\r\n ReportView.prototype.loadReportButtonClick = function () {\r\n this.loadReport(\"LastQuery\");\r\n };\r\n /**\r\n * The handler of the \"Remove\" button click.\r\n */\r\n ReportView.prototype.removeReportButtonClick = function () {\r\n this.removeCurrentReport();\r\n };\r\n /**\r\n * The handler of the \"New\" button click.\r\n */\r\n ReportView.prototype.newReportButtonClick = function () {\r\n this.newReport();\r\n };\r\n /**\r\n * The handler of errors.\r\n * @param error The error object.\r\n */\r\n ReportView.prototype.errorHandler = function (error) {\r\n };\r\n /**\r\n * Clears the errors.\r\n */\r\n ReportView.prototype.clearErrors = function () {\r\n };\r\n /**\r\n * Disables export buttons.\r\n */\r\n ReportView.prototype.disableExportButtons = function () {\r\n this.hideExportButtons();\r\n };\r\n /**\r\n * Enables export buttons.\r\n */\r\n ReportView.prototype.enableExportButtons = function () {\r\n this.showExportButtons();\r\n };\r\n /**\r\n * Hides export buttons.\r\n */\r\n ReportView.prototype.hideExportButtons = function () {\r\n if (this.exportButtonsContainer) {\r\n this.exportButtonsContainer.style.display = \"none\";\r\n }\r\n };\r\n /**\r\n * Shows export buttons.\r\n */\r\n ReportView.prototype.showExportButtons = function () {\r\n if (this.exportButtonsContainer) {\r\n this.exportButtonsContainer.style.display = \"initial\";\r\n }\r\n };\r\n /**\r\n * Saves reports content to the cache.\r\n * @param report The report.\r\n * @param content The content (Query serialized into JSON).\r\n */\r\n ReportView.prototype.saveReportContentInCache = function (report, content) {\r\n var item = this.findReportCacheItem(report.id);\r\n if (!item) {\r\n item = { id: report.id };\r\n this.reportCache.push(item);\r\n }\r\n item.lastUpdated = report.lastUpdated;\r\n item.content = content;\r\n };\r\n /**\r\n * Gets the report content from cache.\r\n * @param report The report.\r\n * @returns Content of the report (Query in JSOn string)\r\n */\r\n ReportView.prototype.getReportContentFromCache = function (report) {\r\n var item = this.findReportCacheItem(report.id);\r\n if (item && item.lastUpdated === report.lastUpdated) {\r\n return item.content;\r\n }\r\n return null;\r\n };\r\n ReportView.prototype.findReportById = function (id) {\r\n for (var _i = 0, _a = this.reports; _i < _a.length; _i++) {\r\n var item = _a[_i];\r\n if (item.id === id) {\r\n return item;\r\n }\r\n }\r\n return null;\r\n };\r\n ReportView.prototype.findReportCacheItem = function (id) {\r\n for (var _i = 0, _a = this.reportCache; _i < _a.length; _i++) {\r\n var item = _a[_i];\r\n if (item.id === id) {\r\n return item;\r\n }\r\n }\r\n return null;\r\n };\r\n return ReportView;\r\n}(View));\r\nexport { ReportView };\r\n//# sourceMappingURL=report_view.js.map","import { i18n } from '@easydata/core';\r\nfunction addOldEasyQueryUIMapper() {\r\n i18n.addMapper(function (info) {\r\n if (!info && !info.texts)\r\n return;\r\n for (var prop in info.texts) {\r\n switch (prop) {\r\n case 'PredicateTitle':\r\n info.texts['ConditionGroupTitle'] = info.texts[prop];\r\n break;\r\n case 'RootPredicateTitle':\r\n info.texts['RootConditionGroupTitle'] = info.texts[prop];\r\n break;\r\n case 'ErrIncorrectPredicateTitleFormat':\r\n info.texts['ErrIncorrectGroupTitleFormat'] = info.texts[prop];\r\n break;\r\n case 'ButtonAddPredicate':\r\n info.texts['ButtonAddGroup'] = info.texts[prop];\r\n break;\r\n case 'ButtonDelete':\r\n info.texts['CmdDelete'] = info.texts[prop];\r\n break;\r\n case 'ButtonClear':\r\n info.texts['CmdClear'] = info.texts[prop];\r\n break;\r\n case 'ButtonEnable':\r\n info.texts['CmdToggleEnable'] = info.texts[prop];\r\n break;\r\n case 'ButtonAddCondition':\r\n info.texts['CmdAddCondition'] = info.texts[prop];\r\n break;\r\n case 'ButtonAddGroup':\r\n info.texts['CmdAddCondGroup'] = info.texts[prop];\r\n break;\r\n default:\r\n //do nothing\r\n break;\r\n }\r\n }\r\n });\r\n}\r\nfunction addEasyQueryUITexts() {\r\n i18n.updateDefaultTexts({\r\n AltMenuAttribute: 'Attribute',\r\n AltMenuConstantExpression: 'Constant expression',\r\n ButtonApply: 'Apply',\r\n ButtonCancel: 'Cancel',\r\n ButtonClose: 'Close',\r\n ButtonNext: 'Next',\r\n ButtonPrev: 'Prev',\r\n ButtonNow: 'Now',\r\n ButtonOK: 'OK',\r\n MenuEnable: 'Enabled',\r\n MenuParameterization: 'Parameterized',\r\n MenuJoinCond: 'Use in JOIN',\r\n CmdClear: 'Clear',\r\n CmdDelete: 'Delete',\r\n CmdToggleEnable: 'Toggle enable',\r\n CmdAddCondition: 'Add condition',\r\n CmdAddCondGroup: 'Add group of conditions',\r\n ButtonSelectAll: 'Select all',\r\n ButtonDeselectAll: 'Clear selection',\r\n ButtonAddColumns: 'Add column(s)',\r\n ButtonAddConditions: 'Add condition(s)',\r\n CmdClickToAddCondition: '[Add new condition]',\r\n CmdDeleteRow: 'Delete this row',\r\n ErrIncorrectGroupTitleFormat: 'Incorrect condition group title format',\r\n ErrNotNumber: ' is not a number',\r\n ErrIncorrectInteger: 'Incorrect integer value',\r\n ErrIncorrectNumberList: 'Incorrect list format',\r\n False: 'False',\r\n LinkTypeAll: 'all',\r\n LinkTypeAny: 'any',\r\n LinkTypeNone: 'none',\r\n LinkTypeNotAll: 'not all',\r\n ConjAll: 'and',\r\n ConjAny: 'or',\r\n ConjNotAll: 'and',\r\n ConjNone: 'or',\r\n MsgApplySelection: '[Apply selection]',\r\n MsgAs: 'as',\r\n MsgEmptyList: '(empty list)',\r\n MsgEmptyListValue: '[select value]',\r\n MsgEmptyScalarValue: '[enter value]',\r\n MsgSubQueryValue: '[edit sub-query]',\r\n MsgEmptyAttrValue: '[select attribute]',\r\n MsgEmptyOperator: '[Unrecognized operator]',\r\n MsgEmptyCustomSql: '[enter SQL expression]',\r\n MsgCustomSql: '[Custom SQL]',\r\n MsgNoResult: 'No result',\r\n MsgResultCount: '{0} records found',\r\n MsgOf: 'of',\r\n ConditionGroupTitle: '{lt} of the following apply',\r\n RootConditionGroupTitle: 'Select records where {lt} of the following apply',\r\n StrAddConditions: 'Add conditions',\r\n SubQueryDialogTitle: 'Edit sub-query',\r\n SubQueryColumnTitle: 'Column:',\r\n SubQueryEmptyColumn: '[select column]',\r\n SubQueryQueryPanelCaption: 'Conditions',\r\n True: 'True',\r\n ButtonSorting: 'Sorting',\r\n ButtonToAggr: 'Change to aggregate column',\r\n ButtonToSimple: 'Change to simple column',\r\n ButtonFormat: 'Display format',\r\n CmdAscending: 'Ascending',\r\n CmdClickToAddColumn: '[Add new column]',\r\n CmdDeleteColumn: 'Delete column',\r\n CmdDeleteSorting: 'Delete sorting',\r\n CmdDescending: 'Descending',\r\n CmdGroupSort: 'Sorting',\r\n CmdGroupFormat: 'Display format',\r\n CmdNotSorted: 'Not sorted',\r\n ColTypeAggrFunc: 'Aggregate function',\r\n ColTypeCompound: 'Calculated',\r\n ColTypeGroup: 'Column type',\r\n ColTypeSimple: 'Simple column',\r\n HeaderExpression: 'Expression',\r\n HeaderSorting: 'Sorting',\r\n HeaderTitle: 'Title',\r\n SortHeaderColumn: 'Column',\r\n SortHeaderSorting: 'Sorting',\r\n StrAddColumns: 'Add columns',\r\n CustomExpression: 'Custom Expression',\r\n AddAllForEntityText: '[Add all attributes]',\r\n CmdMoveToStart: 'Move to start',\r\n CmdMoveRight: 'Move right',\r\n CmdMoveLeft: 'Move left',\r\n CmdMoveToEnd: 'Move to the end',\r\n CmdMoveUp: 'Move up',\r\n CmdMoveDown: 'Move down',\r\n ButtonMenu: 'Show menu',\r\n CmdToSimple: 'Not aggregated',\r\n CmdMoveToFirst: 'Move to the first',\r\n CmdMoveToPrev: 'Move to the previous',\r\n CmdMoveToNext: 'Move to the next',\r\n CmdMoveToLast: 'Move to the last',\r\n CmdHiddenColumn: 'Hidden',\r\n RowButtonTitle: 'Click to see the available options',\r\n EntityToggle: 'Toggle entity',\r\n //FilterBar\r\n StrNoFilterDefined: 'No filter defined',\r\n StrNoFilterClickToAdd: 'No filter defined. Click to add a new condition',\r\n //Time picker\r\n HintHours: 'Hours',\r\n HintMinutes: 'Minutes',\r\n //advanced search view texts\r\n RemoveQueryTitle: 'Confirmation',\r\n RemoveQueryContent: 'Remove query [{queryName}]?',\r\n NewQueryTitle: 'New query',\r\n NewQueryContent: 'New query name: ',\r\n NewQueryDefName: 'New query',\r\n SaveQueryTitle: 'Save query',\r\n SaveQueryContent: 'Query name: ',\r\n SaveQueryDefName: '{queryName} copy',\r\n QueryChangedTitle: 'Confirmation',\r\n QueryChangedContent: 'The query was changed. Do you want to save it first?',\r\n UpdateQuerySelector: '[click here to load the query]',\r\n FileNameLabel: 'File name: ',\r\n SaveQueryToFileDlgTitle: 'Save query to file',\r\n //report view texts\r\n NewReportDefName: 'New report',\r\n NewReportDlgTitle: 'New report',\r\n SaveReportDlgTitle: 'Save report',\r\n SaveReportDlgLabel: 'Report name:',\r\n ReportDescLabel: 'Description: ',\r\n RemoveReportDlgTitle: 'Remove report',\r\n RemoveReportContent: 'Are you sure you want to remove \\'{reportName}\\'?',\r\n //facets\r\n Facets: {\r\n TotalRecordsLabel: 'Total records:',\r\n AddMenuItems: {\r\n Chart: 'Chart',\r\n Pivot: 'Pivot table',\r\n DataTable: 'Data table'\r\n },\r\n LoadDataDlgTitle: 'Downloading data',\r\n LoadDataDlgContent: 'Records loaded: {loadedRecs}/{totalRecs}',\r\n RefreshBtnTitle: 'Refresh',\r\n ExportBtnTitle: 'Export',\r\n MaximizeBtnTitle: 'Maximize',\r\n RestoreBtnTitle: 'Restore Down',\r\n RemoveFacetDlgTitle: 'Remove facet',\r\n RemoveFacetDlgContent: \"Are you sure, that you want to delete {facetTitle} tab?\",\r\n DefaultDlgTitle: 'Setup facet',\r\n DefaultFacetTitle: '',\r\n NewFacetTitle: 'New Facet',\r\n TabNameLabel: 'Tab name',\r\n ErrQueryChanged: 'FAILED TO DISPLAY. QUERY WAS CHANGED',\r\n ErrNotEnoughData: \"We can't display the graph because not all data for this query is loaded. \\n The total number of records: {totalRecs}, currently loaded: {cachedRecs}. \\n You can [download the result]. Please note: this may take some time and consume a lot of memory.\",\r\n ErrTooMuchData: 'Too much data. The grid is not able to display it',\r\n Chart: {\r\n FacetTitle: 'Chart',\r\n DlgTitle: 'Chart settings',\r\n DataColumnSelectorLabel: 'Data column',\r\n LabelColumnSelectorLabel: 'Label column',\r\n ChartTypeSelectorLabel: 'Chart type',\r\n ShowLegendLabel: 'Show legend (if available)'\r\n },\r\n Pivot: {\r\n FacetTitle: 'Pivot table',\r\n DlgTitle: 'Pivot settings',\r\n SwapBtnTitle: 'Swap column and row fields',\r\n ColumnFieldSelectorLabel: 'Column field',\r\n RowFieldSelectorLabel: 'Row field',\r\n CellDataSelectorLabel: 'Cell data',\r\n TotalsRowLabel: 'Totals row',\r\n TotalsColLabel: 'Totals column',\r\n TotalGridLabel: 'Total'\r\n },\r\n DataTable: {\r\n FacetTitle: 'Result table',\r\n DlgTitle: 'Table facet settings'\r\n }\r\n },\r\n TotalsDlgLabel: 'Totals',\r\n GrandTotalsLabel: 'Grand totals',\r\n TotalsDlgTitle: 'Select totals',\r\n //formats\r\n ExportDlgTitle: 'Export result',\r\n ExportDlgFmtLabel: 'Format',\r\n 'csv': 'CSV',\r\n 'excel': 'Excel',\r\n 'pdf': 'PDF',\r\n 'excel-html': 'HTML (Excel-compatible)',\r\n // Aggregation settings\r\n AggrSettings: {\r\n GroupBtn: 'Group selected column(s)',\r\n UngroupBtn: 'Ungroup columns',\r\n AggrBtn: 'Aggregate selected column',\r\n UnaggrBtn: 'Remove column aggregation',\r\n GrandTotalsLabel: 'Show grand totals',\r\n GroupCountsLabel: 'Show record count for groups',\r\n AggrDialogTitle: 'Aggregation/grouping',\r\n EnableAggrLabel: 'Enable aggregation',\r\n SelectedError: 'Complete the action with selected column(s)',\r\n NoGroupsOrAggrError: 'Add at least one group or aggregation',\r\n NoGroupsOrGrandError: 'Add at least one group, or enable grand totals',\r\n NoAggrOrCountError: 'Add at least one aggregation, or enable records count',\r\n NoGroupsLabel: 'No groups',\r\n NoAggrsLabel: 'No aggregations',\r\n EmptySettingsLabel: '[ Click to setup ]'\r\n },\r\n ChartType: {\r\n Area: 'Area chart',\r\n Bar: 'Bar chart',\r\n Column: 'Column chart',\r\n Combo: 'Combo chart',\r\n Doughnut: 'Doughnut chart',\r\n Polar: 'Polar chart',\r\n Radar: 'Radar chart',\r\n Histogram: 'Histogram chart',\r\n Line: 'Line chart',\r\n SteppedLine: 'Stepped line chart',\r\n Pie: 'Pie chart'\r\n }\r\n });\r\n}\r\naddOldEasyQueryUIMapper();\r\naddEasyQueryUITexts();\r\n//# sourceMappingURL=text_resources.js.map","import { EqServiceProvider } from '@easyquery/core';\r\nEqServiceProvider.prototype.registerDialogServiceResolver = function (resolver) {\r\n this['dialogServiceResolver'] = resolver;\r\n};\r\nEqServiceProvider.prototype.getDialogService = function () {\r\n if (!this['dialogService']) {\r\n if (!this['dialogServiceResolver']) {\r\n throw 'DialogServiceResolver is not defined';\r\n }\r\n this['dialogService'] = this['dialogServiceResolver']();\r\n }\r\n return this['dialogService'];\r\n};\r\n//# sourceMappingURL=extensions.js.map","export * from './widgets/entities_panel';\r\nexport * from './widgets/columns_panel';\r\nexport * from './widgets/columns_bar';\r\nexport * from './widgets/sorting_bar';\r\nexport * from './widgets/query_panel';\r\nexport * from './widgets/filter_bar';\r\nexport * from './widgets/html_content_widget';\r\nexport * from './widgets/eq_result_html_grid';\r\nexport * from './widgets/grid';\r\nexport * from './widgets/easy_grid_widget';\r\nexport * from './widgets/statement_panel';\r\nexport * from './widgets/process_widget';\r\nexport * from './widgets/manage_drilldown_widget';\r\nexport * from './widgets/result_facets_panel';\r\nexport * from './widgets/export_widget';\r\nexport * from './widgets/aggregation_bar';\r\nexport * from './widgets/charts/chart_type';\r\nexport * from './widgets/charts/chart_widget';\r\nexport * from './widgets/charts/chart_widget_google';\r\nexport * from './widgets/charts/chart_widget_chartjs';\r\nexport * from './widgets/renderers/base_element_renderer';\r\nexport * from './widgets/renderers/dropdown_renderer';\r\nexport * from './widgets/renderers/aggr_settings/aggr_settings_renderer';\r\nexport * from './widgets/renderers/columnsbar/aggrfunc_column_renderer';\r\nexport * from './widgets/renderers/columnsbar/simple_column_renderer';\r\nexport * from './widgets/renderers/columnsbar/column_renderer_cb';\r\nexport * from './widgets/renderers/columnspanel/aggrfunc_column_renderer';\r\nexport * from './widgets/renderers/columnspanel/simple_column_renderer';\r\nexport * from './widgets/renderers/columnspanel/column_renderer_cp';\r\nexport * from './widgets/renderers/columnspanel/customsql_column_renderer';\r\nexport * from './widgets/renderers/querypanel/input_expression_renderer';\r\nexport * from './widgets/renderers/querypanel/datetime_expression_render';\r\nexport * from './widgets/renderers/querypanel/condition_renderer';\r\nexport * from './widgets/renderers/querypanel/condition_group_renderer';\r\nexport * from './widgets/renderers/querypanel/attribute_expression_renderer';\r\nexport * from './widgets/renderers/querypanel/expression_renderer';\r\nexport * from './widgets/renderers/querypanel/operator_renderer';\r\nexport * from './widgets/renderers/querypanel/subquery_expression_renderer';\r\nexport * from './widgets/renderers/querypanel/list_expression_renderer';\r\nexport * from './widgets/renderers/querypanel/text_renderer';\r\nexport * from './widgets/renderers/querypanel/addrow_renderer';\r\nexport * from './facets/result_facet';\r\nexport * from './facets/datatable_facet';\r\nexport * from './facets/chart_facet';\r\nexport * from './facets/pivot_table_facet';\r\nexport * from './views/view';\r\nexport * from './views/adv_search_view';\r\nexport * from './views/data_filter_view';\r\nexport * from './views/html_data_filter_view';\r\nexport * from './views/report_view';\r\nexport * from './utils/dropdown';\r\nexport * from './utils/popup_menu';\r\nexport * from './utils/browser_utils';\r\nexport * from './types/qp_editable_part';\r\nexport * from './types/facet_type';\r\nexport * from './dialog/export_dialog';\r\nexport * from './dialog/aggr_settings_dialog';\r\nimport './i18n/text_resources';\r\nimport './extensions';\r\nif (!Element.prototype.matches) {\r\n Element.prototype.matches =\r\n Element.prototype.msMatchesSelector\r\n || Element.prototype.webkitMatchesSelector;\r\n}\r\n// support NodeList forEach in IE11\r\nif (window['NodeList'] && !window['NodeList'].prototype.forEach) {\r\n window['NodeList'].prototype.forEach = Array.prototype.forEach;\r\n}\r\n//find index in IE11\r\nif (!Array.prototype.findIndex) {\r\n Array.prototype.findIndex = function (predicate) {\r\n if (this == null) {\r\n throw new TypeError('Array.prototype.findIndex called on null or undefined');\r\n }\r\n if (typeof predicate !== 'function') {\r\n throw new TypeError('predicate must be a function');\r\n }\r\n var list = Object(this);\r\n var length = list.length >>> 0;\r\n var thisArg = arguments[1];\r\n var value;\r\n for (var i = 0; i < length; i++) {\r\n value = list[i];\r\n if (predicate.call(thisArg, value, i, list)) {\r\n return i;\r\n }\r\n }\r\n return -1;\r\n };\r\n}\r\n//# sourceMappingURL=public_api.js.map","var majVer = 7;\r\nvar minVer = 2;\r\nvar magics = [45, 128, 231];\r\nMath.trunc = Math.trunc || function (x) {\r\n if (isNaN(x)) {\r\n return NaN;\r\n }\r\n if (x > 0) {\r\n return Math.floor(x);\r\n }\r\n return Math.ceil(x);\r\n};\r\nexport var lcv = {\r\n __kt: 0,\r\n ck: function (key) {\r\n if (!key || !key.length) {\r\n this.__kt = -3;\r\n return;\r\n }\r\n try {\r\n var part1 = key.slice(0, key.length - 12);\r\n var infoBytes = _bs(part1);\r\n var part2 = key.slice(key.length - 12);\r\n var ism = false;\r\n for (var _i = 0, magics_1 = magics; _i < magics_1.length; _i++) {\r\n var magic = magics_1[_i];\r\n var edc = t36(magic);\r\n if (part2[0] === edc[0] && part2[2] === edc[1]) {\r\n ism = true;\r\n break;\r\n }\r\n }\r\n if (!ism) {\r\n lcv.__kt = -1;\r\n }\r\n var idx = minVer % 4;\r\n var shift = majVer + minVer;\r\n if (part2[6 + idx] != encChar(shift, 19)) {\r\n lcv.__kt = -2;\r\n return;\r\n }\r\n if (part2[1] != encChar(infoBytes[3])) {\r\n return;\r\n }\r\n lcv.__kt = part2[3] != encChar(infoBytes[5]) ? 2 : 3;\r\n if (lcv.__kt === 2) {\r\n var eds = \"\" + f36(part2.substring(4, 6) + part2.substring(10));\r\n var ed = new Date(2000 + Number.parseInt(eds.substring(0, 2)), Number.parseInt(eds.substring(2, 4)) - 1, Number.parseInt(eds.substring(4)), 0, 0, 0, 0);\r\n if (Date.now() > ed.getTime()) {\r\n lcv.__kt = 1;\r\n }\r\n }\r\n }\r\n catch (error) {\r\n }\r\n }\r\n};\r\nfunction encChar(x, b) {\r\n if (b === void 0) { b = 20; }\r\n return String.fromCharCode(65 + x % b);\r\n}\r\nfunction _bs(str) {\r\n var binary_string = urlatob(str);\r\n var len = binary_string.length;\r\n var bytes = new Uint8Array(len);\r\n for (var i = 0; i < len; i++) {\r\n bytes[i] = binary_string.charCodeAt(i);\r\n }\r\n return bytes;\r\n}\r\nfunction urlatob(str) {\r\n var s = str;\r\n s = s.replace(/-/g, '+');\r\n s = s.replace(/_/g, '/');\r\n switch (s.length % 4) {\r\n case 0:\r\n break;\r\n case 2:\r\n s += \"==\";\r\n break;\r\n case 3:\r\n s += \"=\";\r\n break;\r\n }\r\n return window.atob(s);\r\n}\r\nvar tokens = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\nfunction t36(val) {\r\n var result = \"\";\r\n while (val > 0) {\r\n result = tokens[val % tokens.length] + result;\r\n val /= tokens.length;\r\n }\r\n return result;\r\n}\r\nfunction f36(val) {\r\n var d = 0;\r\n for (var i = 0; i < val.length; ++i)\r\n d += tokens.indexOf(val[i]) * Math.pow(tokens.length, val.length - i - 1);\r\n return d;\r\n}\r\n//# sourceMappingURL=lcv.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { Condition, CondTag } from \"@easyquery/core\";\r\nimport { lcv } from '../utils/lcv';\r\nvar ConditionEx = /** @class */ (function (_super) {\r\n __extends(ConditionEx, _super);\r\n function ConditionEx() {\r\n var _this = _super !== null && _super.apply(this, arguments) || this;\r\n _this.readOnly = false;\r\n _this.parameterized = false;\r\n _this.inJoin = false;\r\n return _this;\r\n }\r\n ConditionEx.prototype.isReadOnly = function () {\r\n return this.readOnly || (this.getParent() && this.getParent().isReadOnly());\r\n };\r\n ConditionEx.prototype.setReadOnly = function (value) {\r\n this.readOnly = value || (this.getParent() && this.getParent().isReadOnly());\r\n this.conditions && this.conditions.forEach(function (cond) {\r\n cond.setReadOnly(value);\r\n });\r\n };\r\n ConditionEx.prototype.isParameterized = function () {\r\n return this.parameterized;\r\n };\r\n ConditionEx.prototype.setParameterized = function (value) {\r\n this.parameterized = value;\r\n };\r\n ConditionEx.prototype.isInJoin = function () {\r\n return this.inJoin;\r\n };\r\n ConditionEx.prototype.setInJoin = function (value) {\r\n this.inJoin = value;\r\n };\r\n ConditionEx.prototype.loadFromData = function (model, data) {\r\n _super.prototype.loadFromData.call(this, model, data);\r\n if (lcv.__kt <= 1)\r\n return;\r\n if (typeof data.readOnly !== 'undefined') {\r\n this.setReadOnly(data.readOnly);\r\n }\r\n if (typeof data.inJoin !== 'undefined') {\r\n this.setInJoin(data.inJoin);\r\n }\r\n if (typeof data.parameterized !== 'undefined') {\r\n this.setParameterized(data.parameterized);\r\n }\r\n //if condition group\r\n //this.linkType = data.linking;\r\n if (data.conds) {\r\n for (var i = 0; i < data.conds.length; i++) {\r\n var newCond = this.query.createCondition();\r\n newCond.loadFromData(model, data.conds[i]);\r\n this.conditions.push(newCond);\r\n newCond.setParent(this);\r\n }\r\n }\r\n };\r\n ConditionEx.prototype.saveToData = function () {\r\n var obj = _super.prototype.saveToData.call(this);\r\n if (lcv.__kt <= 1)\r\n return obj;\r\n if (this.isReadOnly()) {\r\n obj.readOnly = this.isReadOnly();\r\n }\r\n if (this.isParameterized()) {\r\n obj.parameterized = this.isParameterized();\r\n }\r\n if (this.isInJoin()) {\r\n obj.inJoin = this.isInJoin();\r\n }\r\n if (this.tag == CondTag.Group) {\r\n //if condition group\r\n //obj.linking = this.linkType;\r\n obj.conds = [];\r\n for (var i = 0; i < this.conditions.length; i++) {\r\n obj.conds.push(this.conditions[i].saveToData());\r\n }\r\n }\r\n return obj;\r\n };\r\n return ConditionEx;\r\n}(Condition));\r\nexport { ConditionEx };\r\n//# sourceMappingURL=condition_ex.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { QueryColumn } from \"@easyquery/core\";\r\nimport { lcv } from '../utils/lcv';\r\nvar QueryColumnEx = /** @class */ (function (_super) {\r\n __extends(QueryColumnEx, _super);\r\n function QueryColumnEx() {\r\n var _this = _super !== null && _super.apply(this, arguments) || this;\r\n _this.readOnly = false;\r\n return _this;\r\n }\r\n QueryColumnEx.prototype.isReadOnly = function () {\r\n return this.readOnly;\r\n };\r\n QueryColumnEx.prototype.setReadOnly = function (value) {\r\n this.readOnly = value;\r\n };\r\n /**\r\n * Loads column from its JSON representation object.\r\n * @param model The Data Model.\r\n * @param colData The JSON representation object.\r\n */\r\n QueryColumnEx.prototype.loadFromData = function (model, colData) {\r\n _super.prototype.loadFromData.call(this, model, colData);\r\n if (lcv.__kt <= 2)\r\n return;\r\n if (colData) {\r\n if (typeof colData.readOnly != 'undefined') {\r\n this.readOnly = colData.readOnly;\r\n }\r\n }\r\n };\r\n QueryColumnEx.prototype.saveToData = function () {\r\n var colData = _super.prototype.saveToData.call(this);\r\n if (lcv.__kt <= 2)\r\n return colData;\r\n if (this.isReadOnly()) {\r\n colData.readOnly = this.isReadOnly();\r\n }\r\n return colData;\r\n };\r\n return QueryColumnEx;\r\n}(QueryColumn));\r\nexport { QueryColumnEx };\r\n//# sourceMappingURL=query_column_ex.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { Query, CondTag, LinkType } from '@easyquery/core';\r\nimport { ConditionEx } from './condition_ex';\r\nimport { QueryColumnEx } from './query_column_ex';\r\nimport { lcv } from '../utils/lcv';\r\nvar QueryEx = /** @class */ (function (_super) {\r\n __extends(QueryEx, _super);\r\n function QueryEx(model) {\r\n return _super.call(this, model) || this;\r\n }\r\n QueryEx.prototype.isEx = function () {\r\n return lcv.__kt > 1;\r\n };\r\n QueryEx.prototype.createSubQuery = function () {\r\n return new QueryEx(this.model);\r\n };\r\n QueryEx.prototype.createCondition = function (tag) {\r\n if (tag === void 0) { tag = CondTag.Simple; }\r\n if (lcv.__kt <= 1)\r\n return _super.prototype.createCondition.call(this, tag);\r\n return new ConditionEx(this, tag);\r\n };\r\n QueryEx.prototype.createColumn = function (justsorted) {\r\n if (justsorted === void 0) { justsorted = false; }\r\n if (lcv.__kt <= 1)\r\n return _super.prototype.createColumn.call(this, justsorted);\r\n return new QueryColumnEx(this, justsorted);\r\n };\r\n /**\r\n * Adds a condition group - a group of simple conditions (predicates) linked by AND or OR\r\n * @param descriptor The descriptor of the new condition group.\r\n * @returns The new search condition.\r\n */\r\n QueryEx.prototype.addConditionGroup = function (descriptor, addChildCondition) {\r\n if (addChildCondition === void 0) { addChildCondition = true; }\r\n if (lcv.__kt <= 1)\r\n return _super.prototype.addConditionGroup.call(this, descriptor, addChildCondition);\r\n var parent = descriptor.parent || this.getRootCondition();\r\n var lType = descriptor.linking || (parent.linkType === LinkType.All ? LinkType.Any : LinkType.All);\r\n var group = this.createCondition(CondTag.Group);\r\n group.linkType = lType;\r\n if (addChildCondition) {\r\n var model = this.getModel();\r\n var attr = model.getFirstUICAttr();\r\n var op = model.getDefaultOperatorForAttr(attr);\r\n var cond = this.createSimpleConditionObject(attr, op, \"\");\r\n group.addCondition(cond);\r\n }\r\n parent.addCondition(group);\r\n return group;\r\n };\r\n QueryEx.prototype.addExtraConditionGroup = function (descriptor, addChildCondition) {\r\n if (addChildCondition === void 0) { addChildCondition = true; }\r\n descriptor.parent = descriptor.parent || this.extraConditions;\r\n if (lcv.__kt <= 1)\r\n return _super.prototype.addExtraConditionGroup.call(this, descriptor, addChildCondition);\r\n return this.addConditionGroup(descriptor);\r\n };\r\n return QueryEx;\r\n}(Query));\r\nexport { QueryEx };\r\n//# sourceMappingURL=query_ex.js.map","var __extends = (this && this.__extends) || (function () {\r\n var extendStatics = function (d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n };\r\n return function (d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n };\r\n})();\r\nimport { DataModel, Tree } from \"@easyquery/core\";\r\nimport { QueryEx } from \"../query/query_ex\";\r\nimport { lcv } from \"../utils/lcv\";\r\nvar DataModelEx = /** @class */ (function (_super) {\r\n __extends(DataModelEx, _super);\r\n function DataModelEx() {\r\n return _super !== null && _super.apply(this, arguments) || this;\r\n }\r\n DataModelEx.prototype.buildQueryPath = function (query) {\r\n if (lcv.__kt <= 1)\r\n return _super.prototype.buildQueryPath.call(this, query);\r\n if (this.mainEntity)\r\n return _super.prototype.buildQueryPath.call(this, query);\r\n var entities = this.getEntitiesInQuery(query);\r\n if (entities.length == 0) {\r\n throw Error(\"Cannon build path. Path is empty\");\r\n }\r\n var tree = new Tree(entities[0]);\r\n for (var i = 1; i < entities.length; i++) {\r\n var entity = entities[i];\r\n if (tree.contains(entity)) {\r\n continue;\r\n }\r\n var path = this.findPath(tree.value, entity);\r\n if (path != null) {\r\n //Add path to tree\r\n tree = this.addPathToTree(tree, (path[0] === tree.value) ? path.slice(1) : path);\r\n }\r\n else {\r\n throw Error(\"Unable to build query. Cannot build path.\");\r\n }\r\n }\r\n tree.setParents();\r\n return tree;\r\n };\r\n DataModelEx.prototype.addPathToTree = function (tree, path) {\r\n if (path.length == 0) {\r\n return;\r\n }\r\n var pathAdded = false;\r\n for (var _i = 0, _a = tree.childs; _i < _a.length; _i++) {\r\n var child = _a[_i];\r\n if (child.value === path[0]) {\r\n pathAdded = true;\r\n if (path.length > 1)\r\n child = this.addPathToTree(child, path.slice(1));\r\n break;\r\n }\r\n }\r\n if (!pathAdded) {\r\n var link = this.findLink(tree.value, path[0]);\r\n if (link) {\r\n var newNode = new Tree(path[0]);\r\n tree.addChild(newNode);\r\n if (path.length > 1)\r\n newNode = this.addPathToTree(newNode, path.slice(1));\r\n }\r\n else if (!tree.parent) {\r\n var node = new Tree(tree);\r\n tree = new Tree(path[0]);\r\n tree.addChild(node);\r\n if (path.length > 1)\r\n tree = this.addPathToTree(tree, path.slice(1));\r\n }\r\n else {\r\n throw Error(\"Unable to build query. Cannot build path.\");\r\n }\r\n }\r\n return tree;\r\n };\r\n DataModelEx.prototype.findPath = function (entityFrom, entityTo) {\r\n var curPath = [];\r\n var curStep = [];\r\n var nextStep = [];\r\n var passedEntities = [];\r\n var pathFound = false;\r\n curPath.push(entityFrom);\r\n curStep.push(curPath);\r\n passedEntities.push(entityFrom);\r\n while (!pathFound) {\r\n nextStep = [];\r\n for (var _i = 0, curStep_1 = curStep; _i < curStep_1.length; _i++) {\r\n var path = curStep_1[_i];\r\n pathFound = this.checkPath(path, entityTo, nextStep, passedEntities);\r\n if (pathFound) {\r\n path.push(entityTo);\r\n curPath = path;\r\n break;\r\n }\r\n }\r\n curStep = [];\r\n if (!pathFound) {\r\n if (nextStep.length == 0)\r\n return null;\r\n //copy nextStep to curStep\r\n for (var _a = 0, nextStep_1 = nextStep; _a < nextStep_1.length; _a++) {\r\n var path = nextStep_1[_a];\r\n curStep.push(path);\r\n }\r\n }\r\n }\r\n return curPath;\r\n };\r\n DataModelEx.prototype.checkPath = function (path, entityTo, nextStep, passedEntities) {\r\n var endPoint = path[path.length - 1];\r\n var entityLinks = this.getLinksByEntity(endPoint);\r\n for (var _i = 0, entityLinks_1 = entityLinks; _i < entityLinks_1.length; _i++) {\r\n var link = entityLinks_1[_i];\r\n var entity2 = null;\r\n if (link.entityFrom == endPoint) {\r\n entity2 = link.entityTo;\r\n }\r\n else {\r\n entity2 = link.entityFrom;\r\n }\r\n if (entity2 == entityTo) { //if reach the destination\r\n nextStep = [];\r\n return true;\r\n }\r\n //if destination is not reached yet we add current node (entity2) to the path and proceed\r\n if (path.indexOf(entity2) < 0 && passedEntities.indexOf(entity2) < 0) { //to prevent cycling\r\n passedEntities.push(entity2);\r\n var newPath = new Array();\r\n newPath = newPath.concat(path);\r\n newPath.push(entity2);\r\n nextStep.push(newPath);\r\n }\r\n }\r\n return false;\r\n };\r\n DataModelEx.prototype.createQuery = function () {\r\n return new QueryEx(this);\r\n };\r\n return DataModelEx;\r\n}(DataModel));\r\nexport { DataModelEx };\r\n//# sourceMappingURL=model_ex.js.map","import { HttpClient } from '@easydata/core';\r\nimport { domel, DefaultDialogService } from '@easydata/ui';\r\nimport { equtils } from '@easyquery/core';\r\nfunction strIsEmpty(str) {\r\n if (str) {\r\n return str.trim() === '';\r\n }\r\n else\r\n return true;\r\n}\r\nvar baseLicApiUrl = 'https://korzh.com/api/license';\r\n//const baseLicApiUrl = 'https://localhost:44301/api/license';\r\nvar eqVersion = '7.2';\r\nvar LCDialog = /** @class */ (function () {\r\n function LCDialog(context) {\r\n this.http = new HttpClient();\r\n this.context = context;\r\n }\r\n LCDialog.prototype.show = function () {\r\n var _this = this;\r\n var dialogService = new DefaultDialogService();\r\n this.dialogSet = dialogService.createSet([\r\n {\r\n closable: false,\r\n cancelable: false,\r\n submitOnEnter: true,\r\n title: 'No license key for EasyQuery',\r\n body: this.buildStartPage(),\r\n submitButtonText: 'Submit',\r\n onInput: this.validateForm.bind(this),\r\n onSubmit: this.startPageOnSubmit.bind(this)\r\n },\r\n {\r\n closable: false,\r\n cancelable: false,\r\n submitOnEnter: true,\r\n title: 'Please check your inbox',\r\n body: this.buildCodePage(),\r\n submitButtonText: 'Get License Key',\r\n onInput: this.validateForm.bind(this),\r\n onSubmit: this.codePageOnSubmit.bind(this)\r\n },\r\n {\r\n closable: false,\r\n cancelable: false,\r\n submitable: false,\r\n title: 'Success',\r\n body: this.buildSuccessPage()\r\n },\r\n {\r\n closable: false,\r\n cancelable: false,\r\n submitable: false,\r\n title: 'Failure',\r\n body: this.buildFailurePage()\r\n },\r\n ]);\r\n var dialog1 = this.dialogSet.open(0);\r\n //dialog1.getRootElement();\r\n setTimeout(function () {\r\n _this.validateForm(dialog1);\r\n var emailInput = document.getElementById('eqAuthEmail');\r\n if (emailInput) {\r\n emailInput.focus();\r\n }\r\n }, 200);\r\n };\r\n LCDialog.prototype.isValidForm = function (form) {\r\n var emailInput = form.querySelector('#eqAuthEmail'); //form.querySelector('[name=\"email\"]') as HTMLInputElement; \r\n if (emailInput) {\r\n return !strIsEmpty(emailInput.value) &&\r\n emailInput.value\r\n .toLowerCase()\r\n .match(/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/);\r\n }\r\n var codeInput = form.querySelector('#eqAuthCode'); //form.querySelector('[name=\"code\"]') as HTMLInputElement;\r\n if (codeInput) {\r\n return !strIsEmpty(codeInput.value) &&\r\n !isNaN(+codeInput.value) &&\r\n codeInput.value == codeInput.value.trim() &&\r\n codeInput.value.length === 6;\r\n }\r\n return true;\r\n };\r\n LCDialog.prototype.validateForm = function (dialog) {\r\n var submitButton = dialog.getSubmitButtonElement();\r\n submitButton.disabled = !this.isValidForm(dialog.getRootElement());\r\n };\r\n LCDialog.prototype.addInputField = function (parentBuilder, inputOptions) {\r\n parentBuilder\r\n .addChild('label', function (b) { return b\r\n .attr('for', inputOptions.id)\r\n .addHtml(inputOptions.label + \" \" + (inputOptions.required ? '*' : '') + \": \"); })\r\n .addChild('input', function (b) {\r\n b.id(inputOptions.id);\r\n b.name(inputOptions.name || inputOptions.id);\r\n b.type(inputOptions.type || 'text');\r\n if (typeof (inputOptions.value) !== 'undefined') {\r\n b.value(inputOptions.value);\r\n }\r\n if (inputOptions.onInput) {\r\n b.on('input', inputOptions.onInput);\r\n }\r\n });\r\n };\r\n LCDialog.prototype.buildStartPage = function () {\r\n var form;\r\n var controlsPanelBuilder;\r\n var formBuilder = domel('div');\r\n formBuilder.addChild('div', function (b) { return b\r\n .html('The EasyQuery license key is either absent, invalid or was issued for a different version of the library.
' +\r\n 'Please fill out the form to obtain a valid trial license key.
'); });\r\n formBuilder\r\n .addClass('kfrm-form')\r\n .addChild('div', function (b) {\r\n controlsPanelBuilder = b;\r\n b.addClass('kfrm-fields label-above');\r\n b.addClass('kfrm-break-20');\r\n });\r\n this.addInputField(controlsPanelBuilder, {\r\n id: 'eqAuthEmail',\r\n name: 'email',\r\n label: 'Email',\r\n required: true\r\n });\r\n this.addInputField(controlsPanelBuilder, {\r\n id: 'eqAuthName',\r\n name: 'contactName',\r\n label: 'Name (optional)',\r\n required: false\r\n });\r\n formBuilder.addChild('div', function (b) { return b\r\n .html('' +\r\n 'You also agree to receive email messages from Korzh.com. This consent may be revoked at any time.
'); });\r\n form = formBuilder.toDOM();\r\n return form;\r\n };\r\n LCDialog.prototype.buildCodePage = function () {\r\n var form;\r\n var controlsPanelBuilder;\r\n var formBuilder = domel('div');\r\n formBuilder.addChild('div', function (b) { return b\r\n .html('We sent a confirmation code to {{email}}.
' +\r\n 'Please find it in the email and enter to the text box below
'); });\r\n formBuilder\r\n .addClass('kfrm-form')\r\n .addChild('div', function (b) {\r\n controlsPanelBuilder = b;\r\n b.addClass('kfrm-fields label-above');\r\n b.addClass('kfrm-break-20');\r\n });\r\n this.addInputField(controlsPanelBuilder, {\r\n id: 'eqAuthCode',\r\n name: 'code',\r\n label: 'Confirmation code',\r\n required: true\r\n });\r\n formBuilder.addChild('div', function (b) { return b\r\n .html('NB: Don\\'t forget to check your SPAM folder ' +\r\n 'if the message does not arrive within the next 5 minutes, and mark it as \"Not Spam\" if it\\'s found there.
'); });\r\n form = formBuilder.toDOM();\r\n return form.outerHTML;\r\n };\r\n LCDialog.prototype.buildSuccessPage = function () {\r\n var form;\r\n var formBuilder = domel('div');\r\n formBuilder.addChild('div', function (b) { return b\r\n .html('You have successfully completed the registration process.
' +\r\n 'Please restart your web application to get the key applied.
'); });\r\n form = formBuilder.toDOM();\r\n return form;\r\n };\r\n LCDialog.prototype.buildFailurePage = function () {\r\n var form;\r\n var formBuilder = domel('div');\r\n formBuilder.addChild('div', function (b) { return b\r\n .html('{{message}}'); });\r\n form = formBuilder.toDOM();\r\n return form.outerHTML;\r\n };\r\n LCDialog.prototype.startPageOnSubmit = function (dlg) {\r\n var _this = this;\r\n var emailInput = document.getElementById('eqAuthEmail');\r\n var nameInput = document.getElementById('eqAuthName');\r\n var authEmail = emailInput.value;\r\n var authName = nameInput.value;\r\n dlg.disableButtons();\r\n this.http.post(equtils.combinePath(baseLicApiUrl, 'get-code'), {\r\n email: authEmail,\r\n name: authName,\r\n data: {\r\n ptag: this.context.backendInfo.type,\r\n apptype: this.context.backendInfo.subType,\r\n }\r\n }, { dataType: 'json' })\r\n .then(function (result) {\r\n if (result.status !== 0) {\r\n throw new Error(result.message);\r\n }\r\n var dlg = _this.dialogSet.openNext({ email: authEmail });\r\n setTimeout(function () {\r\n _this.validateForm(dlg);\r\n var codeInput = document.getElementById('eqAuthCode');\r\n if (codeInput) {\r\n codeInput.focus();\r\n }\r\n }, 200);\r\n })\r\n .catch(function (error) {\r\n dlg.showAlert(error.message, \"error\", true);\r\n dlg.enableButtons();\r\n });\r\n return false;\r\n };\r\n LCDialog.prototype.codePageOnSubmit = function (dlg) {\r\n var _this = this;\r\n var codeInput = document.getElementById('eqAuthCode');\r\n var authCode = codeInput.value;\r\n dlg.disableButtons();\r\n this.http.post(equtils.combinePath(baseLicApiUrl, 'get-key'), {\r\n token: authCode,\r\n ptag: this.context.backendInfo.type,\r\n version: eqVersion\r\n }, { dataType: 'json' })\r\n .then(function (result) {\r\n switch (result.status) {\r\n case 0:\r\n var url = equtils.combinePath(_this.context.getBaseEndpoint(), 'lck');\r\n _this.http.post(url, {\r\n version: eqVersion,\r\n key: result.key\r\n }, { dataType: 'json' })\r\n .then(function (_) { return _this.dialogSet.openNext(); });\r\n break;\r\n case 2:\r\n _this.dialogSet.open(3, {\r\n message: 'Your trial license for EasyQuery has expired.
' +\r\n 'Please
contact us if you want to extend the trial period.
Your purchased license for EasyQuery has expired.
' +\r\n ''\r\n });\r\n break;\r\n default:\r\n throw new Error(result.message);\r\n }\r\n })\r\n .catch(function (error) {\r\n dlg.showAlert(error.message, \"error\", true);\r\n dlg.enableButtons();\r\n });\r\n return false;\r\n };\r\n return LCDialog;\r\n}());\r\nexport { LCDialog };\r\nexport function showNoLicenseAlert(lcv) {\r\n var title, body, buttonTitle, buttonUrl;\r\n switch (lcv.__kt) {\r\n case 1:\r\n title = 'EasyQuery trial has expired';\r\n body = \"Your trial period for EasyQuery has expired. \\n\\tYou can send a request to extend your trial or buy a license to get rid of all limitations.\";\r\n buttonTitle = 'Buy a license';\r\n buttonUrl = 'https://korzh.com/easyquery/licensing';\r\n break;\r\n case -3:\r\n title = 'No license key for EasyQuery';\r\n body = \"Please register for a trial \\n\\tor purchase a license to get a proper product key.
\\n\\tIf you already have a key, please follow this guide to apply it.\";\r\n buttonTitle = 'Register trial';\r\n buttonUrl = 'https://korzh.com/easyquery#get-started';\r\n break;\r\n default:\r\n title = \"Invalid key for EasyQuery!\";\r\n body = \"The EasyQuery product key is either invalid or was issued for a different version of the library.\\n The version you are using now is 7.2,\\n\\tso please login to your account to get a proper key for version 7.2.\";\r\n buttonTitle = 'Get key';\r\n buttonUrl = 'https://korzh.com/account';\r\n break;\r\n }\r\n var ds = new DefaultDialogService();\r\n var dlg = ds.open({\r\n closable: false,\r\n cancelable: false,\r\n submitable: false,\r\n title: title,\r\n body: body\r\n });\r\n var footer = dlg.getRootElement().querySelector('footer');\r\n domel(footer)\r\n .removeClass('align-right')\r\n .setStyle('justify-content', 'center')\r\n .addChild('button', function (b) { return b\r\n .addClass('kfrm-button', 'is-info')\r\n .addText(buttonTitle)\r\n .on('click', function (e) {\r\n window.location.href = buttonUrl;\r\n }); });\r\n if (lcv.__kt == 1) {\r\n domel(footer)\r\n .addChild('button', function (b) { return b\r\n .addClass('kfrm-button')\r\n .addText('Extend trial')\r\n .on('click', function (e) {\r\n window.location.href = 'https://korzh.com/account';\r\n }); });\r\n }\r\n}\r\n//# sourceMappingURL=lc-dialog.js.map","import { EqContext, equtils } from '@easyquery/core';\r\nimport { QueryEx } from './query/query_ex';\r\nimport { EqServerQueryStorage } from './main/eqs_query_storage';\r\nimport { DataModelEx } from './dm/model_ex';\r\nimport { lcv } from './utils/lcv';\r\nimport { DataTableAggregatesCalculator } from './data/data_table_aggr_calculator';\r\nimport { LCDialog, showNoLicenseAlert } from './license/lc-dialog';\r\nEqContext.prototype.setLicenseKeyEndpoint = function (endpoint) {\r\n console.warn('This method is deprecated and will be ignored.\\n '\r\n + 'The main EasyQuery endpoint (set via useEndpoint() function) is used to get the license since version 7.0.\\n '\r\n + 'So, you can simply remove this function call');\r\n};\r\nEqContext.prototype.useEnterprise = function (keyOrInitCallback) {\r\n var _this = this;\r\n var func = function (key, showAlert) {\r\n lcv.ck(key);\r\n if (lcv.__kt > 1) {\r\n var services = _this.getServices();\r\n services.registerDataModelResolver(function (context) { return new DataModelEx(); });\r\n services.registerQueryResolver(function (context) { return new QueryEx(context.getModel()); });\r\n services.registerQueryStorageResolver(function (context) { return new EqServerQueryStorage(context); });\r\n services.registerAggregatesCalculator(function (context) { return new DataTableAggregatesCalculator(context); });\r\n if (lcv.__kt === 2) {\r\n console.warn('EasyQuery.JS is working in the TRIAL MODE!\\n'\r\n + 'Please order a license (https://korzh.com/eq) to get a proper product key.');\r\n createTrialWM();\r\n setTimeout(function () {\r\n showTrialWM();\r\n setTimeout(hideTrialWM, 6000);\r\n }, 3000);\r\n }\r\n }\r\n else {\r\n if (showAlert) {\r\n showNoLicenseAlert(lcv);\r\n }\r\n else {\r\n var lcd = new LCDialog(_this);\r\n lcd.show();\r\n }\r\n }\r\n };\r\n if (typeof (keyOrInitCallback) === \"string\") {\r\n func(keyOrInitCallback, true);\r\n }\r\n else if (typeof (keyOrInitCallback) === \"function\") {\r\n var http_1 = this.getServices().getHttpClient();\r\n var url_1 = equtils.combinePath(this.getBaseEndpoint(), 'lck2');\r\n http_1.get(url_1)\r\n .then(function (result) {\r\n func(result.key.split(\"\").reverse().join(\"\"), false);\r\n _this.useBackend({\r\n type: result.backendType,\r\n subType: result.appType\r\n });\r\n keyOrInitCallback();\r\n })\r\n .catch(function (error) {\r\n url_1 = equtils.combinePath(_this.getBaseEndpoint(), 'lck');\r\n http_1.get(url_1)\r\n .then(function (result) {\r\n func(result.split(\"\").reverse().join(\"\"), false);\r\n keyOrInitCallback();\r\n })\r\n .catch(function (error) { return _this.throwError({\r\n action: \"LCK\",\r\n sourceError: error\r\n }); });\r\n });\r\n }\r\n else {\r\n throw new Error(\"Wrong type of 'keyOrInitCallback' parameter. It must be a string with a license key or a callback function.\");\r\n }\r\n};\r\nvar trialDiv;\r\nfunction createTrialWM() {\r\n // we can rewrite it using shadow dom\r\n // to make it impossible to hide using JS :)\r\n trialDiv = document.createElement(\"div\");\r\n trialDiv.style.position = \"fixed\";\r\n trialDiv.style.bottom = \"0\";\r\n trialDiv.style.right = \"-400px\";\r\n trialDiv.style.width = \"400px\";\r\n trialDiv.style.height = \"100px\";\r\n trialDiv.style.color = \"grey\";\r\n trialDiv.style.textAlign = \"center\";\r\n trialDiv.style.opacity = \"0.7\";\r\n trialDiv.style.font = \"bold 1em Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif\";\r\n trialDiv.style.transition = \"right 3s ease-out\";\r\n var header = document.createElement(\"div\");\r\n var eq = document.createElement(\"span\");\r\n eq.innerText = \"EasyQuery\";\r\n eq.style.color = \"#3A94D4\";\r\n eq.style.lineHeight = \"50px\";\r\n header.appendChild(eq);\r\n var korzh = document.createElement(\"span\");\r\n korzh.innerText = \"by Korzh.com\";\r\n korzh.style.marginLeft = \"10px\";\r\n header.appendChild(korzh);\r\n trialDiv.appendChild(header);\r\n var trialOnly = document.createElement(\"div\");\r\n trialOnly.innerText = \"FOR TRIAL USE ONLY\";\r\n trialOnly.style.fontSize = \"1.2em\";\r\n trialOnly.style.fontWeight = \"1000\";\r\n trialDiv.appendChild(trialOnly);\r\n document.body.appendChild(trialDiv);\r\n}\r\nfunction showTrialWM() {\r\n if (trialDiv) {\r\n trialDiv.style.right = \"0\";\r\n }\r\n}\r\nfunction hideTrialWM() {\r\n if (trialDiv) {\r\n trialDiv.style.right = \"-400px\";\r\n setTimeout(function () {\r\n trialDiv.parentNode.removeChild(trialDiv);\r\n }, 5000);\r\n }\r\n}\r\n//# sourceMappingURL=extensions.js.map","import './extensions';\r\nexport * from './data/eqs_aggr_calculator';\r\nexport * from './query/query_ex';\r\nexport * from './query/query_column_ex';\r\nexport * from './query/condition_ex';\r\nexport * from './dm/model_ex';\r\nexport * from './main/eqs_query_storage';\r\n//# sourceMappingURL=public_api.js.map","import * as core from '@easyquery/core'\r\nimport * as ui from '@easyquery/ui'\r\nimport * as enterprise from './dist/lib/public_api.js'\r\n\r\nimport * as easydata_core from '@easydata/core'\r\nimport * as easydata_ui from '@easydata/ui'\r\n\r\nvar easydata = {\r\n\tcore: easydata_core,\r\n\tui: easydata_ui\r\n}\r\n\r\nexport { core, ui, enterprise }\r\n\r\nwindow.easydata = easydata"],"sourceRoot":""}