\").addClass(TOAST_ICON_CLASS))\r\n }\r\n this.callBase()\r\n },\r\n _render: function() {\r\n this.callBase();\r\n this.$element().addClass(TOAST_CLASS);\r\n this.$wrapper().addClass(TOAST_WRAPPER_CLASS);\r\n this.$content().addClass(TOAST_CLASS_PREFIX + String(this.option(\"type\")).toLowerCase());\r\n this.$content().addClass(TOAST_CONTENT_CLASS);\r\n this._toggleCloseEvents(\"Swipe\");\r\n this._toggleCloseEvents(\"Click\")\r\n },\r\n _renderScrollTerminator: noop,\r\n _toggleCloseEvents: function(event) {\r\n var dxEvent = \"dx\" + event.toLowerCase();\r\n eventsEngine.off(this.$content(), dxEvent);\r\n this.option(\"closeOn\" + event) && eventsEngine.on(this.$content(), dxEvent, this.hide.bind(this))\r\n },\r\n _posStringToObject: function() {\r\n if (!isString(this.option(\"position\"))) {\r\n return\r\n }\r\n var verticalPosition = this.option(\"position\").split(\" \")[0];\r\n var horizontalPosition = this.option(\"position\").split(\" \")[1];\r\n this.option(\"position\", extend({\r\n boundaryOffset: DEFAULT_BOUNDARY_OFFSET\r\n }, POSITION_ALIASES[verticalPosition]));\r\n switch (horizontalPosition) {\r\n case \"center\":\r\n case \"left\":\r\n case \"right\":\r\n this.option(\"position\").at += \" \" + horizontalPosition;\r\n this.option(\"position\").my += \" \" + horizontalPosition\r\n }\r\n },\r\n _show: function() {\r\n return this.callBase.apply(this, arguments).always(function() {\r\n clearTimeout(this._hideTimeout);\r\n this._hideTimeout = setTimeout(this.hide.bind(this), this.option(\"displayTime\"))\r\n }.bind(this))\r\n },\r\n _overlayStack: function() {\r\n return TOAST_STACK\r\n },\r\n _zIndexInitValue: function() {\r\n return this.callBase() + FIRST_Z_INDEX_OFFSET\r\n },\r\n _dispose: function() {\r\n clearTimeout(this._hideTimeout);\r\n this.callBase()\r\n },\r\n _optionChanged: function(args) {\r\n switch (args.name) {\r\n case \"type\":\r\n this.$content().removeClass(TOAST_CLASS_PREFIX + args.previousValue);\r\n this.$content().addClass(TOAST_CLASS_PREFIX + String(args.value).toLowerCase());\r\n break;\r\n case \"message\":\r\n if (this._message) {\r\n this._message.text(args.value)\r\n }\r\n break;\r\n case \"closeOnSwipe\":\r\n this._toggleCloseEvents(\"Swipe\");\r\n break;\r\n case \"closeOnClick\":\r\n this._toggleCloseEvents(\"Click\");\r\n break;\r\n case \"displayTime\":\r\n break;\r\n default:\r\n this.callBase(args)\r\n }\r\n }\r\n});\r\nregisterComponent(WIDGET_NAME, Toast);\r\nexport default Toast;\r\n","/**\r\n * DevExtreme (esm/ui/toast.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport Toast from \"./toast/ui.toast\";\r\nexport default Toast;\r\n","/**\r\n * DevExtreme (esm/ui/notify.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport $ from \"../core/renderer\";\r\nimport {\r\n value as viewPort\r\n} from \"../core/utils/view_port\";\r\nimport {\r\n extend\r\n} from \"../core/utils/extend\";\r\nimport {\r\n isPlainObject,\r\n isString\r\n} from \"../core/utils/type\";\r\nimport {\r\n getWindow\r\n} from \"../core/utils/window\";\r\nimport Toast from \"./toast\";\r\nvar window = getWindow();\r\nvar $notify = null;\r\nvar $containers = {};\r\n\r\nfunction notify(message, typeOrStack, displayTime) {\r\n var options = isPlainObject(message) ? message : {\r\n message: message\r\n };\r\n var stack = isPlainObject(typeOrStack) ? typeOrStack : void 0;\r\n var type = isPlainObject(typeOrStack) ? void 0 : typeOrStack;\r\n var {\r\n onHidden: userOnHidden\r\n } = options;\r\n if (null !== stack && void 0 !== stack && stack.position) {\r\n var {\r\n position: position\r\n } = stack;\r\n var direction = stack.direction || getDefaultDirection(position);\r\n var containerKey = isString(position) ? position : \"\".concat(position.top, \"-\").concat(position.left, \"-\").concat(position.bottom, \"-\").concat(position.right);\r\n var {\r\n onShowing: userOnShowing\r\n } = options;\r\n var $container = getStackContainer(containerKey);\r\n setContainerClasses($container, direction);\r\n extend(options, {\r\n container: $container,\r\n onShowing: function(args) {\r\n setContainerStyles($container, direction, position);\r\n null === userOnShowing || void 0 === userOnShowing ? void 0 : userOnShowing(args)\r\n }\r\n })\r\n }\r\n extend(options, {\r\n type: type,\r\n displayTime: displayTime,\r\n onHidden: function(args) {\r\n $(args.element).remove();\r\n null === userOnHidden || void 0 === userOnHidden ? void 0 : userOnHidden(args)\r\n }\r\n });\r\n $notify = $(\"
\").appendTo(viewPort());\r\n new Toast($notify, options).show()\r\n}\r\nvar getDefaultDirection = position => isString(position) && position.includes(\"top\") ? \"down-push\" : \"up-push\";\r\nvar createStackContainer = key => {\r\n var $container = $(\"
\").appendTo(viewPort());\r\n $containers[key] = $container;\r\n return $container\r\n};\r\nvar getStackContainer = key => {\r\n var $container = $containers[key];\r\n return $container ? $container : createStackContainer(key)\r\n};\r\nvar setContainerClasses = (container, direction) => {\r\n var containerClasses = \"dx-toast-stack dx-toast-stack-\".concat(direction, \"-direction\");\r\n container.removeAttr(\"class\").addClass(containerClasses)\r\n};\r\nvar setContainerStyles = (container, direction, position) => {\r\n var {\r\n offsetWidth: toastWidth,\r\n offsetHeight: toastHeight\r\n } = container.children().first().get(0);\r\n var dimensions = {\r\n toastWidth: toastWidth,\r\n toastHeight: toastHeight,\r\n windowHeight: window.innerHeight,\r\n windowWidth: window.innerWidth\r\n };\r\n var coordinates = isString(position) ? getCoordinatesByAlias(position, dimensions) : position;\r\n var styles = getPositionStylesByCoordinates(direction, coordinates, dimensions);\r\n container.css(styles)\r\n};\r\nvar getCoordinatesByAlias = (alias, _ref) => {\r\n var {\r\n toastWidth: toastWidth,\r\n toastHeight: toastHeight,\r\n windowHeight: windowHeight,\r\n windowWidth: windowWidth\r\n } = _ref;\r\n switch (alias) {\r\n case \"top left\":\r\n return {\r\n top: 10, left: 10\r\n };\r\n case \"top right\":\r\n return {\r\n top: 10, right: 10\r\n };\r\n case \"bottom left\":\r\n return {\r\n bottom: 10, left: 10\r\n };\r\n case \"bottom right\":\r\n return {\r\n bottom: 10, right: 10\r\n };\r\n case \"top center\":\r\n return {\r\n top: 10, left: Math.round(windowWidth / 2 - toastWidth / 2)\r\n };\r\n case \"left center\":\r\n return {\r\n top: Math.round(windowHeight / 2 - toastHeight / 2), left: 10\r\n };\r\n case \"right center\":\r\n return {\r\n top: Math.round(windowHeight / 2 - toastHeight / 2), right: 10\r\n };\r\n case \"center\":\r\n return {\r\n top: Math.round(windowHeight / 2 - toastHeight / 2), left: Math.round(windowWidth / 2 - toastWidth / 2)\r\n };\r\n case \"bottom center\":\r\n default:\r\n return {\r\n bottom: 10, left: Math.round(windowWidth / 2 - toastWidth / 2)\r\n }\r\n }\r\n};\r\nvar getPositionStylesByCoordinates = (direction, coordinates, dimensions) => {\r\n var _coordinates$bottom, _coordinates$left, _coordinates$right, _coordinates$top, _coordinates$left2, _coordinates$right2, _coordinates$right3, _coordinates$top2, _coordinates$bottom2, _coordinates$left3, _coordinates$top3, _coordinates$bottom3;\r\n var {\r\n toastWidth: toastWidth,\r\n toastHeight: toastHeight,\r\n windowHeight: windowHeight,\r\n windowWidth: windowWidth\r\n } = dimensions;\r\n switch (direction.replace(/-push|-stack/g, \"\")) {\r\n case \"up\":\r\n return {\r\n bottom: null !== (_coordinates$bottom = coordinates.bottom) && void 0 !== _coordinates$bottom ? _coordinates$bottom : windowHeight - toastHeight - coordinates.top, top: \"\", left: null !== (_coordinates$left = coordinates.left) && void 0 !== _coordinates$left ? _coordinates$left : \"\", right: null !== (_coordinates$right = coordinates.right) && void 0 !== _coordinates$right ? _coordinates$right : \"\"\r\n };\r\n case \"down\":\r\n return {\r\n top: null !== (_coordinates$top = coordinates.top) && void 0 !== _coordinates$top ? _coordinates$top : windowHeight - toastHeight - coordinates.bottom, bottom: \"\", left: null !== (_coordinates$left2 = coordinates.left) && void 0 !== _coordinates$left2 ? _coordinates$left2 : \"\", right: null !== (_coordinates$right2 = coordinates.right) && void 0 !== _coordinates$right2 ? _coordinates$right2 : \"\"\r\n };\r\n case \"left\":\r\n return {\r\n right: null !== (_coordinates$right3 = coordinates.right) && void 0 !== _coordinates$right3 ? _coordinates$right3 : windowWidth - toastWidth - coordinates.left, left: \"\", top: null !== (_coordinates$top2 = coordinates.top) && void 0 !== _coordinates$top2 ? _coordinates$top2 : \"\", bottom: null !== (_coordinates$bottom2 = coordinates.bottom) && void 0 !== _coordinates$bottom2 ? _coordinates$bottom2 : \"\"\r\n };\r\n case \"right\":\r\n return {\r\n left: null !== (_coordinates$left3 = coordinates.left) && void 0 !== _coordinates$left3 ? _coordinates$left3 : windowWidth - toastWidth - coordinates.right, right: \"\", top: null !== (_coordinates$top3 = coordinates.top) && void 0 !== _coordinates$top3 ? _coordinates$top3 : \"\", bottom: null !== (_coordinates$bottom3 = coordinates.bottom) && void 0 !== _coordinates$bottom3 ? _coordinates$bottom3 : \"\"\r\n }\r\n }\r\n};\r\nexport default notify;\r\n","/**\n* DevExpress Analytics (core\\internal\\_surfaceHelpers.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nexport function findSurface(viewModel) {\n return !!viewModel ? viewModel['surface'] : null;\n}\nexport function getControlNewAbsolutePositionOnResize(snapHelper, absolutePosition, ui, delta) {\n var newAbsolutePosition = {\n top: absolutePosition.top + delta.y,\n left: absolutePosition.left + delta.x,\n bottom: absolutePosition.top + ui.originalSize.height,\n right: absolutePosition.left + ui.originalSize.width\n };\n if (delta.x !== 0) {\n newAbsolutePosition.left = snapHelper.snapPosition(newAbsolutePosition.left, false);\n }\n else if (delta.width !== 0) {\n newAbsolutePosition.right = snapHelper.snapPosition(absolutePosition.left + ui.size.width, false);\n }\n if (delta.y !== 0) {\n newAbsolutePosition.top = snapHelper.snapPosition(newAbsolutePosition.top, true);\n }\n else if (delta.height !== 0) {\n newAbsolutePosition.bottom = snapHelper.snapPosition(absolutePosition.top + ui.size.height, true);\n }\n return newAbsolutePosition;\n}\nfunction num(v) {\n return parseInt(v, 10) || 0;\n}\nexport function getControlRect(element, control, surface) {\n var curleft = num(element.css('left')), curtop = num(element.css('top'));\n if (surface.rtl()) {\n var posLeft = surface.pageWidth() - surface.margins.left() - element.width();\n if (curleft > posLeft) {\n curleft = posLeft;\n }\n }\n var bounds = element[0].getBoundingClientRect();\n return { top: curtop, left: curleft, width: bounds.width, height: bounds.height };\n}\nexport function minHeightWithoutScroll(element) {\n return Math.min(element.scrollHeight, element.offsetHeight, element.clientHeight) + element.offsetTop;\n}\nexport function chooseBetterPositionOf(html, designer) {\n return designer && (minHeightWithoutScroll(html) < minHeightWithoutScroll(designer) ? window : designer) || window;\n}\nexport function updateSurfaceContentSize(surfaceSize, root, rtl = false) {\n return () => {\n var $root = $.fn.constructor(root).find('.dxrd-designer').eq(0);\n var toolboxWidth = $root.find('.dxrd-toolbox-wrapper:visible').outerWidth() || 0;\n var rightAreaWidth = ($root.find('.dxrd-right-panel:visible').outerWidth() || 0) + ($root.find('.dxrd-right-tabs:visible').outerWidth() || 0);\n var otherWidth = rightAreaWidth + toolboxWidth, surfaceWidth = $root.width() - (otherWidth);\n $root.find('.dxrd-surface-wrapper').eq(0).css({\n 'left': rtl ? rightAreaWidth : toolboxWidth,\n 'right': !rtl ? rightAreaWidth : toolboxWidth,\n 'width': surfaceWidth,\n 'bottom': $root.find('.dxrd-navigation-panel-wrapper:visible').outerHeight() || 0\n });\n surfaceSize(surfaceWidth);\n };\n}\n","/**\n* DevExpress Analytics (core\\utils\\_debug.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport var DEBUG = false;\nexport function DebugMode(value) {\n DEBUG = value;\n}\n","/**\n* DevExpress Analytics (core\\utils\\_infoMessageHelpers.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport notify from 'devextreme/ui/notify';\nimport * as $ from 'jquery';\nimport { chooseBetterPositionOf } from '../internal/_surfaceHelpers';\nimport { DEBUG } from './_debug';\nexport var NotifyType = {\n info: 'info',\n warning: 'warning',\n error: 'error',\n success: 'success'\n};\nvar wrappedConsole = (console => {\n var getWrappedMethod = methodName => (function (...args) {\n if (console && $.isFunction(console[methodName])) {\n console[methodName].apply(console, arguments);\n }\n });\n return {\n info: getWrappedMethod('info'),\n warn: getWrappedMethod('warn'),\n error: getWrappedMethod('error')\n };\n})(window.console);\nexport function NotifyAboutWarning(msg, showForUser = false) {\n if (showForUser) {\n ShowMessage(msg);\n }\n if (DEBUG) {\n throw new Error(msg);\n }\n else {\n wrappedConsole.warn(msg);\n }\n}\nexport function getErrorMessage(jqXHR) {\n return jqXHR && jqXHR.responseJSON && jqXHR.responseJSON.error ? jqXHR.responseJSON.error : '';\n}\nvar _showMessage = (msg, type = 'error', displayTime, debugInfo, contentTemplate, containerElement) => {\n containerElement = containerElement || $.fn.constructor('.dx-designer-viewport')[0];\n notify({\n message: msg,\n type: type,\n maxWidth: containerElement ? containerElement.clientWidth : undefined,\n position: { boundary: containerElement, collision: 'fit', of: chooseBetterPositionOf(document.documentElement, containerElement), my: 'bottom', at: 'bottom', offset: '0 -10' },\n container: containerElement,\n hideOnOutsideClick: true,\n closeOnSwipe: false,\n displayTime: displayTime || (type === 'error' ? 60000 : 3000),\n contentTemplate: contentTemplate\n });\n};\nexport var ShowMessage = _showMessage;\nexport var _setShowMessageFunc = (func) => ShowMessage = func;\nexport var _resetShowMessageFunc = () => ShowMessage = _showMessage;\n","/**\n* DevExpress Analytics (core\\internal\\_processError.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { getErrorMessage, NotifyAboutWarning } from '../utils/_infoMessageHelpers';\nexport var _addErrorPrefix = true;\nexport function _processError(errorThrown, deferred, jqXHR, textStatus, processErrorCallback) {\n var message = errorThrown;\n var error = getErrorMessage(jqXHR);\n if (error && error !== message) {\n if (!_addErrorPrefix)\n message = error;\n else\n message += ': ' + error;\n }\n try {\n processErrorCallback ? processErrorCallback(message, jqXHR, textStatus) : NotifyAboutWarning(message);\n }\n finally {\n deferred.reject(jqXHR, textStatus, errorThrown);\n }\n}\nexport var _errorProcessor = {\n handlers: [],\n call: (e) => {\n for (var i = 0; i < _errorProcessor.handlers.length; i++) {\n _errorProcessor.handlers[i](e);\n }\n }\n};\nexport function processErrorEvent(func) {\n if (func) {\n _errorProcessor.handlers.push(func);\n }\n return {\n dispose: () => {\n func && _removeErrorEvent(func);\n }\n };\n}\nfunction _removeErrorEvent(func) {\n _errorProcessor.handlers.splice(_errorProcessor.handlers.indexOf(func), 1);\n}\n","/**\n* DevExpress Analytics (core\\internal\\_getNameHelpers.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nexport function getTypeNameFromFullName(controlType) {\n return controlType.split(',')[0].trim();\n}\nexport function getShortTypeName(controlType) {\n var fullTypeName = getTypeNameFromFullName(controlType), typeNameParts = fullTypeName.split('.');\n return typeNameParts[typeNameParts.length - 1];\n}\nexport function getControlTypeName(value) {\n var controlType = value.displayType && value.displayType() || value.controlType;\n if (value.getControlFactory) {\n var info = value.getControlFactory().getControlInfo(controlType);\n if (info.displayName)\n controlType = info.displayName;\n }\n return controlType && getLocalization(getShortTypeName(controlType));\n}\nexport function getControlFullName(value) {\n if (!value)\n return '';\n var displayName = ko.unwrap(value.name) || ko.unwrap(value.displayName), controlType = getControlTypeName(value);\n return displayName + (controlType ? (' (' + controlType + ')') : '');\n}\nexport function getImageClassName(controlType, isTemplate = false) {\n var controlType = getTypeNameFromFullName(controlType || '').split('.').join('_'), name;\n if (controlType.indexOf('XR') === 0) {\n name = controlType.slice(2).toLowerCase();\n }\n else if (controlType === 'DevExpress_XtraReports_UI_XtraReport') {\n name = 'master_report';\n }\n return (isTemplate ? 'dxrd-svg-toolbox-' : 'dxrd-image-') + (name ? name : controlType.toLowerCase());\n}\nexport function getUniqueNameForNamedObjectsArray(objects, prefix, names) {\n if (prefix.indexOf('XR') === 0) {\n prefix = prefix[2].toLowerCase() + prefix.slice(3);\n }\n else {\n var indexBand = prefix.indexOf('Band');\n if (indexBand !== -1 && prefix !== 'SubBand') {\n prefix = prefix.slice(0, indexBand) + prefix.slice(indexBand + 4);\n }\n }\n return getUniqueName(names || objects.map((item) => { return ko.unwrap(item.name); }), prefix);\n}\nexport function getUniqueName(names, prefix, inculdeFirst = true) {\n var i = inculdeFirst ? 1 : 0, result = inculdeFirst ? (prefix + i) : prefix;\n while (names.filter((item) => { return item === result; }).length > 0) {\n i++;\n result = prefix + i;\n }\n return result;\n}\n","/**\n* DevExpress Analytics (property-grid\\widgets\\internal\\_svgTemplateEngine.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nclass SvgTemplateSource {\n constructor(template, _data, _templates) {\n this._data = _data;\n this._templates = _templates;\n this.templateName = template;\n }\n data(key, value) {\n this._data[this.templateName] = this._data[this.templateName] || {};\n if (arguments.length === 1) {\n return this._data[this.templateName][key];\n }\n this._data[this.templateName][key] = value;\n }\n text(value) {\n if (arguments.length === 0) {\n if (this.templateName in this._templates)\n return this._templates[this.templateName];\n else\n throw new Error('Cannot find template with ID ' + this.templateName);\n }\n this._templates[this.templateName] = value;\n }\n}\nexport class SvgTemplatesEngine {\n constructor() {\n this._hasTemplate = (name, findEverywhere) => {\n return findEverywhere && !!document.getElementById(name) || this._templates.hasOwnProperty(name);\n };\n this._data = {};\n this._templates = {};\n }\n static get Instance() {\n return this._instance || (this._instance = new this());\n }\n static get templates() {\n return SvgTemplatesEngine.Instance._templates;\n }\n static addTemplate(templateName, templateMarkup) {\n SvgTemplatesEngine.templates[templateName] = templateMarkup;\n }\n static addTemplates(templates) {\n ko.utils.extend(SvgTemplatesEngine.templates, templates);\n }\n static getExistingTemplate(name, findEverywhere = true) {\n return SvgTemplatesEngine.Instance._hasTemplate(name, findEverywhere) ? name : undefined;\n }\n}\nvar makeTemplateSource = ko.templateEngine.prototype['makeTemplateSource'];\nko.templateEngine.prototype['makeTemplateSource'] = function (template, doc) {\n if (typeof template === 'string' && SvgTemplatesEngine.getExistingTemplate(template, false) && !document.getElementById(template)) {\n return new SvgTemplateSource(template, SvgTemplatesEngine['_instance']['_data'], SvgTemplatesEngine.templates);\n }\n else {\n return makeTemplateSource.apply(this, [template, doc]);\n }\n};\n","/**\n* DevExpress Analytics (core\\internal\\_utils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ToolboxItem } from '../tools/toolbox';\nexport function getToolboxItems(controlsMap, defaultGroup = '') {\n var toolboxItems = [];\n Object.keys(controlsMap).forEach((controlType) => {\n if (!controlsMap[controlType].nonToolboxItem) {\n var item = {\n '@ControlType': controlType,\n displayName: controlsMap[controlType].displayName,\n index: controlsMap[controlType].toolboxIndex || 0,\n canDrop: controlsMap[controlType].canDrop,\n group: controlsMap[controlType].group || defaultGroup\n };\n if (controlsMap[controlType].size) {\n item['size'] = controlsMap[controlType].size;\n }\n if (controlsMap[controlType].defaultVal) {\n Object.keys(controlsMap[controlType].defaultVal).forEach((name) => {\n item[name] = controlsMap[controlType].defaultVal[name];\n });\n }\n toolboxItems.push(new ToolboxItem(item));\n }\n });\n return toolboxItems.sort((item1, item2) => { return item1.index - item2.index; });\n}\nexport function blur(element) {\n try {\n element['blur'] && element['blur']();\n }\n catch (e) {\n document.body.blur();\n }\n}\nexport const convertToCssPixelUnits = (value) => `${value}px`;\nexport const convertFromCssPixelUnits = (value) => parseFloat(value.replace('px', ''));\n","/**\n* DevExpress Analytics (core\\utils\\_utils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { calculateWithZoomFactor } from '../../accessibility/_internal';\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nimport { noDataText, searchPlaceholder, selectPlaceholder } from '../../property-grid/localization/_localization';\nimport { editorTemplates } from '../../property-grid/widgets/editorsInfo';\nimport { createGlobalModuleVariableFunc } from '../../serializer/_internal';\nimport { extend } from '../../serializer/_utils';\nimport { getParentContainer } from '../../widgets/_utils';\nimport { ajaxSetup } from '../internal/ajaxSetup';\nimport { dxversions } from '../internal/dx-versions';\nimport { _errorProcessor, _processError } from '../internal/_processError';\nimport { convertFromCssPixelUnits } from '../internal/_utils';\nimport { getErrorMessage as igetErrorMessage } from './_infoMessageHelpers';\nimport { objectsVisitor } from './_visitors';\nexport function copyObservables(from, to) {\n Object.keys(from || {}).forEach((name) => {\n if (ko.isObservable(from[name])) {\n to[name](from[name]());\n }\n else if (!$.isFunction(from[name])) {\n copyObservables(from[name], to[name]);\n }\n });\n}\nexport function _wrapModelInObservable(model) {\n return ko.isWritableObservable(model) ? model : ko.observable(null);\n}\nexport function collectGroupsFromFlatList(list, getGroupId) {\n var temp = {};\n return list.reduce((res, val) => {\n var groupId = getGroupId(val);\n if (groupId) {\n if (temp[groupId])\n temp[groupId].push(val);\n else {\n var group = { group: groupId, items: [val] };\n res.push(group);\n temp[groupId] = group.items;\n }\n }\n return res;\n }, []);\n}\nexport function compareObjects(a, b) {\n var result = a && b && !(a instanceof Array) && !(b instanceof Array);\n result = result && (Object.getOwnPropertyNames(a).length === Object.getOwnPropertyNames(b).length);\n if (result) {\n Object.keys(a || {}).some((name) => {\n if (name.indexOf('_') !== 0 && (typeof a[name] !== 'function' || ko.isObservable(a[name]))) {\n if (ko.isObservable(a[name])) {\n result = ko.unwrap(a[name]) === ko.unwrap(b[name]);\n }\n else if (a[name] instanceof Array) {\n if ((b[name] instanceof Array) && a[name].length === b[name].length) {\n for (var i = 0; i < a[name].length; i++) {\n result = compareObjects(a[name][i], b[name][i]);\n if (result === false)\n break;\n }\n }\n else {\n result = false;\n }\n }\n else if (a[name] instanceof Object) {\n result = compareObjects(a[name], b[name]);\n }\n else {\n result = a[name] === b[name];\n }\n return !result;\n }\n });\n }\n return result;\n}\nexport var cssTransform = ['-webkit-transform', '-moz-transform', '-ms-transform', '-o-transform', 'transform'];\nexport function getFullPath(path, dataMember) {\n return path + (dataMember ? '.' + dataMember : '');\n}\nexport function loadTemplates() {\n var promises = $.fn.constructor(\"script[type='text/html']\").map(function (_, script) {\n if (script.src) {\n var deffered = $.Deferred();\n $.get(script.src)\n .done(function (tmpl) {\n script.text = tmpl;\n if (tmpl.indexOf('type=\"text/html\"') !== -1 || tmpl.indexOf(\"type='text/html'\") !== -1) {\n $.fn.constructor(document.body).append(tmpl);\n }\n deffered.resolve();\n })\n .fail(function (jqXHR, textStatus, errorThrown) {\n deffered.reject();\n });\n return deffered.promise();\n }\n });\n return $.when.apply($.when, promises);\n}\nexport function getSizeFactor(width) {\n if (width < 768) {\n return 'xs';\n }\n else if (width < 992) {\n return 'sm';\n }\n else if (width < 1200) {\n return 'md';\n }\n else if (width < 1380) {\n return 'lg';\n }\n else {\n return 'xl';\n }\n}\nexport var staticContext = {\n _static: {\n searchPlaceholder: () => searchPlaceholder(),\n selectPlaceholder: () => selectPlaceholder(),\n noDataText: () => noDataText(),\n ajaxSetup\n }\n};\nexport var _defaultStaticContext = createGlobalModuleVariableFunc({});\nexport function appendStaticContextToRootViewModel(root, dx = staticContext, className) {\n if (dx)\n root.dx = Object.assign(Object.assign({}, dx), _defaultStaticContext());\n root.getLocalization = function () {\n return getLocalization.apply(root, arguments);\n };\n root.getPopupContainer = getParentContainer;\n root.calculateWithZoomFactor = calculateWithZoomFactor;\n root.surfaceClass = (el) => 'dx-designer-viewport dx-designer-viewport-' + getSizeFactor(el.clientWidth) +\n ' ' + (!getParentContainer(el, '.dx-theme-generic').length ? ' dx-theme-generic' : '') +\n (className ? ' ' + className : '');\n}\nexport function _ajax(uri, action, arg, processErrorCallback, ignoreError, customOptions, isError = (data) => !data.success, getErrorMessage = igetErrorMessage) {\n var deferred = $.Deferred();\n var requestData;\n if (action !== undefined && arg !== undefined) {\n requestData = {\n actionKey: action,\n arg: arg,\n dxversions: JSON.stringify(dxversions)\n };\n }\n ajaxSetup.sendRequest(extend({}, {\n type: 'POST',\n data: requestData,\n url: uri\n }, customOptions)).fail((jqXHR, textStatus, errorThrown) => {\n if (ignoreError && ignoreError()) {\n deferred.reject();\n return;\n }\n _errorProcessor.call({ jqXHR: jqXHR, textStatus: textStatus, errorThrown: errorThrown, getRequestDetails: () => requestData || uri });\n _processError(errorThrown, deferred, jqXHR, textStatus, processErrorCallback);\n })\n .done((data, textStatus, jqXHR) => {\n if (!data) {\n deferred.reject();\n return;\n }\n if (!isError(data)) {\n deferred.resolve(data.result);\n }\n else {\n if (ignoreError && ignoreError()) {\n deferred.reject();\n return;\n }\n _errorProcessor.call({ jqXHR: jqXHR, textStatus: textStatus, data: data, errorThrown: getErrorMessage(jqXHR), getRequestDetails: () => requestData || uri });\n _processError('Internal Server Error', deferred, jqXHR, textStatus, processErrorCallback);\n }\n });\n return deferred.promise();\n}\nexport function _ajaxWithOptions(options) {\n return _ajax(options.uri, options.action, options.arg, options.processErrorCallback, options.ignoreError, options.customOptions, options.isError, options.getErrorMessage);\n}\nexport var ajax = (...params) => {\n if (params.length > 1) {\n return _ajax.apply(this, params);\n }\n else {\n return _ajaxWithOptions(params[0]);\n }\n};\nexport function setAjax(newFunc) {\n ajax = newFunc;\n}\nexport function cutRefs(model) {\n objectsVisitor(model, (target) => {\n delete target['@Ref'];\n });\n return model;\n}\nexport var DesignerBaseElements = {\n MenuButton: 'dxrd-menubutton-template-base',\n Toolbar: 'dxrd-toolbar-template-base',\n Toolbox: 'dxrd-toolbox-template-base',\n GroupedToolbox: 'dxrd-grouped-toolbox-template-base',\n Surface: 'dxrd-surface-template-base',\n RightPanel: 'dxrd-right-panel-template-base'\n};\nexport function generateDefaultParts(model) {\n return [\n { id: DesignerBaseElements.MenuButton, templateName: DesignerBaseElements.MenuButton, model: model },\n { id: DesignerBaseElements.Toolbar, templateName: DesignerBaseElements.Toolbar, model: model },\n { id: DesignerBaseElements.Toolbox, templateName: DesignerBaseElements.Toolbox, model: model },\n { id: DesignerBaseElements.Surface, templateName: DesignerBaseElements.Surface, model: model },\n { id: DesignerBaseElements.RightPanel, templateName: DesignerBaseElements.RightPanel, model: model }\n ];\n}\nexport function createActionWrappingFunction(wrapperName, func) {\n return (actions) => {\n actions.forEach(action => {\n if (!action['wrappedWith'] || action['wrappedWith'].indexOf(wrapperName) === -1) {\n var oldClickHandler = action.clickAction;\n action.clickAction = (model) => {\n return func(model, oldClickHandler);\n };\n action['wrappedWith'] = action['wrappedWith'] || [];\n action['wrappedWith'].push(wrapperName);\n }\n });\n };\n}\nexport function localizeNoneString(noneValue) {\n var value = ko.unwrap(noneValue);\n if (value === 'none') {\n return getLocalization('none', 'DataAccessStringId.ParameterListEmpty');\n }\n else if (value === '(none)') {\n return (getLocalization('(none)', 'DxDesignerStringId.None') !== '(none)') ? getLocalization('(none)', 'DxDesignerStringId.None') : ('(' + getLocalization('none', 'DataAccessStringId.ParameterListEmpty') + ')');\n }\n return value;\n}\nexport function parseZoom(val) {\n var _value = Math.round(parseInt(val.replace('%', ''))) / 100;\n if (!_value)\n return 1;\n if (_value >= 5)\n return 5;\n if (_value <= 0.1)\n return 0.1;\n return _value;\n}\nexport function getResizableOptions($element, panelOffset, minWidth, position, startPosition, width, disabled) {\n const disabledOption = ko.unwrap(disabled);\n const minWidthOption = ko.unwrap(minWidth);\n return {\n starting: function (e) {\n $.fn.constructor($element).css(position === startPosition ? 'right' : 'left', '');\n },\n handles: ko.observable(position === startPosition ? 'e' : 'w'),\n stopped: $.noop,\n stop: $.noop,\n resize: function (event, element) {\n const startResizePosition = convertFromCssPixelUnits(element.dataset.originalLeftMousePosition);\n const originalWidth = convertFromCssPixelUnits(element.dataset.originalWidth);\n const sizeDiff = event.x - startResizePosition;\n $.fn.constructor($element).css({ left: position === startPosition ? panelOffset + 'px' : '', right: position === startPosition ? '' : panelOffset + 'px' });\n const newWidth = Math.min(Math.max(minWidthOption, position === startPosition ? originalWidth + sizeDiff : originalWidth - sizeDiff), 1000);\n width && ko.isObservable(width) && width(newWidth);\n },\n disabled: disabled || false,\n zoom: 1,\n minimumWidth: ko.observable(disabledOption ? 0 : minWidthOption),\n maximumWidth: 1000,\n $element: $element\n };\n}\nexport function createPasswordSerializationInfo(info, isNew = true) {\n info.editor = editorTemplates.getEditor('text');\n info.editorOptions = { mode: 'password' };\n if (isNew)\n info.editorOptions.inputAttr = { autocomplete: 'new-password' };\n return info;\n}\n","/**\n* DevExpress Analytics (accessibility\\_controlElementBase.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Disposable } from '../serializer/utils';\nimport { addDisposeCallback } from '../serializer/_internal';\nexport class AccessibilityControlElementBase extends Disposable {\n constructor(element) {\n super();\n this.element = element;\n this._eventListeners = [];\n }\n dispose() {\n super.dispose();\n this._eventListeners.forEach((item) => { item.element.removeEventListener(item.eventType, item.listener); });\n this._eventListeners.length = 0;\n this.element = null;\n }\n addListener(element, eventType, handler) {\n var listener = (e) => {\n handler.call(this, e);\n };\n element.addEventListener(eventType, listener);\n addDisposeCallback(element, function () {\n element.removeEventListener(eventType, listener);\n });\n this._eventListeners.push({ element: element, eventType: eventType, listener: listener });\n }\n setTabIndex(index) {\n this.element.setAttribute('tabindex', index);\n }\n setFocus() {\n this.element.focus();\n }\n}\n","/**\n* DevExpress Analytics (core\\tools\\_keyboardHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport { addDisposeCallback } from '../../serializer/_internal';\nimport { Disposable } from '../../serializer/utils';\nimport { KeyboardCodesEnum } from '../../property-grid/widgets/internal/_utils';\nexport class KeyboardHelperBase extends Disposable {\n _processShortcut(map, e, index) {\n var method = map[KeyboardCodesEnum[e.keyCode]];\n if (method) {\n return method(e, index);\n }\n return false;\n }\n processShortcut(e, index) {\n return this._processShortcut(this.shortcutMap, e, index);\n }\n processChildrenShortcut(e, index) {\n return this._processShortcut(this.childrenShortcutMap, e, index);\n }\n}\nexport class KeyboardHelper extends KeyboardHelperBase {\n constructor(selection, undoEngine) {\n super();\n this._selection = selection;\n this._undoEngine = undoEngine;\n this.shortcutMap = {\n Esc: (e) => { this.processEsc(); return true; },\n Left: (e) => { this.moveSelectedControls(true, true, -1); return true; },\n Up: (e) => { this.moveSelectedControls(true, false, -1); return true; },\n Right: (e) => { this.moveSelectedControls(false, true, 1); return true; },\n Down: (e) => { this.moveSelectedControls(false, false, 1); return true; }\n };\n }\n processEsc() {\n var parent = this._selection.focused() && this._selection.focused().parent;\n parent && this._selection.focused(parent);\n }\n moveSelectedControls(leftUp, isHoriz, sign) {\n var focusedControl = this._selection.focused();\n if (!focusedControl || focusedControl && focusedControl.getControlModel().getMetaData().isCopyDeny) {\n return;\n }\n this._undoEngine && this._undoEngine().start();\n var distance = 1, axisProperty = isHoriz ? 'left' : 'top', lengthProperty = isHoriz ? 'width' : 'height', minAxis, maxSide, newAxis;\n if (focusedControl.rect) {\n minAxis = focusedControl.rect()[axisProperty];\n maxSide = focusedControl.rect()[axisProperty] + focusedControl.rect()[lengthProperty];\n }\n else {\n return;\n }\n this._selection.selectedItems.filter((item) => { return !item.locked; }).forEach((item) => {\n var axis = item.rect()[axisProperty];\n if (axis < minAxis) {\n minAxis = axis;\n }\n });\n this._selection.selectedItems.filter((item) => { return !item.locked; }).forEach((item) => {\n var side = item.rect()[axisProperty] + item.rect()[lengthProperty];\n if (side > maxSide) {\n maxSide = side;\n }\n });\n if ((leftUp && minAxis <= 0) || (!focusedControl.parent.rect || (!leftUp && maxSide.toFixed(5) >= focusedControl.parent.rect()[lengthProperty]))) {\n return;\n }\n else {\n this._selection.selectedItems.filter((item) => { return !item.locked; })\n .filter((item) => { return !!item.rect; })\n .forEach((item) => {\n var newVal = {}, itemAxisProperty = item.rect()[axisProperty], itemLengthProperty = item.rect()[lengthProperty], parentLengthProperty = item.parent.rect()[lengthProperty];\n newAxis = itemAxisProperty + sign * distance;\n if ((leftUp && newAxis >= 0) || (!leftUp && (newAxis + itemLengthProperty) <= parentLengthProperty)) {\n newVal[axisProperty] = newAxis;\n }\n if (!leftUp && (newAxis + itemLengthProperty) > parentLengthProperty) {\n newVal[axisProperty] = parentLengthProperty - itemLengthProperty;\n }\n if (leftUp && newAxis < 0 && itemAxisProperty > 0) {\n newVal[axisProperty] = 0;\n }\n item.rect(newVal);\n });\n }\n this._undoEngine && this._undoEngine().end();\n }\n}\nexport class KeyDownHandlersManager {\n constructor(targetElement) {\n this._handlers = [];\n this._targetElement = targetElement;\n }\n get _activeHandler() {\n return this._handlers.length > 0 ? this._handlers[this._handlers.length - 1] : null;\n }\n _removeHandler(handler, eventName) {\n var index = this._handlers.indexOf(handler);\n if (index < 0)\n return;\n this._handlers.splice(index, 1);\n if (index === this._handlers.length) {\n this._targetElement.removeEventListener(eventName, handler);\n if (this._activeHandler)\n this._targetElement.addEventListener(eventName, this._activeHandler);\n }\n }\n bindHandler(element, handler, eventName = 'keydown') {\n if (this._activeHandler)\n this._targetElement.removeEventListener(eventName, this._activeHandler);\n var _handler = (e) => {\n if ($.fn.constructor(this._targetElement).closest('.dx-designer').length > 0 ||\n $.fn.constructor(e.target).closest('.dx-designer').length > 0 ||\n e.target === document.body)\n handler(e);\n };\n this._handlers.push(_handler);\n this._targetElement.addEventListener(eventName, _handler);\n addDisposeCallback(element, () => { this._removeHandler(_handler, eventName); });\n }\n}\n","/**\n* DevExpress Analytics (core\\utils\\_arrayutils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { knockoutArrayWrapper } from '../../serializer/_utils';\nexport function createObservableReverseArrayMapCollection(elementModels, target, createItem) {\n var array = target();\n elementModels.peek().forEach(item => {\n var surface = createItem(item);\n array.splice(0, 0, surface);\n });\n target.valueHasMutated();\n return elementModels.subscribe((args) => {\n var unwrapedTarget = target();\n var targetLength = unwrapedTarget.length;\n args.forEach((changeSet) => {\n if (changeSet.status === 'deleted') {\n unwrapedTarget.splice(unwrapedTarget.indexOf(changeSet.value.surface), 1);\n targetLength--;\n }\n });\n args.forEach((changeSet) => {\n if (changeSet.status === 'added') {\n unwrapedTarget.splice(targetLength - changeSet.index, 0, createItem(changeSet.value));\n targetLength++;\n }\n });\n target.valueHasMutated();\n }, null, 'arrayChange');\n}\nexport function createObservableArrayMapCollection(elementModels, target, createItem) {\n var array = target();\n elementModels.peek().forEach(item => {\n var surface = createItem(item);\n array.push(surface);\n });\n target.valueHasMutated();\n return elementModels.subscribe((args) => {\n var startIndex = target().length, deleteCount = 0, valuesToAdd = [];\n args.forEach((changeSet) => {\n if (changeSet.status === 'deleted') {\n deleteCount++;\n if (changeSet.index < startIndex) {\n startIndex = changeSet.index;\n }\n }\n });\n args.forEach((changeSet) => {\n if (changeSet.status === 'added') {\n if (changeSet.index < startIndex) {\n startIndex = changeSet.index;\n }\n valuesToAdd.push(createItem(changeSet.value));\n }\n });\n target.splice.apply(target, [startIndex, deleteCount].concat(valuesToAdd));\n }, null, 'arrayChange');\n}\nexport function deserializeChildArray(model, parent, creator) {\n var result = Object.keys(model || {}).map(propertyName => creator(model[propertyName]));\n return knockoutArrayWrapper(result, (array, event) => {\n if (event === 'beforeChange') {\n return;\n }\n if (event === 'arrayChange') {\n for (var i = 0; i < array.length; i++) {\n parent !== array[i].value.parentModel() && array[i].value.parentModel(parent);\n }\n }\n else {\n for (var i = 0; i < array.length; i++) {\n parent !== array[i].parentModel() && array[i].parentModel(parent);\n }\n }\n });\n}\nexport function getFirstItemByPropertyValue(array, propertyName, propertyValue, fromIndex) {\n var fromIndex = fromIndex || 0;\n for (var i = fromIndex; i < array.length; i++) {\n var value = ko.isObservable(array[i][propertyName]) ? array[i][propertyName].peek() : array[i][propertyName];\n if (value === propertyValue) {\n return array[i];\n }\n }\n return null;\n}\nexport function findFirstItemMatchesCondition(array, predicate) {\n for (var i = 0; i < array.length; i++) {\n if (predicate(array[i])) {\n return array[i];\n }\n }\n return null;\n}\nexport var find = findFirstItemMatchesCondition;\nexport function binaryIndexOf(ar, el, compare) {\n var m = 0;\n var n = ar.length - 1;\n while (m <= n) {\n var k = (n + m) >> 1;\n var cmp = compare(el, ar[k]);\n if (cmp > 0) {\n m = k + 1;\n }\n else if (cmp < 0) {\n n = k - 1;\n }\n else {\n return k;\n }\n }\n return ~m;\n}\nexport function compareArrays(array1, array2) {\n if (!array1 || !array2)\n return false;\n if (array1.length !== array2.length)\n return false;\n for (var i = 0; i < array1.length; i++) {\n if (array1[i] !== array2[i])\n return false;\n }\n return true;\n}\n","/**\n* DevExpress Analytics (accessibility\\_keyboardHelperBase.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { KeyboardHelperBase, KeyDownHandlersManager } from '../core/tools/_keyboardHelper';\nimport { findFirstItemMatchesCondition } from '../core/utils/_arrayutils';\nimport { addDisposeCallback } from '../serializer/_internal';\nimport { AccessibilityControlElementBase } from './_controlElementBase';\nexport class AccessibilityKeyboardHelperBase extends KeyboardHelperBase {\n constructor() {\n super();\n this.childrenInitialized = false;\n this.accessibilityCompliantEnabled = false;\n this.focusFirstFocusableDescendant = false;\n this.controlElements = [];\n this._eventListeners = [];\n this.setTabIndexes = (index) => {\n this.controlElements.forEach(button => button.setTabIndex(index));\n };\n this.liveRegion = () => {\n if (!this.liveRegionId)\n return null;\n if (!this._liveRegion || !this._liveRegion.element) {\n this._liveRegion = {\n element: document.getElementById(this.liveRegionId),\n changeText: (text, timeout = 200) => {\n return setTimeout(() => {\n if (this._liveRegion.element)\n this._liveRegion.element.textContent = text;\n }, timeout);\n }\n };\n }\n return this._liveRegion;\n };\n this.shortcutMap = {\n Esc: (e) => { return this.handleEscKey(e); },\n Tab: (e) => {\n var shiftKey = !!(e && e.shiftKey);\n return shiftKey ? this.handleShiftTabKey(e) : this.handleTabKey(e);\n },\n Enter: (e) => { return this.handleEnterKey(e); },\n Space: (e) => { return this.handleSpaceKey(e); },\n End: (e) => { return this.handleEndKey(e); },\n Home: (e) => { return this.handleHomeKey(e); },\n Up: (e) => { return this.handleUpArrowKey(e); },\n Down: (e) => { return this.handleDownArrowKey(e); },\n Left: (e) => { return this.handleLeftArrowKey(e); },\n Right: (e) => { return this.handleRightArrowKey(e); },\n };\n this.childrenShortcutMap = {\n Tab: (e, index) => {\n var shiftKey = !!(e && e.shiftKey);\n return shiftKey ? this.itemHandleShiftTabKey(e, index) : this.itemHandleTabKey(e, index);\n },\n Enter: (e, index) => { return this.itemHandleEnterKey(e, index); },\n Space: (e, index) => { return this.itemHandleSpaceKey(e, index); },\n End: (e, index) => { return this.itemHandleEndKey(e, index); },\n Home: (e, index) => { return this.itemHandleHomeKey(e, index); },\n Up: (e, index) => { return this.itemHandleUpArrowKey(e, index); },\n Down: (e, index) => { return this.itemHandleDownArrowKey(e, index); },\n Left: (e, index) => { return this.itemHandleLeftArrowKey(e, index); },\n Right: (e, index) => { return this.itemHandleRightArrowKey(e, index); },\n Esc: (e, index) => { return this.itemHandleEscKey(e, index); },\n };\n }\n _disposeItems() {\n this._eventListeners.forEach((item) => { item.element.removeEventListener(item.eventType, item.listener); });\n this._eventListeners.length = 0;\n this.disposeArray(this.controlElements);\n this.controlElements.length = 0;\n }\n initialize() {\n this._disposeItems();\n if (!this._elementContainer)\n return;\n var htmlElements = Array.prototype.slice.call(this._elementContainer.querySelectorAll('.' + this.controlElementClassName));\n if (!htmlElements.length)\n return;\n htmlElements.forEach((element, index) => {\n var newItem = this.createControlElement(element, index);\n if (newItem) {\n this.controlElements.push(newItem);\n }\n });\n this.controlElements.forEach((item, index) => {\n this.addListener(item.element, index, 'click', this.clickHandler);\n });\n this.childrenInitialized = true;\n }\n getIndexByElement(htmlElement) {\n return this.controlElements.map(element => element.element).indexOf(htmlElement);\n }\n createControlElement(element, index) {\n return new AccessibilityControlElementBase(element);\n }\n getContainer() {\n return this._elementContainer;\n }\n changeFocus(index, roundTrip = true) {\n var elCount = this.controlElements.length - 1;\n if (index < 0)\n index = roundTrip ? elCount : 0;\n if (index > elCount)\n index = roundTrip ? 0 : elCount;\n this.controlElements[index].setFocus();\n return index;\n }\n bindHandler(elementContainer) {\n this._elementContainer = elementContainer;\n var handlersManager = new KeyDownHandlersManager(this._elementContainer);\n this.initialize();\n var handler = (e) => {\n var target = e.target;\n if (findFirstItemMatchesCondition(Object.keys(target.classList), (key) => target.classList[key] === this.controlElementClassName) && this.processChildrenShortcut(e, this.getIndexByElement(target))\n || this.processShortcut(e)) {\n e.stopPropagation();\n e.preventDefault();\n }\n };\n handlersManager.bindHandler(this._elementContainer, handler);\n }\n handleEscKey(e, index) {\n if (this._prevActiveElement) {\n this._prevActiveElement.focus();\n return true;\n }\n return false;\n }\n handleTabKey(e) {\n return false;\n }\n handleShiftTabKey(e) {\n return false;\n }\n handleEnterKey(e) {\n return false;\n }\n handleSpaceKey(e) {\n return false;\n }\n handleEndKey(e) {\n return false;\n }\n handleHomeKey(e) {\n return false;\n }\n handleUpArrowKey(e) {\n return false;\n }\n handleDownArrowKey(e) {\n return false;\n }\n handleLeftArrowKey(e) {\n return false;\n }\n handleRightArrowKey(e) {\n return false;\n }\n itemHandleHomeKey(e, index) {\n this.changeFocus(0);\n return true;\n }\n itemHandleEndKey(e, index) {\n this.changeFocus(this.controlElements.length - 1);\n return true;\n }\n itemHandleLeftArrowKey(e, index) {\n return false;\n }\n itemHandleRightArrowKey(e, index) {\n return false;\n }\n itemHandleEnterKey(e, index) {\n return false;\n }\n itemHandleSpaceKey(e, index) {\n return false;\n }\n itemHandleUpArrowKey(e, index) {\n return false;\n }\n itemHandleDownArrowKey(e, index) {\n return false;\n }\n itemHandleTabKey(e, index) {\n return false;\n }\n itemHandleShiftTabKey(e, index) {\n return false;\n }\n itemHandleEscKey(e, index) {\n return false;\n }\n setFocusToPrevious(currentIndex, roundTrip = true) {\n return this.changeFocus(currentIndex - 1, roundTrip);\n }\n setFocusToNext(currentIndex, roundTrip = true) {\n return this.changeFocus(currentIndex + 1, roundTrip);\n }\n clickHandler(e, index) {\n this.changeFocus(index);\n }\n dispose() {\n super.dispose();\n this._disposeItems();\n this._elementContainer = null;\n this._prevActiveElement = null;\n }\n addListener(element, index, eventType, handler) {\n var listener = (e) => {\n handler.call(this, e, index);\n };\n element.addEventListener(eventType, listener);\n addDisposeCallback(element, function () {\n element.removeEventListener(eventType, listener);\n });\n this._eventListeners.push({ element: element, eventType: eventType, listener: listener });\n }\n focus(prevActiveElement) {\n if (!this.childrenInitialized && !this._elementContainer)\n return;\n this._prevActiveElement = (prevActiveElement || document.activeElement);\n if (this.childrenInitialized && !this.focusFirstFocusableDescendant) {\n this.changeFocus(this.startIndex || 0);\n }\n else {\n var focusable = this._elementContainer.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])');\n focusable.length && focusable[0].focus();\n }\n }\n lastFocusItem() {\n return document.getElementById('dxrd-designer-last-focus-item-blank');\n }\n}\n","/**\n* DevExpress Analytics (accessibility\\_rightPanelKeyboardHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { AccessibilityControlElementBase } from './_controlElementBase';\nimport { AccessibilityKeyboardHelperBase } from './_keyboardHelperBase';\nexport class RightPanelKeyboardHelper extends AccessibilityKeyboardHelperBase {\n constructor(_tabPanel) {\n super();\n this._tabPanel = _tabPanel;\n this.controlElementClassName = 'dx-accessibility-rightpanel-button';\n }\n bindHandler(el) {\n super.bindHandler(el);\n this._disposables.push(ko.computed(() => {\n this._tabPanel.tabs.forEach((tab) => { ko.unwrap(tab.visible); });\n this.initialize();\n }).extend(({ rateLimit: { timeout: 1, method: 'notifyWhenChangesStop' } })));\n }\n initialize() {\n super.initialize();\n this.setTabIndexes(0);\n }\n createControlElement(element, index) {\n if (ko.unwrap(this._tabPanel.tabs[index].visible))\n return new AccessibilityControlElementBase(element);\n }\n itemHandleDownArrowKey(e, index) {\n this.setFocusToNext(index, true);\n return true;\n }\n itemHandleUpArrowKey(e, index) {\n this.setFocusToPrevious(index, true);\n return true;\n }\n}\n","/**\n* DevExpress Analytics (core\\tools\\tabPanel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../../serializer/utils';\nimport { getResizableOptions } from '../utils/_utils';\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nimport { extend } from '../../serializer/_utils';\nimport { SvgTemplatesEngine } from '../../property-grid/widgets/internal/_svgTemplateEngine';\nimport { accessibilityFontSizeZoomFactor } from '../../accessibility/_internal';\nimport { RightPanelKeyboardHelper } from '../../accessibility/_rightPanelKeyboardHelper';\nexport class TabPanel extends Disposable {\n constructor(options) {\n super();\n this.tabs = [];\n this.collapsed = ko.observable(false);\n this.position = ko.observable(TabPanel.Position.Right);\n this.toggleCollapsedText = ko.pureComputed(() => {\n var actionString = this.collapsed() ? 'Open' : 'Collapse';\n return getLocalization(actionString, 'ASPxReportsStringId.SidePanel_' + actionString);\n });\n this.cssClasses = (extendOptions) => {\n return extend({\n 'dxrd-tab-panel-left': this.position() === TabPanel.Position.Left,\n 'dxrd-tab-panel-right': this.position() === TabPanel.Position.Right,\n 'dxrd-tab-panel-empty': this.isEmpty()\n }, extendOptions);\n };\n var tabs = options.tabs;\n var autoSelectTab = options.autoSelectTab;\n if (options.rtl)\n this.position(TabPanel.Position.Left);\n var zoomFactor = accessibilityFontSizeZoomFactor();\n var _self = this;\n this.tabs = tabs;\n if (tabs && tabs.length) {\n this._disposables.push(this.isEmpty = ko.computed(() => this.tabs.every(tab => !tab.visible())));\n this.tabs.forEach(tab => {\n tab.collapsed = this.collapsed;\n });\n }\n else\n this.isEmpty = ko.observable(true);\n this._disposables.push(ko.computed(() => {\n var visibleTabs = tabs.filter((tab) => { return tab.visible(); });\n if (visibleTabs.length !== 0) {\n if (visibleTabs.filter((tab) => { return tab.active.peek(); }).length === 0) {\n visibleTabs[0].active(true);\n if (autoSelectTab) {\n this.collapsed(true);\n }\n }\n }\n else {\n this.collapsed(true);\n }\n }));\n this._disposables.push(ko.computed(() => {\n var disabledTabs = tabs.filter((tab) => { return tab.disabled(); });\n if (disabledTabs.length !== 0) {\n if (disabledTabs.filter((tab) => { return tab.active.peek(); }).length !== 0) {\n disabledTabs.forEach(t => t.active(false));\n var nextSelectedTab = tabs.filter((tab) => { return !tab.disabled.peek() && tab.visible.peek(); })[0];\n if (nextSelectedTab) {\n this.selectTab({ model: nextSelectedTab });\n }\n }\n }\n }));\n if (autoSelectTab) {\n this.tabs.forEach((tab) => {\n this._disposables.push(tab.active.subscribe((newVal) => {\n if (newVal) {\n this.selectTab({ model: tab });\n }\n }));\n });\n }\n this.toggleTabVisibility = (e) => {\n var selectedTab = e.model;\n var activeTab = this.tabs.filter((tab) => tab.active())[0];\n if (selectedTab === activeTab) {\n this.collapsed(!this.collapsed());\n }\n else {\n this.selectTab(e);\n }\n };\n this.selectTab = (e) => {\n var selectedTab = e.model;\n if (!selectedTab.disabled()) {\n this.tabs.forEach(function (tab) {\n tab.active(tab === selectedTab);\n });\n this.collapsed(false);\n }\n };\n var _width = ko.observable((options.width || 370) * zoomFactor);\n this._disposables.push(this.width = ko.pureComputed({\n read: () => { return this.collapsed() ? 0 : _width(); },\n write: (newWidth) => { _width(newWidth); }\n }));\n this._disposables.push(this.headerWidth = ko.pureComputed(() => { return this.isEmpty() ? 0 : (50 * zoomFactor + (this.collapsed() ? 0 : this.width())); }));\n this.getResizableOptions = ($element, panelOffset, minWidth) => {\n if (!this._resizableOptions || this._resizableOptions.$element !== $element) {\n this._resizableOptions = getResizableOptions($element, zoomFactor * panelOffset, minWidth, _self.position(), TabPanel.Position.Left, _self.width, _self.collapsed);\n _self._disposables.push(_self.position.subscribe((newVal) => {\n this._resizableOptions.handles(newVal === TabPanel.Position.Left ? 'e' : 'w');\n }));\n _self._disposables.push(_self.collapsed.subscribe((isCollapsed) => {\n this._resizableOptions.minimumWidth(isCollapsed ? 0 : minWidth);\n }));\n }\n return this._resizableOptions;\n };\n this._disposables.push({\n dispose: () => {\n this._resizableOptions = null;\n this.getResizableOptions = null;\n }\n });\n this._disposables.push(this.toggleCollapsedImage = ko.pureComputed(() => {\n var postfix = this.collapsed() ? '-expand' : '-collapse';\n return { class: 'dxrd-image-propertygrid' + postfix, template: 'dxrd-svg-tabs' + postfix };\n }));\n this.keyboardHelper = new RightPanelKeyboardHelper(this);\n this._disposables.push(this.toggleCollapsedText, this.keyboardHelper);\n }\n dispose() {\n super.dispose();\n this.disposeArray(this.tabs);\n }\n getTabByName(tabName) {\n return this.tabs.filter(x => x.name === tabName)[0];\n }\n}\nTabPanel.Position = {\n Left: 'Left',\n Right: 'Right'\n};\nexport class TabInfo extends Disposable {\n constructor(options) {\n super();\n this.active = ko.observable(false);\n this.visible = ko.observable();\n this.disabled = ko.observable();\n var imageBaseName = options.imageClassName || options.text.toLowerCase();\n this._text = options.text;\n this.name = options.text;\n this._localizationId = options.localizationId;\n this._disposables.push(this.imageClassName = ko.pureComputed(() => {\n return 'dxrd-image-' + imageBaseName;\n }));\n this.imageTemplateName = options.imageTemplateName || SvgTemplatesEngine.getExistingTemplate('dxrd-svg-tabs-' + options.text.toLowerCase());\n this.template = options.template;\n this._disposables.push(options.model, options.keyboardHelper);\n var computedVisible = options.visible;\n var computedDisabled = options.disabled;\n this._disposables.push(this.visible = ko.pureComputed(() => { return computedVisible !== undefined ? computedVisible() : true; }));\n this._disposables.push(this.disabled = ko.pureComputed(() => { return computedDisabled !== undefined ? computedDisabled() : false; }));\n this._disposables.push(this.visible.subscribe((visibility) => {\n if (!visibility) {\n this.active(false);\n }\n }));\n computedVisible && this._disposables.push(computedVisible);\n computedDisabled && this._disposables.push(computedDisabled);\n this.model = options.model;\n this.keyboardHelper = options.keyboardHelper;\n if (this.keyboardHelper)\n this._disposables.push(ko.computed(() => {\n if (this.active() && this.collapsed && !this.collapsed())\n this.focus();\n }).extend({ rateLimit: 0 }));\n }\n focus() {\n this.keyboardHelper && this.keyboardHelper.focus(document.getElementsByClassName('dxrd-tab-item dxd-state-active')[0]);\n }\n get text() {\n return getLocalization(this._text, this._localizationId);\n }\n}\n","/**\n* DevExpress Analytics (property-grid\\_propertiesAccessibilityProvider.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nexport class PropertiesAccessibilityProvider {\n isPropertyVisible(editor) {\n if (!editor._model())\n return false;\n var model = editor._model();\n var visible = model.isPropertyVisible ? model.isPropertyVisible(editor.name) : true;\n if (visible) {\n visible = this._calculateAccessibilityByPropertyInfo(model, editor.info().visible, true);\n }\n return visible;\n }\n isPropertyDisabled(editor) {\n if (!editor._model())\n return true;\n var model = editor._model();\n return model.isPropertyDisabled && model.isPropertyDisabled(editor.name) || this._calculateAccessibilityByPropertyInfo(model, editor.info().disabled, false);\n }\n _calculateAccessibilityByPropertyInfo(model, propertyInfo, defaultValue) {\n var result;\n if (ko.isObservable(propertyInfo)) {\n result = propertyInfo();\n }\n else if (typeof propertyInfo === 'function') {\n result = propertyInfo(model);\n }\n else {\n result = propertyInfo !== undefined ? propertyInfo : defaultValue;\n }\n return result;\n }\n}\nexport var defaultAccessibilityProvider = new PropertiesAccessibilityProvider();\n","/**\n* DevExpress Analytics (property-grid\\widgets\\editorValidator.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Disposable } from '../../serializer/utils';\nimport validationEngine from 'devextreme/ui/validation_engine';\nimport { extend } from '../../serializer/_utils';\nexport class EditorValidator extends Disposable {\n constructor(_editor) {\n super();\n this._editor = _editor;\n this._lastValidatorOptions = null;\n this._lastModelOverridableRules = null;\n this._onValidatedHandler = undefined;\n }\n dispose() {\n this.onValidatedHandler = null;\n this.validatorInstance && this.validatorInstance.dispose();\n this.validatorInstance = null;\n super.dispose();\n }\n _isValid(validationRules, newValue) {\n this.onValidatedHandler = undefined;\n if (this.validatorInstance) {\n (validationRules || []).forEach(rule => rule && (rule.validator = this.validatorInstance));\n return this.validatorInstance.validate();\n }\n else {\n return validationEngine['validate'](newValue, validationRules, this._editor.displayName());\n }\n }\n get validatorInstance() {\n return this._validatorInstance;\n }\n set validatorInstance(newValue) {\n if (this._validatorInstance && this.onValidatedHandler) {\n this._validatorInstance.off('validated', this._onValidatedHandler);\n }\n this._validatorInstance = newValue;\n }\n get onValidatedHandler() {\n return this._onValidatedHandler;\n }\n set onValidatedHandler(newValue) {\n if (this._onValidatedHandler && this.validatorInstance) {\n this.validatorInstance.off('validated', this._onValidatedHandler);\n this._onValidatedHandler = newValue;\n if (newValue) {\n this.validatorInstance.on('validated', this._onValidatedHandler);\n }\n }\n }\n getValidationRules() {\n var options = this.getValidatorOptions();\n var resultRules = (options || {}).validationRules;\n return resultRules || (resultRules === null ? null : []);\n }\n getValidatorOptions(templateValidatorOptions = {}) {\n var info = this._editor.info.peek();\n if (!info)\n return;\n var options = this._lastValidatorOptions;\n var modelOverridableRules = this._editor._getEditorValidationRules();\n if (options && !this.areRulesChanged(modelOverridableRules)) {\n return options;\n }\n this._lastModelOverridableRules = modelOverridableRules;\n var extendedValidationRules = this._concatValidationRules(info.validatorOptions, modelOverridableRules);\n var extendedValidatorOptions = info.editor.extendedOptions && info.editor.extendedOptions.validatorOptions;\n var options = extend({}, templateValidatorOptions, info.validatorOptions, { validationRules: extendedValidationRules }, extendedValidatorOptions);\n this._wrapValidatorEvents(options);\n this._lastValidatorOptions = options;\n return options;\n }\n areRulesChanged(overridableRuleSet) {\n if (!(this._lastModelOverridableRules && this._lastModelOverridableRules.length)) {\n return overridableRuleSet && overridableRuleSet.length;\n }\n else if (!overridableRuleSet || !overridableRuleSet.length) {\n return true;\n }\n else {\n return !overridableRuleSet.every(newRule => {\n return this._lastModelOverridableRules.some(rule => {\n return newRule.message === rule.message && newRule.validationCallback === rule.validationCallback && newRule.type === rule.type;\n });\n });\n }\n }\n wrapOnValidatorInitialized(options) {\n var onInitializedHandler = options.onInitialized;\n var _this = this;\n options.onInitialized = function (e) {\n _this._onValidatorInitialized(e);\n onInitializedHandler && onInitializedHandler.apply(this, arguments);\n };\n }\n _onValidatorInitialized(e) {\n this.validatorInstance = e && e.component;\n }\n _concatValidationRules(validatorOptions, validationRules) {\n if ((!validatorOptions || !validatorOptions.validationRules) && !validationRules) {\n return null;\n }\n return ((validatorOptions || {}).validationRules || []).concat(validationRules || []);\n }\n _wrapValidatorEvents(validatorOptions) {\n if (!validatorOptions || !validatorOptions.validationRules || !validatorOptions.validationRules.length) {\n return;\n }\n this.wrapOnValidatorInitialized(validatorOptions);\n return validatorOptions;\n }\n assignWithValidation(newValue, assignValueFunc) {\n var validationRules = this.getValidationRules();\n var assignValueFirst = !validationRules || validationRules.some(x => x.assignValueFirst);\n if (assignValueFirst) {\n assignValueFunc();\n }\n var validationResult = this._isValid(validationRules, newValue);\n if (!validationResult.isValid) {\n if (validationResult.brokenRule && validationResult.brokenRule['isDeferred']) {\n this.onValidatedHandler = (result) => {\n this.onValidatedHandler = undefined;\n if (!result.isValid)\n return;\n assignValueFunc();\n };\n }\n return;\n }\n if (!assignValueFirst) {\n assignValueFunc();\n }\n }\n}\n","/**\n* DevExpress Analytics (core\\internal\\_validation.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nconst restrictedNames = ['Name', 'Version'];\nexport function validateName(nameCandidate) {\n if (!nameCandidate)\n return false;\n var letter = '\\\\u0041-\\\\u005A\\\\u0061-\\\\u007A\\\\u00AA\\\\u00B5\\\\u00BA\\\\u00C0-\\\\u00D6\\\\u00D8-\\\\u00F6\\\\u00F8-\\\\u02C1\\\\u02C6-\\\\u02D1\\\\u02E0-\\\\u02E4\\\\u02EC\\\\u02EE\\\\u0370-\\\\u0374\\\\u0376-\\\\u0377\\\\u037A-\\\\u037D\\\\u037F\\\\u0386\\\\u0388-\\\\u038A\\\\u038C\\\\u038E-\\\\u03A1\\\\u03A3-\\\\u03F5\\\\u03F7-\\\\u0481\\\\u048A-\\\\u052F\\\\u0531-\\\\u0556\\\\u0559\\\\u0561-\\\\u0587\\\\u05D0-\\\\u05EA\\\\u05F0-\\\\u05F2\\\\u0620-\\\\u064A\\\\u066E-\\\\u066F\\\\u0671-\\\\u06D3\\\\u06D5\\\\u06E5-\\\\u06E6\\\\u06EE-\\\\u06EF\\\\u06FA-\\\\u06FC\\\\u06FF\\\\u0710\\\\u0712-\\\\u072F\\\\u074D-\\\\u07A5\\\\u07B1\\\\u07CA-\\\\u07EA\\\\u07F4-\\\\u07F5\\\\u07FA\\\\u0800-\\\\u0815\\\\u081A\\\\u0824\\\\u0828\\\\u0840-\\\\u0858\\\\u08A0-\\\\u08B4\\\\u0904-\\\\u0939\\\\u093D\\\\u0950\\\\u0958-\\\\u0961\\\\u0971-\\\\u0980\\\\u0985-\\\\u098C\\\\u098F-\\\\u0990\\\\u0993-\\\\u09A8\\\\u09AA-\\\\u09B0\\\\u09B2\\\\u09B6-\\\\u09B9\\\\u09BD\\\\u09CE\\\\u09DC-\\\\u09DD\\\\u09DF-\\\\u09E1\\\\u09F0-\\\\u09F1\\\\u0A05-\\\\u0A0A\\\\u0A0F-\\\\u0A10\\\\u0A13-\\\\u0A28\\\\u0A2A-\\\\u0A30\\\\u0A32-\\\\u0A33\\\\u0A35-\\\\u0A36\\\\u0A38-\\\\u0A39\\\\u0A59-\\\\u0A5C\\\\u0A5E\\\\u0A72-\\\\u0A74\\\\u0A85-\\\\u0A8D\\\\u0A8F-\\\\u0A91\\\\u0A93-\\\\u0AA8\\\\u0AAA-\\\\u0AB0\\\\u0AB2-\\\\u0AB3\\\\u0AB5-\\\\u0AB9\\\\u0ABD\\\\u0AD0\\\\u0AE0-\\\\u0AE1\\\\u0AF9\\\\u0B05-\\\\u0B0C\\\\u0B0F-\\\\u0B10\\\\u0B13-\\\\u0B28\\\\u0B2A-\\\\u0B30\\\\u0B32-\\\\u0B33\\\\u0B35-\\\\u0B39\\\\u0B3D\\\\u0B5C-\\\\u0B5D\\\\u0B5F-\\\\u0B61\\\\u0B71\\\\u0B83\\\\u0B85-\\\\u0B8A\\\\u0B8E-\\\\u0B90\\\\u0B92-\\\\u0B95\\\\u0B99-\\\\u0B9A\\\\u0B9C\\\\u0B9E-\\\\u0B9F\\\\u0BA3-\\\\u0BA4\\\\u0BA8-\\\\u0BAA\\\\u0BAE-\\\\u0BB9\\\\u0BD0\\\\u0C05-\\\\u0C0C\\\\u0C0E-\\\\u0C10\\\\u0C12-\\\\u0C28\\\\u0C2A-\\\\u0C39\\\\u0C3D\\\\u0C58-\\\\u0C5A\\\\u0C60-\\\\u0C61\\\\u0C85-\\\\u0C8C\\\\u0C8E-\\\\u0C90\\\\u0C92-\\\\u0CA8\\\\u0CAA-\\\\u0CB3\\\\u0CB5-\\\\u0CB9\\\\u0CBD\\\\u0CDE\\\\u0CE0-\\\\u0CE1\\\\u0CF1-\\\\u0CF2\\\\u0D05-\\\\u0D0C\\\\u0D0E-\\\\u0D10\\\\u0D12-\\\\u0D3A\\\\u0D3D\\\\u0D4E\\\\u0D5F-\\\\u0D61\\\\u0D7A-\\\\u0D7F\\\\u0D85-\\\\u0D96\\\\u0D9A-\\\\u0DB1\\\\u0DB3-\\\\u0DBB\\\\u0DBD\\\\u0DC0-\\\\u0DC6\\\\u0E01-\\\\u0E30\\\\u0E32-\\\\u0E33\\\\u0E40-\\\\u0E46\\\\u0E81-\\\\u0E82\\\\u0E84\\\\u0E87-\\\\u0E88\\\\u0E8A\\\\u0E8D\\\\u0E94-\\\\u0E97\\\\u0E99-\\\\u0E9F\\\\u0EA1-\\\\u0EA3\\\\u0EA5\\\\u0EA7\\\\u0EAA-\\\\u0EAB\\\\u0EAD-\\\\u0EB0\\\\u0EB2-\\\\u0EB3\\\\u0EBD\\\\u0EC0-\\\\u0EC4\\\\u0EC6\\\\u0EDC-\\\\u0EDF\\\\u0F00\\\\u0F40-\\\\u0F47\\\\u0F49-\\\\u0F6C\\\\u0F88-\\\\u0F8C\\\\u1000-\\\\u102A\\\\u103F\\\\u1050-\\\\u1055\\\\u105A-\\\\u105D\\\\u1061\\\\u1065-\\\\u1066\\\\u106E-\\\\u1070\\\\u1075-\\\\u1081\\\\u108E\\\\u10A0-\\\\u10C5\\\\u10C7\\\\u10CD\\\\u10D0-\\\\u10FA\\\\u10FC-\\\\u1248\\\\u124A-\\\\u124D\\\\u1250-\\\\u1256\\\\u1258\\\\u125A-\\\\u125D\\\\u1260-\\\\u1288\\\\u128A-\\\\u128D\\\\u1290-\\\\u12B0\\\\u12B2-\\\\u12B5\\\\u12B8-\\\\u12BE\\\\u12C0\\\\u12C2-\\\\u12C5\\\\u12C8-\\\\u12D6\\\\u12D8-\\\\u1310\\\\u1312-\\\\u1315\\\\u1318-\\\\u135A\\\\u1380-\\\\u138F\\\\u13A0-\\\\u13F5\\\\u13F8-\\\\u13FD\\\\u1401-\\\\u166C\\\\u166F-\\\\u167F\\\\u1681-\\\\u169A\\\\u16A0-\\\\u16EA\\\\u16F1-\\\\u16F8\\\\u1700-\\\\u170C\\\\u170E-\\\\u1711\\\\u1720-\\\\u1731\\\\u1740-\\\\u1751\\\\u1760-\\\\u176C\\\\u176E-\\\\u1770\\\\u1780-\\\\u17B3\\\\u17D7\\\\u17DC\\\\u1820-\\\\u1877\\\\u1880-\\\\u18A8\\\\u18AA\\\\u18B0-\\\\u18F5\\\\u1900-\\\\u191E\\\\u1950-\\\\u196D\\\\u1970-\\\\u1974\\\\u1980-\\\\u19AB\\\\u19B0-\\\\u19C9\\\\u1A00-\\\\u1A16\\\\u1A20-\\\\u1A54\\\\u1AA7\\\\u1B05-\\\\u1B33\\\\u1B45-\\\\u1B4B\\\\u1B83-\\\\u1BA0\\\\u1BAE-\\\\u1BAF\\\\u1BBA-\\\\u1BE5\\\\u1C00-\\\\u1C23\\\\u1C4D-\\\\u1C4F\\\\u1C5A-\\\\u1C7D\\\\u1CE9-\\\\u1CEC\\\\u1CEE-\\\\u1CF1\\\\u1CF5-\\\\u1CF6\\\\u1D00-\\\\u1DBF\\\\u1E00-\\\\u1F15\\\\u1F18-\\\\u1F1D\\\\u1F20-\\\\u1F45\\\\u1F48-\\\\u1F4D\\\\u1F50-\\\\u1F57\\\\u1F59\\\\u1F5B\\\\u1F5D\\\\u1F5F-\\\\u1F7D\\\\u1F80-\\\\u1FB4\\\\u1FB6-\\\\u1FBC\\\\u1FBE\\\\u1FC2-\\\\u1FC4\\\\u1FC6-\\\\u1FCC\\\\u1FD0-\\\\u1FD3\\\\u1FD6-\\\\u1FDB\\\\u1FE0-\\\\u1FEC\\\\u1FF2-\\\\u1FF4\\\\u1FF6-\\\\u1FFC\\\\u2071\\\\u207F\\\\u2090-\\\\u209C\\\\u2102\\\\u2107\\\\u210A-\\\\u2113\\\\u2115\\\\u2119-\\\\u211D\\\\u2124\\\\u2126\\\\u2128\\\\u212A-\\\\u212D\\\\u212F-\\\\u2139\\\\u213C-\\\\u213F\\\\u2145-\\\\u2149\\\\u214E\\\\u2183-\\\\u2184\\\\u2C00-\\\\u2C2E\\\\u2C30-\\\\u2C5E\\\\u2C60-\\\\u2CE4\\\\u2CEB-\\\\u2CEE\\\\u2CF2-\\\\u2CF3\\\\u2D00-\\\\u2D25\\\\u2D27\\\\u2D2D\\\\u2D30-\\\\u2D67\\\\u2D6F\\\\u2D80-\\\\u2D96\\\\u2DA0-\\\\u2DA6\\\\u2DA8-\\\\u2DAE\\\\u2DB0-\\\\u2DB6\\\\u2DB8-\\\\u2DBE\\\\u2DC0-\\\\u2DC6\\\\u2DC8-\\\\u2DCE\\\\u2DD0-\\\\u2DD6\\\\u2DD8-\\\\u2DDE\\\\u2E2F\\\\u3005-\\\\u3006\\\\u3031-\\\\u3035\\\\u303B-\\\\u303C\\\\u3041-\\\\u3096\\\\u309D-\\\\u309F\\\\u30A1-\\\\u30FA\\\\u30FC-\\\\u30FF\\\\u3105-\\\\u312D\\\\u3131-\\\\u318E\\\\u31A0-\\\\u31BA\\\\u31F0-\\\\u31FF\\\\u3400-\\\\u4DB5\\\\u4E00-\\\\u9FD5\\\\uA000-\\\\uA48C\\\\uA4D0-\\\\uA4FD\\\\uA500-\\\\uA60C\\\\uA610-\\\\uA61F\\\\uA62A-\\\\uA62B\\\\uA640-\\\\uA66E\\\\uA67F-\\\\uA69D\\\\uA6A0-\\\\uA6E5\\\\uA717-\\\\uA71F\\\\uA722-\\\\uA788\\\\uA78B-\\\\uA7AD\\\\uA7B0-\\\\uA7B7\\\\uA7F7-\\\\uA801\\\\uA803-\\\\uA805\\\\uA807-\\\\uA80A\\\\uA80C-\\\\uA822\\\\uA840-\\\\uA873\\\\uA882-\\\\uA8B3\\\\uA8F2-\\\\uA8F7\\\\uA8FB\\\\uA8FD\\\\uA90A-\\\\uA925\\\\uA930-\\\\uA946\\\\uA960-\\\\uA97C\\\\uA984-\\\\uA9B2\\\\uA9CF\\\\uA9E0-\\\\uA9E4\\\\uA9E6-\\\\uA9EF\\\\uA9FA-\\\\uA9FE\\\\uAA00-\\\\uAA28\\\\uAA40-\\\\uAA42\\\\uAA44-\\\\uAA4B\\\\uAA60-\\\\uAA76\\\\uAA7A\\\\uAA7E-\\\\uAAAF\\\\uAAB1\\\\uAAB5-\\\\uAAB6\\\\uAAB9-\\\\uAABD\\\\uAAC0\\\\uAAC2\\\\uAADB-\\\\uAADD\\\\uAAE0-\\\\uAAEA\\\\uAAF2-\\\\uAAF4\\\\uAB01-\\\\uAB06\\\\uAB09-\\\\uAB0E\\\\uAB11-\\\\uAB16\\\\uAB20-\\\\uAB26\\\\uAB28-\\\\uAB2E\\\\uAB30-\\\\uAB5A\\\\uAB5C-\\\\uAB65\\\\uAB70-\\\\uABE2\\\\uAC00-\\\\uD7A3\\\\uD7B0-\\\\uD7C6\\\\uD7CB-\\\\uD7FB\\\\uF900-\\\\uFA6D\\\\uFA70-\\\\uFAD9\\\\uFB00-\\\\uFB06\\\\uFB13-\\\\uFB17\\\\uFB1D\\\\uFB1F-\\\\uFB28\\\\uFB2A-\\\\uFB36\\\\uFB38-\\\\uFB3C\\\\uFB3E\\\\uFB40-\\\\uFB41\\\\uFB43-\\\\uFB44\\\\uFB46-\\\\uFBB1\\\\uFBD3-\\\\uFD3D\\\\uFD50-\\\\uFD8F\\\\uFD92-\\\\uFDC7\\\\uFDF0-\\\\uFDFB\\\\uFE70-\\\\uFE74\\\\uFE76-\\\\uFEFC\\\\uFF21-\\\\uFF3A\\\\uFF41-\\\\uFF5A\\\\uFF66-\\\\uFFBE\\\\uFFC2-\\\\uFFC7\\\\uFFCA-\\\\uFFCF\\\\uFFD2-\\\\uFFD7\\\\uFFDA-\\\\uFFDC';\n var pattern = new RegExp('^[' + letter + '_][' + letter + '_\\\\d]*$');\n return pattern.test(nameCandidate) && restrictedNames.every(name => nameCandidate != name);\n}\nexport function replaceInvalidSymbols(text) {\n return text.replace(/[\\W_]+/g, '_');\n}\nexport var nameValidationRules = [\n {\n type: 'custom',\n validationCallback: (options) => { return validateName(options.value); },\n get message() {\n return getLocalization('Name is required and should be a valid identifier.', 'AnalyticsCoreStringId.NameIsRequired_Error');\n }\n }\n];\n","/**\n* DevExpress Analytics (core\\utils\\_units.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nexport function roundingXDecimals(value, useFloor = false, x = 3) {\n return (useFloor ? Math.floor : Math.round)(value * Math.pow(10, x)) / Math.pow(10, x);\n}\nexport function unitsToPixel(val, measureUnit, zoom = 1) {\n var result;\n if (measureUnit === 'Pixels') {\n result = 1 * val;\n }\n else if (measureUnit === 'TenthsOfAMillimeter') {\n result = val * 3.78 / 10;\n }\n else {\n result = val * 96 / 100;\n }\n result = result * (zoom);\n return roundingXDecimals(result, true);\n}\nexport function pixelToUnits(val, measureUnit, zoom) {\n var result;\n if (measureUnit === 'Pixels') {\n result = 1 * val;\n }\n else if (measureUnit === 'TenthsOfAMillimeter') {\n result = val / 3.78 * 10;\n }\n else {\n result = val / 96 * 100;\n }\n result = result / (zoom);\n return roundingXDecimals(result);\n}\nexport function createUnitProperty(model, target, propertyName, property, measureUnit, zoom, afterCreation) {\n var lastVal = 0;\n target[propertyName] = ko.pureComputed({\n read: () => {\n var val = property(model)(), newVal = unitsToPixel(val, measureUnit.peek(), zoom());\n if (Math.abs(newVal - lastVal) > 0.2) {\n lastVal = newVal;\n return lastVal;\n }\n return lastVal;\n },\n write: (val) => {\n if (Math.abs(val - lastVal) <= 0.2)\n return;\n lastVal = val;\n var result = pixelToUnits(val, measureUnit.peek(), zoom());\n property(model)(result);\n }\n });\n afterCreation(target[propertyName]);\n}\nexport function createUnitProperties(model, target, properties, measureUnit, zoom, afterCreation) {\n if (!properties)\n return;\n Object.keys(properties).forEach(propertyName => {\n createUnitProperty(model, target, propertyName, properties[propertyName], measureUnit, zoom, afterCreation);\n });\n}\n","/**\n* DevExpress Analytics (property-grid\\widgets\\editor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { Disposable } from '../../serializer/utils';\nimport { findMatchesInString, compareEditorInfo } from './internal/_utils';\nimport { defaultAccessibilityProvider } from '../_propertiesAccessibilityProvider';\nimport { EditorValidator } from './editorValidator';\nimport { getLocalization } from '../localization/localization_utils';\nimport { propertiesGridEditorsPaddingLeft } from './internal/_internal';\nimport { editorTemplates } from './editorsInfo';\nimport config from 'devextreme/core/config';\nimport { extend } from '../../serializer/_utils';\nimport { replaceInvalidSymbols } from '../../core/internal/_validation';\nimport { roundingXDecimals } from '../../core/utils/_units';\nexport class Editor extends Disposable {\n constructor(modelPropertyInfo, level, parentDisabled = ko.observable(false), textToSearch = undefined) {\n super();\n this._model = ko.observable();\n this._parent = ko.observable(null);\n this.isSearchedProperty = ko.observable(true);\n this.isParentSearched = ko.observable(false);\n this.rtl = config().rtlEnabled;\n this._accessibilityProvider = ko.observable(defaultAccessibilityProvider);\n this._validator = new EditorValidator(this);\n this._cachedValue = undefined;\n this.isEditorSelected = ko.observable(false);\n this.isRequired = false;\n this.isRendered = ko.observable(false);\n this.collapsed = ko.observable(true);\n this.info = ko.observable(modelPropertyInfo);\n this._disposables.push(this.displayName = ko.computed({\n read: () => {\n var info = this.info();\n return info && getLocalization(info.displayName, info['localizationId']);\n },\n write: (value) => { }\n }));\n if (textToSearch) {\n this.textToSearch = textToSearch;\n this._disposables.push(this.isSearchedProperty = ko.computed(() => {\n return this.isParentSearched() || !!findMatchesInString(this.displayName(), textToSearch());\n }));\n }\n this.padding = this._setPadding(this.rtl ? 'right' : 'left', level * propertiesGridEditorsPaddingLeft());\n var defaultValue = ko.observable(null), propertyName = modelPropertyInfo.propertyName;\n this._disposables.push(this._editorOptions = ko.pureComputed(() => this.info().editorOptions));\n this.validatorOptions = modelPropertyInfo.validatorOptions;\n this.isRequired = modelPropertyInfo.isRequired;\n if (modelPropertyInfo.defaultVal !== undefined) {\n defaultValue = ko.observable(modelPropertyInfo.defaultVal);\n }\n if (modelPropertyInfo.from) {\n defaultValue = modelPropertyInfo.from(modelPropertyInfo.defaultVal);\n }\n if (modelPropertyInfo.array) {\n defaultValue = ko.observableArray();\n }\n this._disposables.push(this.values = ko.computed(() => {\n var _values = this.info().valueStore || this.info().valuesArray;\n if (_values) {\n return _values;\n }\n _values = ko.unwrap(this.info().values);\n if (_values) {\n return $.map(_values, (displayValue, value) => {\n return { value: value, displayValue: displayValue };\n });\n }\n }));\n this.level = level;\n this._init(modelPropertyInfo.editor, defaultValue, propertyName);\n this._disposables.push(this.disabled = ko.computed(() => {\n return parentDisabled() || this._accessibilityProvider() && this._accessibilityProvider().isPropertyDisabled(this);\n }));\n this._disposables.push(this.visible = ko.computed(() => {\n return this.isSearchedProperty() && this._accessibilityProvider() && this._accessibilityProvider().isPropertyVisible(this);\n }));\n this._disposables.push(this.isPropertyModified = ko.computed(() => {\n return !!(this._model() && this._model().isPropertyModified && this._model().isPropertyModified(this.name));\n }));\n this._disposables.push(this.isPropertyHighlighted = ko.pureComputed(() => {\n if (this._shouldSkipHighlighting(this.name))\n return false;\n var controlModel = this._model();\n return !!(controlModel && controlModel.isPropertyHighlighted && controlModel.isPropertyHighlighted(this.name));\n }));\n }\n _setPadding(position, value) {\n var obj = {};\n obj['padding-' + position] = value;\n return obj;\n }\n dispose() {\n this._validator && this._validator.dispose();\n this._validator = null;\n super.dispose();\n this._cachedValue = null;\n this._model(null);\n }\n _shouldSkipHighlighting(propertyName) {\n return this.isComplexEditor;\n }\n _assignValue(modelValue, model, newValue, name) {\n if (ko.isObservable(modelValue)) {\n modelValue(newValue);\n }\n else {\n model[name] = newValue;\n }\n }\n _roundTwoDesemialsForUnitProperties(value, model, propertyName) {\n var properties = model && model['constructor'] && model['constructor'].unitProperties;\n if (!properties || properties.indexOf(propertyName) === -1)\n return value;\n return roundingXDecimals(value);\n }\n _init(editorTemplate, value, name) {\n editorTemplate = editorTemplate || editorTemplates.getEditor('text');\n this.templateName = editorTemplate.header;\n this.contentTemplateName = editorTemplate.content;\n this._cachedValue = undefined;\n this._disposables.push(this.value = ko.computed({\n read: () => {\n var model = this._model();\n if (!model && this._cachedValue) {\n return this._cachedValue;\n }\n var modelValue = model && model[name] !== undefined ? model[name] : value;\n if (ko.isObservable(modelValue) && !modelValue['push']) {\n var hasValueInModel = modelValue() !== undefined && modelValue() !== null;\n this._cachedValue = hasValueInModel ? this._roundTwoDesemialsForUnitProperties(modelValue(), model, name) : this.defaultValue;\n return this._cachedValue;\n }\n else {\n this._cachedValue = modelValue;\n return this._cachedValue;\n }\n },\n write: (newValue) => {\n var model = this._model();\n if (!model) {\n return;\n }\n var modelValue = model[name];\n this._validator.assignWithValidation(newValue, () => {\n this._assignValue(modelValue, model, newValue, name);\n });\n }\n }));\n this.name = name;\n this.editorTemplate = editorTemplate && editorTemplate.custom || 'dx-property-editor';\n }\n _getInfoFromModel(viewModel) {\n if (!viewModel)\n return null;\n var modelInfo = viewModel['getInfo'] && viewModel['getInfo']();\n if (modelInfo) {\n return modelInfo.filter(property => property.propertyName === this.name)[0];\n }\n return null;\n }\n update(viewModel) {\n if (!!viewModel) {\n var propertyInfo = this._getInfoFromModel(viewModel);\n var isSameEditorType = propertyInfo && compareEditorInfo(propertyInfo.editor, this.info().editor);\n if (isSameEditorType && this.info() !== propertyInfo) {\n this.info(propertyInfo);\n }\n this._model(this.name in viewModel && (isSameEditorType || !propertyInfo) ? viewModel : null);\n }\n else {\n this._model(null);\n }\n }\n getOptions(templateOptions) {\n var extendedOptions = this.info.peek().editor.extendedOptions;\n return extend(true, {}, templateOptions, this.editorOptions, extendedOptions);\n }\n getValidatorOptions(templateValidatorOptions) {\n return this._validator && this._validator.getValidatorOptions(templateValidatorOptions);\n }\n registerAccessibilityProvider(accessibilityProvider) {\n if (this._accessibilityProvider() != accessibilityProvider)\n this._accessibilityProvider(accessibilityProvider);\n }\n assingParent(parent) {\n if (this._parent() != parent)\n this._parent(parent);\n }\n _getEditorValidationRules() {\n var info = ko.unwrap(this.info);\n if (!info)\n return;\n var validationRules = info.validationRules;\n return validationRules || (validationRules === null ? null : []);\n }\n getValidationRules() {\n return this._validator && this._validator.getValidationRules();\n }\n get validationRules() {\n return this.getValidationRules();\n }\n getIdByDisplayName(preffix) {\n return preffix + '-' + replaceInvalidSymbols(this.displayName());\n }\n getPopupServiceActions() {\n if (!this._model()) {\n return;\n }\n var actions = (this._model().actions || []).concat();\n (this._model().actionProviders || [])\n .forEach((provider) => {\n var additionalActions = provider && provider.getActions(this.name) || [];\n additionalActions.forEach((action) => actions.push(action));\n });\n return actions;\n }\n get editorOptions() { return ko.unwrap(this._editorOptions); }\n get isComplexEditor() { return !!this.contentTemplateName; }\n}\n","/**\n* DevExpress Analytics (property-grid\\internal\\_addon.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../../serializer/utils';\nexport class EditorAddOn extends Disposable {\n constructor(editor, popupService) {\n super();\n this.templateName = null;\n this._editor = editor;\n this._popupService = popupService;\n this._disposables.push(this._actions = ko.pureComputed(() => {\n return (editor.getPopupServiceActions() || []).filter(x => this.actionFilter(x));\n }));\n this._disposables.push(this.visible = ko.pureComputed(() => {\n return this._actions().length > 0;\n }));\n this._disposables.push(this.hint = ko.pureComputed(() => {\n var acc = [];\n this._actions().forEach(x => this._getTitles(x, [], acc));\n return acc.join('\\n');\n }));\n this._disposables.push(this.editorMenuButtonCss = ko.pureComputed(() => {\n var editorModel = editor._model();\n return editorModel && editorModel['getActionClassName'] && editorModel['getActionClassName'](editor.name) || '';\n }));\n this._disposables.push(this.imageTemplateName = ko.pureComputed(() => {\n var editorModel = editor._model();\n return editorModel && editorModel['getMenuBoxTemplate'] && editorModel['getMenuBoxTemplate'](editor.name) || '';\n }));\n }\n _updateActions(actions) {\n this._popupService.actions([]);\n if (!actions || !actions.length)\n return;\n actions\n .sort((x, y) => (x.title < y.title ? -1 : x.title > y.title ? 1 : 0))\n .sort((x, y) => (x.weight || 0) - (y.weight || 0));\n this._wrapVisibleItems(actions, this._editor.name).forEach(visibleItem => {\n this._popupService.actions.push(visibleItem);\n });\n }\n _getTitles(item, currentItemPath = [], acc = []) {\n var title = ko.unwrap(item.title);\n (item.items || []).forEach(x => {\n var nextPath = title ? currentItemPath.concat([title]) : currentItemPath;\n this._getTitles(x, nextPath, acc);\n });\n var hint = ko.unwrap(item.hint);\n if (!hint || !title)\n return;\n var resultTitle = currentItemPath.concat([title]).join('. ');\n acc.push(resultTitle + ':\\n' + hint + '\\n');\n return acc;\n }\n _wrapVisibleItems(actions, editorName) {\n if (!actions)\n return undefined;\n return actions.map(modelAction => this._wrapActionClick(modelAction, editorName)).filter(x => !!x);\n }\n _wrapActionClick(modelAction, editorName) {\n if (this.actionFilter(modelAction)) {\n return {\n id: modelAction.id,\n items: this._wrapVisibleItems(modelAction.items, editorName),\n innerTemplate: modelAction.innerTemplate,\n itemTemplate: modelAction.itemTemplate,\n action: () => {\n modelAction.action(editorName);\n this._popupService.visible(false);\n },\n title: modelAction.title,\n hint: modelAction.hint,\n visible: () => { return true; }\n };\n }\n else {\n return null;\n }\n }\n showPopup(_, element) {\n this._popupService.title(this._editor.displayName());\n this._updateActions(this._editor.getPopupServiceActions());\n this._popupService.target(element);\n this._popupService.visible(true);\n }\n actionFilter(action) {\n return action.visible(this._editor.name);\n }\n}\n","/**\n* DevExpress Analytics (property-grid\\propertygrid.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../serializer/utils';\nimport { defaultAccessibilityProvider } from './_propertiesAccessibilityProvider';\nimport { Editor } from './widgets/editor';\nimport { compareEditorInfo, findMatchesInString } from './widgets/internal/_utils';\nimport { EditorAddOn } from './internal/_addon';\nimport config from 'devextreme/core/config';\nimport { isEmptyObject } from '../serializer/_utils';\nexport class ObjectProperties extends Disposable {\n constructor(viewModel, editorsInfo, level = 0, parentDisabled = ko.observable(false), recreateEditors = false, textToSearch, popupService) {\n super();\n this._viewModelSubscription = null;\n this._infoSubscription = null;\n this._getInfoComputed = null;\n this._accessibilityProvider = defaultAccessibilityProvider;\n this.level = 0;\n this.rtl = config()['rtlEnabled'];\n if (popupService) {\n this.createEditorAddOn = (editor) => {\n var editorAddOn = new EditorAddOn(editor, this.popupService);\n editor._disposables.push(editorAddOn);\n return {\n templateName: 'dx-editor-addons',\n data: [editorAddOn]\n };\n };\n this.popupService = popupService;\n }\n this._editors = ko.observableArray([]).extend({ deferred: true });\n this.level = level;\n this._parentDisabled = parentDisabled;\n this._textToSearch = textToSearch;\n this._disposables.push(this.visible = ko.computed(() => {\n return this._editors().some(editor => editor.visible());\n }));\n this._viewModelSubscription = viewModel.subscribe((newVal) => {\n this._infoSubscription && this._infoSubscription.dispose();\n this._getInfoComputed && this._getInfoComputed.dispose();\n this._update(newVal, editorsInfo, recreateEditors);\n });\n this._update(viewModel(), editorsInfo, recreateEditors);\n }\n update(viewModel) {\n if (viewModel) {\n this._editors().forEach((editor) => {\n editor.update(viewModel);\n });\n }\n }\n _cleanEditorsSubscriptions() {\n this._editors().forEach((editor) => {\n editor.dispose();\n Object.keys(editor).forEach(name => {\n if (ko.isComputed(editor[name])) {\n editor[name].dispose();\n }\n });\n });\n }\n dispose() {\n super.dispose();\n this.disposeObservableArray(this._editors);\n this.resetObservableArray(this._editors);\n this.cleanSubscriptions();\n }\n cleanSubscriptions() {\n this._infoSubscription && this._infoSubscription.dispose();\n this._getInfoComputed && this._getInfoComputed.dispose();\n this._viewModelSubscription && this._viewModelSubscription.dispose();\n this._cleanEditorsSubscriptions();\n }\n cleanEditors() {\n this._cleanEditorsSubscriptions();\n this.resetObservableArray(this._editors);\n }\n findEditorByInfo(serializationInfo) {\n return this._editors().filter(editor => editor.name === serializationInfo.propertyName && compareEditorInfo(editor.info().editor, serializationInfo.editor))[0];\n }\n createEditor(modelPropertyInfo) {\n var editorType = modelPropertyInfo.editor && modelPropertyInfo.editor.editorType || Editor;\n var editor = new editorType(modelPropertyInfo, this.level, this._parentDisabled, this._textToSearch, this.popupService);\n editor.assingParent(this._parent);\n editor.registerAccessibilityProvider(this._accessibilityProvider);\n return editor;\n }\n createEditors(serializationInfo) {\n var self = this;\n return (serializationInfo || [])\n .filter(info => { return !!info.editor && !this.findEditorByInfo(info); })\n .map(info => { return this.createEditor(info); });\n }\n registerAccessibilityProvider(accessibilityProvider) {\n this._accessibilityProvider = accessibilityProvider;\n this._editors().forEach((editor) => {\n editor.registerAccessibilityProvider(accessibilityProvider);\n });\n }\n assignParent(parent) {\n this._parent = parent;\n this._editors().forEach((editor) => {\n editor.assingParent(parent);\n });\n }\n _createEditors(serializationInfo) {\n if (!serializationInfo || serializationInfo.length === 0)\n return false;\n var newEditors = this.createEditors(serializationInfo);\n if (!newEditors.length)\n return;\n var currentEditors = this._editors();\n if (currentEditors.length === 0) {\n currentEditors = newEditors;\n }\n else {\n newEditors.forEach((editor) => {\n var existEditorIndex = currentEditors.map(_editor => _editor.name).indexOf(editor.name);\n if (existEditorIndex !== -1)\n currentEditors.splice(existEditorIndex, 0, editor);\n else\n currentEditors.push(editor);\n });\n }\n this._editors(currentEditors);\n }\n _update(viewModel, editorsInfo, recreateEditors) {\n if (recreateEditors) {\n this.cleanEditors();\n }\n this._getInfoComputed = ko.computed(() => {\n return (editorsInfo && editorsInfo.editors && ko.unwrap(editorsInfo.editors))\n || (viewModel && viewModel['getInfo'] && viewModel['getInfo']());\n });\n this._infoSubscription = this._getInfoComputed.subscribe((newInfo) => {\n if (recreateEditors) {\n this.cleanEditors();\n }\n this._recreateEditors(viewModel, newInfo);\n });\n this._recreateEditors(viewModel, this._getInfoComputed());\n }\n _recreateEditors(viewModel, serializationInfo) {\n this._createEditors(serializationInfo);\n this.update(viewModel);\n }\n getEditors() {\n return this._editors();\n }\n}\nexport class PropertyGridEditor extends Editor {\n constructor(info, level, parentDisabled, textToSearch, _popupService) {\n super(info, level, parentDisabled, textToSearch);\n this._popupService = _popupService;\n this.editorCreated = ko.observable(false);\n this.viewmodel = this.createObjectProperties();\n if (!isEmptyObject(this.viewmodel)) {\n this.viewmodel.assignParent(this);\n }\n this._disposables.push(this.viewmodel);\n var subscription = this.collapsed.subscribe((newVal) => {\n if (!newVal) {\n subscription.dispose();\n this.editorCreated(true);\n }\n });\n this._disposables.push(subscription);\n if (textToSearch) {\n this._disposables.push(this.visibleByName = ko.computed(() => {\n var visible = !!findMatchesInString(this.displayName(), textToSearch());\n if (!isEmptyObject(this.viewmodel)) {\n this.viewmodel._editors().forEach((editor) => editor.isParentSearched(visible));\n }\n return visible;\n }));\n this.isSearchedProperty['dispose'] && this.isSearchedProperty['dispose']();\n this._disposables.push(this.isSearchedProperty = ko.computed(() => {\n if (this.visibleByName())\n return true;\n var visibleByEditors = this.viewmodel.visible();\n visibleByEditors && this.collapsed(false);\n return visibleByEditors;\n }));\n }\n }\n createObjectProperties() {\n return new ObjectProperties(this.value, { editors: ko.computed(() => { var _a, _b; return ((_a = this.value()) === null || _a === void 0 ? void 0 : _a.getInfo) && ((_b = this.value()) === null || _b === void 0 ? void 0 : _b.getInfo()) || this.info().info; }) }, this.level + 1, this.disabled, undefined, this.textToSearch, this._popupService);\n }\n registerAccessibilityProvider(accessibilityProvider) {\n super.registerAccessibilityProvider(accessibilityProvider);\n this.viewmodel.registerAccessibilityProvider(accessibilityProvider);\n }\n}\nexport class PropertyGridEditorFlat extends PropertyGridEditor {\n createObjectProperties() {\n this.collapsed(false);\n this.editorCreated(true);\n this.level = -1;\n return super.createObjectProperties();\n }\n}\n","/**\n* DevExpress Analytics (core\\tools\\_tabInfoWithPropertyGrid.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { ObjectProperties } from '../../property-grid/propertygrid';\nimport { TabInfo } from './tabPanel';\nexport class TabInfoWithPropertyGrid extends TabInfo {\n constructor(options) {\n super(options);\n this.propertyGrid = new ObjectProperties(ko.observable(options.model), undefined, undefined, undefined, true);\n this._disposables.push(ko.computed(() => {\n var someRendered = this.propertyGrid.getEditors().some(editor => editor.visible && editor.isRendered());\n if (someRendered) {\n this.keyboardHelper && this.keyboardHelper.initialize();\n this.focus();\n }\n }));\n this._disposables.push(this.propertyGrid);\n }\n}\n","/**\n* DevExpress Analytics (serializer\\serializer.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { extend, isPlainObject, isEmptyObject } from './_utils';\nimport { serializeDate } from './utils';\nexport class ModelSerializer {\n constructor(options) {\n this._refTable = {};\n this._linkTable = {};\n this._options = extend({\n useRefs: true,\n serializeDate: serializeDate\n }, options);\n }\n linkObjects() {\n Object.keys(this._linkTable).forEach((index) => {\n var val = this._refTable[index];\n if (val) {\n this._linkTable[index].splice(0).forEach(property => property(val));\n }\n });\n }\n _getModel(model, propertyPath) {\n var currentModel = model;\n propertyPath.forEach((name) => {\n currentModel = currentModel[name];\n });\n return currentModel;\n }\n _collectLinks(model, internalModel, propertyPath, propertyName) {\n var refVal = model[propertyName].slice('#Ref-'.length);\n var value = ko.observable();\n this._linkTable[refVal] = this._linkTable[refVal] || [];\n this._linkTable[refVal].push(value);\n if (!internalModel._restoreLinks)\n internalModel._restoreLinks = [];\n internalModel._restoreLinks.push((model) => {\n var currentModel = this._getModel(model, propertyPath);\n return {\n setRef: (ref) => {\n if (ref === -1)\n delete currentModel[propertyName];\n else\n currentModel[propertyName] = '#Ref-' + ref;\n },\n obj: value()\n };\n });\n }\n _enumRefs(internalModel, propertyPath, propertyName) {\n if (!internalModel._refs)\n internalModel._refs = [];\n internalModel._refs.push((model, ref) => {\n this._getModel(model, propertyPath)[propertyName] = ref;\n });\n }\n _collectLinksAndEnumRefs(model, internalModel = null, propertyPath = []) {\n var start = internalModel === null;\n internalModel = internalModel || model;\n Object.keys(model).forEach((propertyName) => {\n if (model[propertyName] instanceof Object) {\n this._collectLinksAndEnumRefs(model[propertyName], internalModel, [].concat(propertyPath, [propertyName]));\n }\n else if (model[propertyName].indexOf && model[propertyName].indexOf('#Ref-') === 0) {\n this._collectLinks(model, internalModel, propertyPath, propertyName);\n }\n else if (!start && propertyName === '@Ref') {\n this._enumRefs(internalModel, propertyPath, propertyName);\n }\n });\n if (start)\n this.linkObjects();\n }\n setLinks(refs) {\n refs.linkObjTable.forEach(item => {\n var refValue = refs.objects.indexOf(item.obj);\n item.setRef(refValue);\n });\n }\n deserializeProperty(modelPropertyInfo, model) {\n var propName = modelPropertyInfo.modelName;\n if (!propName) {\n return;\n }\n var modelValue = model[propName] !== undefined ? model[propName] : modelPropertyInfo.defaultVal;\n return this.deserializePropertyValue(modelPropertyInfo, modelValue);\n }\n deserializeDefaultValue(modelPropertyInfo) {\n var value = this.deserializePropertyValue(modelPropertyInfo, modelPropertyInfo.defaultVal, false);\n return value || modelPropertyInfo.defaultVal;\n }\n deserializePropertyValue(modelPropertyInfo, modelValue, strict = true) {\n if (typeof modelPropertyInfo === 'string') {\n return ko.observable(modelValue);\n }\n else if (modelPropertyInfo.link) {\n var value = ko.observable(null);\n if (modelValue) {\n var refVal = modelValue && modelValue.slice('#Ref-'.length);\n this._linkTable[refVal] = this._linkTable[refVal] || [];\n this._linkTable[refVal].push(value);\n }\n return value;\n }\n else if (modelPropertyInfo.array) {\n if (modelPropertyInfo.from) {\n return modelPropertyInfo.from(modelValue, this);\n }\n else if (modelPropertyInfo.info) {\n var result = Object.keys(modelValue || {}).map(propertyName => {\n var object = { getInfo: () => { return modelPropertyInfo.info; } };\n this.deserialize(object, modelValue[propertyName] || {});\n return object;\n });\n return ko.observableArray(result);\n }\n return;\n }\n else if (modelPropertyInfo.from) {\n return modelPropertyInfo.from(modelValue, this);\n }\n else if (modelPropertyInfo.type) {\n var ctorResult = new modelPropertyInfo.type(modelValue, this, modelPropertyInfo.info);\n if (!ctorResult._model) {\n this.deserialize(ctorResult, modelValue || {}, modelPropertyInfo.info);\n }\n return ctorResult;\n }\n else if (modelPropertyInfo.info) {\n var object = { getInfo: () => { return modelPropertyInfo.info; } };\n this.deserialize(object, modelValue || {});\n return object;\n }\n else if (modelPropertyInfo.modelName) {\n return ko.observable(modelValue);\n }\n if (strict) {\n throw new Error(\"Invalid info '\" + JSON.stringify(modelPropertyInfo) + \"'\");\n }\n return;\n }\n deserialize(viewModel, model, serializationsInfo = null) {\n if (!model) {\n return;\n }\n viewModel._model = extend({}, model);\n var _serializationsInfo = viewModel.getInfo ? viewModel.getInfo() : serializationsInfo;\n var refValue = model['@Ref'];\n var proto = Object.getPrototypeOf(viewModel);\n _serializationsInfo.forEach((modelPropertyInfo) => {\n var propertyName = modelPropertyInfo.propertyName, propName = modelPropertyInfo.modelName;\n if (model[propName] !== undefined) {\n delete viewModel._model[propName];\n }\n var property = this.deserializeProperty(modelPropertyInfo, model);\n var descriptor = Object.getOwnPropertyDescriptor(proto, propertyName);\n if (property !== undefined && (!descriptor || !!descriptor.set))\n viewModel[propertyName] = property;\n if (!(propertyName in viewModel) && property === undefined && modelPropertyInfo.array) {\n var currentArray = ko.observable(undefined);\n Object.defineProperty(viewModel, propertyName, {\n get: () => {\n return currentArray();\n },\n set: (val) => {\n currentArray(val);\n },\n enumerable: true,\n configurable: true\n });\n }\n });\n if (refValue) {\n this._refTable[refValue] = viewModel;\n }\n this.linkObjects();\n }\n serialize(viewModel, serializationsInfo, refs = null) {\n if (!serializationsInfo && !refs) {\n return this._serialize(viewModel, null, null);\n }\n return this._serialize(viewModel, serializationsInfo, refs);\n }\n _isSerializableValue(resultValue) {\n return (isPlainObject(resultValue) && !isEmptyObject(resultValue)) || (Array.isArray(resultValue) && resultValue['length'] > 0) || (!Array.isArray(resultValue) && !isPlainObject(resultValue));\n }\n serializeProperty(modelPropertyInfo, viewModel, serializationsInfo, refs, result) {\n var propertyName = modelPropertyInfo.propertyName, value = ko.unwrap(viewModel['_' + propertyName] || viewModel[propertyName]), defaultVal = modelPropertyInfo.defaultVal;\n if (modelPropertyInfo.beforeSerialize)\n value = modelPropertyInfo.beforeSerialize(value);\n if (!!modelPropertyInfo.from) {\n defaultVal = ko.unwrap(modelPropertyInfo.from(defaultVal, this));\n }\n var resultValue = {};\n if (!modelPropertyInfo.modelName) {\n return;\n }\n if (modelPropertyInfo.alwaysSerialize || ((value !== undefined && value !== null) && ((isPlainObject(value) || !isEmptyObject(value)) || (Array.isArray(value) && value.length > 0) || (!Array.isArray(value) && !isPlainObject(value))) && (value !== defaultVal))) {\n if (modelPropertyInfo.link) {\n refs.linkObjTable.push({\n obj: value,\n setRef: (index) => {\n if (index < 0) {\n delete result[modelPropertyInfo.modelName];\n }\n else {\n result[modelPropertyInfo.modelName] = '#Ref-' + index;\n }\n }\n });\n resultValue = undefined;\n }\n else if (modelPropertyInfo.array) {\n resultValue = {};\n var index = 1;\n value.forEach(item => {\n var info = modelPropertyInfo.info || null;\n var item_ = this._serialize(item, info, refs);\n if (this._isSerializableValue(item_) || modelPropertyInfo.alwaysSerialize) {\n resultValue['Item' + index] = item_;\n if (this._options.useRefs) {\n item_['@Ref'] = (refs.objects.push(item) - 1).toString();\n }\n index++;\n }\n });\n }\n else if (modelPropertyInfo.from) {\n if (value['isEmpty'] && value['isEmpty']()) {\n resultValue = {};\n }\n else {\n resultValue = modelPropertyInfo.toJsonObject ? modelPropertyInfo.toJsonObject(value, this, refs) : value.toString();\n }\n }\n else if (modelPropertyInfo.info || value['getInfo']) {\n resultValue = this._serialize(value, modelPropertyInfo.info, refs);\n }\n else if (modelPropertyInfo.modelName) {\n if (value instanceof Date) {\n resultValue = this._options.serializeDate(value);\n }\n else {\n resultValue = value;\n }\n }\n else {\n throw new Error(\"Invalid info '\" + serializationsInfo.stringify() + \"'\");\n }\n if (modelPropertyInfo.alwaysSerialize || this._isSerializableValue(resultValue)) {\n if (modelPropertyInfo.asRef) {\n resultValue['@Ref'] = (refs.objects.push(value) - 1).toString();\n }\n result[modelPropertyInfo.modelName] = resultValue;\n }\n }\n }\n _serialize(viewModel, serializationsInfo, refs) {\n var result = extend(true, {}, viewModel._model), isInitial = refs === null;\n refs = refs || { linkObjTable: [], objects: [] };\n if (result._restoreLinks) {\n refs.linkObjTable.push.apply(refs.linkObjTable, result._restoreLinks.map(x => x(result)));\n delete result._restoreLinks;\n }\n if (result._refs) {\n result._refs.forEach(x => x(result, (refs.objects.push('0') - 1).toString()));\n delete result._refs;\n }\n serializationsInfo = viewModel.getInfo ? viewModel.getInfo() : serializationsInfo;\n delete result['@Ref'];\n if (viewModel['isEmpty'] && viewModel['isEmpty']())\n return {};\n serializationsInfo.forEach((modelPropertyInfo) => {\n this.serializeProperty(modelPropertyInfo, viewModel, serializationsInfo, refs, result);\n });\n if (isInitial)\n this.setLinks(refs);\n return result;\n }\n}\n","/**\n* DevExpress Analytics (core\\utils\\parsers.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { getShortTypeName } from '../internal/_getNameHelpers';\nexport function floatFromModel(val) {\n return ko.observable(val === undefined || val === null ? null : parseFloat(val));\n}\nexport function fromEnum(value) {\n var shotEnumValueKey = getShortTypeName(value);\n var valuesArrayItem = this.valuesArray && this.valuesArray.filter(item => item.value == shotEnumValueKey)[0];\n return ko.observable((this.values && this.values[shotEnumValueKey] !== undefined || valuesArrayItem) ? shotEnumValueKey : value);\n}\nexport function parseBool(val) {\n return ko.observable(val !== void 0 ? String(val).toLowerCase() === 'true' : val);\n}\nexport function colorFromString(val) {\n var color = (val || '').split(',');\n var result = ko.observable(val);\n if (color.length === 3) {\n result = ko.observable('rgb(' + color.join(', ') + ')');\n }\n else if (color.length === 4) {\n var alpha = Math.round(parseFloat(color[0]) / 255 * 100) / 100;\n color.shift();\n color.push(alpha.toString());\n result = ko.observable('rgba(' + color.join(', ') + ')');\n }\n return result;\n}\nexport function saveAsInt(val) {\n return Math.round(val).toString();\n}\nexport function colorToInt(color) {\n var colorAsString = colorToString(color).split(',');\n return (parseInt(colorAsString[0]) << 24) + (parseInt(colorAsString[1]) << 16) + (parseInt(colorAsString[2]) << 8) + (parseInt(colorAsString[3]));\n}\nexport function intToColor(color, hasAlpha = true) {\n var r = Math.round((color >> 16) & 0xff);\n var g = Math.round((color >> 8) & 0xff);\n var b = Math.round((color) & 0xff);\n if (hasAlpha) {\n var a = Math.round((color >> 24) & 0xff);\n return colorFromString([a, r, g, b].join(', '))();\n }\n else {\n return colorFromString([r, g, b].join(', '))();\n }\n}\nexport function colorToString(val) {\n var color = (val || '').split(', ');\n var result = val;\n if (color.length === 3) {\n color[0] = color[0].split('(')[1];\n color[2] = color[2].split(')')[0];\n result = color.join(',');\n }\n else if (color.length === 4) {\n var alpha = Math.round(parseFloat(color[3]) * 255);\n color.pop();\n color[0] = color[0].split('(')[1];\n result = alpha.toString() + ',' + color.join(',');\n }\n return result;\n}\n","/**\n* DevExpress Analytics (property-grid\\widgets\\internal\\_bindingsCache.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport config from 'devextreme/core/config';\nimport * as ko from 'knockout';\nvar cache = {};\nfunction createBaseFunction(controlName, optionsName) {\n return function ($context, $index) {\n var obj = {};\n obj[controlName] = function () {\n if (optionsName === '$data')\n return $context.$data;\n return optionsName === undefined ? undefined : $context.$data[optionsName];\n };\n return obj;\n };\n}\nexport function registerBaseBinding(bindingName, optionsName) {\n addToBindingsCache(!optionsName ? bindingName : `${bindingName}: ${optionsName}`, createBaseFunction(bindingName, optionsName));\n}\nexport function addToBindingsCache(key, value) {\n cache[key] = value;\n}\nfunction getFromCache(key) {\n return cache[key];\n}\nregisterBaseBinding('svgAttrs');\nregisterBaseBinding('dxButtonWithTemplate', 'options');\nregisterBaseBinding('dxButton', 'options');\nregisterBaseBinding('dxCheckBox', 'options');\nregisterBaseBinding('dxToolbarBase', 'options');\nregisterBaseBinding('dxToolbar', 'options');\nregisterBaseBinding('treelist', 'options');\naddToBindingsCache('template: \\'dxrd-designer\\'', function ($context, $element) {\n return { 'template': function () { return 'dxrd-designer'; } };\n});\nvar currentParseBindingsString = ko.bindingProvider.prototype.parseBindingsString;\nko.utils.extend(ko.bindingProvider.prototype, {\n 'parseBindingsString': function (bindingsString, bindingContext, node, options) {\n try {\n var func = getFromCache(bindingsString.trim());\n if (func)\n return func(bindingContext, node);\n return currentParseBindingsString.call(ko.bindingProvider.instance, bindingsString, bindingContext, node, options);\n }\n catch (ex) {\n ex.message = 'Unable to parse bindings.\\nBindings value: ' + bindingsString + '\\nMessage: ' + ex.message;\n throw ex;\n }\n }\n});\nvar optionsParser = config()['optionsParser'];\nconfig({\n optionsParser: function (optionsString) {\n var func = getFromCache(optionsString.trim());\n if (func)\n return func();\n return optionsParser(optionsString);\n }\n});\n","/**\n* DevExpress Analytics (property-grid\\widgets\\templateUtils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { SvgTemplatesEngine } from './internal/_svgTemplateEngine';\nexport function addTemplate(templateName, templateMarkup) {\n SvgTemplatesEngine.addTemplate(templateName, templateMarkup);\n}\nexport function getTemplate(id) {\n var id = id[0] === '#' ? id.substr(1) : id;\n var item = document.querySelector('#' + id);\n return item && item.innerHTML || SvgTemplatesEngine.templates[id];\n}\n","/**\n* DevExpress Analytics (undo-engine\\_utils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nexport function propertiesVisitor(target, visitor, visited = [], skip = ['surface']) {\n if (target && target !== undefined) {\n var properties = [];\n Object.keys(target).forEach((propertyName) => {\n if (propertyName.indexOf('_') !== 0 && skip.indexOf(propertyName) === -1) {\n var realPropertyName = propertyName;\n if (ko.isComputed(target[propertyName]) && ko.isWritableObservable(target['_' + propertyName])) {\n realPropertyName = '_' + realPropertyName;\n }\n if (visited.indexOf(target[realPropertyName]) === -1 && !ko.isComputed(target[realPropertyName])) {\n properties.push(target[realPropertyName]);\n }\n }\n });\n visitor(properties);\n visited.push.apply(visited, properties);\n properties.forEach((property) => {\n property = ko.unwrap(property);\n if (typeof property === 'object') {\n propertiesVisitor(property, visitor, visited, skip);\n }\n });\n }\n}\nexport function checkModelReady(model) {\n return model.isModelReady ? model.isModelReady() : true;\n}\nexport function guid() {\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n });\n}\n","/**\n* DevExpress Analytics (undo-engine\\undoengine.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../serializer/utils';\nimport { checkModelReady, guid, propertiesVisitor } from './_utils';\nexport class _LatestChangeSet {\n constructor(changes, position) {\n this.changes = changes;\n this.position = position;\n }\n static Empty() {\n return new _LatestChangeSet(null, null);\n }\n equal(changeSet) {\n return this.changes === changeSet.changes && this.position === changeSet.position;\n }\n}\nvar activeEngines = [];\nexport class UndoEngine extends Disposable {\n constructor(target, _ignoredProperties = ['surface'], _getInfoMethodName, _alwaysSubscribeProperties = []) {\n super();\n this._ignoredProperties = _ignoredProperties;\n this._getInfoMethodName = _getInfoMethodName;\n this._alwaysSubscribeProperties = _alwaysSubscribeProperties;\n this._groupObservers = [];\n this._groupPosition = -1;\n this._observers = [];\n this._subscriptions = [];\n this._visited = [];\n this._position = ko.observable(-1);\n this._lockedPosition = ko.observable(-1);\n this._inUndoRedo = false;\n this._currentEngineName = UndoEngine._disposeUndoEngineSubscriptionsName + guid();\n this.redoEnabled = ko.observable(false);\n this.undoEnabled = ko.observable(false);\n this.isIngroup = -1;\n this.isDirty = ko.computed({\n read: () => { return this._position() !== this._lockedPosition(); },\n write: (value) => { value ? this._lockedPosition('forcibly marked as dirty') : this._lockedPosition(this._position()); }\n });\n activeEngines.push(this._currentEngineName);\n this._model = ko.unwrap(target);\n if (this._getInfoMethodName) {\n if (ko.isSubscribable(target)) {\n this._targetSubscription = this.subscribeProperty(target, true);\n }\n else {\n this._createDisposeFunction(target);\n }\n }\n else {\n var innerSubscriptions = this.subscribe(this._model);\n if (ko.isSubscribable(target)) {\n var prevVal = target();\n this._targetSubscription = target.subscribe((newTargetValue) => {\n this._removePropertiesSubscriptions();\n if (!this._inUndoRedo) {\n this.properyChanged({\n observable: target,\n propertyChanged: { oldVal: prevVal, val: newTargetValue }\n });\n prevVal = newTargetValue;\n }\n this._cleanSubscribtions(innerSubscriptions);\n this._model = newTargetValue;\n innerSubscriptions = this.subscribe(this._model);\n });\n }\n }\n this._disposables.push(this.isDirty);\n }\n static tryGetUndoEngine(object) {\n var undo = null;\n activeEngines.some(x => {\n undo = object[x] && object[x].instance;\n return !!undo;\n });\n return undo;\n }\n get _modelReady() {\n return checkModelReady(this._model);\n }\n _disposeObserver(record) {\n if (record.propertyChanged) {\n var value = record.propertyChanged.val;\n if (value && !value[this._currentEngineName]) {\n value.dispose && value.dispose();\n }\n }\n else if (record.arrayChanges) {\n record.arrayChanges.forEach(change => {\n if (change.status === 'added') {\n var value = change.value;\n if (value && !value[this._currentEngineName])\n value.dispose && value.dispose();\n }\n });\n }\n }\n _disposeRemovedRecord(record) {\n if (record.arrayChanges) {\n record.arrayChanges.forEach(change => {\n var _a, _b;\n if (change.status === 'deleted') {\n ((_a = change.value) === null || _a === void 0 ? void 0 : _a.dispose) && ((_b = change.value) === null || _b === void 0 ? void 0 : _b.dispose());\n }\n });\n }\n }\n _disposeObservers(removedItems, disposeRemovedRecords) {\n var disposalFunction = (disposeRemovedRecords ? this._disposeRemovedRecord : this._disposeObserver).bind(this);\n removedItems.forEach((changeSet) => {\n if (Array.isArray(changeSet)) {\n changeSet.reverse().forEach(item => disposalFunction(item));\n }\n else {\n disposalFunction(changeSet);\n }\n });\n }\n properyChanged(undoRecord) {\n if (this._inUndoRedo) {\n return;\n }\n var currentPosition = this._position() + 1;\n if (currentPosition < this._observers.length) {\n var removedItems = this._observers.splice(currentPosition, this._observers.length);\n this._disposeObservers(removedItems, false);\n }\n this._observers.push(undoRecord);\n this._position(currentPosition);\n this.undoEnabled(true);\n this.redoEnabled(false);\n }\n visitProperties(target, info) {\n var subscribtions = [];\n if (target && info) {\n for (var i = 0; i < info.length; i++) {\n var alwaysSubscribeProperty = this._alwaysSubscribeProperties.some(x => x === info[i].propertyName);\n if (info[i].modelName || info[i].editor || info[i].info || alwaysSubscribeProperty) {\n var realPropertyName = alwaysSubscribeProperty ? info[i].propertyName : this.validatePropertyName(target, info[i].propertyName);\n if (realPropertyName) {\n if (!ko.isComputed(target[realPropertyName])) {\n if (!ko.isObservable(target[realPropertyName])) {\n subscribtions.push.apply([], this._createDisposeFunction(target[realPropertyName], info[i].info));\n }\n else {\n subscribtions.push(this.subscribeProperty(target[realPropertyName], !info[i].link));\n }\n }\n }\n }\n }\n }\n return subscribtions;\n }\n undoChangeSet(changeSet) {\n if (changeSet.propertyChanged) {\n changeSet.observable(changeSet.propertyChanged.oldVal);\n }\n else {\n var array = changeSet.observable();\n for (var i = 0; i < changeSet.arrayChanges.length; i++) {\n if (changeSet.arrayChanges[i].status === 'added') {\n var addedIndex = array.indexOf(changeSet.arrayChanges[i].value);\n if (addedIndex != -1)\n array.splice(addedIndex, 1);\n }\n }\n for (var i = 0; i < changeSet.arrayChanges.length; i++) {\n if (changeSet.arrayChanges[i].status === 'deleted') {\n array.splice(changeSet.arrayChanges[i].index, 0, changeSet.arrayChanges[i].value);\n }\n }\n if (ko.isObservable(changeSet.observable)) {\n changeSet.observable.valueHasMutated();\n }\n }\n }\n redoChangeSet(changeSet) {\n if (changeSet.propertyChanged) {\n changeSet.observable(changeSet.propertyChanged.val);\n }\n else {\n var array = changeSet.observable();\n for (var i = 0; i < changeSet.arrayChanges.length; i++) {\n if (changeSet.arrayChanges[i].status === 'deleted') {\n array.splice(array.indexOf(changeSet.arrayChanges[i].value), 1);\n }\n }\n for (var i = 0; i < changeSet.arrayChanges.length; i++) {\n if (changeSet.arrayChanges[i].status === 'added') {\n array.splice(changeSet.arrayChanges[i].index, 0, changeSet.arrayChanges[i].value);\n }\n }\n if (ko.isObservable(changeSet.observable)) {\n changeSet.observable.valueHasMutated();\n }\n }\n }\n _disposeChilds(target, info) {\n if (target && info) {\n for (var i = 0; i < info.length; i++) {\n if (info[i].modelName || info[i].editor || info[i].info) {\n var propertyName = info[i].propertyName;\n if (propertyName.indexOf('_') !== 0) {\n var realPropertyName = propertyName;\n if (ko.isWritableObservable(target['_' + propertyName])) {\n realPropertyName = '_' + realPropertyName;\n }\n if (!ko.isComputed(target[realPropertyName])) {\n var val = ko.unwrap(target[realPropertyName]);\n if (!!val && typeof val === 'object') {\n if (!info[i].link) {\n this._callDisposeFunction(val);\n }\n }\n }\n }\n }\n }\n }\n }\n _createDisposeFunction(val, info) {\n var subscriptions = [];\n if (val && typeof val === 'object') {\n var objectInfo = info || (val[this._getInfoMethodName] && val[this._getInfoMethodName]());\n if (!!objectInfo) {\n if (val[this._currentEngineName]) {\n val[this._currentEngineName].inc++;\n }\n else {\n val[this._currentEngineName] = { inc: 1, instance: this };\n subscriptions = this.subscribe(val, objectInfo);\n val[this._currentEngineName]['func'] = () => {\n val[this._currentEngineName].inc--;\n this._disposeChilds(val, objectInfo);\n if (val[this._currentEngineName].inc === 0) {\n this._cleanSubscribtions(subscriptions);\n delete val[this._currentEngineName];\n }\n };\n }\n }\n }\n return subscriptions;\n }\n _callDisposeFunction(val) {\n if (val) {\n if (Array.isArray(val)) {\n for (var i = 0; i < val.length; i++) {\n val[i][this._currentEngineName] && val[i][this._currentEngineName].func();\n }\n }\n else {\n val[this._currentEngineName] && val[this._currentEngineName].func();\n }\n }\n }\n _cleanSubscribtions(subscribtionArray) {\n if (subscribtionArray) {\n if (subscribtionArray.length) {\n for (var i = 0; i < subscribtionArray.length; i++) {\n this._cleanSubscribtions(subscribtionArray[i]);\n }\n }\n else {\n subscribtionArray.dispose && subscribtionArray.dispose();\n }\n }\n }\n validatePropertyName(target, propertyName) {\n if ((!this._ignoredProperties || (this._ignoredProperties && this._ignoredProperties.every(x => x !== propertyName))) && propertyName[0] !== '_') {\n if (ko.isWritableObservable(target['_' + propertyName])) {\n return '_' + propertyName;\n }\n return propertyName;\n }\n return null;\n }\n subscribeProperty(property, subscribeChilds) {\n if (ko.isObservable(property)) {\n var prevVal = property();\n if (Array.isArray(prevVal)) {\n for (var i = 0; i < property().length; i++) {\n this._createDisposeFunction(property()[i]);\n }\n return property.subscribe((args) => {\n if (this._modelReady) {\n var addedItems = args.filter(x => x.status === 'added');\n var removedItems = args.filter(x => x.status === 'deleted');\n for (var i = 0; i < removedItems.length; i++) {\n this._callDisposeFunction(removedItems[i].value);\n }\n for (var i = 0; i < addedItems.length; i++) {\n this._createDisposeFunction(addedItems[i].value);\n }\n this.properyChanged({ observable: property, arrayChanges: args });\n }\n }, null, 'arrayChange');\n }\n else {\n if (ko.isWritableObservable(property)) {\n if (subscribeChilds) {\n this._createDisposeFunction(property());\n }\n return property.subscribe((val) => {\n if (this._modelReady) {\n if (subscribeChilds) {\n this._callDisposeFunction(prevVal);\n }\n this.properyChanged({\n observable: property, propertyChanged: { oldVal: prevVal, val: val }\n });\n prevVal = val;\n if (subscribeChilds) {\n this._createDisposeFunction(val);\n }\n }\n });\n }\n }\n }\n }\n subscribeProperties(properties) {\n properties.forEach((property) => {\n if (ko.isObservable(property)) {\n var prevVal = property();\n if (property['push']) {\n this._subscriptions.push(property.subscribe((args) => {\n if (this._modelReady) {\n if (!this._inUndoRedo) {\n this.properyChanged({ observable: property, arrayChanges: args });\n this.subscribe(args.map((item) => { return item.value; }));\n }\n }\n }, null, 'arrayChange'));\n }\n else {\n if (ko.isWritableObservable(property)) {\n this._subscriptions.push(property.subscribe((val) => {\n if (this._modelReady) {\n this.properyChanged({\n observable: property, propertyChanged: { oldVal: prevVal, val: val }\n });\n prevVal = property();\n }\n }));\n }\n }\n }\n });\n }\n subscribe(target, info) {\n if (this._getInfoMethodName) {\n return this.visitProperties(target, info || (target && target[this._getInfoMethodName] && target[this._getInfoMethodName]()));\n }\n else {\n propertiesVisitor(target, (properties) => { this.subscribeProperties(properties); }, this._visited, this._ignoredProperties);\n }\n }\n getCurrentChangeSet() {\n return new _LatestChangeSet(this._observers[this._position()], this._position());\n }\n _removePropertiesSubscriptions() {\n this._subscriptions.forEach(subscription => subscription.dispose());\n this._subscriptions = [];\n this._visited = [];\n }\n dispose() {\n super.dispose();\n this._disposeObservers(this._observers.splice(0, this._observers.length), true);\n this.removeTargetSubscription();\n var position = 0;\n activeEngines.some((x, index) => {\n if (x === this._currentEngineName) {\n position = index;\n return true;\n }\n return false;\n });\n activeEngines.splice(position, 1);\n }\n removeTargetSubscription() {\n this._targetSubscription && this._targetSubscription.dispose();\n this.reset();\n }\n undoAll() {\n if (this.undoEnabled()) {\n this.undo();\n this.undoAll();\n }\n }\n reset() {\n this._removePropertiesSubscriptions();\n this.clearHistory();\n }\n clearHistory() {\n this._groupObservers = [];\n this._observers = [];\n this.redoEnabled(false);\n this.undoEnabled(false);\n this._inUndoRedo = false;\n this._groupPosition = -1;\n this._position(-1);\n this._lockedPosition(this._position());\n }\n undo(removeNode = false) {\n try {\n this._inUndoRedo = true;\n if (this.undoEnabled()) {\n var changeSet = this._observers[this._position()];\n if (changeSet) {\n if (Array.isArray(changeSet)) {\n changeSet.reverse().forEach(item => this.undoChangeSet(item));\n }\n else {\n this.undoChangeSet(changeSet);\n }\n if (removeNode) {\n this._observers.splice(this._position(), 1);\n }\n this._position(this._position() - 1);\n this.undoEnabled(this._observers.length !== 0 && this._position() >= 0);\n this.redoEnabled(this._position() < this._observers.length - 1);\n }\n }\n }\n finally {\n this._inUndoRedo = false;\n }\n }\n redo() {\n try {\n this._inUndoRedo = true;\n if (this.redoEnabled()) {\n var changeSet = this._observers[this._position() + 1];\n if (changeSet) {\n if (Array.isArray(changeSet)) {\n changeSet.reverse().forEach(item => this.redoChangeSet(item));\n }\n else {\n this.redoChangeSet(changeSet);\n }\n this._position(this._position() + 1);\n this.undoEnabled(this._observers.length !== 0 && this._position() >= 0);\n this.redoEnabled(this._position() + 1 < this._observers.length);\n }\n }\n }\n finally {\n this._inUndoRedo = false;\n }\n }\n _hasSessionChanges() {\n return this.isIngroup === 0 && this._observers.length > 0;\n }\n start() {\n this.isIngroup++;\n if (this.isIngroup !== 0)\n return;\n this._groupObservers = this._observers;\n this._observers = [];\n this._groupPosition = this._position();\n this._position(-1);\n this._lockedPosition(this._position());\n }\n end() {\n this.isIngroup--;\n if (this.isIngroup !== -1) {\n return;\n }\n if (this._observers.length > 0) {\n this._position(this._groupPosition + 1);\n var removedItems = this._groupObservers.splice(this._position(), this._groupObservers.length - this._position(), this._observers);\n this._disposeObservers(removedItems, false);\n }\n else {\n this._position(this._groupPosition);\n }\n this._observers = this._groupObservers;\n }\n}\nUndoEngine._disposeUndoEngineSubscriptionsName = '___dispose___UndoEngine___Subscriptions___';\n","/**\n* DevExpress Analytics (accessibility\\_accordionKeyboardHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { AccessibilityKeyboardHelperBase } from './_keyboardHelperBase';\nexport class AccordionKeyboardHelper extends AccessibilityKeyboardHelperBase {\n constructor() {\n super(...arguments);\n this.controlElementClassName = 'dxrd-accessibility-accordion-trigger';\n this.focusFirstFocusableDescendant = true;\n }\n _getElementsCount() {\n return Array.prototype.slice.call(this.getContainer().querySelectorAll('.' + this.controlElementClassName)).length;\n }\n _defferedInit() {\n setTimeout(() => {\n if (this.controlElements.length !== this._getElementsCount()) {\n this.initialize();\n }\n }, 20);\n }\n _collapseItem(item) {\n var collapsed = ko.dataFor(item).collapsed;\n collapsed(!collapsed());\n this._defferedInit();\n }\n initialize() {\n super.initialize();\n this.setTabIndexes(0);\n }\n itemHandleUpArrowKey(e, index) {\n this.setFocusToPrevious(index);\n return true;\n }\n itemHandleDownArrowKey(e, index) {\n this.setFocusToNext(index);\n return true;\n }\n itemHandleEnterKey(e, index) {\n this._collapseItem(e.target);\n return true;\n }\n itemHandleSpaceKey(e, index) {\n this._collapseItem(e.target);\n return true;\n }\n clickHandler(e, index) {\n this._defferedInit();\n super.clickHandler(e, index);\n }\n}\n","/**\n* DevExpress Analytics (accessibility\\_controlElementWithParentHighlight.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { AccessibilityControlElementBase } from './_controlElementBase';\nexport class ControlElementWithParentHighlight extends AccessibilityControlElementBase {\n constructor(element, _parentElement) {\n super(element);\n this.element = element;\n this._parentElement = _parentElement;\n this._borderCssClassName = ['dxd-border-accented', 'dx-accessibility-container-highlight'];\n this.toolbarItemHandleFocus = () => {\n this._parentElement.classList.add(...this._borderCssClassName);\n };\n this.toolbarItemHandleBlur = () => {\n this._parentElement.classList.remove(...this._borderCssClassName);\n };\n element.addEventListener('focus', this.toolbarItemHandleFocus);\n element.addEventListener('blur', this.toolbarItemHandleBlur);\n }\n dispose() {\n this.element.removeEventListener('focus', this.toolbarItemHandleFocus);\n this.element.removeEventListener('blur', this.toolbarItemHandleBlur);\n super.dispose();\n }\n}\n","/**\n* DevExpress Analytics (accessibility\\_keyboardHelperWithArrowButtonBase.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { AccessibilityKeyboardHelperBase } from './_keyboardHelperBase';\nexport class KeyboardHelperWithArrowButtonBase extends AccessibilityKeyboardHelperBase {\n constructor() {\n super(...arguments);\n this.startIndex = 0;\n }\n resetTabIndexes() {\n this.setTabIndexes('-1');\n }\n initialize() {\n super.initialize();\n this.resetTabIndexes();\n this.controlElements[this.startIndex] && this.controlElements[this.startIndex].element.setAttribute('tabindex', '0');\n }\n changeFocus(index, roundTrip = true) {\n this.resetTabIndexes();\n var nextIndex = super.changeFocus(index, roundTrip);\n this.controlElements[nextIndex].setTabIndex('0');\n this.controlElements[nextIndex].setFocus();\n this.startIndex = nextIndex;\n return nextIndex;\n }\n}\n","/**\n* DevExpress Analytics (accessibility\\_listKeyboardHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ControlElementWithParentHighlight } from './_controlElementWithParentHighlight';\nimport { KeyboardHelperWithArrowButtonBase } from './_keyboardHelperWithArrowButtonBase';\nexport class ListKeyboardHelper extends KeyboardHelperWithArrowButtonBase {\n constructor() {\n super(...arguments);\n this.controlElementClassName = 'dx-accessibility-list-item';\n }\n createControlElement(element, index) {\n return new ControlElementWithParentHighlight(element, this.getContainer());\n }\n itemHandleUpArrowKey(e, index) {\n this.startIndex = this.setFocusToPrevious(index, false);\n return true;\n }\n itemHandleDownArrowKey(e, index) {\n this.startIndex = this.setFocusToNext(index, false);\n return true;\n }\n}\n","/**\n* DevExpress Analytics (accessibility\\_toolbarKeyboardHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport dxSelectBox from 'devextreme/ui/select_box';\nimport dxMenu from 'devextreme/ui/menu';\nimport { KeyboardHelperWithArrowButtonBase } from './_keyboardHelperWithArrowButtonBase';\nimport { ControlElementWithParentHighlight } from './_controlElementWithParentHighlight';\nimport { getLocalization } from '../property-grid/localization/localization_utils';\nexport class ToolbarKeyboardHelper extends KeyboardHelperWithArrowButtonBase {\n constructor(_buttonModels) {\n super();\n this._buttonModels = _buttonModels;\n this.controlElementClassName = 'dx-accessibility-toolbar-item';\n this.liveRegionId = 'dxrd-preview-toolbar-live-region';\n this._disposables.push(ko.computed(() => {\n this.buttonModels.forEach((button) => { ko.unwrap(button.visible); });\n setTimeout(() => this.initialize(), 100);\n }));\n }\n createControlElement(element, index) {\n if (ko.unwrap(this.buttonModels[index].visible))\n return new ToolbarItemElement(element, this.getContainer(), this.buttonModels[index], this.liveRegion.bind(this));\n }\n itemHandleEnterKey(e, index) {\n var item = this.controlElements[index];\n item.actionExecute();\n return true;\n }\n itemHandleSpaceKey(e, index) {\n var item = this.controlElements[index];\n item.actionExecute();\n return true;\n }\n itemHandleLeftArrowKey(e, index) {\n this.setFocusToPrevious(index);\n return true;\n }\n itemHandleRightArrowKey(e, index) {\n this.setFocusToNext(index);\n return true;\n }\n get buttonModels() {\n return ko.unwrap(this._buttonModels);\n }\n}\nclass ToolbarItemElement extends ControlElementWithParentHighlight {\n constructor(element, _toolbarElement, _toolbarItemModel, _liveRegion) {\n super(element, _toolbarElement);\n this.element = element;\n this._toolbarItemModel = _toolbarItemModel;\n this._liveRegion = _liveRegion;\n this._selectBox = dxSelectBox.getInstance(element.children[0]);\n this._menu = dxMenu.getInstance(element.children[0]);\n }\n _complexItem() {\n if (this._selectBox || this._menu)\n return true;\n return false;\n }\n dispose() {\n super.dispose();\n this._menu = null;\n this._selectBox = null;\n }\n setFocus() {\n if (this._complexItem() && this.element.getAttribute('aria-disabled') !== 'true')\n this._liveRegion().changeText(getLocalization('press Enter or Space to activate the editor', 'ASPxReportsStringId.WebDocumentViewer_AriaActivateEditor'), 200);\n else\n this._liveRegion().changeText('');\n return super.setFocus();\n }\n actionExecute() {\n if (this._complexItem()) {\n this._liveRegion().changeText(getLocalization('Press Alt ↓ or Alt ↑ to navigate the editor. Press Shift Tab to exit navigation mode.', 'ASPxReportsStringId.WebDocumentViewer_AriaEditorKeyboardNavigation'), 500);\n }\n if (this._selectBox) {\n this._selectBox.focus();\n return;\n }\n if (this._menu) {\n this._menu.focus();\n return;\n }\n if (!ko.unwrap(this._toolbarItemModel.disabled))\n this._toolbarItemModel.clickAction();\n }\n}\n","/**\n* DevExpress Analytics (accessibility\\_treeListKeyboardHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { AccessibilityControlElementBase } from './_controlElementBase';\nimport { ListKeyboardHelper } from './_listKeyboardHelper';\nexport class TreeListKeyboardHelper extends ListKeyboardHelper {\n constructor() {\n super(...arguments);\n this.controlElementClassName = 'dx-accessibility-treelist-item';\n }\n _setFocusToParentNode(item, index) {\n var offset = 1;\n var parentItems = item.parent.items();\n var indexOfParent = parentItems.indexOf(item);\n var getChildCount = (item, _offset) => {\n if (item.hasItems && !item.collapsed()) {\n item.items().forEach(element => {\n _offset += getChildCount(element, 0);\n });\n }\n _offset += 1;\n return _offset;\n };\n for (var i = 0; i < indexOfParent; i++) {\n offset += getChildCount(parentItems[i], 0);\n }\n this.changeFocus(index - offset);\n }\n _toggleCollapsed(item, model) {\n this.startIndex = this.getIndexByElement(item);\n model.toggleCollapsed();\n }\n _toggleSelected(el) {\n this._getItemModel(el).toggleSelected();\n }\n _getItemModel(el) {\n return ko.dataFor(el);\n }\n createControlElement(element, index) {\n return new AccessibilityControlElementBase(element);\n }\n itemHandleLeftArrowKey(e, index) {\n var item = this._getItemModel(e.target);\n if (item.hasItems && !item.collapsed()) {\n this._toggleCollapsed(e.target, item);\n }\n else {\n this._setFocusToParentNode(item, index);\n }\n return true;\n }\n itemHandleRightArrowKey(e, index) {\n var item = this._getItemModel(e.target);\n if (item.hasItems) {\n if (item.collapsed())\n this._toggleCollapsed(e.target, item);\n else\n this.changeFocus(index + 1, false);\n }\n return true;\n }\n itemHandleEnterKey(e, index) {\n this._toggleSelected(e.target);\n return true;\n }\n itemHandleSpaceKey(e, index) {\n this._toggleSelected(e.target);\n return true;\n }\n clickHandler(e, index) {\n super.clickHandler(e, index);\n this.startIndex = index;\n }\n}\n","/**\n* DevExpress Analytics (core\\binding\\_requestHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport class RequestHelper {\n static generateUri(host, uri) {\n host = host || '';\n if (host && host[host.length - 1] === '/' && uri && uri[0] === '/') {\n return host + uri.substring(1);\n }\n return host + uri;\n }\n}\n","/**\n* DevExpress Analytics (core\\binding\\_jsDesignerBindingCommon.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { getTemplate } from '../../property-grid/widgets/templateUtils';\nimport { Disposable } from '../../serializer/utils';\nimport { addDisposeCallback } from '../../serializer/_internal';\nimport { _processError } from '../internal/_processError';\nimport { RequestHelper } from './_requestHelper';\nexport class JSDesignerBindingCommon extends Disposable {\n constructor(_options, _customEventRaiser) {\n super();\n this._options = _options;\n this._customEventRaiser = _customEventRaiser;\n this._templateHtml = getTemplate('dxrd-designer');\n }\n dispose() {\n super.dispose();\n if (this.sender && this.sender instanceof Disposable)\n this.sender.dispose();\n this.removeProperties();\n }\n _fireEvent(eventName, args) {\n if (this._customEventRaiser) {\n this._customEventRaiser(eventName, args);\n return;\n }\n this._options && this._options.callbacks && this._options.callbacks[eventName] && this._options.callbacks[eventName](this.sender, args);\n }\n _warnForIncorrectCallbackName(publicName, privateName) {\n console.warn('The callback name must be different. Use \"' + publicName + '\" instead of \"' + privateName + '\" to call the function with the correct arguments.');\n }\n _checkCallbackName(availableEvents) {\n Object.keys(this._options.callbacks).forEach(callbackName => {\n availableEvents.forEach(event => {\n if (callbackName === event.privateName) {\n this._warnForIncorrectCallbackName(event.publicName, callbackName);\n }\n });\n });\n }\n _getServerActionUrl(host, uri) {\n return RequestHelper.generateUri(host, uri);\n }\n _generateCallbackDictionary(eventsArray, prefix) {\n var events = JSDesignerBindingCommon.convertCallbackArrayToDictionary(eventsArray);\n var result = events;\n if (prefix && this._options.callbacks[prefix]) {\n Object.keys(events).forEach(propertyName => {\n result[propertyName] = this._options.callbacks[prefix][propertyName] || events[propertyName];\n });\n }\n else {\n Object.keys(events).forEach(propertyName => {\n result[propertyName] = this._options.callbacks[propertyName] || events[propertyName];\n });\n }\n return result;\n }\n _getLocalizationRequest() {\n var deferred = $.Deferred();\n var requestOptions = this._options.requestOptions;\n if (requestOptions.getLocalizationAction) {\n var actionUrl = this._getServerActionUrl(requestOptions.host, requestOptions.getLocalizationAction);\n $.getJSON(actionUrl)\n .fail(function (jqXHR, textStatus, errorThrown) {\n try {\n _processError(errorThrown.message, $.Deferred(), jqXHR, textStatus);\n }\n finally {\n deferred.reject();\n }\n }).done((localization) => {\n deferred.resolve(localization);\n });\n }\n else {\n deferred.resolve();\n }\n return deferred.promise();\n }\n _createDisposeFunction(element) {\n addDisposeCallback(element, () => {\n this.dispose();\n });\n }\n static convertCallbackArrayToDictionary(callbackArray) {\n var callbacks = {};\n callbackArray.forEach((event) => { callbacks[event['privateName']] = event['callback']; });\n return callbacks;\n }\n}\nexport class DxAnalyticsComponentCommon {\n constructor(_element, _options) {\n this._element = _element;\n this._options = _options;\n }\n getBindingName() {\n return '';\n }\n render() {\n ko.cleanNode(this._element);\n this._element.setAttribute('data-bind', `${this.getBindingName()}: $data`);\n ko.applyBindings(this._options, this._element);\n }\n dispose() {\n ko.cleanNode(this._element);\n }\n}\n","/**\n* DevExpress Analytics (core\\_metadata.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { editorTemplates } from '../property-grid/widgets/editorsInfo';\nexport var sizeFake = [\n { propertyName: 'height', displayName: 'Height', localizationId: 'AnalyticsCoreStringId.SizeF.Height', editor: editorTemplates.getEditor('numeric'), editorOptions: { min: 2 } },\n { propertyName: 'width', displayName: 'Width', localizationId: 'AnalyticsCoreStringId.SizeF.Width', editor: editorTemplates.getEditor('numeric'), editorOptions: { min: 2 } }\n];\nexport var locationFake = [\n { propertyName: 'x', displayName: 'X', editor: editorTemplates.getEditor('numeric') },\n { propertyName: 'y', displayName: 'Y', editor: editorTemplates.getEditor('numeric') }\n];\n","/**\n* DevExpress Analytics (core\\elements\\size.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { sizeFake } from '../_metadata';\nexport class Size {\n constructor(width, height) {\n this.isPropertyDisabled = (name) => void 0;\n this.height = ko.observable(height).extend({ 'dxdnum': { min: 2 } });\n this.width = ko.observable(width).extend({ 'dxdnum': { min: 2 } });\n }\n getInfo() {\n return sizeFake;\n }\n static fromString(value = '0, 0') {\n var components = value.split(',');\n return new Size(parseFloat(components[0]), parseFloat(components[1]));\n }\n toString() {\n return this.width() + ', ' + this.height();\n }\n}\nSize.unitProperties = ['width', 'height'];\n","/**\n* DevExpress Analytics (core\\dragDrop\\_dragDropHandler.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../../serializer/utils';\nimport { Size } from '../elements/size';\nimport { findSurface } from '../internal/_surfaceHelpers';\nimport { unitsToPixel } from '../utils/_units';\nimport { convertFromCssPixelUnits, convertToCssPixelUnits } from '../internal/_utils';\nexport class DragDropHandler extends Disposable {\n constructor(surface, selection, undoEngine, snapHelper, dragHelperContent) {\n super();\n this._snapDisabled = false;\n this._size = new Size(0, 0);\n this.alwaysAlt = false;\n this.surface = surface;\n this.selection = selection;\n this.snapHelper = snapHelper;\n this.dragHelperContent = dragHelperContent;\n this.stopDrag = (ui, draggable, event) => {\n undoEngine() && undoEngine().start();\n this.doStopDrag(ui, draggable, event);\n undoEngine() && undoEngine().end();\n snapHelper && snapHelper.deactivateSnapLines();\n };\n }\n dispose() {\n super.dispose();\n this.surface = null;\n this.selection = null;\n this.snapHelper = null;\n this.dragHelperContent = null;\n }\n getTarget(event) {\n return event['toElement'] || (ko.dataFor(event.relatedTarget) && event.relatedTarget) || (event && event.target) || null;\n }\n _getAbsoluteSurfacePosition(uiElement) {\n return { left: convertFromCssPixelUnits(uiElement.dataset.leftPosition) - uiElement['delta'].left, top: convertFromCssPixelUnits(uiElement.dataset.topPosition) - uiElement['delta'].top };\n }\n addControl(control, dropTargetSurface, size) {\n var targetWidth = (dropTargetSurface['width'] && dropTargetSurface['width']()) || (dropTargetSurface['_width'] && dropTargetSurface['_width']());\n var underCursor = dropTargetSurface.underCursor();\n if (underCursor.x < targetWidth) {\n dropTargetSurface.getControlModel().addChild(control);\n var controlSurface = findSurface(control);\n if (!controlSurface)\n return;\n var width = size.width(), height = size.height();\n var left = (underCursor.x + width > targetWidth) ? (targetWidth - width - 1) : underCursor.x;\n controlSurface.rect({ left: left, top: Math.max(underCursor.y, 0), width: width, height: height });\n this.selection.initialize(controlSurface);\n }\n }\n recalculateSize(size) {\n var surface = ko.unwrap(this.surface);\n this._size.width(unitsToPixel(ko.unwrap(size.width) * surface.dpi() / 100, surface.measureUnit(), surface.zoom()));\n this._size.height(unitsToPixel(ko.unwrap(size.height) * surface.dpi() / 100, surface.measureUnit(), surface.zoom()));\n }\n helper(draggable, event) {\n this.snapHelper && this.snapHelper.updateSnapLines(draggable || null);\n }\n canDrop(dropTarget, controlModel, metaData) {\n var locked = dropTarget.locked;\n if (metaData && metaData.canDrop) {\n locked = locked || !metaData.canDrop(dropTarget, controlModel);\n }\n return !locked;\n }\n startDrag(_) { }\n drag(event, uiElement, draggableModel) {\n var needToActivateSnapLines = !this._snapDisabled && event.altKey !== true;\n if (this.selection.dropTarget) {\n var dropTarget = this.selection.dropTarget.getControlModel().getMetaData().isContainer ? this.selection.dropTarget : (this.selection.dropTarget.parent || this.selection.dropTarget), controlModel = draggableModel.getControlModel && draggableModel.getControlModel(), metaData = controlModel && controlModel.getMetaData() || draggableModel.info;\n if (this.canDrop(dropTarget, controlModel, metaData)) {\n this.dragHelperContent && this.dragHelperContent.isLocked(false);\n }\n else {\n this.snapHelper && this.snapHelper.deactivateSnapLines();\n needToActivateSnapLines = false;\n this.dragHelperContent && this.dragHelperContent.isLocked(true);\n }\n }\n if (needToActivateSnapLines) {\n var position = this._getAbsoluteSurfacePosition(uiElement);\n var snapDelta = this.snapHelper && this.snapHelper.activateSnapLines({\n left: position.left,\n top: position.top,\n right: position.left + this._size.width(),\n bottom: position.top + this._size.height()\n });\n if (snapDelta && (snapDelta.left > 0 || snapDelta.top > 0)) {\n uiElement.dataset.leftPosition = convertToCssPixelUnits(convertFromCssPixelUnits(uiElement.dataset.leftPosition) - snapDelta.left);\n uiElement.dataset.topPosition = convertToCssPixelUnits(convertFromCssPixelUnits(uiElement.dataset.topPosition) - snapDelta.top);\n uiElement.ghostContainer.style.left = uiElement.dataset.leftPosition;\n uiElement.ghostContainer.style.top = uiElement.dataset.topPosition;\n }\n }\n }\n doStopDrag(uiElement, draggableModel, event) { }\n}\nDragDropHandler.started = ko.observable(false);\n","/**\n* DevExpress Analytics (core\\elements\\paddingModelMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { editorTemplates } from '../../property-grid/widgets/editorsInfo';\nexport var left = {\n propertyName: 'left', modelName: '@Left', localizationId: 'AnalyticsCoreStringId.PaddingInfo.Left', displayName: 'Left', editor: editorTemplates.getEditor('numeric')\n}, right = { propertyName: 'right', localizationId: 'AnalyticsCoreStringId.PaddingInfo.Right', modelName: '@Right', displayName: 'Right', editor: editorTemplates.getEditor('numeric') }, top = { propertyName: 'top', localizationId: 'AnalyticsCoreStringId.PaddingInfo.Top', modelName: '@Top', displayName: 'Top', editor: editorTemplates.getEditor('numeric') }, bottom = { propertyName: 'bottom', localizationId: 'AnalyticsCoreStringId.PaddingInfo.Bottom', modelName: '@Bottom', displayName: 'Bottom', editor: editorTemplates.getEditor('numeric') }, all = { propertyName: 'all', localizationId: 'AnalyticsCoreStringId.PaddingInfo.All', displayName: 'All', editor: editorTemplates.getEditor('numeric') };\nexport var paddingSerializationsInfo = [all, left, right, top, bottom];\n","/**\n* DevExpress Analytics (core\\elements\\paddingModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../../serializer/utils';\nimport { paddingSerializationsInfo } from './paddingModelMetaData';\nexport class PaddingModel extends Disposable {\n constructor(left = ko.observable(null), right = ko.observable(null), top = ko.observable(null), bottom = ko.observable(null), dpi = ko.observable(100)) {\n super();\n this.left = left;\n this.right = right;\n this.top = top;\n this.bottom = bottom;\n this.dpi = dpi;\n ['left', 'right', 'top', 'bottom'].forEach((propertyName) => {\n this['_' + propertyName] = ko.observable(this[propertyName]());\n this._disposables.push(this[propertyName] = ko.computed({\n read: () => {\n return this['_' + propertyName]() || 0;\n },\n write: (newVal) => {\n this['_' + propertyName](newVal);\n }\n }));\n });\n var isUpdating = ko.observable(false);\n var oldValue = null;\n this._disposables.push(this.all = ko.computed({\n read: () => {\n if (isUpdating())\n return oldValue;\n if (['right', 'top', 'bottom'].every(propertyName => this[propertyName]() === this.left()))\n oldValue = this.left();\n else\n oldValue = null;\n return oldValue;\n },\n write: (newVal) => {\n isUpdating(true);\n ['left', 'right', 'top', 'bottom'].forEach((propertyName) => this[propertyName](newVal));\n isUpdating(false);\n }\n }));\n }\n getInfo() {\n return paddingSerializationsInfo;\n }\n resetValue() {\n ['left', 'right', 'top', 'bottom'].forEach(name => this['_' + name](null));\n }\n isEmpty() {\n return ['left', 'right', 'top', 'bottom'].map(x => ko.unwrap(this['_' + x])).every(x => x === null);\n }\n applyFromString(value) {\n if (value) {\n var components = (value || '').split(',');\n this.left(parseInt(components[0]) || 0);\n this.right(parseInt(components[1]) || 0);\n this.top(parseInt(components[2]) || 0);\n this.bottom(parseInt(components[3]) || 0);\n }\n return this;\n }\n static from(val) {\n return new PaddingModel().applyFromString(val);\n }\n toString() {\n if (this.isEmpty())\n return;\n return this._toString();\n }\n _toString(inner = false) {\n return ['left', 'right', 'top', 'bottom'].map(x => parseInt(ko.unwrap(this[x]))).concat(this.dpi()).join(', ');\n }\n}\nPaddingModel.defaultVal = '0, 0, 0, 0, 100';\nPaddingModel.unitProperties = ['left', 'right', 'top', 'bottom'];\n","/**\n* DevExpress Analytics (core\\internal\\_cssCalculator.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { unitsToPixel } from '../utils/_units';\nimport { PaddingModel } from '../elements/paddingModel';\nimport { extend } from '../../serializer/_utils';\nexport function patchPositionByRTL(position, rtl) {\n if (rtl) {\n if (position === 'Left')\n return 'Right';\n else if (position === 'Right')\n return 'Left';\n }\n return position;\n}\nexport class CssCalculator {\n constructor(control, _rtlLayout) {\n this._rtlLayout = _rtlLayout;\n this._control = control;\n this.borderCss = (zoom) => {\n var borderWidth = this._getBorderWidth(control, zoom);\n var borderDefault = control['borderDefault'] && control['borderDefault']();\n var borderColor = control['borderColor'] && control['borderColor']() || '';\n var borders = control['borders'] && control['borders']() || '';\n var borderStyle = control['borderDashStyle'] && control['borderDashStyle']() || '';\n return borderDefault ? this.createBorders(borderStyle, borderWidth, borderColor, borders, borderDefault) :\n this.createBorders(borderStyle, borderWidth, borderColor, borders);\n };\n this.backGroundCss = () => {\n return { backgroundColor: control['backColor'] && control['backColor']() || 'transparent' };\n };\n this.foreColorCss = () => {\n var color = (control['foreColor'] && control['foreColor']() || 'transparent') === 'transparent' ? 'black' : control['foreColor']();\n return { color: color };\n };\n this.fontCss = () => {\n return this.createFont(control['font'] && control['font']() || '');\n };\n this.wordWrapCss = () => {\n return this.createWordWrap(ko.unwrap(control['wordWrap']), ko.unwrap(control['multiline']));\n };\n this.paddingsCss = () => {\n var controlPaddings = ko.unwrap(control['paddingObj'] || control['padding']) || PaddingModel.from(PaddingModel.defaultVal);\n var paddings = {\n paddingLeft: this._getPixelValueFromUnit(controlPaddings.left(), control) + 'px',\n paddingTop: this._getPixelValueFromUnit(controlPaddings.top(), control) + 'px',\n paddingRight: this._getPixelValueFromUnit(controlPaddings.right(), control) + 'px',\n paddingBottom: this._getPixelValueFromUnit(controlPaddings.bottom(), control) + 'px'\n };\n return paddings;\n };\n this.textAlignmentCss = () => {\n var align = control['textAlignment'] && control['textAlignment']() || '';\n return extend(this.createVerticalAlignment(align), this.createHorizontalAlignment(align));\n };\n this.stroke = () => {\n var color = (control['foreColor'] && control['foreColor']() || 'transparent') === 'transparent' ? 'black' : control['foreColor']();\n return { 'stroke': color };\n };\n this.strokeWidth = () => {\n var lineWidth = control['lineWidth'] && control['lineWidth']() || '';\n return { 'strokeWidth': lineWidth };\n };\n this.strokeWidthWithWidth = () => {\n var lineWidth = control['width'] && control['width']() || '';\n return { 'strokeWidth': lineWidth };\n };\n this.strokeDashArray = () => {\n var dashArray = this.createStrokeDashArray(control['lineStyle'] && control['lineStyle']() || '', control['lineWidth'] && control['lineWidth']() || '');\n return { 'strokeDasharray': dashArray };\n };\n this.strokeDashArrayWithWidth = () => {\n var dashArray = this.createStrokeDashArray(control['lineStyle'] && control['lineStyle']() || '', control['width'] && control['width']() || '');\n return { 'strokeDasharray': dashArray };\n };\n this.crossBandBorder = (position) => {\n return this.createBorder(control['borderDashStyleCrossband'] && control['borderDashStyleCrossband']() || 'solid', this._getBorderWidth(control), control['borderColor'] && control['borderColor']() || '', control['borders'] && control['borders']() || '', position);\n };\n this.angle = () => {\n return this.createAngle(control['angle'] && control['angle']() || 0);\n };\n this.cellBorder = (position, zoom) => {\n return this.createControlBorder(control['borderDashStyle'] && control['borderDashStyle']() || 'solid', this._getBorderWidth(control, zoom), control['borderColor'] && control['borderColor']() || '', control['borders'] && control['borders']() || '', position);\n };\n this.zipCodeFontCss = (fontSize) => {\n return this.createZipCodeFont(fontSize || control['size']['height']());\n };\n this.zipCodeAlignment = () => {\n var align = 'TopLeft';\n return extend(this.createVerticalAlignment(align), this.createHorizontalAlignment(align));\n };\n }\n _getPixelValueFromUnit(value, control) {\n if (control['root'] && control['root'].measureUnit) {\n return unitsToPixel(value, control['root'].measureUnit());\n }\n return value;\n }\n _patchPosition(position) {\n return patchPositionByRTL(position, this._rtlLayout());\n }\n _getBorderWidth(control, zoom) {\n return control['borderWidth'] && typeof (control['borderWidth']()) == 'number' ? Math.floor(control['borderWidth']() * (zoom || 1)) : '';\n }\n createBorder(dashStyle, width, color, positions, position) {\n var line = {};\n positions = positions || 'All';\n line = { stroke: 'Silver', strokeWidth: 2 };\n var dash = this.createStrokeDashArray(dashStyle, width);\n if (positions.indexOf(position) !== -1 || positions.indexOf('All') !== -1) {\n line['stroke'] = color;\n line['strokeWidth'] = width;\n line['strokeDasharray'] = dash;\n }\n return line;\n }\n createControlBorder(borderStyle, width, color, positions, position, defaultColor = 'solid 1px Silver') {\n var border = {};\n positions = positions || '';\n if (borderStyle === 'Dash') {\n borderStyle = 'dashed';\n }\n else if (borderStyle === 'Dot') {\n borderStyle = 'dotted';\n }\n else if (borderStyle === 'Double') {\n borderStyle = 'double';\n }\n else {\n borderStyle = 'solid';\n }\n if (positions.indexOf(position) !== -1 || positions.indexOf('All') !== -1) {\n border['border' + this._patchPosition(position)] = borderStyle + ' ' + width + 'px ' + color;\n }\n else {\n border['border' + this._patchPosition(position)] = defaultColor;\n }\n return border;\n }\n createBorders(borderStyle, width, color, positions, defaultColor = CssCalculator.DEFAULT_BORDER) {\n var left = this.createControlBorder(borderStyle, width, color, positions, 'Left', defaultColor);\n var right = this.createControlBorder(borderStyle, width, color, positions, 'Right', defaultColor);\n var top = this.createControlBorder(borderStyle, width, color, positions, 'Top', defaultColor);\n var bottom = this.createControlBorder(borderStyle, width, color, positions, 'Bottom', defaultColor);\n var border = extend({}, left, right, top, bottom);\n return border;\n }\n createZipCodeFont(height) {\n var fontStyles = {};\n fontStyles['fontFamily'] = 'Impact';\n fontStyles['fontSize'] = height + 'px';\n return fontStyles;\n }\n createFont(fontString) {\n var fontStyles = {};\n fontString = fontString || '';\n var components = fontString.split(',');\n fontStyles['fontFamily'] = components[0] ? '\"' + components[0] + '\"' : '';\n fontStyles['fontSize'] = components[1];\n if (components.length > 2) {\n for (var i = 2; i < components.length; i++) {\n if (components[i].indexOf('Bold') !== -1)\n fontStyles['fontWeight'] = 'Bold';\n if (components[i].indexOf('Italic') !== -1)\n fontStyles['fontStyle'] = 'Italic';\n if (components[i].indexOf('Underline') != -1)\n fontStyles['textDecoration'] = 'Underline';\n if (components[i].indexOf('Strikeout') != -1)\n fontStyles['textDecoration'] = (fontStyles['textDecoration'] ? fontStyles['textDecoration'] + ' ' : '') + 'Line-through';\n }\n }\n if (!fontStyles['fontWeight']) {\n fontStyles['fontWeight'] = '';\n }\n if (!fontStyles['fontStyle']) {\n fontStyles['fontStyle'] = '';\n }\n if (!fontStyles['textDecoration']) {\n fontStyles['textDecoration'] = '';\n }\n return fontStyles;\n }\n createVerticalAlignment(alignment) {\n var result = {};\n if (alignment.indexOf('Top') !== -1) {\n result['verticalAlign'] = 'top';\n }\n if (alignment.indexOf('Middle') !== -1) {\n result['verticalAlign'] = 'middle';\n }\n if (alignment.indexOf('Bottom') !== -1) {\n result['verticalAlign'] = 'bottom';\n }\n return result;\n }\n createHorizontalAlignment(alignment) {\n var result = {};\n if (alignment.indexOf('Left') !== -1) {\n result['textAlign'] = patchPositionByRTL('Left', this._control.rtl()).toLowerCase();\n }\n if (alignment.indexOf('Right') !== -1) {\n result['textAlign'] = patchPositionByRTL('Right', this._control.rtl()).toLowerCase();\n }\n if (alignment.indexOf('Center') !== -1) {\n result['textAlign'] = 'center';\n }\n if (alignment.indexOf('Justify') !== -1) {\n result['textAlign'] = 'justify';\n }\n return result;\n }\n createStrokeDashArray(style, width) {\n if (style === 'Solid') {\n return '';\n }\n else if (style === 'Dot') {\n return [width, width * 2].join('px, ') + 'px';\n }\n else if (style === 'Dash') {\n return [width * 4, width * 4].join('px, ') + 'px';\n }\n else if (style === 'DashDot') {\n return [width * 4, width * 2, width, width * 2].join('px, ') + 'px';\n }\n else if (style === 'DashDotDot') {\n return [width * 4, width * 2, width, width * 2, width, width * 2].join('px, ') + 'px';\n }\n else {\n return '';\n }\n }\n createWordWrap(wordwrap, multiline) {\n var result = {};\n if (wordwrap === false && multiline === false) {\n result['white-space'] = 'nowrap';\n result['word-wrap'] = 'normal';\n }\n else if (wordwrap === true && multiline === false) {\n result['word-wrap'] = 'break-word';\n result['white-space'] = '';\n }\n else if (wordwrap === false && multiline === true) {\n result['word-wrap'] = 'normal';\n result['white-space'] = 'pre';\n }\n else if (wordwrap === true && multiline === true) {\n result['white-space'] = 'pre-wrap';\n result['word-wrap'] = 'break-word';\n }\n return result;\n }\n createAngle(angle) {\n angle = -angle;\n return {\n '-webkit-transform': 'rotate(' + angle + 'deg)',\n '-moz-transform': 'rotate(' + angle + 'deg)',\n '-o-transform': 'rotate(' + angle + 'deg)',\n '-ms-transform': 'rotate(' + angle + 'deg)',\n 'transform': 'rotate(' + angle + 'deg)'\n };\n }\n contentSizeCss(controlSurfaceWidth, controlSurfaceHeight, zoom, borders, paddings) {\n var result = { top: 1, left: 1, right: 1, bottom: 1, width: 1, height: 1 };\n borders = borders || this._control['borders'] && this._control['borders']() || '';\n var borderWidth = this._getBorderWidth(this._control, zoom);\n ['Left', 'Top', 'Right', 'Bottom'].forEach((item) => {\n var value = 0;\n if (borderWidth != '' && (borders.indexOf(item) !== -1 || borders.indexOf('All') !== -1)) {\n value += borderWidth;\n }\n if (paddings) {\n value += this._getPixelValueFromUnit(ko.unwrap(paddings[item.toLowerCase()]), this._control) * (zoom || 1);\n }\n if (value)\n result[this._patchPosition(item).toLowerCase()] = value;\n });\n result.width = controlSurfaceWidth - result.left - result.right;\n result.height = controlSurfaceHeight - result.top - result.bottom;\n return result;\n }\n}\nCssCalculator.DEFAULT_BORDER = 'none';\n","/**\n* DevExpress Analytics (core\\internal\\_editorTypeMapper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { editorTemplates } from '../../property-grid/widgets/editorsInfo';\nexport const ExpressionType = 'DevExpress.DataAccess.Expression';\nexport function IsDataAccessExpression(type) {\n return type === ExpressionType;\n}\nexport var editorTypeMapper = {\n 'Enum': editorTemplates.getEditor('combobox'),\n 'System.String': editorTemplates.getEditor('text'),\n 'System.Guid': editorTemplates.getEditor('guid'),\n 'System.SByte': editorTemplates.getEditor('sbyte'),\n 'System.Decimal': editorTemplates.getEditor('decimal'),\n 'System.Int64': editorTemplates.getEditor('int64'),\n 'System.Int32': editorTemplates.getEditor('int32'),\n 'System.Int16': editorTemplates.getEditor('int16'),\n 'System.Single': editorTemplates.getEditor('single'),\n 'System.Double': editorTemplates.getEditor('double'),\n 'System.Byte': editorTemplates.getEditor('byte'),\n 'System.UInt16': editorTemplates.getEditor('uint16'),\n 'System.UInt32': editorTemplates.getEditor('uint32'),\n 'System.UInt64': editorTemplates.getEditor('uint64'),\n 'System.Boolean': editorTemplates.getEditor('boolSelect'),\n 'System.DateTime': editorTemplates.getEditor('date'),\n 'DevExpress.DataAccess.Expression': editorTemplates.getEditor('expressionEditor')\n};\nexport function getEditorType(typeString) {\n return editorTypeMapper[typeString] || editorTemplates.getEditor('text');\n}\n","/**\n* DevExpress Analytics (core\\internal\\_globalize.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Globalize } from '../../property-grid/localization/_localization';\nimport * as localization from 'devextreme/localization';\nexport function initGlobalize(settings) {\n var globalize = Globalize;\n if (globalize && settings) {\n settings.cldrSupplemental && globalize.load(settings.cldrSupplemental);\n settings.cldrData && globalize.load(settings.cldrData);\n if (settings.currentCulture) {\n globalize.locale(settings.currentCulture);\n localization['locale'] && localization['locale'](settings.currentCulture);\n }\n }\n}\n","/**\n* DevExpress Analytics (core\\internal\\_inlineTextEdit.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { Disposable } from '../../serializer/utils';\nimport { KeyboardEnum } from '../../property-grid/widgets/internal/_utils';\nexport function processTextEditorHotKeys(event, delegates) {\n if (!event || !delegates)\n return;\n if (event.key === KeyboardEnum.Esc && !!delegates['esc']) {\n delegates['esc']();\n }\n if (event.key === KeyboardEnum.Enter && event.ctrlKey && !!delegates['ctrlEnter']) {\n delegates['ctrlEnter']();\n }\n}\nexport class InlineTextEdit extends Disposable {\n constructor(selection) {\n super();\n this._showInline = ko.observable(false);\n this.text = ko.observable();\n var _controlText;\n this._disposables.push(selection.focused.subscribe(() => {\n if (this._showInline() && _controlText) {\n _controlText(this.text());\n this._showInline(false);\n }\n var controlModel = selection.focused() && selection.focused().getControlModel();\n _controlText = controlModel && (controlModel.textEditableProperty || controlModel.text || controlModel.alias);\n }));\n this._disposables.push(this.visible = ko.pureComputed({\n read: () => {\n return this._showInline();\n },\n write: (val) => {\n this._showInline(val);\n }\n }));\n this.show = (element) => {\n if (this._showInline()) {\n return;\n }\n this.element = element;\n const isSingleControlSelected = !!selection.selectedItems ? selection.selectedItems.length === 1 : !!selection.focused();\n if (isSingleControlSelected && _controlText && !selection.focused().locked) {\n this.text(_controlText());\n this._showInline(true);\n if (element) {\n var textarea = $.fn.constructor(element).find('textarea')[0];\n textarea && textarea['select']();\n }\n }\n else {\n this._showInline(false);\n }\n };\n this.keypressAction = (args) => {\n processTextEditorHotKeys(args.event, {\n esc: () => { this._showInline(false); },\n ctrlEnter: () => {\n _controlText(this.text());\n this._showInline(false);\n }\n });\n };\n }\n}\n","/**\n* DevExpress Analytics (core\\internal\\_resizable.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { Disposable } from '../../serializer/utils';\nimport { convertFromCssPixelUnits, convertToCssPixelUnits } from './_utils';\nexport class Resizable extends Disposable {\n constructor(_element, _options) {\n super();\n this._element = _element;\n this._options = _options;\n this.handleClass = 'ui-resizable-handle';\n this.handleClassSelector = `.${this.handleClass}`;\n this.resizableElementClass = 'ui-resizable';\n this._defaultMinSize = 1;\n this._bodyEvents = {\n move: null,\n up: null\n };\n this._resizeDirection = null;\n this._resizeHandles = ['w', 'e', 's', 'n', 'se', 'sw', 'ne', 'nw'];\n }\n _initResize(event) {\n this._startResizeMousePosition = {\n left: event.pageX,\n top: event.pageY\n };\n this._resizeDirection = getResizeDirection(event.target.classList);\n this._addClassToElement('ui-resizable-resizing');\n var bounds = this._element.getBoundingClientRect();\n var $el = $.fn.constructor(this._element);\n this._element.dataset.originalLeftPosition = $el.css('left');\n this._element.dataset.originalTopPosition = $el.css('top');\n this._element.dataset.originalWidth = convertToCssPixelUnits(bounds.width);\n this._element.dataset.originalHeight = convertToCssPixelUnits(bounds.height);\n this._element.dataset.originalLeftMousePosition = convertToCssPixelUnits(event.pageX);\n this._element.dataset.originalTopMousePosition = convertToCssPixelUnits(event.pageY);\n this._bodyEvents.move = event => this._mouseMove(event);\n this._bodyEvents.up = event => this._mouseUp(event);\n document.body.addEventListener('mousemove', this._bodyEvents.move);\n document.body.addEventListener('mouseup', this._bodyEvents.up);\n }\n _mouseMove(event) {\n const leftButtonPressed = event.which === 1;\n if (leftButtonPressed) {\n const boundsDiff = this._getBoundsDiff(event);\n this._options.resize(event, this._element, boundsDiff);\n }\n }\n _mouseUp(event) {\n this._bodyEvents.move && document.body.removeEventListener('mousemove', this._bodyEvents.move);\n this._bodyEvents.up && document.body.removeEventListener('mouseup', this._bodyEvents.up);\n this._options.stop();\n Resizable.inProcess = false;\n this._removeClassFromElement('ui-resizable-resizing');\n this._startResizeMousePosition = null;\n this._resizeDirection = null;\n }\n _mouseDown(event) {\n Resizable.inProcess = true;\n this._initResize(event);\n this._options.start(event, this._element);\n }\n _initResizeHandle(className, handleResizeEvent) {\n const handleDiv = document.createElement('div');\n handleDiv.classList.add(this.handleClass);\n handleDiv.style.zIndex = '95';\n handleDiv.classList.add(className);\n handleDiv.addEventListener('mousedown', handleResizeEvent);\n this._element.append(handleDiv);\n }\n _addClassToElement(className) {\n this._element.classList.add(className);\n }\n _removeClassFromElement(className) {\n this._element.classList.remove(className);\n }\n _getBoundsDiff(event) {\n let diffWidth = 0;\n let diffHeight = 0;\n let leftDiff = 0;\n let topDiff = 0;\n const originalHeight = convertFromCssPixelUnits(this._element.dataset.originalHeight);\n const originalWidth = convertFromCssPixelUnits(this._element.dataset.originalWidth);\n const updateHeightFunc = (resizeFromTop) => {\n const minHeight = this._element.style.minHeight ? convertFromCssPixelUnits(this._element.style.minHeight) : this._defaultMinSize;\n const resizeDistance = (this._startResizeMousePosition.top - event.pageY) * (resizeFromTop ? 1 : -1);\n const newHeightIsLessThanMinHeight = minHeight > originalHeight + resizeDistance;\n if (newHeightIsLessThanMinHeight) {\n var respectedDiff = originalHeight - minHeight;\n if (resizeFromTop)\n topDiff = respectedDiff;\n diffHeight = -respectedDiff;\n return;\n }\n diffHeight = resizeDistance;\n if (resizeFromTop) {\n topDiff = -diffHeight;\n }\n };\n const updateWidthFunc = (resizeFromLeft) => {\n const minWidth = this._element.style.minWidth ? convertFromCssPixelUnits(this._element.style.minWidth) : this._defaultMinSize;\n const resizeDistance = (this._startResizeMousePosition.left - event.pageX) * (resizeFromLeft ? 1 : -1);\n const newWidthIsLessThanMinWidth = minWidth > originalWidth + resizeDistance;\n if (newWidthIsLessThanMinWidth) {\n var respectedDiff = originalWidth - minWidth;\n if (resizeFromLeft)\n leftDiff = respectedDiff;\n diffWidth = -respectedDiff;\n return;\n }\n diffWidth = resizeDistance;\n if (resizeFromLeft) {\n leftDiff = -diffWidth;\n }\n };\n const updateHeight = this._resizeDirection && /sw|se|nw|ne|s|n/.test(this._resizeDirection);\n const updateWidth = this._resizeDirection && /sw|se|nw|ne|e|w/.test(this._resizeDirection);\n if (updateHeight)\n updateHeightFunc(/nw|ne|n/.test(this._resizeDirection));\n if (updateWidth)\n updateWidthFunc(/sw|nw|w/.test(this._resizeDirection));\n const boundsDiff = {\n width: diffWidth,\n height: diffHeight,\n left: leftDiff,\n top: topDiff\n };\n return boundsDiff;\n }\n initialize() {\n var mousedown = event => this._mouseDown(event);\n var addElementHandles = (handles) => {\n if (!handles)\n return;\n this._addClassToElement(this.resizableElementClass);\n $.fn.constructor(this._element).children(this.handleClassSelector).remove();\n const elementResizeHandles = handles === 'all' ? this._resizeHandles : handles.split(',');\n elementResizeHandles.forEach(handle => {\n this._initResizeHandle(`ui-resizable-${handle}`, mousedown);\n });\n };\n addElementHandles(ko.unwrap(this._options.handles));\n if (ko.isSubscribable(this._options.handles)) {\n var subscribe = this._options.handles.subscribe((newHandles) => {\n this._removeClassFromElement(this.resizableElementClass);\n var oldElementHandles = this._element.querySelectorAll(this.handleClassSelector);\n oldElementHandles.forEach(handle => handle.removeEventListener('mousedown', mousedown));\n $.fn.constructor(this._element).children(this.handleClassSelector).remove();\n addElementHandles(newHandles);\n });\n this._disposables.push(subscribe);\n }\n this._disposables.push({\n dispose: () => {\n addElementHandles = null;\n var elementHandles = this._element.querySelectorAll(this.handleClass);\n elementHandles.forEach(handle => handle.removeEventListener('mousedown', mousedown));\n this._element.removeEventListener('mousedown', mousedown);\n mousedown = null;\n this._element = null;\n this._options = null;\n }\n });\n return this;\n }\n}\nResizable.inProcess = false;\nexport function getResizeDirection(currentClassList) {\n for (var i = 0; i < currentClassList.length; i++) {\n if (currentClassList[i] !== 'ui-resizable-handle' && currentClassList[i].indexOf('ui-resizable-') === 0)\n return currentClassList[i].slice('ui-resizable-'.length, currentClassList[i].length);\n }\n}\n","/**\n* DevExpress Analytics (core\\internal\\_draggable.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Disposable } from '../../serializer/utils';\nimport { convertFromCssPixelUnits, convertToCssPixelUnits } from './../internal/_utils';\nimport { Resizable } from './_resizable';\nexport class Draggable extends Disposable {\n constructor(_element, _options) {\n super();\n this._element = _element;\n this._options = _options;\n this._bodyEvents = { move: null, up: null };\n this._windowEvents = { up: null };\n this._originalDragStartCoordinates = null;\n this._originalElementPosition = null;\n this._dragInitialized = false;\n this._scrollableContainer = null;\n this._draggableElementClass = 'ui-draggable';\n this._minDragDistance = 1;\n let mousedown = event => this._canDrag() && this._mouseDown(event);\n this._addClassToElement(this._draggableElementClass);\n this._element.addEventListener('mousedown', mousedown);\n this._disposables.push({\n dispose: () => {\n this._element.removeEventListener('mousedown', mousedown);\n mousedown = null;\n this._element = null;\n this._options = null;\n }\n });\n }\n _initScrollContainer() {\n var containment = this._options.containment;\n if (containment && containment[0].classList.contains('dxrd-ghost-container')) {\n this._scrollableContainer = containment.find('.dx-scrollable-container')[0];\n }\n }\n _initDrag(event) {\n this._startRect = {\n left: event.pageX,\n top: event.pageY\n };\n this._bodyEvents.move = event => this._canDrag() && this._mouseMove(event);\n this._windowEvents.up = event => this._canDrag() && this._mouseUp(event);\n document.body.addEventListener('mousemove', this._bodyEvents.move);\n window.addEventListener('mouseup', this._windowEvents.up);\n this._initScrollContainer();\n }\n _addClassToElement(className) {\n this._element.classList.add(className);\n }\n _calculateElementPosition(dragDeltaLeft, dragDeltaTop) {\n var _a, _b;\n var left = this._originalElementPosition.left - dragDeltaLeft - (((_a = this._scrollableContainer) === null || _a === void 0 ? void 0 : _a.scrollLeft) || 0);\n var top = this._originalElementPosition.top - dragDeltaTop - (((_b = this._scrollableContainer) === null || _b === void 0 ? void 0 : _b.scrollTop) || 0);\n var boundary = this._options.boundary;\n if (boundary) {\n left = left < boundary.left ? boundary.left : left > boundary.right ? boundary.right : left;\n top = top < boundary.top ? boundary.top : top > boundary.bottom ? boundary.bottom : top;\n }\n return { left, top };\n }\n _mouseMove(event) {\n if (Resizable.inProcess || !this._startRect)\n return;\n const leftButtonPressed = event.which === 1;\n if (!leftButtonPressed || !this.shouldStartDrag(event))\n return;\n if (!this._dragInitialized) {\n this._dragInitialized = true;\n this._options.helper && (this._ghostContainer = this._options.helper(event, this._element));\n if (this._ghostContainer)\n this._element.ghostContainer = this._ghostContainer[0];\n this._originalDragStartCoordinates = { left: this._element.dataset.startDragWithOffset ? event.pageX : this._startRect.left, top: this._element.dataset.startDragWithOffset ? event.pageY : this._startRect.top };\n this._originalElementPosition = { left: this._ghostContainer ? convertFromCssPixelUnits(this._ghostContainer[0].dataset.startLeftPosition) : event.pageX, top: this._ghostContainer ? convertFromCssPixelUnits(this._ghostContainer[0].dataset.startTopPosition) : event.pageY };\n this._element.dataset.leftPosition = convertToCssPixelUnits(this._originalElementPosition.left);\n this._element.dataset.topPosition = convertToCssPixelUnits(this._originalElementPosition.top);\n this._options.start(event, this._element);\n }\n var dragDeltaLeft = this._originalDragStartCoordinates.left - event.pageX;\n var dragDeltaTop = this._originalDragStartCoordinates.top - event.pageY;\n const position = this._calculateElementPosition(dragDeltaLeft, dragDeltaTop);\n this._element.dataset.leftPosition = convertToCssPixelUnits(position.left);\n this._element.dataset.topPosition = convertToCssPixelUnits(position.top);\n if (this._ghostContainer) {\n this._ghostContainer[0].style.left = this._element.dataset.leftPosition;\n this._ghostContainer[0].style.top = this._element.dataset.topPosition;\n }\n this._options.drag(event, this._element);\n }\n shouldStartDrag(event) {\n return Math.abs(this._startRect.left - event.pageX) >= this._minDragDistance || Math.abs(this._startRect.top - event.pageY) >= this._minDragDistance;\n }\n _mouseUp(event) {\n if (Resizable.inProcess)\n return;\n Draggable.inProcess = false;\n this._bodyEvents.move && document.body.removeEventListener('mousemove', this._bodyEvents.move);\n this._windowEvents.up && window.removeEventListener('mouseup', this._windowEvents.up);\n if (this._dragInitialized) {\n this._dragInitialized = false;\n this._ghostContainer && this._ghostContainer.remove();\n this._ghostContainer = null;\n this._scrollableContainer = null;\n this._options.stop(event, this._element);\n }\n this._startRect = null;\n }\n _mouseDown(event) {\n event.stopPropagation();\n if (Resizable.inProcess)\n return;\n Draggable.inProcess = true;\n this._initDrag(event);\n }\n _canDrag() {\n var _a;\n return ((_a = (this._options.disabled && !this._options.disabled())) !== null && _a !== void 0 ? _a : true);\n }\n}\nDraggable.inProcess = false;\n","/**\n* DevExpress Analytics (core\\internal\\selectable.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport dxPopup from 'devextreme/ui/popup';\nimport * as $ from 'jquery';\nimport { Disposable } from '../../serializer/utils';\nimport { DragDropHandler } from '../dragDrop/_dragDropHandler';\nimport { Draggable } from './_draggable';\nimport { Resizable } from './_resizable';\nfunction rectIntersection(r1, r2) {\n return !(r2.left > r1.right ||\n r2.right < r1.left ||\n r2.top > r1.bottom ||\n r2.bottom < r1.top);\n}\nexport class SelectableElement extends Disposable {\n constructor(_element, _options) {\n super();\n this._element = _element;\n this._options = _options;\n this.isSelected = false;\n this.bounds = _element.getBoundingClientRect();\n this._disposables.push({\n dispose: () => {\n this._element = null;\n this._options = null;\n this.bounds = null;\n }\n });\n }\n updateSelection(currentRect, event) {\n var isSelected = rectIntersection(this.bounds, currentRect);\n if (isSelected != this.isSelected) {\n isSelected ? this._options.selecting(event, this._element) : this._options.unselecting(event, this._element);\n this.isSelected = isSelected;\n }\n }\n}\nexport class Selectable extends Disposable {\n constructor(_element, _options) {\n super();\n this._element = _element;\n this._options = _options;\n this._elements = [];\n this._bodyEvents = {\n move: null,\n up: null\n };\n this._minSelectDistance = 2;\n var mousemove = event => this._mouseMove(event);\n var mouseup = event => this._mouseUp(event);\n var mousedown = event => this._mouseDown(event);\n this._element.addEventListener('mousemove', mousemove);\n this._element.addEventListener('mouseup', mouseup);\n this._element.addEventListener('mousedown', mousedown);\n this._$window = $.fn.constructor(window);\n this._disposables.push({\n dispose: () => {\n this._element.removeEventListener('mousemove', mousemove);\n this._element.removeEventListener('mouseup', mouseup);\n this._element.removeEventListener('mousedown', mousedown);\n mousemove = null;\n mouseup = null;\n mousedown = null;\n this._$window = null;\n this._element = null;\n this._options = null;\n }\n });\n }\n _clearElements() {\n this._elements.forEach(x => x.dispose());\n this._elements = [];\n }\n _collectElements() {\n this._clearElements();\n var elements = document.getElementsByClassName(this._options.filter.substr(1));\n for (var i = 0; i < elements.length; i++) {\n this._elements.push(new SelectableElement(elements[i], this._options));\n }\n }\n _updateSelectionContent(event) {\n if (this._startRect.left >= event.pageX) {\n this._$selectionContent.css('left', event.pageX);\n this._$selectionContent.css('right', this._startRect.right);\n }\n else {\n this._$selectionContent.css('left', this._startRect.left);\n this._$selectionContent.css('right', this._$window.width() - event.pageX);\n }\n if (this._startRect.top >= event.pageY) {\n this._$selectionContent.css('top', event.pageY);\n this._$selectionContent.css('bottom', this._startRect.bottom);\n }\n else {\n this._$selectionContent.css('top', this._startRect.top);\n this._$selectionContent.css('bottom', this._$window.height() - event.pageY);\n }\n const currentRect = this._$selectionContent[0].getBoundingClientRect();\n for (var i = 0; i < this._elements.length; i++) {\n this._elements[i].updateSelection(currentRect, event);\n }\n }\n _initStartRect(event) {\n this._startRect = {\n left: event.pageX,\n top: event.pageY,\n right: this._$window.width() - event.pageX,\n bottom: this._$window.height() - event.pageY\n };\n }\n _mouseMove(event) {\n setTimeout(() => {\n if (DragDropHandler.started() || Selectable.disabled || Resizable.inProcess || !this._startRect)\n return;\n var leftButtonPressed = event.which === 1;\n if (leftButtonPressed) {\n if (!this._$selectionContent) {\n if (this.shouldStartSelect(event)) {\n this._options.start(event);\n Selectable.inProcess = true;\n this._$selectionContent = $.fn.constructor('').appendTo(document.body);\n this._$selectionContent.addClass('dxrd-selection-content ui-selectable-helper');\n if (dxPopup.prototype['_zIndexInitValue'])\n this._$selectionContent.css('z-index', dxPopup.prototype['_zIndexInitValue']() + 100);\n this._updateSelectionContent(event);\n this._bodyEvents.move = event => this._mouseMove(event);\n this._bodyEvents.up = event => this._mouseUp(event);\n document.body.addEventListener('mousemove', this._bodyEvents.move);\n document.body.addEventListener('mouseup', this._bodyEvents.up);\n }\n }\n else {\n this._updateSelectionContent(event);\n }\n }\n }, 1);\n }\n shouldStartSelect(event) {\n return Math.abs(this._startRect.left - event.pageX) >= this._minSelectDistance || Math.abs(this._startRect.top - event.pageY) >= this._minSelectDistance;\n }\n _mouseUp(event) {\n if (Selectable.disabled || Resizable.inProcess || Draggable.inProcess)\n return;\n this._options.stop();\n this._$selectionContent && this._$selectionContent.remove();\n this._$selectionContent = null;\n this._bodyEvents.move && document.body.removeEventListener('mousemove', this._bodyEvents.move);\n this._bodyEvents.up && document.body.removeEventListener('mouseup', this._bodyEvents.up);\n this._startRect = null;\n this._clearElements();\n Selectable.inProcess = false;\n }\n _mouseDown(event) {\n if (Selectable.disabled || Resizable.inProcess || Draggable.inProcess)\n return;\n this._initStartRect(event);\n this._collectElements();\n }\n}\nSelectable.inProcess = false;\nSelectable.disabled = false;\n","/**\n* DevExpress Analytics (core\\internal\\_resizableBinding.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { getControlRect, getControlNewAbsolutePositionOnResize } from './_surfaceHelpers';\nimport { Size } from '../elements/size';\nimport { addDisposeCallback } from '../../serializer/_internal';\nimport { extend } from '../../serializer/_utils';\nimport { convertFromCssPixelUnits, convertToCssPixelUnits } from './_utils';\nimport { getResizeDirection, Resizable } from './_resizable';\nko.bindingHandlers['resizable'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var values = valueAccessor();\n var $element = $.fn.constructor(element), $parent = $element.closest('.dx-designer'), currentDirection = null, $selectedNodes = null, resizableDirections = { 'north': 'n', 'east': 'e', 'south': 's', 'west': 'w' }, calculateSizes = [], absolutePosition = null;\n var options = extend({\n handles: ko.isSubscribable(values.handles) ? values.handles : (values.handles || 'all'),\n ghost: false,\n stop: function (event) {\n $selectedNodes.each((_, el) => {\n var context = ko.contextFor(el), control = context.$data, surface = context.$root.surface(), $el = $.fn.constructor(el);\n var rect = control.rect();\n var newRect = getControlRect($el, control, surface);\n newRect = {\n top: currentDirection.indexOf(resizableDirections.north) !== -1 ? newRect.top : rect.top,\n left: currentDirection.indexOf(resizableDirections.west) !== -1 ? newRect.left : rect.left,\n width: currentDirection.indexOf(resizableDirections.east) !== -1 || currentDirection.indexOf(resizableDirections.west) !== -1 ? newRect.width : rect.width,\n height: currentDirection.indexOf(resizableDirections.south) !== -1 || currentDirection.indexOf(resizableDirections.north) !== -1 ? newRect.height : rect.height,\n };\n calculateSizes.push(() => {\n if (control.canSetRect && !control.canSetRect(newRect)) {\n if (el.dataset.originalLeftPosition && el.dataset.originalTopPosition) {\n $el.css('top', el.dataset.originalTopPosition);\n $el.css('left', el.dataset.originalLeftPosition);\n }\n if (el.dataset.originalWidth && el.dataset.originalHeight) {\n $el.css('width', el.dataset.originalWidth);\n $el.css('height', el.dataset.originalHeight);\n }\n }\n else {\n control.rect(newRect);\n if (JSON.stringify(rect) === JSON.stringify(newRect)) {\n $el.css({\n left: rect.left,\n top: rect.top,\n width: rect.width,\n height: rect.height\n });\n }\n }\n el.dataset.originalLeftPosition = void 0;\n el.dataset.originalTopPosition = void 0;\n el.dataset.originalWidth = void 0;\n el.dataset.originalHeight = void 0;\n });\n });\n calculateSizes.forEach(c => c());\n calculateSizes = [];\n currentDirection = null;\n values.stopped();\n values.started = false;\n if (values.snapHelper) {\n values.snapHelper.deactivateSnapLines();\n }\n },\n start: (event) => {\n currentDirection = getResizeDirection(event.target.classList);\n values.started = true;\n values.starting(event);\n $selectedNodes = values.$selectedNodes || $.fn.constructor('.dxrd-viewport .dxrd-selected').filter(':visible');\n $selectedNodes\n .each((_, el) => {\n var $el = $.fn.constructor(el);\n var bounds = el.getBoundingClientRect();\n el.dataset.originalLeftPosition = $el.css('left');\n el.dataset.originalTopPosition = $el.css('top');\n el.dataset.originalWidth = convertToCssPixelUnits(bounds.width);\n el.dataset.originalHeight = convertToCssPixelUnits(bounds.height);\n });\n var elementOffset = $element.offset();\n var ghostContainerOffset = $parent.find('.dxrd-ghost-container').offset();\n if (!ghostContainerOffset) {\n absolutePosition = elementOffset;\n }\n else {\n absolutePosition = {\n top: elementOffset.top - ghostContainerOffset.top,\n left: elementOffset.left - ghostContainerOffset.left\n };\n }\n if (values.snapHelper) {\n values.snapHelper.updateSnapLines(viewModel);\n }\n },\n resize: (event, element, boundsDiff) => {\n event.stopPropagation();\n const dw = boundsDiff.width;\n const dh = boundsDiff.height;\n const dx = boundsDiff.left;\n const dy = boundsDiff.top;\n if (values.forceResize) {\n values.forceResize({ size: new Size(element.offsetWidth, element.offsetHeight), delta: { dx: dx, dy: dy, dw: dw, dh: dh }, element });\n return;\n }\n if (!element.dataset.originalLeftPosition || !element.dataset.originalTopPosition || !element.dataset.originalWidth || !element.dataset.originalHeight)\n return;\n const mainSelectionOriginalSize = getOriginalSizeNum(element);\n const mainSelectionOriginalPosition = getOriginalPositionNum(element);\n if (event.altKey) {\n values.snapHelper && values.snapHelper.deactivateSnapLines();\n }\n else if (values.snapHelper && $selectedNodes.length === 1) {\n const newWidth = mainSelectionOriginalSize.width + dw;\n const newHeight = mainSelectionOriginalSize.height + dh;\n const elementSizeInfo = {\n originalSize: { width: mainSelectionOriginalSize.width, height: mainSelectionOriginalSize.height },\n size: { width: newWidth, height: newHeight }\n };\n const newAbsolutePosition = getControlNewAbsolutePositionOnResize(values.snapHelper, absolutePosition, elementSizeInfo, { x: dx, y: dy, width: dw, height: dh });\n values.snapHelper.activateSnapLines(newAbsolutePosition);\n const resizedBounds = getResizedBounds(mainSelectionOriginalPosition, mainSelectionOriginalSize, boundsDiff);\n const snapBounds = {\n left: mainSelectionOriginalPosition.left + newAbsolutePosition.left - absolutePosition.left,\n top: mainSelectionOriginalPosition.top + newAbsolutePosition.top - absolutePosition.top,\n width: newAbsolutePosition.right - newAbsolutePosition.left,\n height: newAbsolutePosition.bottom - newAbsolutePosition.top\n };\n if (!boundsAreEqual(snapBounds, resizedBounds)) {\n $element.css(snapBounds);\n return;\n }\n }\n $selectedNodes.each(function (key, el) {\n if (el === event.target)\n return;\n var resizedBounds = getResizedBounds(getOriginalPositionNum(el), getOriginalSizeNum(el), boundsDiff);\n el.style.left = convertToCssPixelUnits(resizedBounds.left);\n el.style.top = convertToCssPixelUnits(resizedBounds.top);\n el.style.width = convertToCssPixelUnits(resizedBounds.width);\n el.style.height = convertToCssPixelUnits(resizedBounds.height);\n });\n }\n }, ko.unwrap(values));\n var subscription = null;\n if (!values.disabled) {\n }\n var resizableElement = new Resizable(element, options).initialize();\n addDisposeCallback(element, () => {\n resizableElement.dispose();\n element = null;\n subscription && subscription.dispose();\n });\n },\n update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {\n const minWidthOption = ko.unwrap(valueAccessor().minimumWidth);\n if (minWidthOption) {\n element.style.minWidth = convertToCssPixelUnits(minWidthOption);\n }\n const minHeightOption = ko.unwrap(valueAccessor().minimumHeight);\n if (minHeightOption) {\n element.style.minHeight = convertToCssPixelUnits(minHeightOption);\n }\n const getElementHandles = (element) => Array.from(element.children).filter(function (child) {\n return child.classList.contains('ui-resizable-handle');\n });\n const maxWidth = ko.unwrap(valueAccessor().maximumWidth);\n if (maxWidth) {\n element.style.maxWidth = convertToCssPixelUnits(maxWidth);\n }\n const handleClassName = valueAccessor().handleClassName;\n handleClassName && getElementHandles(element).forEach((handle) => handle.classList.add(handleClassName));\n const disabled = !!(ko.unwrap(valueAccessor().disabled) || ko.unwrap(viewModel.locked));\n getElementHandles(element).forEach((handle) => handle.style.display = disabled ? 'none' : 'block');\n }\n};\nko.bindingHandlers['resizableReportMargins'] = {\n init: function (element, valueAccessor) {\n valueAccessor();\n }\n};\nfunction getOriginalPositionNum(element) {\n return {\n left: convertFromCssPixelUnits(element.dataset.originalLeftPosition),\n top: convertFromCssPixelUnits(element.dataset.originalTopPosition)\n };\n}\nfunction getOriginalSizeNum(element) {\n return {\n width: convertFromCssPixelUnits(element.dataset.originalWidth),\n height: convertFromCssPixelUnits(element.dataset.originalHeight)\n };\n}\nfunction getResizedBounds(originalPosition, originalSize, boundsDiff) {\n return {\n left: originalPosition.left + boundsDiff.left,\n top: originalPosition.top + boundsDiff.top,\n width: originalSize.width + boundsDiff.width,\n height: originalSize.height + boundsDiff.height\n };\n}\nfunction boundsAreEqual(bounds1, bounds2) {\n return bounds1.left === bounds2.left\n && bounds1.top === bounds2.top\n && bounds1.width === bounds2.width\n && bounds1.height === bounds2.height;\n}\n","/**\n* DevExpress Analytics (core\\internal\\_stores.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport ArrayStore from 'devextreme/data/array_store';\nimport CustomStore from 'devextreme/data/custom_store';\nimport DataSource from 'devextreme/data/data_source';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { Disposable } from '../../serializer/utils';\nexport class CustomSortedArrayStore extends CustomStore {\n static _sortItems(items, sortPropertyName) {\n return items.sort((a, b) => {\n var propA = ko.unwrap(a[sortPropertyName]), propB = ko.unwrap(b[sortPropertyName]);\n if (propA && propB) {\n var diff = propA - propB;\n if (!isNaN(diff))\n return diff;\n propA = propA.toLowerCase ? propA.toLowerCase() : propA;\n propB = propB.toLowerCase ? propB.toLowerCase() : propB;\n return (propA < propB) ? -1 : (propA > propB) ? 1 : 0;\n }\n });\n }\n static _createOptions(items, sortPropertyName) {\n items = this._sortItems(items, sortPropertyName);\n return {\n load: (options) => {\n var result = [].concat(items);\n if (options.take)\n result = result.splice(options.skip, options.take);\n return $.Deferred().resolve(result).promise();\n },\n byKey: (key) => {\n if (items.some(x => x === key))\n return key;\n }\n };\n }\n constructor(items, sortPropertyName = 'name') {\n super(CustomSortedArrayStore._createOptions(items, sortPropertyName));\n }\n}\nexport class SortedArrayStore extends ArrayStore {\n constructor(options, sortPropertyName = 'name') {\n if (options instanceof Array) {\n CustomSortedArrayStore._sortItems(options, sortPropertyName);\n }\n super(options);\n }\n}\nexport class ControlsStore extends Disposable {\n constructor(allControls) {\n super();\n this._filter = ko.observable(null);\n var dataSource = null;\n this._disposables.push(this.dataSource = ko.computed(() => {\n dataSource && dataSource.dispose();\n var items = this._filter() ? allControls().filter(this._filter()) : allControls();\n dataSource = new DataSource({\n store: new CustomSortedArrayStore(items),\n paginate: true,\n pageSize: 100\n });\n return dataSource;\n }));\n this._disposables.push(this.visible = ko.computed(() => {\n return allControls().length > 0;\n }));\n }\n getFilter() {\n return this._filter();\n }\n setFilter(filter) {\n this._filter(filter);\n }\n resetFilter() {\n this._filter(null);\n }\n}\n","/**\n* DevExpress Analytics (core\\snapLines\\_snapLinesCollector.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { binaryIndexOf } from '../utils/_arrayutils';\nexport class SnapLinesCollector {\n constructor() {\n this._verticalSnapLines = [];\n this._horizontalSnapLines = [];\n this._snapTargetToIgnore = null;\n }\n _appendSnapLine(position, limitInf, limitSup, snapLines) {\n var line = {\n position: position,\n limitInf: limitInf,\n limSup: limitSup\n };\n var index = binaryIndexOf(snapLines, line, (a, b) => a.position - b.position);\n if (index > -1) {\n snapLines[index].limitInf = Math.min(snapLines[index].limitInf, limitInf);\n snapLines[index].limSup = Math.max(snapLines[index].limSup, limitSup);\n }\n else {\n snapLines.splice(~index, 0, line);\n }\n }\n _collectSnaplines(parent, parentAbsoluteProsition) {\n this._enumerateCollection(parent, parentAbsoluteProsition, (item, itemAbsoluteRect) => {\n if (item !== this._snapTargetToIgnore) {\n this._appendSnapLine(itemAbsoluteRect.left, itemAbsoluteRect.top, itemAbsoluteRect.bottom, this._verticalSnapLines);\n this._appendSnapLine(itemAbsoluteRect.right, itemAbsoluteRect.top, itemAbsoluteRect.bottom, this._verticalSnapLines);\n this._appendSnapLine(itemAbsoluteRect.top, itemAbsoluteRect.left, itemAbsoluteRect.right, this._horizontalSnapLines);\n this._appendSnapLine(itemAbsoluteRect.bottom, itemAbsoluteRect.left, itemAbsoluteRect.right, this._horizontalSnapLines);\n this._collectSnaplines(item, itemAbsoluteRect);\n }\n });\n }\n _getCollection(parent) {\n return parent['controls'] && parent['controls']();\n }\n _enumerateCollection(parent, parentAbsoluteProsition, callback) {\n var collection = this._getCollection(parent);\n if (!collection)\n return;\n for (var i = 0; i < collection.length; i++) {\n var itemRect = collection[i].rect && collection[i].rect();\n if (itemRect) {\n callback(collection[i], {\n top: itemRect.top + parentAbsoluteProsition.top,\n bottom: itemRect.bottom + parentAbsoluteProsition.top,\n left: itemRect.left + parentAbsoluteProsition.left,\n right: itemRect.right + parentAbsoluteProsition.left\n });\n }\n }\n }\n collectSnaplines(root, snapTargetToIgnore) {\n this._snapTargetToIgnore = snapTargetToIgnore;\n this._verticalSnapLines.splice(0);\n this._horizontalSnapLines.splice(0);\n this._collectSnaplines(root, { top: 0, left: 0 });\n return {\n vertical: this._verticalSnapLines,\n horizontal: this._horizontalSnapLines\n };\n }\n}\n","/**\n* DevExpress Analytics (core\\snapLines\\_snapLineSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nexport class SnapLineSurface {\n constructor() {\n this._position = ko.observable(SnapLineSurface._blankPosition);\n }\n transform() {\n var position = this._position();\n return 'matrix(' + position.width + ', 0, 0, ' + position.height + ', ' + position.left + ', ' + position.top + ')';\n }\n updatePosition(position) {\n this._position(position);\n }\n reset() {\n this.updatePosition(SnapLineSurface._blankPosition);\n }\n}\nSnapLineSurface._blankPosition = { top: 0, left: 0, width: 0, height: 0, };\n","/**\n* DevExpress Analytics (core\\snapLines\\_snapLinesHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { SnapLinesCollector } from './_snapLinesCollector';\nimport { SnapLineSurface } from './_snapLineSurface';\nimport { binaryIndexOf } from '../utils/_arrayutils';\nexport class SnapLinesHelper {\n constructor(surface = null, snapTolerance = SnapLinesHelper.snapTolerance, snapLinesCollector = new SnapLinesCollector()) {\n this.snapLineSurfaces = [new SnapLineSurface(), new SnapLineSurface(), new SnapLineSurface(), new SnapLineSurface()];\n this.verticalSnapLines = [];\n this.horizontalSnapLines = [];\n this._surfaceContext = surface;\n this._snapTolerance = snapTolerance;\n this._snapLinesCollector = snapLinesCollector;\n }\n _findClosestSnapLine(position, snapLines) {\n var line = {\n position: position,\n limitInf: 0,\n limSup: 0\n };\n var index = binaryIndexOf(snapLines, line, (a, b) => a.position - b.position);\n var snapLineCandidate;\n if (index > -1) {\n snapLineCandidate = {\n snapLine: snapLines[index],\n distance: position - snapLines[index].position\n };\n }\n else {\n index = ~index;\n var delta1 = snapLines[index] ? (position - snapLines[index].position) : Number.MAX_VALUE;\n var delta2 = snapLines[index - 1] ? (position - snapLines[index - 1].position) : Number.MAX_VALUE;\n snapLineCandidate = Math.abs(delta1) > Math.abs(delta2) ?\n { snapLine: snapLines[index - 1], distance: delta2 } :\n { snapLine: snapLines[index], distance: delta1 };\n }\n return snapLineCandidate;\n }\n _getActiveSnapLines(position1, position2, snapLines) {\n var line1 = this._findClosestSnapLine(position1, snapLines);\n var line2 = this._findClosestSnapLine(position2, snapLines);\n var result = {\n lines: [],\n distance: 0\n };\n if (Math.abs(line1.distance - line2.distance) >= 1) {\n var line = Math.abs(line1.distance) < Math.abs(line2.distance) ? line1 : line2;\n if (Math.abs(line.distance) <= this._snapTolerance) {\n result.lines = [line];\n result.distance = line.distance;\n }\n }\n else if (Math.abs(line1.distance) <= this._snapTolerance) {\n result.lines = [line1, line2];\n result.distance = line1.distance;\n }\n return result;\n }\n updateSnapLines(snapTargetToIgnore = null) {\n this.verticalSnapLines.splice(0);\n this.horizontalSnapLines.splice(0);\n var result = this._snapLinesCollector.collectSnaplines(this._surfaceContext(), snapTargetToIgnore);\n this.verticalSnapLines.push.apply(this.verticalSnapLines, result.vertical);\n this.horizontalSnapLines.push.apply(this.horizontalSnapLines, result.horizontal);\n }\n deactivateSnapLines() {\n this.snapLineSurfaces[0].reset();\n this.snapLineSurfaces[1].reset();\n this.snapLineSurfaces[2].reset();\n this.snapLineSurfaces[3].reset();\n }\n activateSnapLines(position) {\n var vertical = this._getActiveSnapLines(position.left, position.right, this.verticalSnapLines);\n var horizontal = this._getActiveSnapLines(position.top, position.bottom, this.horizontalSnapLines);\n for (var i = 0; i < 2; i++) {\n var line = vertical.lines[i];\n if (!line) {\n this.snapLineSurfaces[i].reset();\n }\n else {\n var top = Math.min(line.snapLine.limitInf, position.top);\n var bottom = Math.max(line.snapLine.limSup, position.bottom);\n if (position.top < line.snapLine.limitInf) {\n top -= horizontal.distance;\n }\n if (position.bottom > line.snapLine.limSup) {\n bottom -= horizontal.distance;\n }\n this.snapLineSurfaces[i].updatePosition({\n top: top,\n left: line.snapLine.position,\n height: bottom - top,\n width: 1\n });\n }\n }\n for (var i = 0; i < 2; i++) {\n var line = horizontal.lines[i];\n if (!line) {\n this.snapLineSurfaces[i + 2].reset();\n }\n else {\n var left = Math.min(line.snapLine.limitInf, position.left);\n var right = Math.max(line.snapLine.limSup, position.right);\n if (position.left < line.snapLine.limitInf) {\n left -= vertical.distance;\n }\n if (position.right > line.snapLine.limSup) {\n right -= vertical.distance;\n }\n this.snapLineSurfaces[i + 2].updatePosition({\n top: line.snapLine.position,\n left: left,\n width: right - left,\n height: 1\n });\n }\n }\n return {\n left: vertical.distance,\n top: horizontal.distance\n };\n }\n snapPosition(position, horizontal) {\n var line = this._findClosestSnapLine(position, horizontal ? this.horizontalSnapLines : this.verticalSnapLines);\n return (line && Math.abs(line.distance) <= this._snapTolerance) ? line.snapLine.position : position;\n }\n}\nSnapLinesHelper.snapTolerance = 10;\n","/**\n* DevExpress Analytics (core\\elements\\point.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { locationFake } from '../_metadata';\nexport class Point {\n constructor(x, y) {\n this.x = ko.observable(x).extend({ 'dxdnum': {} });\n this.y = ko.observable(y).extend({ 'dxdnum': {} });\n }\n getInfo() {\n return locationFake;\n }\n static fromString(value = '0, 0') {\n var components = value.split(',');\n return new Point(parseFloat(components[0]), parseFloat(components[1]));\n }\n toString() {\n return this.x() + ', ' + this.y();\n }\n}\nPoint.unitProperties = ['x', 'y'];\n","/**\n* DevExpress Analytics (core\\tools\\_actionList.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { Disposable } from '../../serializer/utils';\nimport { KeyboardHelper } from './_keyboardHelper';\nimport { CopyPasteHandler } from './_copyPaste';\nimport { ActionId } from './actionId';\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nimport { deleteSelection } from '../selection/_selectionHelpers';\nimport { parseZoom } from '../utils/_utils';\nexport class ActionListsBase extends Disposable {\n constructor(enabled) {\n super();\n this.toolbarItems = [];\n this.enabled = enabled || ko.observable(true);\n }\n processShortcut(actions, e) {\n for (var i = 0; i < actions.length; i++) {\n if (actions[i].hotKey && (actions[i].disabled && !actions[i].disabled() || !actions[i].disabled) && ($.isFunction(actions[i].visible) ? actions[i].visible() : actions[i].visible)) {\n if (actions[i].hotKey.ctrlKey === e.ctrlKey && actions[i].hotKey.keyCode === e.keyCode) {\n actions[i].clickAction();\n e.preventDefault();\n }\n }\n }\n }\n shouldIgnoreProcessing(e) {\n if (e.altKey || !this.enabled.peek())\n return true;\n var activeElement = $.fn.constructor(document.activeElement);\n if (activeElement.is('textarea') || activeElement.is(':input') && (['password', 'text', 'number'].indexOf(activeElement.attr('type')) != -1)) {\n return true;\n }\n return false;\n }\n}\nexport class ActionLists extends ActionListsBase {\n constructor(surfaceContext, selection, undoEngine, customizeActions, enabled, copyPasteStrategy, zoomStep = ko.observable(0.01), isLocked = (item) => false) {\n super(enabled);\n this.menuItems = [];\n var copyPasteHandler = new CopyPasteHandler(selection, copyPasteStrategy), actions = [];\n if (selection) {\n var selectionControlsLocked = ko.computed(() => {\n return selection.selectedItems.some(item => item.locked || isLocked(item));\n });\n this._disposables.push(selectionControlsLocked);\n this._keyboardHelper = new KeyboardHelper(selection, undoEngine);\n actions.push({\n id: ActionId.Cut,\n text: 'Cut',\n displayText: () => getLocalization('Cut', 'AnalyticsCoreStringId.EditCut'),\n imageClassName: 'dxrd-image-cut',\n imageTemplateName: 'dxrd-svg-toolbar-cut',\n disabled: ko.pureComputed(() => {\n return !surfaceContext() || !copyPasteHandler.canCopy() || selectionControlsLocked();\n }),\n visible: true,\n clickAction: () => {\n undoEngine().start();\n copyPasteHandler.cut();\n undoEngine().end();\n },\n hotKey: { ctrlKey: true, keyCode: 'X'.charCodeAt(0) }\n });\n actions.push({\n id: ActionId.Copy,\n text: 'Copy',\n displayText: () => getLocalization('Copy', 'AnalyticsCoreStringId.Cmd_Copy'),\n imageClassName: 'dxrd-image-copy',\n imageTemplateName: 'dxrd-svg-toolbar-copy',\n disabled: ko.pureComputed(() => {\n return !surfaceContext() || !copyPasteHandler.canCopy() || selectionControlsLocked();\n }),\n visible: true,\n clickAction: () => {\n copyPasteHandler.copy();\n },\n hotKey: { ctrlKey: true, keyCode: 'C'.charCodeAt(0) }\n });\n actions.push({\n id: ActionId.Paste,\n text: 'Paste',\n displayText: () => getLocalization('Paste', 'AnalyticsCoreStringId.Cmd_Paste'),\n imageClassName: 'dxrd-image-paste',\n imageTemplateName: 'dxrd-svg-toolbar-paste',\n disabled: ko.pureComputed(() => {\n return !surfaceContext() || !copyPasteHandler.canPaste() || selectionControlsLocked();\n }),\n visible: true,\n clickAction: () => {\n undoEngine().start();\n copyPasteHandler.paste();\n undoEngine().end();\n },\n hotKey: { ctrlKey: true, keyCode: 'V'.charCodeAt(0) }\n });\n actions.push({\n id: ActionId.Delete,\n text: 'Delete',\n displayText: () => getLocalization('Delete', 'AnalyticsCoreStringId.Cmd_Delete'),\n imageClassName: 'dxrd-image-delete',\n imageTemplateName: 'dxrd-svg-toolbar-delete',\n disabled: ko.pureComputed(() => {\n if (selection.focused()) {\n return selection.focused().getControlModel().getMetaData().isDeleteDeny || selectionControlsLocked();\n }\n else {\n return true;\n }\n }),\n visible: true,\n hotKey: { ctrlKey: false, keyCode: 46 },\n clickAction: () => {\n undoEngine().start();\n deleteSelection(selection);\n undoEngine().end();\n }\n });\n }\n actions.push({\n id: ActionId.Undo,\n text: 'Undo',\n displayText: () => getLocalization('Undo', 'AnalyticsCoreStringId.Undo'),\n imageClassName: 'dxrd-image-undo',\n imageTemplateName: 'dxrd-svg-toolbar-undo',\n disabled: ko.pureComputed(() => { return !surfaceContext() || !undoEngine() || (undoEngine() && !undoEngine().undoEnabled()); }),\n visible: true,\n clickAction: () => {\n undoEngine().undo();\n },\n hotKey: { ctrlKey: true, keyCode: 'Z'.charCodeAt(0) },\n hasSeparator: true\n });\n actions.push({\n id: ActionId.Redo,\n text: 'Redo',\n displayText: () => getLocalization('Redo', 'AnalyticsCoreStringId.Redo'),\n imageClassName: 'dxrd-image-redo',\n imageTemplateName: 'dxrd-svg-toolbar-redo',\n disabled: ko.pureComputed(() => { return !surfaceContext() || !undoEngine() || (undoEngine() && !undoEngine().redoEnabled()); }),\n visible: true,\n clickAction: () => {\n undoEngine().redo();\n },\n hotKey: { ctrlKey: true, keyCode: 'Y'.charCodeAt(0) }\n });\n actions.push({\n id: ActionId.ZoomOut,\n text: 'Zoom Out',\n displayText: () => getLocalization('Zoom Out', 'AnalyticsCoreStringId.ZoomOut'),\n imageClassName: 'dxrd-image-zoomout',\n imageTemplateName: 'dxrd-svg-toolbar-zoomout',\n disabled: ko.pureComputed(() => {\n return !surfaceContext();\n }),\n visible: true,\n hotKey: { ctrlKey: true, keyCode: 109 },\n zoomStep: zoomStep,\n clickAction: () => {\n surfaceContext().zoom(Math.max(surfaceContext().zoom() - zoomStep(), 0.01));\n },\n hasSeparator: true\n });\n actions.push({\n id: ActionId.ZoomSelector,\n text: 'Zoom 100%',\n displayText: () => getLocalization('Zoom 100%'),\n imageClassName: 'dxrd-image-zoom',\n disabled: ko.pureComputed(() => {\n return !surfaceContext();\n }),\n visible: true,\n hotKey: { ctrlKey: true, keyCode: 187 },\n clickAction: () => {\n surfaceContext().zoom(1);\n },\n templateName: 'dxrd-zoom-select-template',\n zoomLevels: ko.observableArray([5, 2, 1.5, 1, 0.75, 0.5, 0.25]),\n zoom: ko.pureComputed({\n read: () => { return surfaceContext() && surfaceContext().zoom(); },\n write: (val) => { surfaceContext().zoom(val); }\n }),\n onCustomItemCreating: (e) => {\n e.customItem = parseZoom(e.text);\n }\n });\n actions.push({\n id: ActionId.ZoomIn,\n text: 'Zoom In',\n displayText: () => getLocalization('Zoom In', 'AnalyticsCoreStringId.ZoomIn'),\n imageClassName: 'dxrd-image-zoomin',\n imageTemplateName: 'dxrd-svg-toolbar-zoomin',\n disabled: ko.pureComputed(() => {\n return !surfaceContext();\n }),\n visible: true,\n hotKey: { ctrlKey: true, keyCode: 107 },\n zoomStep: zoomStep,\n clickAction: () => {\n surfaceContext().zoom(surfaceContext().zoom() + zoomStep());\n }\n });\n if (customizeActions) {\n customizeActions(actions);\n }\n actions.forEach((action) => {\n Object.keys(action).forEach((name) => {\n if (ko.isComputed(action[name])) {\n this._disposables.push(action[name]);\n }\n });\n this._registerAction(action['container'] === 'menu' ? this.menuItems : ko.unwrap(this.toolbarItems), action);\n });\n }\n _registerAction(container, action) {\n if (action['index']) {\n container.splice(action['index'], 0, action);\n }\n else {\n container.push(action);\n }\n }\n processShortcut(actions, e) {\n if (this.shouldIgnoreProcessing(e)) {\n return;\n }\n if (!this._keyboardHelper.processShortcut(e)) {\n super.processShortcut(actions, e);\n }\n else {\n e.preventDefault();\n }\n }\n}\n","/**\n* DevExpress Analytics (property-grid\\internal\\_popupService.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nexport class PopupService {\n constructor() {\n this.data = ko.observable();\n this.title = ko.observable();\n this.visible = ko.observable(false);\n this.disabled = ko.observable(false);\n this.actions = ko.observableArray([]);\n this.target = ko.observable();\n }\n}\n","/**\n* DevExpress Analytics (property-grid\\widgets\\fonteditor\\_fonts.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nexport var availableFonts = ko.observable({});\n","/**\n* DevExpress Analytics (core\\widgets\\bordereditor\\_bordereditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../../../serializer/utils';\nexport class BordersModel extends Disposable {\n constructor(object) {\n super();\n this.left = ko.observable(false);\n this.right = ko.observable(false);\n this.top = ko.observable(false);\n this.bottom = ko.observable(false);\n this.disabled = object.disabled || ko.observable(false);\n this.value = object.value;\n this.updateModel(object.value());\n this._disposables.push(object.value.subscribe((newVal) => {\n this.updateModel(newVal);\n }));\n }\n _setAllValues(value) {\n this.left(value), this.bottom(value), this.right(value), this.top(value);\n }\n setValue(name) {\n if (this.disabled())\n return;\n this[name](!this[name]());\n this.updateValue();\n }\n setAll() {\n if (this.disabled())\n return;\n this._setAllValues(true);\n this.updateValue();\n }\n setNone() {\n if (this.disabled())\n return;\n this._setAllValues(false);\n this.updateValue();\n }\n updateModel(value) {\n var val = value || 'None';\n if (val.indexOf('All') !== -1) {\n this._setAllValues(true);\n }\n else if (val.indexOf('None') !== -1) {\n this._setAllValues(false);\n }\n else {\n this.left(val.indexOf('Left') !== -1);\n this.top(val.indexOf('Top') !== -1);\n this.right(val.indexOf('Right') !== -1);\n this.bottom(val.indexOf('Bottom') !== -1);\n }\n }\n updateValue() {\n var result = [];\n if (this.left() && this.right() && this.top() && this.bottom()) {\n result.push('All');\n }\n else if (!this.left() && !this.right() && !this.top() && !this.bottom()) {\n result.push('None');\n }\n else {\n this.left() ? result.push('Left') : null;\n this.right() ? result.push('Right') : null;\n this.top() ? result.push('Top') : null;\n this.bottom() ? result.push('Bottom') : null;\n }\n this.value(result.join(','));\n }\n}\n","/**\n* DevExpress Analytics (core\\widgets\\bordereditor\\_binding.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { BordersModel } from './_bordereditor';\nimport { getTemplate } from '../../../property-grid/widgets/templateUtils';\nimport { addDisposeCallback } from '../../../serializer/_internal';\nko.bindingHandlers['dxBorderEditor'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n $.fn.constructor(element).children().remove();\n var templateHtml = getTemplate('dxrd-bordereditor'), $element = $.fn.constructor(element).append(templateHtml);\n var model = new BordersModel(valueAccessor());\n ko.applyBindings({ value: model }, $element.children()[0]);\n addDisposeCallback(element, () => model.dispose());\n return { controlsDescendantBindings: true };\n }\n};\n","/**\n* DevExpress Analytics (core\\widgets\\_buttonInlineEditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport registerComponent from 'devextreme/core/component_registrator';\nimport 'devextreme/ui/button';\nimport dxButton from 'devextreme/ui/button';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nvar editor_template = {\n render: function (options) {\n var $icon = $.fn.constructor('').addClass('dx-icon');\n if (!!options.model.iconClass) {\n $icon.addClass(options.model.iconClass);\n $icon.addClass('dx-icon-' + options.model.iconClass);\n $icon.addClass('dx-icon-dxrd');\n }\n else if (!!options.model.icon) {\n $icon.addClass(options.model.icon);\n }\n if (options.model.icon) {\n $icon.attr('data-bind', \"template: '\" + options.model.icon + \"'\");\n }\n var icon = $icon.get(0);\n $.fn.constructor(options.container).append(icon);\n if (options.model.text) {\n var $span = $.fn.constructor('').addClass('dx-button-text');\n $span.text(options.model.text);\n $.fn.constructor(options.container).append($span);\n }\n setTimeout(() => {\n if (!ko.dataFor(icon))\n ko.applyBindings(options.model, icon);\n }, 1);\n }\n};\nexport class dxButtonWithTemplate extends dxButton {\n constructor(element, options) {\n options['template'] = editor_template;\n super(element, options);\n }\n _patchOptionValues(options) {\n var patchedOptions = super['_patchOptionValues'].call(this, options);\n var optionsToExtend = { iconClass: options['iconClass'] };\n ko.utils.extend(patchedOptions.templateData, optionsToExtend);\n return patchedOptions;\n }\n}\nregisterComponent('dxButtonWithTemplate', dxButtonWithTemplate);\n","/**\n* DevExpress Analytics (core\\_bindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { KeyboardEnum } from '../property-grid/widgets/internal/_utils';\nimport { getTemplate } from '../property-grid/widgets/templateUtils';\nimport { addDisposeCallback } from '../serializer/_internal';\nimport { extend } from '../serializer/_utils';\nimport { DragDropHandler } from './dragDrop/_dragDropHandler';\nimport { KeyDownHandlersManager } from './tools/_keyboardHelper';\nimport { cssTransform } from './utils/_utils';\nimport { Selectable } from './internal/selectable';\nimport { Draggable } from './internal/_draggable';\nimport { convertToCssPixelUnits } from './internal/_utils';\nko.bindingHandlers['cssArray'] = {\n 'update': function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var value = ko.utils.unwrapObservable(valueAccessor());\n for (var i = 0; i < value.length; i++) {\n ko.bindingHandlers['css'].update(element, () => { return value[i]; });\n }\n }\n};\nko.bindingHandlers['selectable'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var values = valueAccessor();\n var selection = ko.unwrap(values.selection), options = extend({ filter: '.dxd-selectable', distance: 1 }, ko.unwrap(values), {\n selecting: function (event, selectionElement) {\n var _event = { control: ko.dataFor(selectionElement), cancel: false, ctrlKey: event.ctrlKey };\n selection.selecting(_event);\n if (_event.cancel) {\n $.fn.constructor(selectionElement).removeClass('ui-selecting');\n }\n },\n start: (event, element) => {\n selection.clickHandler(null, event);\n selection.expectClick = true;\n selection.started = true;\n },\n stop: () => {\n selection.started = false;\n setTimeout(() => { selection.expectClick = false; }, 100);\n selection.applySelection();\n },\n unselecting: function (event, selectionElement) {\n selection.unselecting(ko.dataFor(selectionElement));\n }\n });\n const selectable = new Selectable(element, options);\n var subscriptions = [];\n if (selection.disabled && ko.isSubscribable(selection.disabled)) {\n subscriptions.push(selection.disabled.subscribe((newVal) => {\n return Selectable.disabled = newVal;\n }));\n }\n addDisposeCallback(element, () => {\n selectable.dispose();\n element = null;\n subscriptions.forEach(x => x.dispose());\n });\n }\n};\nko.bindingHandlers['updateTop'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var value = valueAccessor();\n var $element = $.fn.constructor(element);\n var updateTop = (value) => {\n var scaleY = element.getBoundingClientRect().height / element.offsetHeight;\n var top = (value === 0 || !!value) ? value : ($element.prev().position().top / scaleY) + $element.prev().outerHeight();\n $element.css('top', top + 'px');\n };\n var subscription = value.subscribe((newVal) => {\n updateTop(newVal);\n });\n updateTop(value());\n addDisposeCallback(element, function () {\n subscription.dispose();\n });\n }\n};\nfunction _getElementOffset(element, containment) {\n if (!element)\n return { top: 0, left: 0 };\n const containmentElement = _getContainment(element, containment);\n return {\n top: containmentElement.offset().top,\n left: containmentElement.offset().left\n };\n}\nfunction _getContainment(parent, containment) {\n return (containment === 'parent' || containment === parent) ? parent : parent.find(containment);\n}\nfunction _getBoundary($parent, $containment) {\n if (!$parent || !$containment)\n return null;\n var top = $parent.offset().top - $containment.offset().top;\n var left = $parent.offset().left - $containment.offset().left;\n return {\n left: left,\n top: top,\n right: left + $containment.width(),\n bottom: top + $containment.height()\n };\n}\nko.bindingHandlers['draggable'] = {\n init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {\n var values = valueAccessor();\n if (!values)\n return;\n var $element = $.fn.constructor(element), $parent = values.parent && values.parent() || $element.closest('.dx-designer-viewport'), containment = values.containment || '.dxrd-ghost-container', $viewport, $ghostContainerOffset, $containmentOffset, initialScroll = { left: 0, top: 0 }, attachDelta = (ui) => {\n ui['delta'] = {\n left: (($ghostContainerOffset && $ghostContainerOffset.left || 0) - $containmentOffset.left),\n top: ($ghostContainerOffset && $ghostContainerOffset.top || 0) - $containmentOffset.top\n };\n ui['scroll'] = {\n left: $viewport.scrollLeft() - initialScroll.left,\n top: $viewport.scrollTop() - initialScroll.top\n };\n }, options = extend({}, ko.unwrap(values), {\n start: function (event, uiElement) {\n DragDropHandler.started(true);\n $viewport = $parent.find('.dxrd-viewport');\n $ghostContainerOffset = $parent.find('.dxrd-ghost-container').offset();\n $containmentOffset = _getContainment($parent, containment).offset();\n initialScroll.left = $viewport.scrollLeft();\n initialScroll.top = $viewport.scrollTop();\n values.startDrag && values.startDrag(ko.dataFor(uiElement));\n },\n stop: function (event, uiElement) {\n attachDelta(uiElement);\n values.stopDrag(uiElement, ko.dataFor(uiElement), event);\n DragDropHandler.started(false);\n },\n drag: function (event, uiElement) {\n attachDelta(uiElement);\n values.drag && values.drag(event, uiElement, ko.dataFor(uiElement));\n },\n helper: function (event, uiElement) {\n let $container;\n var parentOffset = _getElementOffset($parent, options.containment);\n if (values.helper) {\n $container = values.helper(ko.dataFor(uiElement), event);\n if ($container) {\n $container.css({ 'position': 'absolute' });\n $container[0].dataset.startLeftPosition = convertToCssPixelUnits(event.pageX - parentOffset.left);\n $container[0].dataset.startTopPosition = convertToCssPixelUnits(event.pageY - parentOffset.top);\n return $container;\n }\n }\n var templateHtml = getTemplate(bindingContext.$root.dragHelperContent.template);\n var draggableModel = ko.dataFor(uiElement);\n $container = $.fn.constructor(templateHtml).css({ 'display': values.helper ? 'block' : 'none', 'position': 'absolute' });\n $container[0].dataset.startLeftPosition = convertToCssPixelUnits(draggableModel.absolutePosition ? draggableModel.absolutePosition.x() : event.pageX - parentOffset.left);\n $container[0].dataset.startTopPosition = convertToCssPixelUnits(draggableModel.absolutePosition ? draggableModel.absolutePosition.y() : event.pageY - parentOffset.top);\n $container.prependTo(_getContainment($parent, options.containment));\n ko.applyBindingsToDescendants(bindingContext.$root.dragHelperContent, $container[0]);\n return $container;\n }\n });\n options.containment = _getContainment($parent, options.containment);\n setDragOffsetMode(element);\n options.disabled = () => {\n return bindingContext.$root.inlineTextEdit &&\n bindingContext.$root.inlineTextEdit['_showInline']() &&\n element === bindingContext.$root.inlineTextEdit.element;\n };\n const draggable = new Draggable(element, options);\n addDisposeCallback(element, () => {\n draggable.dispose();\n element = null;\n });\n }\n};\nvar trackCursorData = 'dxd-track-cursor-data';\nvar trackCursorClass = 'dxd-track-cursor';\nvar trackCursorSelector = '.' + trackCursorClass;\nvar dragHelperLineClass = 'dxrd-drag-helper-item';\nko.bindingHandlers['trackCursor'] = {\n init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {\n var $element = $.fn.constructor(element);\n $element.addClass(trackCursorClass);\n var value = valueAccessor();\n var recalculateBounds = false;\n if (value['recalculateBounds']) {\n recalculateBounds = value['recalculateBounds'];\n value = value['underCursor'];\n }\n var bounds = element.getBoundingClientRect(), body = document.body, docElem = document.documentElement, overHandler = (event) => {\n if (!(bindingContext.$root.selection.started && bindingContext.$root.resizeHandler.started)) {\n if (!value().isNotDropTarget) {\n bindingContext.$root.selection.dropTarget = bindingContext.$data;\n event.stopPropagation();\n }\n }\n }, enterHandler = (event) => {\n value(extend(value(), { isOver: true }));\n if (!(bindingContext.$root.selection.started && bindingContext.$root.resizeHandler.started)) {\n bounds = element.getBoundingClientRect();\n }\n }, leaveHandler = (event) => {\n value(extend(value(), { isOver: false }));\n }, handler = (event) => {\n if (recalculateBounds)\n bounds = element.getBoundingClientRect();\n if (!(bindingContext.$root.selection.started && bindingContext.$root.resizeHandler.started)) {\n var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop, scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft, clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, y = event.pageY - (bounds.top + scrollTop - clientTop), x = event.pageX - (bounds.left + scrollLeft - clientLeft);\n value(extend(value(), { x: x, y: y }));\n }\n };\n element.addEventListener('mousemove', handler);\n !recalculateBounds && element.addEventListener('mouseenter', enterHandler);\n element.addEventListener('mouseover', overHandler);\n element.addEventListener('mouseleave', leaveHandler);\n element.addEventListener('dragover', handler);\n addDisposeCallback(element, function () {\n element.removeEventListener('dragover', handler);\n element.removeEventListener('mousemove', handler);\n element.removeEventListener('mouseover', overHandler);\n element.removeEventListener('mouseleave', leaveHandler);\n !recalculateBounds && element.removeEventListener('mouseenter', enterHandler);\n $element.removeClass(trackCursorClass);\n });\n }\n};\nko.bindingHandlers['templates'] = {\n init: function (element, valueAccessor) {\n var templateHtml = $.fn.constructor(valueAccessor()).text(), $templateHtml = $.fn.constructor(templateHtml);\n $.fn.constructor(element).append($templateHtml);\n return { controlsDescendantBindings: true };\n }\n};\nko.bindingHandlers['zoom'] = {\n update: function (element, valueAccessor) {\n var value = ko.unwrap(valueAccessor() || {});\n for (var i = 0; i < cssTransform.length; i++) {\n element.style[cssTransform[i]] = 'scale(' + (value) + ')';\n }\n $.fn.constructor(element).addClass('dxrd-transform-origin-left-top');\n }\n};\nko.bindingHandlers['keyDownActions'] = (() => {\n var handlersManager = new KeyDownHandlersManager(window);\n return {\n init: function (element, valueAccessor) {\n var actionLists = valueAccessor(), handler = (e) => { actionLists.processShortcut(ko.unwrap(actionLists.toolbarItems), e); };\n if (ko.isSubscribable(actionLists.enabled)) {\n var subscribe = actionLists.enabled.subscribe((newVal) => {\n if (newVal)\n handlersManager.bindHandler(element, handler);\n });\n addDisposeCallback(element, () => subscribe.dispose());\n }\n if (ko.unwrap(actionLists.enabled))\n handlersManager.bindHandler(element, handler);\n }\n };\n})();\nko.bindingHandlers['accessibilityKeyboardHelper'] = (() => {\n return {\n init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {\n var handlersManager = valueAccessor();\n if (handlersManager && (bindingContext.$root.accessibilityCompliant || handlersManager.accessibilityCompliantEnabled)) {\n var subscription = ko.bindingEvent.subscribe(element, 'childrenComplete', function () {\n handlersManager.bindHandler(element);\n });\n addDisposeCallback(element, function () {\n subscription.dispose();\n });\n }\n }\n };\n})();\nko.bindingHandlers['dxAction'] = (() => {\n return {\n init: (element, valueAccessor) => {\n var values = valueAccessor();\n var clickHandler = function (e) {\n values.action.call(values.model, values.model, e);\n };\n var keyPressHandler = function (e) {\n if (e.key == KeyboardEnum.Enter || e.key == KeyboardEnum.Space) {\n values.action.call(values.model, values.model, e);\n }\n };\n element.addEventListener('click', clickHandler);\n element.addEventListener('keydown', keyPressHandler);\n addDisposeCallback(element, function () {\n element.removeEventListener('click', clickHandler);\n element.removeEventListener('keydown', keyPressHandler);\n });\n }\n };\n})();\nko.extenders.dxdnum = function (target, value) {\n target.subscribe((newValue) => {\n newValue = newValue || 0;\n if (!isNaN(value.max)) {\n target(Math.min(newValue, value.max));\n }\n else if (!isNaN(value.min)) {\n target(Math.max(newValue, value.min));\n }\n else {\n target(newValue);\n }\n });\n return target;\n};\nfunction setDragOffsetMode(element) {\n const startDragWithOffset = element.parentElement.classList.contains('dxrd-toolbox-item');\n if (startDragWithOffset) {\n element.dataset.startDragWithOffset = 'true';\n }\n}\n","/**\n* DevExpress Analytics (property-grid\\internal\\_codeResolver.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport { guid } from '../../undo-engine/_utils';\nexport class CodeResolver {\n constructor() {\n this._queue = [];\n this._queueObj = {};\n this._done = [];\n this._doneOnce = [];\n }\n clear() {\n this._queue = [];\n this._queueObj = {};\n }\n done(callback) {\n this._done.push(callback);\n }\n doneOnce(callback) {\n this._doneOnce.push(callback);\n }\n _executeNext(id = this._queue[0]) {\n delete this._queueObj[id];\n while (this._queue.length > 0 && !this._queueObj[this._queue[0]]) {\n this._queue.splice(0, 1);\n }\n if (this._queue.length !== 0) {\n this._queueObj[this._queue[0]]();\n }\n else {\n for (var i = 0; i < this._done.length; i++) {\n this._done[i]();\n }\n do {\n var doOnceCallback = this._doneOnce.pop();\n doOnceCallback && doOnceCallback();\n } while (this._doneOnce.length);\n }\n }\n execute(func, time = 0) {\n var id = guid();\n var $deferred = $.Deferred();\n if (time) {\n this._queue.push(id);\n this._queueObj[id] = () => {\n if (!this._queueObj[id])\n return this._executeNext(id);\n setTimeout(() => {\n this._queueObj[id] && $deferred.resolve(func());\n this._executeNext(id);\n }, time);\n };\n if (this._queue.length === 1) {\n this._queueObj[this._queue[0]]();\n }\n }\n else {\n $deferred.resolve(func());\n }\n return {\n dispose: () => (delete this._queueObj[id], $deferred.reject()),\n force: () => (delete this._queueObj[id], $deferred.resolve(func())),\n doNext: () => (this._queue.splice(0, 0, id)),\n $promise: $deferred.promise()\n };\n }\n}\nexport var globalResolver = new CodeResolver();\n","/**\n* DevExpress Analytics (property-grid\\localization\\_localizationStringIds.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport var StringId = {\n MasterDetailRelationsEditor: 'DataAccessUIStringId.MasterDetailEditorForm_Title',\n DataAccessBtnOK: 'DataAccessUIStringId.Button_OK',\n DataAccessBtnCancel: 'DataAccessUIStringId.Button_Cancel',\n DataSourceWizardTitle: 'DataAccessUIStringId.WizardTitleDatasource',\n WizardPageConfigureQuery: 'DataAccessUIStringId.WizardPageConfigureQuery'\n};\n","/**\n* DevExpress Analytics (widgets\\expressioneditor\\tools\\_functions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { extend } from '../../../serializer/_utils';\nimport { createGlobalModuleVariableFunc } from '../../../serializer/_internal';\nvar defaultFunctionDisplay = [\n {\n display: 'Aggregate',\n localizationId: 'DataAccessStringId.ExpressionEditor_FunctionCategory_Aggregate',\n category: 'Aggregate',\n items: {\n Avg: [{ paramCount: 1, text: '[].Avg()', displayName: 'Avg()', descriptionStringId: 'ExpressionEditorStringId.Function_AvgAggregate' }],\n Count: [{ paramCount: 1, text: '[].Count()', displayName: 'Count()', descriptionStringId: 'ExpressionEditorStringId.Function_CountAggregate' }],\n Exists: [{ paramCount: 1, text: '[].Exists()', displayName: 'Exists()', descriptionStringId: 'ExpressionEditorStringId.Function_ExistsAggregate' }],\n Max: [{ paramCount: 1, text: '[].Max()', displayName: 'Max()', descriptionStringId: 'ExpressionEditorStringId.Function_MaxAggregate' }],\n Min: [{ paramCount: 1, text: '[].Min()', displayName: 'Min()', descriptionStringId: 'ExpressionEditorStringId.Function_MinAggregate' }],\n Single: [{ paramCount: 1, text: '[].Single()', displayName: 'Single()', descriptionStringId: 'ExpressionEditorStringId.Function_SingleAggregate' }],\n Sum: [{ paramCount: 1, text: '[].Sum()', displayName: 'Sum()', descriptionStringId: 'ExpressionEditorStringId.Function_SumAggregate' }],\n }\n }, {\n display: 'Date-Time',\n localizationId: 'DataAccessStringId.ExpressionEditor_FunctionCategory_DateTime',\n items: {\n LocalDateTimeThisYear: [{ paramCount: 0, text: 'LocalDateTimeThisYear()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeThisYear' }],\n LocalDateTimeThisMonth: [{ paramCount: 0, text: 'LocalDateTimeThisMonth()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeThisMonth' }],\n LocalDateTimeLastMonth: [{ paramCount: 0, text: 'LocalDateTimeLastMonth()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeLastMonth' }],\n LocalDateTimeLastWeek: [{ paramCount: 0, text: 'LocalDateTimeLastWeek()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeLastWeek' }],\n LocalDateTimeLastYear: [{ paramCount: 0, text: 'LocalDateTimeLastYear()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeLastYear' }],\n LocalDateTimeThisWeek: [{ paramCount: 0, text: 'LocalDateTimeThisWeek()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeThisWeek' }],\n LocalDateTimeYesterday: [{ paramCount: 0, text: 'LocalDateTimeYesterday()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeYesterday' }],\n LocalDateTimeToday: [{ paramCount: 0, text: 'LocalDateTimeToday()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeToday' }],\n LocalDateTimeNow: [{ paramCount: 0, text: 'LocalDateTimeNow()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeNow' }],\n LocalDateTimeTomorrow: [{ paramCount: 0, text: 'LocalDateTimeTomorrow()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeTomorrow' }],\n LocalDateTimeDayAfterTomorrow: [{ paramCount: 0, text: 'LocalDateTimeDayAfterTomorrow()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeDayAfterTomorrow' }],\n LocalDateTimeNextWeek: [{ paramCount: 0, text: 'LocalDateTimeNextWeek()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeNextWeek' }],\n LocalDateTimeTwoMonthsAway: [{ paramCount: 0, text: 'LocalDateTimeTwoMonthsAway()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeTwoMonthsAway' }],\n LocalDateTimeTwoYearsAway: [{ paramCount: 0, text: 'LocalDateTimeTwoYearsAway()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeTwoYearsAway' }],\n LocalDateTimeTwoWeeksAway: [{ paramCount: 0, text: 'LocalDateTimeTwoWeeksAway()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeTwoWeeksAway' }],\n LocalDateTimeNextMonth: [{ paramCount: 0, text: 'LocalDateTimeNextMonth()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeNextMonth' }],\n LocalDateTimeNextYear: [{ paramCount: 0, text: 'LocalDateTimeNextYear()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeNextYear' }],\n LocalDateTimeYearBeforeToday: [{ paramCount: 0, text: 'LocalDateTimeYearBeforeToday()', descriptionStringId: 'ExpressionEditorStringId.Function_LocalDateTimeYearBeforeToday' }],\n InDateRange: [{ paramCount: 3, text: 'InDateRange(, , )', descriptionStringId: 'ExpressionEditorStringId.Function_InDateRange' }],\n IsOutlookIntervalBeyondThisYear: null,\n IsOutlookIntervalNextWeek: null,\n IsOutlookIntervalTomorrow: null,\n IsOutlookIntervalToday: null,\n IsOutlookIntervalYesterday: null,\n IsOutlookIntervalLastWeek: null,\n IsOutlookIntervalPriorThisYear: null,\n IsLastMonth: [{ paramCount: 1, text: 'IsLastMonth()', descriptionStringId: 'ExpressionEditorStringId.Function_IsLastMonth' }],\n IsLastYear: [{ paramCount: 1, text: 'IsLastYear()', descriptionStringId: 'ExpressionEditorStringId.Function_IsLastYear' }],\n IsNextMonth: [{ paramCount: 1, text: 'IsNextMonth()', descriptionStringId: 'ExpressionEditorStringId.Function_IsNextMonth' }],\n IsNextYear: [{ paramCount: 1, text: 'IsNextYear()', descriptionStringId: 'ExpressionEditorStringId.Function_IsNextYear' }],\n IsThisWeek: [{ paramCount: 1, text: 'IsThisWeek()', descriptionStringId: 'ExpressionEditorStringId.Function_IsThisWeek' }],\n IsThisMonth: [{ paramCount: 1, text: 'IsThisMonth()', descriptionStringId: 'ExpressionEditorStringId.Function_IsThisMonth' }],\n IsThisYear: [{ paramCount: 1, text: 'IsThisYear()', descriptionStringId: 'ExpressionEditorStringId.Function_IsThisYear' }],\n IsJanuary: [{ paramCount: 1, text: 'IsJanuary()', descriptionStringId: 'ExpressionEditorStringId.Function_IsJanuary' }],\n IsFebruary: [{ paramCount: 1, text: 'IsFebruary()', descriptionStringId: 'ExpressionEditorStringId.Function_IsFebruary' }],\n IsMarch: [{ paramCount: 1, text: 'IsMarch()', descriptionStringId: 'ExpressionEditorStringId.Function_IsMarch' }],\n IsApril: [{ paramCount: 1, text: 'IsApril()', descriptionStringId: 'ExpressionEditorStringId.Function_IsApril' }],\n IsMay: [{ paramCount: 1, text: 'IsMay()', descriptionStringId: 'ExpressionEditorStringId.Function_IsMay' }],\n IsJune: [{ paramCount: 1, text: 'IsJune()', descriptionStringId: 'ExpressionEditorStringId.Function_IsJune' }],\n IsJuly: [{ paramCount: 1, text: 'IsJuly()', descriptionStringId: 'ExpressionEditorStringId.Function_IsJuly' }],\n IsAugust: [{ paramCount: 1, text: 'IsAugust()', descriptionStringId: 'ExpressionEditorStringId.Function_IsAugust' }],\n IsSeptember: [{ paramCount: 1, text: 'IsSeptember()', descriptionStringId: 'ExpressionEditorStringId.Function_IsSeptember' }],\n IsOctober: [{ paramCount: 1, text: 'IsOctober()', descriptionStringId: 'ExpressionEditorStringId.Function_IsOctober' }],\n IsNovember: [{ paramCount: 1, text: 'IsNovember()', descriptionStringId: 'ExpressionEditorStringId.Function_IsNovember' }],\n IsDecember: [{ paramCount: 1, text: 'IsDecember()', descriptionStringId: 'ExpressionEditorStringId.Function_IsDecember' }],\n IsSameDay: [{ paramCount: 2, text: 'IsSameDay(, )', descriptionStringId: 'ExpressionEditorStringId.Function_IsSameDay' }],\n IsYearToDate: [{ paramCount: 1, text: 'IsYearToDate()', descriptionStringId: 'ExpressionEditorStringId.Function_IsYearToDate' }],\n DateDiffTick: [{ paramCount: 2, text: 'DateDiffTick(, )', descriptionStringId: 'ExpressionEditorStringId.Function_DateDiffTick' }],\n DateDiffSecond: [{ paramCount: 2, text: 'DateDiffSecond(, )', descriptionStringId: 'ExpressionEditorStringId.Function_DateDiffSecond' }],\n DateDiffMilliSecond: [{ paramCount: 2, text: 'DateDiffMilliSecond(, )', descriptionStringId: 'ExpressionEditorStringId.Function_DateDiffMilliSecond' }],\n DateDiffMinute: [{ paramCount: 2, text: 'DateDiffMinute(, )', descriptionStringId: 'ExpressionEditorStringId.Function_DateDiffMinute' }],\n DateDiffHour: [{ paramCount: 2, text: 'DateDiffHour(, )', descriptionStringId: 'ExpressionEditorStringId.Function_DateDiffHour' }],\n DateDiffDay: [{ paramCount: 2, text: 'DateDiffDay(, )', descriptionStringId: 'ExpressionEditorStringId.Function_DateDiffDay' }],\n DateDiffMonth: [{ paramCount: 2, text: 'DateDiffMonth(, )', descriptionStringId: 'ExpressionEditorStringId.Function_DateDiffMonth' }],\n DateDiffYear: [{ paramCount: 2, text: 'DateDiffYear(, )', descriptionStringId: 'ExpressionEditorStringId.Function_DateDiffYear' }],\n GetDate: [{ paramCount: 1, text: 'GetDate()', descriptionStringId: 'ExpressionEditorStringId.Function_GetDate' }],\n GetMilliSecond: [{ paramCount: 1, text: 'GetMilliSecond()', descriptionStringId: 'ExpressionEditorStringId.Function_GetMilliSecond' }],\n GetSecond: [{ paramCount: 1, text: 'GetSecond()', descriptionStringId: 'ExpressionEditorStringId.Function_GetSecond' }],\n GetMinute: [{ paramCount: 1, text: 'GetMinute()', descriptionStringId: 'ExpressionEditorStringId.Function_GetMinute' }],\n GetHour: [{ paramCount: 1, text: 'GetHour()', descriptionStringId: 'ExpressionEditorStringId.Function_GetHour' }],\n GetDay: [{ paramCount: 1, text: 'GetDay()', descriptionStringId: 'ExpressionEditorStringId.Function_GetDay' }],\n GetMonth: [{ paramCount: 1, text: 'GetMonth()', descriptionStringId: 'ExpressionEditorStringId.Function_GetMonth' }],\n GetYear: [{ paramCount: 1, text: 'GetYear()', descriptionStringId: 'ExpressionEditorStringId.Function_GetYear' }],\n GetDayOfWeek: [{ paramCount: 1, text: 'GetDayOfWeek()', descriptionStringId: 'ExpressionEditorStringId.Function_GetDayOfWeek' }],\n GetDayOfYear: [{ paramCount: 1, text: 'GetDayOfYear()', descriptionStringId: 'ExpressionEditorStringId.Function_GetDayOfYear' }],\n GetTimeOfDay: [{ paramCount: 1, text: 'GetTimeOfDay()', descriptionStringId: 'ExpressionEditorStringId.Function_GetTimeOfDay' }],\n Now: [{ paramCount: 0, text: 'Now()', descriptionStringId: 'ExpressionEditorStringId.Function_Now' }],\n UtcNow: [{ paramCount: 0, text: 'UtcNow()', descriptionStringId: 'ExpressionEditorStringId.Function_UtcNow' }],\n Today: [{ paramCount: 0, text: 'Today()', descriptionStringId: 'ExpressionEditorStringId.Function_Today' }],\n AddTimeSpan: [{ paramCount: 2, text: 'AddTimeSpan(, )', descriptionStringId: 'ExpressionEditorStringId.Function_AddTimeSpan' }],\n AddTicks: [{ paramCount: 2, text: 'AddTicks(, )', descriptionStringId: 'ExpressionEditorStringId.Function_AddTicks' }],\n AddMilliSeconds: [{ paramCount: 2, text: 'AddMilliSeconds(, )', descriptionStringId: 'ExpressionEditorStringId.Function_AddMilliSeconds' }],\n AddSeconds: [{ paramCount: 2, text: 'AddSeconds(, )', descriptionStringId: 'ExpressionEditorStringId.Function_AddSeconds' }],\n AddMinutes: [{ paramCount: 2, text: 'AddMinutes(, )', descriptionStringId: 'ExpressionEditorStringId.Function_AddMinutes' }],\n AddHours: [{ paramCount: 2, text: 'AddHours(, )', descriptionStringId: 'ExpressionEditorStringId.Function_AddHours' }],\n AddDays: [{ paramCount: 2, text: 'AddDays(, )', descriptionStringId: 'ExpressionEditorStringId.Function_AddDays' }],\n AddMonths: [{ paramCount: 2, text: 'AddMonths(, )', descriptionStringId: 'ExpressionEditorStringId.Function_AddMonths' }],\n AddYears: [{ paramCount: 2, text: 'AddYears(, )', descriptionStringId: 'ExpressionEditorStringId.Function_AddYears' }],\n },\n }, {\n display: 'Logical',\n localizationId: 'DataAccessStringId.ExpressionEditor_FunctionCategory_Logical',\n items: {\n Iif: [{ paramCount: 3, text: 'Iif(, , )', descriptionStringId: 'ExpressionEditorStringId.Function_Iif' }],\n InRange: [{ paramCount: 3, text: 'InRange(, , )', descriptionStringId: 'ExpressionEditorStringId.Function_InRange' }],\n IsNull: [{ paramCount: 1, text: 'IsNull()', descriptionStringId: 'ExpressionEditorStringId.Function_IsNull' }],\n IsNullOrEmpty: [{ paramCount: 1, text: 'IsNullOrEmpty()', descriptionStringId: 'ExpressionEditorStringId.Function_IsNullOrEmpty' }],\n }\n }, {\n display: 'Math',\n localizationId: 'DataAccessStringId.ExpressionEditor_FunctionCategory_Math',\n items: {\n Abs: [{ paramCount: 1, text: 'Abs()', descriptionStringId: 'ExpressionEditorStringId.Function_Abs' }],\n Sqr: [{ paramCount: 1, text: 'Sqr()', descriptionStringId: 'ExpressionEditorStringId.Function_Sqr' }],\n Cos: [{ paramCount: 1, text: 'Cos()', descriptionStringId: 'ExpressionEditorStringId.Function_Cos' }],\n Sin: [{ paramCount: 1, text: 'Sin()', descriptionStringId: 'ExpressionEditorStringId.Function_Sin' }],\n Atn: [{ paramCount: 1, text: 'Atn()', descriptionStringId: 'ExpressionEditorStringId.Function_Atn' }],\n Exp: [{ paramCount: 1, text: 'Exp()', descriptionStringId: 'ExpressionEditorStringId.Function_Exp' }],\n Log: [\n { paramCount: 1, text: 'Log()', descriptionStringId: 'ExpressionEditorStringId.Function_Log' },\n { paramCount: 2, text: 'Log(, )', descriptionStringId: 'ExpressionEditorStringId.Function_Log_2' },\n ],\n Rnd: [{ paramCount: 0, text: 'Rnd()', descriptionStringId: 'ExpressionEditorStringId.Function_Rnd' }],\n Tan: [{ paramCount: 1, text: 'Tan()', descriptionStringId: 'ExpressionEditorStringId.Function_Tan' }],\n Power: [{ paramCount: 2, text: 'Power(, )', descriptionStringId: 'ExpressionEditorStringId.Function_Power' }],\n Sign: [{ paramCount: 1, text: 'Sign()', descriptionStringId: 'ExpressionEditorStringId.Function_Sign' }],\n Round: [\n { paramCount: 1, text: 'Round()', descriptionStringId: 'ExpressionEditorStringId.Function_Round' },\n { paramCount: 2, text: 'Round(, )', descriptionStringId: 'ExpressionEditorStringId.Function_Round_2' },\n ],\n Ceiling: [{ paramCount: 1, text: 'Ceiling()', descriptionStringId: 'ExpressionEditorStringId.Function_Ceiling' }],\n Floor: [{ paramCount: 1, text: 'Floor()', descriptionStringId: 'ExpressionEditorStringId.Function_Floor' }],\n Max: [{ paramCount: 2, text: 'Max(, )', descriptionStringId: 'ExpressionEditorStringId.Function_Max' }],\n Min: [{ paramCount: 2, text: 'Min(, )', descriptionStringId: 'ExpressionEditorStringId.Function_Min' }],\n Acos: [{ paramCount: 1, text: 'Acos()', descriptionStringId: 'ExpressionEditorStringId.Function_Acos' }],\n Asin: [{ paramCount: 1, text: 'Asin()', descriptionStringId: 'ExpressionEditorStringId.Function_Asin' }],\n Atn2: [{ paramCount: 2, text: 'Atn2(, )', descriptionStringId: 'ExpressionEditorStringId.Function_Atn2' }],\n BigMul: [{ paramCount: 2, text: 'BigMul(, )', descriptionStringId: 'ExpressionEditorStringId.Function_BigMul' }],\n Cosh: [{ paramCount: 1, text: 'Cosh()', descriptionStringId: 'ExpressionEditorStringId.Function_Cosh' }],\n Log10: [{ paramCount: 1, text: 'Log10()', descriptionStringId: 'ExpressionEditorStringId.Function_Log10' }],\n Sinh: [{ paramCount: 1, text: 'Sinh()', descriptionStringId: 'ExpressionEditorStringId.Function_Sinh' }],\n Tanh: [{ paramCount: 1, text: 'Tanh()', descriptionStringId: 'ExpressionEditorStringId.Function_Tanh' }],\n ToInt: [{ paramCount: 1, text: 'ToInt()', descriptionStringId: 'ExpressionEditorStringId.Function_ToInt' }],\n ToLong: [{ paramCount: 1, text: 'ToLong()', descriptionStringId: 'ExpressionEditorStringId.Function_ToLong' }],\n ToFloat: [{ paramCount: 1, text: 'ToFloat()', descriptionStringId: 'ExpressionEditorStringId.Function_ToFloat' }],\n ToDouble: [{ paramCount: 1, text: 'ToDouble()', descriptionStringId: 'ExpressionEditorStringId.Function_ToDouble' }],\n ToDecimal: [{ paramCount: 1, text: 'ToDecimal()', descriptionStringId: 'ExpressionEditorStringId.Function_ToDecimal' }],\n }\n }, {\n display: 'String',\n localizationId: 'DataAccessStringId.ExpressionEditor_FunctionCategory_Text',\n items: {\n Trim: [{ paramCount: 1, text: 'Trim()', descriptionStringId: 'ExpressionEditorStringId.Function_Trim' }],\n Len: [{ paramCount: 1, text: 'Len()', descriptionStringId: 'ExpressionEditorStringId.Function_Len' }],\n Substring: [\n { paramCount: 3, text: \"Substring('', , )\", descriptionStringId: 'ExpressionEditorStringId.Function_Substring_3' },\n { paramCount: 2, text: \"Substring('', )\", descriptionStringId: 'ExpressionEditorStringId.Function_Substring' }\n ],\n Upper: [{ paramCount: 1, text: 'Upper()', descriptionStringId: 'ExpressionEditorStringId.Function_Upper' }],\n Lower: [{ paramCount: 1, text: 'Lower()', descriptionStringId: 'ExpressionEditorStringId.Function_Lower' }],\n Concat: [{ paramCount: Infinity, text: 'Concat(, )', descriptionStringId: 'ExpressionEditorStringId.Function_Concat' }],\n Ascii: [{ paramCount: 1, text: \"Ascii('')\", descriptionStringId: 'ExpressionEditorStringId.Function_Ascii' }],\n Char: [{ paramCount: 1, text: 'Char()', descriptionStringId: 'ExpressionEditorStringId.Function_Char' }],\n ToStr: [{ paramCount: 1, text: 'ToStr()', descriptionStringId: 'ExpressionEditorStringId.Function_ToStr' }],\n Replace: [{ paramCount: 3, text: \"Replace('','', '')\", descriptionStringId: 'ExpressionEditorStringId.Function_Replace' }],\n Reverse: [{ paramCount: 1, text: \"Reverse('')\", descriptionStringId: 'ExpressionEditorStringId.Function_Reverse' }],\n Insert: [{ paramCount: 3, text: \"Insert('', , '')\", descriptionStringId: 'ExpressionEditorStringId.Function_Insert' }],\n CharIndex: [\n { paramCount: 2, text: \"CharIndex('','')\", descriptionStringId: 'ExpressionEditorStringId.Function_CharIndex' },\n { paramCount: 3, text: \"CharIndex('','', )\", descriptionStringId: 'ExpressionEditorStringId.Function_CharIndex_3' }\n ],\n Remove: [\n { paramCount: 2, text: \"Remove('', )\", descriptionStringId: 'ExpressionEditorStringId.Function_Remove' },\n { paramCount: 3, text: \"Remove('', , )\", descriptionStringId: 'ExpressionEditorStringId.Function_Remove_3' }\n ],\n PadLeft: [\n { paramCount: 2, text: 'PadLeft(, )', descriptionStringId: 'ExpressionEditorStringId.Function_PadLeft' },\n { paramCount: 3, text: \"PadLeft(, , '')\", descriptionStringId: 'ExpressionEditorStringId.Function_PadLeft_3' }\n ],\n PadRight: [\n { paramCount: 2, text: 'PadRight(, )', descriptionStringId: 'ExpressionEditorStringId.Function_PadRight' },\n { paramCount: 3, text: \"PadRight(, , '')\", descriptionStringId: 'ExpressionEditorStringId.Function_PadRight_3' }\n ],\n StartsWith: [{ paramCount: 2, text: \"StartsWith('', '')\", descriptionStringId: 'ExpressionEditorStringId.Function_StartsWith' }],\n EndsWith: [{ paramCount: 2, text: \"EndsWith('', '')\", descriptionStringId: 'ExpressionEditorStringId.Function_EndsWith' }],\n Contains: [{ paramCount: 0, text: \"Contains('', '')\", descriptionStringId: 'ExpressionEditorStringId.Function_Contains' }],\n Join: [\n { paramCount: 1, text: 'Join()', descriptionStringId: 'ExpressionEditorStringId.Function_Join' },\n { paramCount: 2, text: \"Join(, '')\", descriptionStringId: 'ExpressionEditorStringId.Function_Join_2' }\n ],\n }\n }\n];\nexport var functionDisplay = createGlobalModuleVariableFunc(defaultFunctionDisplay);\nexport var resetFunctionDisplay = () => functionDisplay(defaultFunctionDisplay);\nexport function insertInFunctionDisplay(addins) {\n var functions = [];\n if (Array.isArray(addins)) {\n functions = [...functionDisplay()];\n addins.forEach(addin => {\n var func = functions.filter(x => x.display === addin.display)[0];\n if (!!func) {\n func.items = Object.assign(Object.assign({}, func.items), addin.items);\n }\n else {\n functions.push(addin);\n }\n });\n }\n else {\n functionDisplay().forEach(cat => {\n var ext = addins[cat.display];\n var items = extend({}, cat.items, ext);\n if (!Object.keys(items).length)\n return;\n functions.push(ext ? {\n display: cat.display, category: cat.category, localizationId: cat.localizationId,\n items: items\n } : cat);\n });\n }\n return functions;\n}\n","/**\n* DevExpress Analytics (widgets\\expressioneditor\\_expressioneditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nexport var RangeSpecific = 'range';\nexport function createExpressionEditorCollectionToolOptions(collectionItems, toolName, displayToolName, showDescription) {\n return {\n displayName: getLocalization(toolName, displayToolName),\n content: {\n showDescription: showDescription,\n isSelected: ko.observable(false),\n data: {\n items: collectionItems,\n selectedItem: ko.observable(null)\n },\n name: 'dx-expressioneditor-collection'\n },\n dispose: () => void 0\n };\n}\nexport function wrapExpressionValue(path, value, converter, subscriptions) {\n if (!(converter && path))\n return value;\n var _displayValue = ko.observable(value());\n converter.toDisplayExpression(path(), value()).done((result) => {\n _displayValue(result);\n }).fail(() => {\n _displayValue(value());\n });\n var valueSubscription = value.subscribe((newValue) => {\n converter.toDisplayExpression(path(), newValue).done((result) => {\n _displayValue(result);\n }).fail(() => {\n _displayValue(newValue);\n });\n });\n var pathSubscription = path.subscribe(newPath => {\n converter.toDisplayExpression(newPath, value())\n .done(result => { _displayValue(result); })\n .fail(_ => { _displayValue(value()); });\n });\n var displayValue = ko.pureComputed({\n read: () => _displayValue(),\n write: (newValue) => {\n _displayValue(newValue);\n converter.toRealExpression(path(), newValue).done((result) => {\n value(result);\n }).fail(() => {\n value(newValue);\n });\n }\n });\n if (subscriptions)\n [displayValue, valueSubscription, pathSubscription].forEach(x => subscriptions.push(x));\n return displayValue;\n}\n","/**\n* DevExpress Analytics (widgets\\expressioneditor\\tools\\_operatorNames.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport var operatorNames = [\n { text: '+', image: 'addition', descriptionStringId: 'ExpressionEditorStringId.Operator_Plus' },\n { text: '-', image: 'subtraction', descriptionStringId: 'ExpressionEditorStringId.Operator_Minus' },\n { text: '*', image: 'multiplication', descriptionStringId: 'ExpressionEditorStringId.Operator_Multiply' },\n { text: '/', image: 'division', descriptionStringId: 'ExpressionEditorStringId.Operator_Divide' },\n { text: '%', image: 'modulus', hasSeparator: true, descriptionStringId: 'ExpressionEditorStringId.Operator_Modulo' },\n { text: '()', image: 'parenthesis', hasSeparator: true },\n { text: '|', descriptionStringId: 'ExpressionEditorStringId.Operator_BitwiseOr' },\n { text: '&', descriptionStringId: 'ExpressionEditorStringId.Operator_BitwiseAnd' },\n { text: '^', descriptionStringId: 'ExpressionEditorStringId.Operator_BitwiseXor' },\n { text: '==', image: 'equal', descriptionStringId: 'ExpressionEditorStringId.Operator_Equal' },\n { text: '!=', image: 'not_equal', descriptionStringId: 'ExpressionEditorStringId.Operator_NotEqual' },\n { text: '<', image: 'less', descriptionStringId: 'ExpressionEditorStringId.Operator_Less' },\n { text: '<=', image: 'less_or_equal', descriptionStringId: 'ExpressionEditorStringId.Operator_LessOrEqual' },\n { text: '>=', image: 'greater_or_equal', descriptionStringId: 'ExpressionEditorStringId.Operator_GreaterOrEqual' },\n { text: '>', hasSeparator: true, image: 'greater', descriptionStringId: 'ExpressionEditorStringId.Operator_Greater' },\n { text: 'In', descriptionStringId: 'ExpressionEditorStringId.Operator_In' },\n { text: 'Like', descriptionStringId: 'ExpressionEditorStringId.Operator_Like' },\n { text: 'Between', descriptionStringId: 'ExpressionEditorStringId.Operator_Between' },\n { text: 'And', image: 'and', descriptionStringId: 'ExpressionEditorStringId.Operator_And' },\n { text: 'Or', image: 'or', descriptionStringId: 'ExpressionEditorStringId.Operator_Or' },\n { text: 'Not', image: 'not', descriptionStringId: 'ExpressionEditorStringId.Operator_Not' }\n];\n","/**\n* DevExpress Analytics (widgets\\common\\_codeCompletor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { functionDisplay } from '../expressioneditor/tools/_functions';\nimport { Disposable } from '../../serializer/utils';\nimport { isList, setCursorInFunctionParameter } from '../_utils';\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nimport { PathRequest } from './pathRequest';\nimport { RangeSpecific } from '../expressioneditor/_expressioneditor';\nimport { operatorNames } from '../expressioneditor/tools/_operatorNames';\nimport { CriteriaOperatorStateMachine } from '../criteria/utils/criteriaOperatorStateMachine';\nexport class CodeCompletor extends Disposable {\n constructor(_options) {\n super();\n this._options = _options;\n this._contextPath = null;\n this._isInContext = () => this._contextPath !== null;\n this._getPath = () => this._contextPath ? this._path() + '.' + this._contextPath : this._path();\n this.identifierRegexps = [/\\./, /\\[/];\n this._fieldListProvider = _options.fieldListProvider;\n this._path = _options.path;\n this._editor = _options.editor;\n this._functions = ko.computed(() => { return ko.unwrap(_options.functions) || functionDisplay(); });\n this._rootItems = _options.rootItems || [{ name: 'Parameters', needPrefix: true }];\n this._disposables.push(this._functions);\n }\n _previousSymbol() {\n var cursorPosition = this._editor.getCursorPosition();\n return this._editor.session.getLine(cursorPosition.row)[cursorPosition.column - 1];\n }\n beforeInsertMatch(editor, token, parentPrefix) {\n var cursorPosition = editor.getCursorPosition();\n if (parentPrefix === 'Parameters.') {\n token = token || !this['_isInContext']() && editor.session.getTokenAt(cursorPosition.row, cursorPosition.column);\n if (token) {\n if ((token.type === 'support.variable.other' || token.type === 'support.function')) {\n editor.session.remove({\n start: { column: token.start - 1 || 0, row: cursorPosition.row },\n end: { column: Math.max(token.start + token.value.length || 0, cursorPosition.column), row: cursorPosition.row }\n });\n }\n else if (token.type === 'support.variable.parameter') {\n editor.session.remove({\n start: { column: token.start || 0, row: cursorPosition.row },\n end: { column: Math.max(token.start + token.value.length + 1 || 0, cursorPosition.column), row: cursorPosition.row }\n });\n }\n else if (token.type === 'text' && token.value[token.value.length - 1] === '?') {\n editor.session.remove({\n start: { column: token.start + token.value.length - 1 || 0, row: cursorPosition.row },\n end: { column: token.start + token.value.length || 0, row: cursorPosition.row },\n });\n }\n }\n }\n else {\n token = token || editor.session.getTokenAt(cursorPosition.row, cursorPosition.column);\n if (!token)\n return;\n var endColumn = null;\n if (token.type === 'support.variable.other' || token.type === 'support.function') {\n endColumn = Math.max(token.start + token.value.length || 0, cursorPosition.column);\n }\n else if (token.type === 'support.context.start' && cursorPosition.column < token.start + token.value.length) {\n endColumn = token.start + token.value.length - 1 || 0;\n }\n if (endColumn !== null)\n editor.session.remove({\n start: { column: token.start || 0, row: cursorPosition.row },\n end: { column: endColumn, row: cursorPosition.row }\n });\n }\n }\n insertMatch(editor, parentPrefix, fieldName) {\n if (parentPrefix === 'Parameters.') {\n editor.insert('?' + fieldName);\n }\n else {\n editor.insert('[' + (parentPrefix || '') + fieldName + ']');\n }\n }\n generateFieldDisplayName(parentPrefix, displayName) {\n if (parentPrefix === 'Parameters.') {\n return '?' + displayName;\n }\n return '[' + displayName + ']';\n }\n _convertDataMemberInfoToCompletions(fields, getToken, parentPrefix = '') {\n return (fields || []).map(field => {\n var displayName = this.generateFieldDisplayName(parentPrefix, field.displayName);\n return {\n caption: field.displayName || field.name,\n snippet: displayName,\n meta: isList(field) && getLocalization('list', 'DxDesignerStringId.CodeCompletion_List') || getLocalization('field', 'DxDesignerStringId.CodeCompletion_Field'),\n score: isList(field) && 200 || 100,\n completer: {\n insertMatch: (editor, data) => {\n this.beforeInsertMatch(editor, getToken(), parentPrefix);\n this.insertMatch(editor, parentPrefix, this._options.getRealExpression ? (field.displayName || field.name) : field.name);\n }\n }\n };\n });\n }\n _combinePath(parentPrefix) {\n var path = this._getPath();\n if (parentPrefix) {\n var rootItem = this._rootItems.filter(item => parentPrefix.indexOf(item.name) === 0)[0];\n if (rootItem && rootItem.rootPath)\n path = [rootItem.rootPath, parentPrefix].join('.');\n else\n path = [path, parentPrefix].join('.');\n }\n return path;\n }\n _getParentPrefix(token) {\n var position = this._editor.getCursorPosition().column - token.start - 1;\n var dotIndex = token.value.lastIndexOf('.', position);\n var closeIndex = token.value.lastIndexOf(']', position);\n dotIndex = Math.max(closeIndex, dotIndex);\n var startIndex = token.type === 'support.variable.other' || token.type === 'support.context.start' ? 1 : 0;\n var parentPrefix = token.value.substring(startIndex, dotIndex);\n if (parentPrefix[0] === '[')\n parentPrefix = parentPrefix.substr(1);\n if (parentPrefix[parentPrefix.length - 1] === ']')\n parentPrefix = parentPrefix.substring(0, parentPrefix.length - 1);\n return parentPrefix;\n }\n _getRealPath(path) {\n var pathArray = path.split('.');\n var $deferred = $.Deferred();\n if (this._options.getRealExpression) {\n this._options.getRealExpression(pathArray[0], this.generateFieldDisplayName(null, pathArray.splice(1).join('.'))).done(result => {\n result = result.slice(1, result.length - 1);\n $deferred.resolve(result && [pathArray[0], result].join('.') || pathArray[0]);\n }).fail(() => { $deferred.resolve(path); });\n }\n else {\n $deferred.resolve(path);\n }\n return $deferred.promise();\n }\n _getFields(getToken = () => null, completions = [], ignorePrefix = false) {\n var $deferred = $.Deferred();\n var parentPrefix = undefined;\n var token = getToken();\n if (token && (token.type === 'support.variable.other' || token.type === 'support.function' || token.type === 'support.context.start')) {\n parentPrefix = this._getParentPrefix(token);\n }\n this._getRealPath(this._combinePath(parentPrefix)).done((path) => {\n var $fields = ko.unwrap(this._fieldListProvider).getItems(new PathRequest(path))\n .done((fields) => {\n completions.push.apply(completions, this._convertDataMemberInfoToCompletions(CodeCompletor._cleanupFields(fields), getToken, ignorePrefix ? null : parentPrefix && parentPrefix + '.'));\n });\n var $deferreds = [$fields];\n var rootPathRequests = [];\n if (!parentPrefix) {\n this._rootItems.forEach(item => {\n var path = item.rootPath || item.name;\n if (rootPathRequests.indexOf(path) === -1) {\n rootPathRequests.push(path);\n $deferreds.push(ko.unwrap(this._fieldListProvider).getItems(new PathRequest(path))\n .done((fields) => {\n this._processFields($deferreds, fields, completions, path, getToken, item.needPrefix ? item.name + '.' : '', true);\n }));\n }\n });\n }\n $.when($deferreds).always(() => { $deferred.resolve(completions); });\n });\n return $deferred.promise();\n }\n static _cleanupFields(fields = []) {\n return fields.filter(x => x.specifics !== 'parameters' && x.specifics !== 'none');\n }\n _processFields($deferreds, fields, completions, path, getToken, parentPrefix = '', needCleanup = false) {\n var pushToCompletions = (fields) => {\n completions.push.apply(completions, this._convertDataMemberInfoToCompletions(needCleanup ? CodeCompletor._cleanupFields(fields) : fields, getToken, parentPrefix));\n };\n fields.forEach(item => {\n if (item.specifics === RangeSpecific && isList(item)) {\n $deferreds.push(ko.unwrap(this._fieldListProvider).getItems(new PathRequest(path + '.' + item.name))\n .done((subFields) => {\n pushToCompletions(subFields);\n })\n .fail(() => {\n pushToCompletions([item]);\n }));\n }\n else {\n pushToCompletions([item]);\n }\n });\n }\n getFunctionsCompletions() {\n var functions = [];\n var functionsWithoutAggregates = ko.unwrap(this._functions).filter(fnDisplay => fnDisplay.category !== 'Aggregate');\n functionsWithoutAggregates.forEach(fnDisplay => {\n Object.keys(fnDisplay.items).forEach(fnKey => {\n if (fnDisplay.items[fnKey]) {\n functions.push(createFunctionCompletion(fnDisplay.items[fnKey][0], fnKey));\n }\n });\n });\n return functions;\n }\n getAggregateCompletions() {\n var functions = [];\n var aggregates = ko.unwrap(this._functions).filter(fnDisplay => fnDisplay.category === 'Aggregate')[0];\n if (aggregates)\n Object.keys(aggregates.items).forEach(fnKey => {\n if (aggregates.items[fnKey]) {\n functions.push(createFunctionCompletion(aggregates.items[fnKey][0], fnKey, fnKey + '()'));\n }\n });\n return functions;\n }\n getOperatorCompletions(prefix) {\n return operatorNames.map(operator => {\n return { caption: operator.text, snippet: prefix + operator.text, meta: getLocalization('operator', 'DxDesignerStringId.CodeCompletion_Operator') };\n });\n }\n _addFunctions(completions) {\n completions.push.apply(completions, this.getFunctionsCompletions());\n }\n _addAggregates(completions) {\n completions.push.apply(completions, this.getAggregateCompletions());\n }\n _addOperators(completions, text) {\n var prefix = /\\s/.test(text[text.length - 1]) ? '' : ' ';\n completions.push.apply(completions, this.getOperatorCompletions(prefix));\n }\n _addParameterOperators(completions, getToken) {\n var $deferred = $.Deferred();\n var $parametersPromises = [];\n var paramPath = 'Parameters';\n $parametersPromises.push(ko.unwrap(this['_fieldListProvider']).getItems(new PathRequest(paramPath))\n .done((fields) => {\n this._processFields($parametersPromises, fields, completions, paramPath, getToken, paramPath + '.');\n }));\n $.when($parametersPromises).always(() => { $deferred.resolve(completions); });\n return $deferred.promise();\n }\n _getOperands(getToken = () => null) {\n var result = [];\n this._addFunctions(result);\n return this._getFields(getToken, result);\n }\n _getOperandsOrOperators(getToken, text, completions) {\n var exceptionInfo;\n try {\n CriteriaOperatorStateMachine.parse(text);\n }\n catch (exception) {\n exceptionInfo = exception.hash;\n }\n var trimmedText = text.trim();\n var lastNonSpaceSymbol = trimmedText[trimmedText.length - 1];\n if (lastNonSpaceSymbol === '?' && text[text.length - 1] !== ' ') {\n this._addParameterOperators(completions, getToken);\n }\n else if (!exceptionInfo && trimmedText || (lastNonSpaceSymbol === ']' || lastNonSpaceSymbol === ')')) {\n this._addOperators(completions, text);\n }\n else {\n return this._getOperands();\n }\n }\n _findStartContextTokenPosition(tokens, index) {\n var blocks = 0;\n var path = [];\n for (var i = index; i > -1; i--) {\n if (tokens[i].type === 'support.context.end') {\n blocks++;\n }\n else if (tokens[i].type === 'support.context.start') {\n if (blocks > 0)\n blocks--;\n else\n return i;\n }\n }\n }\n _findOpenedStartContext(tokens, index) {\n var openedContextIndexes = [];\n var contextItems = tokens.filter((token, tokenIndex) => (token.type === 'support.context.start' || token.type === 'support.context.end') && tokenIndex < index);\n for (var i = 0; i < contextItems.length; i++) {\n if (contextItems[i].type === 'support.context.start') {\n openedContextIndexes.push(tokens.indexOf(contextItems[i]));\n }\n else {\n openedContextIndexes.pop();\n }\n }\n return openedContextIndexes;\n }\n _findOpenedAggregates(tokens, index) {\n var openedAggregatesIndexes = [];\n var aggregates = tokens.filter((token, tokenIndex) => token.type === 'support.other.aggregate' && tokenIndex < index);\n if (aggregates.length > 0) {\n var currentToken = tokens[index];\n var currentCursorPosition = this._editor.getCursorPosition().column - (currentToken && currentToken.start || 0);\n for (var i = aggregates.length - 1; i > -1; i--) {\n var aggregateIndex = tokens.indexOf(aggregates[i]);\n var openBrace = 0;\n var closeBrace = 0;\n var isClosedAggregate = false;\n if (aggregateIndex + 1 === index && tokens[aggregateIndex + 1].value.substr(0, currentCursorPosition).indexOf('()') !== -1 ||\n aggregateIndex + 1 < index && tokens[aggregateIndex + 1].value.indexOf('()') !== -1) {\n isClosedAggregate = true;\n index = aggregateIndex;\n continue;\n }\n for (var j = aggregateIndex; j < index; j++) {\n if (tokens[j].value.trim() === '(') {\n openBrace++;\n }\n else if (tokens[j].value.trim() === ')') {\n closeBrace++;\n }\n if (openBrace === closeBrace && openBrace !== 0) {\n isClosedAggregate = true;\n break;\n }\n }\n if (!isClosedAggregate)\n openedAggregatesIndexes.splice(0, 0, aggregateIndex);\n index = aggregateIndex;\n }\n }\n return openedAggregatesIndexes;\n }\n _getContextPath(tokens, currentPosition) {\n var path = [];\n var openedAggregatePositions = this._findOpenedAggregates(tokens, currentPosition);\n var openedContextPositions = this._findOpenedStartContext(tokens, currentPosition);\n var contextPath = openedContextPositions.concat(...openedAggregatePositions).sort((a, b) => { return a - b; });\n if (contextPath.length > 0) {\n for (var i = 0; i < contextPath.length; i++) {\n if (tokens[contextPath[i]].type === 'support.other.aggregate') {\n if (tokens[contextPath[i] - 1].type === 'support.context.end') {\n var startContextToken = this._findStartContextTokenPosition(tokens, contextPath[i] - 2);\n var member = trimBrackets(tokens[startContextToken].value.match(/^\\[(?:[^\\]\\)])*\\]/)[0]);\n path.push(member);\n }\n else if (tokens[contextPath[i] - 1].type === 'support.variable.other') {\n path.push(trimBrackets(tokens[contextPath[i] - 1].value));\n }\n }\n else {\n var member = trimBrackets(tokens[contextPath[i]].value.match(/^\\[(?:[^\\]\\)])*\\]/)[0]);\n path.push(member);\n }\n }\n }\n return path.filter(x => !!x).join('.');\n }\n _getCompletions(editor, session, pos, prefix) {\n var $deferred;\n var completions = [];\n var getToken = () => session.getTokenAt(pos.row, pos.column);\n var currentToken = getToken();\n var text = editor.session.getLine(pos.row).substring(0, pos.column);\n var tokens = session.getTokens(pos.row);\n var currentTokenIndex = currentToken ? currentToken.index : -1;\n this._contextPath = this._getContextPath(tokens, currentTokenIndex);\n if (!currentToken) {\n $deferred = this._getOperands();\n }\n else if (currentToken.type === 'support.context.start') {\n var ignorePrefix = this._editor.getCursorPosition().column - currentToken.start === currentToken.value.length;\n if (ignorePrefix) {\n var functions = [];\n this._addFunctions(functions);\n }\n $deferred = this._getFields(getToken, functions, ignorePrefix);\n }\n else if (currentToken.type === 'string.quoted.single') {\n }\n else if (currentToken.type.indexOf('support.variable') === 0) {\n $deferred = this._getFields(getToken);\n }\n else if (currentToken.type === 'support.function') {\n $deferred = this.defaultProcess(getToken, text.substring(0, currentToken.start), completions);\n }\n else if (currentToken.type === 'support.other.aggregate') {\n var previousToken = tokens[currentTokenIndex - 1];\n this._addAggregates(completions);\n if (previousToken && trimBrackets(previousToken.value).trim()) {\n $deferred = this._getFields(() => ({\n start: (currentToken.start - (previousToken.value || '').length) || 0,\n value: previousToken.value + currentToken.value,\n type: 'support.function'\n }), completions);\n }\n }\n else {\n if (!(currentToken.type.indexOf('comment') === 0)) {\n $deferred = this.defaultProcess(getToken, text, completions);\n }\n }\n return $deferred ? $deferred.promise() : $.Deferred().resolve(completions).promise();\n }\n defaultProcess(getToken, text, completions) {\n return this._getOperandsOrOperators(getToken, text, completions);\n }\n getCompletions(aceEditor, session, pos, prefix, callback) {\n this._getCompletions(aceEditor, session, pos, prefix).done(completions => {\n callback(null, completions);\n });\n }\n getDocTooltip(item) {\n if (item.tooltip && !item.docHTML) {\n item.docHTML = [\n item.tooltip\n ].join('');\n }\n }\n}\nexport function createFunctionCompletion(fnInfo, name, insertValue = null) {\n var _insertValue = insertValue || fnInfo.text;\n return {\n caption: name,\n snippet: _insertValue,\n meta: getLocalization('function', 'DxDesignerStringId.CodeCompletion_Function'),\n tooltip: fnInfo.description || getLocalization(fnInfo.text, fnInfo.descriptionStringId) || null,\n score: 10,\n completer: {\n insertMatch: (editor, data) => {\n var completions = editor.completer.completions;\n if (completions.filterText) {\n var ranges = editor.selection.getAllRanges();\n for (var i = 0, range; range = ranges[i]; i++) {\n range.start.column -= completions.filterText.length;\n editor.session.remove(range);\n }\n }\n if (_insertValue.substr(0, 3) === '[].') {\n var ranges = editor.selection.getAllRanges();\n for (var i = 0, range; range = ranges[i]; i++) {\n range.start.column -= 2;\n if (editor.session.getTextRange(range) === '].')\n _insertValue = _insertValue.substr(3);\n }\n }\n editor.insert(_insertValue);\n setCursorInFunctionParameter(fnInfo.paramCount, editor, _insertValue);\n }\n }\n };\n}\nexport function trimBrackets(value) {\n return value.substring(value[0] === '[' ? 1 : 0, value[value.length - 1] === ']' ? value.length - 1 : value.length);\n}\n","/**\n* DevExpress Analytics (widgets\\criteria\\operators\\between.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { CriteriaOperator } from './criteriaOperator';\nimport { criteriaCreator } from '../utils/criteriaOperatorPreprocessor';\nexport class BetweenOperator extends CriteriaOperator {\n constructor(property, begin, end) {\n super();\n this.assignLeftPart = (criteriaOperator) => {\n this.property = criteriaOperator.leftPart;\n };\n this.assignRightPart = (criteriaOperator) => {\n if (Array.isArray(criteriaOperator.rightPart)) {\n if (criteriaOperator.rightPart.length) {\n this.begin = criteriaOperator.rightPart[0];\n this.end = criteriaOperator.rightPart.length > 1 ? criteriaOperator.rightPart[1] : criteriaCreator.process('value');\n }\n else {\n this.begin = criteriaCreator.process('value');\n this.end = criteriaCreator.process('value');\n }\n }\n else {\n this.begin = criteriaOperator.rightPart;\n this.end = criteriaCreator.process('value');\n }\n };\n this.operatorType = 'Between';\n this.type = 'between';\n this.property = property;\n this.begin = begin || criteriaCreator.process('value');\n this.end = end || criteriaCreator.process('value');\n }\n get leftPart() {\n return this.property;\n }\n get rightPart() {\n return [this.begin, this.end];\n }\n get displayType() {\n return 'Between';\n }\n get enumType() {\n return BetweenOperator;\n }\n accept(visitor) {\n return visitor.visitBetweenOperator\n ? visitor.visitBetweenOperator(this)\n : new BetweenOperator(this.property && this.property.accept(visitor), this.begin && this.begin.accept(visitor), this.end && this.end.accept(visitor));\n }\n}\ncriteriaCreator.register('between', (options) => {\n return new BetweenOperator(options.property, options.begin, options.end);\n}, (operatorType) => (criteriaCreator.process('between', {\n property: criteriaCreator.process('property'),\n begin: criteriaCreator.process('value'),\n end: criteriaCreator.process('value')\n})));\n","/**\n* DevExpress Analytics (widgets\\criteria\\operators\\in.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { CriteriaOperator } from './criteriaOperator';\nimport { criteriaCreator } from '../utils/criteriaOperatorPreprocessor';\nexport class InOperator extends CriteriaOperator {\n constructor(criteriaOperator, operands) {\n super();\n this.assignLeftPart = (criteriaOperator) => {\n this.criteriaOperator = criteriaOperator.leftPart;\n };\n this.assignRightPart = (criteriaOperator) => {\n this.operands = [].concat(criteriaOperator.rightPart);\n };\n this.operatorType = 'In';\n this.type = 'in';\n this.operands = [];\n this.criteriaOperator = criteriaOperator || criteriaCreator.process('default');\n (operands || []).forEach(operand => this.operands.push(operand));\n }\n get leftPart() {\n return this.criteriaOperator;\n }\n get rightPart() {\n return this.operands;\n }\n get displayType() {\n return 'In';\n }\n get enumType() {\n return InOperator;\n }\n accept(visitor) {\n return visitor.visitInOperator\n ? visitor.visitInOperator(this)\n : new InOperator(this.criteriaOperator && this.criteriaOperator.accept(visitor), this.operands && this.operands.map(op => op.accept(visitor)));\n }\n}\ncriteriaCreator.register('in', (options) => {\n return new InOperator(options.criteriaOperator, options.operands);\n}, (operatorType) => criteriaCreator.process('in', {\n criteriaOperator: criteriaCreator.process('property'),\n operands: [criteriaCreator.process('value')]\n}));\n","/**\n* DevExpress Analytics (widgets\\criteria\\utils\\operatorTokens.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport var operatorTokens = {\n 'Plus': '+',\n 'Minus': '-',\n 'Equal': '=',\n 'NotEqual': '<>',\n 'Greater': '>',\n 'Less': '<',\n 'LessOrEqual': '<=',\n 'GreaterOrEqual': '>=',\n 'Divide': '/',\n 'BitwiseAnd': '&',\n 'BitwiseOr': '|',\n 'BitwiseXor': '^',\n 'Modulo': '%',\n 'Multiply': '*',\n};\n","/**\n* DevExpress Analytics (widgets\\criteria\\operators\\binary.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { CriteriaOperator } from './criteriaOperator';\nimport { operatorTokens } from '../utils/operatorTokens';\nimport { BinaryOperatorType } from './options/binary';\nimport { criteriaCreator } from '../utils/criteriaOperatorPreprocessor';\nexport class BinaryOperator extends CriteriaOperator {\n constructor(left, right, operatorType) {\n super();\n this.assignLeftPart = (criteriaOperator) => {\n this.leftOperand = criteriaOperator.leftPart;\n };\n this.assignRightPart = (criteriaOperator) => {\n if (Array.isArray(criteriaOperator.rightPart)) {\n if (criteriaOperator.rightPart.length) {\n this.rightOperand = criteriaOperator.rightPart[0];\n }\n }\n else {\n this.rightOperand = criteriaOperator.rightPart;\n }\n };\n this.type = 'binary';\n this.leftOperand = left || criteriaCreator.process('default');\n this.rightOperand = right || criteriaCreator.process('default');\n this.operatorType = operatorType;\n }\n get leftPart() {\n return this.leftOperand;\n }\n get rightPart() {\n return this.rightOperand;\n }\n get displayType() {\n return operatorTokens[BinaryOperatorType[this.operatorType]] || BinaryOperatorType[this.operatorType];\n }\n get enumType() {\n return BinaryOperatorType;\n }\n accept(visitor) {\n return visitor.visitBinaryOperator\n ? visitor.visitBinaryOperator(this)\n : new BinaryOperator(this.leftOperand && this.leftOperand.accept(visitor), this.rightOperand && this.rightOperand.accept(visitor), this.operatorType);\n }\n}\ncriteriaCreator.register('binary', (options) => {\n return new BinaryOperator(options.left, options.right, options.operatorType);\n}, (operatorType) => criteriaCreator.process('binary', {\n left: criteriaCreator.process('property'),\n right: criteriaCreator.process('value'),\n operatorType: operatorType.value\n}));\n","/**\n* DevExpress Analytics (widgets\\criteria\\operators\\function.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { CriteriaOperator } from './criteriaOperator';\nimport { operatorTokens } from '../utils/operatorTokens';\nimport { FunctionOperatorType } from './options/function';\nimport { criteriaCreator } from '../utils/criteriaOperatorPreprocessor';\nexport class FunctionOperator extends CriteriaOperator {\n constructor(operatorType, operands) {\n super();\n this.toString = (reverse) => {\n var result = (operatorTokens[this.displayType] || this.displayType) + '(' + this.operands.map((operand) => {\n return operand.toString();\n }).join(', ') + ')';\n return reverse ? 'Not ' + result : result;\n };\n this.assignLeftPart = (criteriaOperator) => {\n this.operands = [criteriaOperator.leftPart];\n };\n this.assignRightPart = (criteriaOperator) => {\n if (Array.isArray(criteriaOperator.rightPart)) {\n if (criteriaOperator.rightPart.length) {\n this.operands.push(criteriaOperator.rightPart[0]);\n }\n else {\n this.operands.push(criteriaCreator.process('value'));\n }\n }\n else {\n this.operands.push(criteriaOperator.rightPart);\n }\n };\n this.operands = [];\n this.type = 'function';\n this.operatorType = operatorType;\n operands = operands || [criteriaCreator.process('default')];\n operands.forEach(operand => this.operands.push(operand));\n }\n get leftPart() {\n return this.operands[0];\n }\n get rightPart() {\n return this.operands.filter((_, index) => { return index !== 0; });\n }\n get displayType() {\n return FunctionOperatorType[this.operatorType] || this.operatorType.toString();\n }\n get enumType() {\n return FunctionOperatorType;\n }\n accept(visitor) {\n return visitor.visitFunctionOperator\n ? visitor.visitFunctionOperator(this)\n : new FunctionOperator(this.operatorType, this.operands && this.operands.map(op => op.accept(visitor)));\n }\n}\ncriteriaCreator.register('function', (options) => {\n return new FunctionOperator(options.operatorType, options.operands);\n}, (operatorType) => new FunctionOperator(operatorType.value, [criteriaCreator.process('property')]));\n","/**\n* DevExpress Analytics (widgets\\criteria\\operators\\constant.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { criteriaCreator } from '../utils/criteriaOperatorPreprocessor';\nimport { OperandValue } from './value';\nexport class ConstantValue extends OperandValue {\n constructor(value, specifics) {\n super(value);\n this.type = 'value';\n if (specifics && !this.specifics)\n this.specifics = specifics;\n }\n accept(visitor) {\n return visitor.visitConstantValue\n ? visitor.visitConstantValue(this)\n : new ConstantValue(this.value, this.specifics);\n }\n}\ncriteriaCreator.register('const', (options) => new ConstantValue((options === null || options === void 0 ? void 0 : options.value) || null));\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\helpers\\_serializer.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport { GroupOperator } from '../../criteria/operators/group';\nimport { AggregateOperand } from '../../criteria/operators/aggregate';\nimport { OperandProperty } from '../../criteria/operators/property';\nimport { trimBrackets } from '../../common/_codeCompletor';\nimport { OperandValue } from '../../criteria/operators/value';\nimport { validateGuid } from '../../../property-grid/widgets/internal/_internal';\nimport { serializeDate } from '../../../serializer/utils';\nimport { OperandParameter } from '../../criteria/operators/parameter';\nimport { BetweenOperator } from '../../criteria/operators/between';\nimport { InOperator } from '../../criteria/operators/in';\nimport { BinaryOperator } from '../../criteria/operators/binary';\nimport { UnaryOperator } from '../../criteria/operators/unary';\nimport { FunctionOperator } from '../../criteria/operators/function';\nimport { operatorTokens as iOperatorTokens } from '../../criteria/utils/operatorTokens';\nimport { ConstantValue } from '../../criteria/operators/constant';\nimport { CriteriaOperatorStateMachine } from '../../criteria/utils/criteriaOperatorStateMachine';\nimport { BinaryOperatorType } from '../../criteria/operators/options/binary';\nimport { UnaryOperatorType } from '../../criteria/operators/options/unary';\nimport { GroupOperatorType } from '../../criteria/operators/options/group';\nexport class FilterEditorSerializer {\n constructor(operatorTokens = iOperatorTokens, custom) {\n this.operatorTokens = operatorTokens;\n this.custom = custom;\n }\n serializeGroupOperand(groupOperator, reverse) {\n var result = groupOperator.operands.map((operand) => {\n if (operand instanceof GroupOperator) {\n return '(' + this.serialize(operand) + ')';\n }\n else {\n return this.serialize(operand);\n }\n }).filter((serialize) => { return serialize !== '' && serialize !== '()'; }).join(' ' + (this.operatorTokens[groupOperator.displayType] || groupOperator.displayType) + ' ');\n return reverse && result ? 'Not(' + result + ')' : result;\n }\n serializeAggregateOperand(aggregateOperand, reverse) {\n var operatorTypeSuffix = aggregateOperand.operatorType === 'Exists' ? '' : '.' + aggregateOperand.operatorType;\n var condition = aggregateOperand.condition ? this.serialize(aggregateOperand.condition) : '';\n var propertyResult = this.serialize(aggregateOperand.property);\n var conditionResult = '[' + condition + ']';\n var aggregateSuffix = aggregateOperand.operatorType !== 'Exists' ?\n '(' + (aggregateOperand.aggregatedExpression && this.serialize(aggregateOperand.aggregatedExpression) || '') + ')' : '';\n var result = propertyResult;\n if (!condition && !aggregateSuffix || condition) {\n result += conditionResult;\n }\n return result + operatorTypeSuffix + aggregateSuffix;\n }\n serializeOperandProperty(operandProperty) {\n if (!operandProperty.propertyName) {\n return operandProperty.circumflex ? '^' : '[]';\n }\n var value = operandProperty.displayType;\n if (value.length - trimBrackets(value).length === 2) {\n value = '[' + trimBrackets(value).replace(/\\\\/g, '\\\\\\\\').replace(/\\]/g, '\\\\]') + ']';\n }\n return operandProperty.circumflex ? '^.' + value : value;\n }\n serializeOperandValue(operandValue) {\n var result = operandValue.value;\n if (result !== null && result !== undefined && ($.isNumeric(result) || String(result).toLowerCase() === 'true' || String(result).toLowerCase() === 'false')) {\n if (operandValue.specifics === 'string')\n return \"'\" + result + \"'\";\n if (operandValue.specifics === 'guid' && validateGuid(result))\n return '{' + result + '}';\n return result;\n }\n else if (result && operandValue.value instanceof Date) {\n return '#' + serializeDate(result, '-') + '#';\n }\n else if (operandValue.specifics === 'integer' || operandValue.specifics === 'integer') {\n return result || '?';\n }\n else if (operandValue.specifics === 'guid' && validateGuid(result)) {\n return '{' + result + '}';\n }\n result = result.replace(/'/g, \"''\");\n return result ? \"'\" + result + \"'\" : '?';\n }\n serializeOperandParameter(operandParameter) {\n return operandParameter.displayType;\n }\n serializeBetweenOperator(betweenOperator, reverse) {\n var result = this.serialize(betweenOperator.property) + ' ' + betweenOperator.displayType +\n '(' + this.serialize(betweenOperator.begin) + ', ' + this.serialize(betweenOperator.end) + ')';\n return reverse ? 'Not ' + result : result;\n }\n serializeInOperator(inOperator, reverse) {\n var result = this.serialize(inOperator.criteriaOperator) + ' ' + inOperator.displayType + '(' +\n inOperator.operands.map((operand) => { return this.serialize(operand); }).join(', ') + ')';\n return reverse ? 'Not ' + result : result;\n }\n serializeBinaryOperator(binaryOperator, reverse) {\n if (binaryOperator.operatorType === BinaryOperatorType.Like) {\n var separator = reverse ? ' Not ' : ' ';\n return this.serialize(binaryOperator.leftOperand) + separator + (this.operatorTokens[binaryOperator.displayType] || binaryOperator.displayType) + ' ' + this.serialize(binaryOperator.rightOperand);\n }\n return (reverse ? 'Not ' : '') + this.serialize(binaryOperator.leftOperand) + ' ' + (this.operatorTokens[binaryOperator.displayType] || binaryOperator.displayType) + ' ' + this.serialize(binaryOperator.rightOperand);\n }\n serializeUnaryOperator(unaryOperator, reverse) {\n if (unaryOperator.operatorType === UnaryOperatorType.IsNull) {\n var separator = reverse ? ' Not ' : ' ';\n return this.serialize(unaryOperator.operand) + ' Is' + separator + 'Null';\n }\n else if (unaryOperator.operatorType === UnaryOperatorType.Not) {\n return this.serialize(unaryOperator.operand, true);\n }\n var result = (this.operatorTokens[unaryOperator.displayType] || unaryOperator.displayType) + this.serialize(unaryOperator.operand);\n return reverse ? 'Not ' + result : result;\n }\n serializeFunctionOperator(functionOperator, reverse) {\n var result = (this.operatorTokens[functionOperator.displayType] || functionOperator.displayType) + '(' + functionOperator.operands.map((operand) => {\n return this.serialize(operand);\n }).join(', ') + ')';\n return reverse ? 'Not ' + result : result;\n }\n serialize(criteriaOperator, reverse = false) {\n if (criteriaOperator instanceof AggregateOperand) {\n return this.serializeAggregateOperand(criteriaOperator, reverse);\n }\n if (criteriaOperator instanceof BetweenOperator) {\n return this.serializeBetweenOperator(criteriaOperator, reverse);\n }\n if (criteriaOperator instanceof BinaryOperator) {\n return this.serializeBinaryOperator(criteriaOperator, reverse);\n }\n if (criteriaOperator instanceof ConstantValue) {\n return this.serializeOperandValue(criteriaOperator);\n }\n if (criteriaOperator instanceof FunctionOperator) {\n return this.serializeFunctionOperator(criteriaOperator, reverse);\n }\n if (criteriaOperator instanceof GroupOperator) {\n return this.serializeGroupOperand(criteriaOperator, reverse);\n }\n if (criteriaOperator instanceof InOperator) {\n return this.serializeInOperator(criteriaOperator, reverse);\n }\n if (criteriaOperator instanceof OperandParameter) {\n return this.serializeOperandParameter(criteriaOperator);\n }\n if (criteriaOperator instanceof OperandProperty) {\n return this.serializeOperandProperty(criteriaOperator);\n }\n if (criteriaOperator instanceof OperandValue) {\n return this.serializeOperandValue(criteriaOperator);\n }\n if (criteriaOperator instanceof UnaryOperator) {\n return this.serializeUnaryOperator(criteriaOperator, reverse);\n }\n if (this.custom) {\n return this.custom(criteriaOperator, reverse);\n }\n throw Error('Undefined type criteria operator');\n }\n deserialize(stringCriteria) {\n return this.deserializeOperand(CriteriaOperatorStateMachine.parse(stringCriteria));\n }\n deserializeOperand(operand) {\n if (operand instanceof GroupOperator) {\n return operand;\n }\n else if (operand instanceof UnaryOperator && operand.operatorType === UnaryOperatorType.Not) {\n var child = operand['operand'];\n if (child instanceof GroupOperator || child instanceof FunctionOperator || child instanceof BetweenOperator || child instanceof InOperator) {\n return operand;\n }\n else if (child instanceof UnaryOperator && operand.operatorType === UnaryOperatorType.Not\n && !(child.operand instanceof OperandProperty)) {\n return this.deserializeOperand(child.operand);\n }\n return new UnaryOperator(UnaryOperatorType.Not, new GroupOperator(GroupOperatorType.And, child ? [child] : []));\n }\n return new GroupOperator(GroupOperatorType.And, operand ? [operand] : []);\n }\n}\n","/**\n* DevExpress Analytics (widgets\\common\\_displayNameProvider.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport { OperandProperty } from '../criteria/operators/property';\nimport { FilterEditorSerializer } from '../filtereditor/helpers/_serializer';\nimport { criteriaForEach } from '../criteria/utils/criteriaEnumeration';\nimport { CriteriaOperatorStateMachine } from '../criteria/utils/criteriaOperatorStateMachine';\nexport class DisplayExpressionConverter {\n constructor(displayNameProvider) {\n this.displayNameProvider = displayNameProvider;\n }\n _replaceNames(path, expression, getDisplayExpression) {\n var def = $.Deferred();\n if (!expression)\n return def.resolve('').promise();\n try {\n var expressionCriteria = CriteriaOperatorStateMachine.parse(expression, true);\n }\n catch (e) {\n return def.reject().promise();\n }\n var requests = [];\n var result = [];\n var serializer = new FilterEditorSerializer();\n criteriaForEach(expressionCriteria, (operator, innerPath) => {\n if (operator instanceof OperandProperty) {\n var isContainsParentRelationshipTraversalOperator = operator.propertyName.indexOf('^.') === 0;\n var propertyName = isContainsParentRelationshipTraversalOperator ? operator.propertyName.substring(2) : operator.propertyName;\n propertyName = innerPath ? [innerPath, propertyName].join('.') : propertyName;\n var request = getDisplayExpression ? this.displayNameProvider.getDisplayNameByPath(path, propertyName) :\n this.displayNameProvider.getRealName(path, propertyName);\n requests.push(request.done(data => {\n var convertedName = isContainsParentRelationshipTraversalOperator ? '^.' + data : data;\n convertedName = innerPath ? convertedName.split('.').slice(innerPath.split('.').length).join('.') : convertedName;\n result.push({\n operand: operator,\n convertedName\n });\n }));\n }\n });\n if (requests.length === 0) {\n def.resolve(expression);\n }\n else {\n var processedRequestsCount = 0;\n var onAlways = () => {\n if (++processedRequestsCount < requests.length)\n return;\n var lines = expression.split('\\n');\n for (var i = 0; i < lines.length; i++) {\n var operands = result.filter((value) => value.operand.startPosition.line === i).sort((a, b) => {\n return a.operand.startPosition.column - b.operand.startPosition.column;\n });\n for (var j = 0, delta = 0; j < operands.length; j++) {\n var column = operands[j].operand.startPosition.column;\n var propertyName = operands[j].operand.propertyName;\n var deltaName = 0;\n if (operands[j].operand.originalPropertyLength !== propertyName.length) {\n deltaName = Math.max(0, operands[j].operand.originalPropertyLength - serializer.serialize(operands[j].operand, false).length);\n }\n var convertedName = operands[j].convertedName;\n if (!propertyName || column < 0)\n continue;\n lines[i] = lines[i].substring(0, column + delta) + convertedName + lines[i].substring(column + propertyName.length + deltaName + delta);\n delta += convertedName.length - propertyName.length - deltaName;\n }\n }\n def.resolve(lines.join('\\n'));\n };\n requests.forEach(r => r.always(onAlways));\n }\n return def.promise();\n }\n toDisplayExpression(path, expression) {\n return this._replaceNames(path, expression, true);\n }\n toRealExpression(path, expression) {\n return this._replaceNames(path, expression, false);\n }\n}\n","/**\n* DevExpress Analytics (widgets\\_searchHighlighting.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { findMatchesInString } from '../property-grid/widgets/internal/_utils';\nimport { Disposable } from '../serializer/utils';\nimport { addDisposeCallback } from '../serializer/_internal';\nexport function cloneHtmlBinding(data, element, valueAccessor, allBindings, viewModel, bindingContext) {\n addDisposeCallback(element, function () {\n data.dispose();\n });\n setTimeout(() => {\n var isInitialized = false;\n ko.computed({\n read: () => {\n if (!isInitialized && ko.bindingHandlers['html'].init) {\n ko.bindingHandlers['html'].init(element, () => { return data.content; }, allBindings, viewModel, bindingContext);\n isInitialized = true;\n }\n if (ko.bindingHandlers['html'].update) {\n ko.bindingHandlers['html'].update(element, () => {\n data.update(valueAccessor());\n return data.content;\n }, allBindings, viewModel, bindingContext);\n }\n },\n disposeWhenNodeIsRemoved: element\n });\n }, 1);\n}\nexport class HighlightEngine extends Disposable {\n constructor(options) {\n super();\n this._$spanProtect = $.fn.constructor('');\n this._$spanSearch = $.fn.constructor('').addClass('dx-datagrid-search-text');\n this.content = ko.observable('');\n this._options = options;\n if (ko.isSubscribable(this._options.text)) {\n this._disposables.push(this._options.text.subscribe(newText => {\n this._update();\n }));\n }\n this._disposables.push(this._options.textToSearch.subscribe(newFind => {\n this._update();\n }));\n this._update();\n }\n _update() {\n this.content(this._getHighlightContent(ko.unwrap(this._options.text), ko.unwrap(this._options.textToSearch), ko.unwrap(this._options.searchOptions)));\n }\n update(options) {\n this._options = options;\n this._update();\n }\n _getHighlightContent(text, textToSearch, options) {\n var searchPattern = textToSearch;\n var result = text;\n if (searchPattern) {\n var match = findMatchesInString(result, searchPattern, options);\n if (match) {\n var newResult = '', curIndex = 0, subString = result;\n match.forEach((item, index) => {\n var itemIndex = subString.indexOf(item);\n var textBeforeMath = result.substr(curIndex, itemIndex);\n subString = subString.substr(itemIndex + item.length);\n if (textBeforeMath) {\n this._$spanProtect.text(textBeforeMath);\n newResult += this._$spanProtect[0].outerHTML;\n }\n this._$spanSearch.text(item);\n newResult += this._$spanSearch[0].outerHTML;\n curIndex = result.length - subString.length;\n if (index === match.length - 1) {\n if (subString) {\n this._$spanProtect.text(subString);\n newResult += this._$spanProtect[0].outerHTML;\n }\n }\n });\n return newResult;\n }\n }\n this._$spanProtect.text(result);\n result = this._$spanProtect[0].outerHTML;\n return result;\n }\n}\nko.bindingHandlers['searchHighlighting'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n cloneHtmlBinding(new HighlightEngine(valueAccessor()), element, valueAccessor, allBindings, viewModel, bindingContext);\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (common\\imageSource.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { formatUnicorn } from '@devexpress/analytics-core/analytics-internal';\nexport class ImageSource {\n constructor(sourceType, data) {\n this.sourceType = sourceType;\n this.data = data;\n }\n getDataUrl() {\n switch (this.sourceType) {\n case 'svg':\n return 'data:image/svg+xml;charset=UTF-8;base64,' + encodeURI(this.data);\n case 'img':\n return 'data:image/x;base64,' + this.data;\n }\n if (this.sourceType === 'png' || this.sourceType === 'jpg' || this.sourceType === 'jpeg')\n return 'data:image/' + this.sourceType + ';base64,' + this.data;\n }\n static parse(val) {\n var sourceType, data;\n [sourceType, data] = (val || '').split(',');\n return sourceType && new ImageSource(sourceType, data);\n }\n static toString(val) {\n return formatUnicorn('{0},{1}', val.sourceType, val.data);\n }\n}\n","/**\n* DevExpress Analytics (property-grid\\localization\\localization.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { loadMessages as _loadMessages } from './_localization';\nexport function loadMessages(messages) { _loadMessages(messages); }\n","/**\n* DevExpress Analytics (core\\elements\\margins.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { paddingSerializationsInfo } from './paddingModelMetaData';\nexport class Margins {\n constructor(left, right, top, bottom) {\n this.bottom = ko.observable(bottom);\n this.left = ko.observable(left);\n this.right = ko.observable(right);\n this.top = ko.observable(top);\n }\n getInfo() {\n return paddingSerializationsInfo;\n }\n isEmpty() {\n return this.toString() === Margins.defaultVal;\n }\n static fromString(value = Margins.defaultVal) {\n var components = value.split(',');\n return new Margins(parseFloat(components[0]), parseFloat(components[1]), parseFloat(components[2]), parseFloat(components[3]));\n }\n toString() {\n var result = this.left() + ', ' + this.right() + ', ' + this.top() + ', ' + this.bottom();\n return result;\n }\n}\nMargins.defaultVal = '100, 100, 100, 100';\nMargins.unitProperties = ['left', 'right'];\n","/**\n* DevExpress HTML/JS Reporting (common\\metadata.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { PaddingModel } from '@devexpress/analytics-core/analytics-elements';\nimport { colorFromString, colorToString, floatFromModel } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nexport var previewBackColor = { propertyName: 'backColor', modelName: '@BackColor', from: colorFromString, toJsonObject: colorToString };\nexport var previewSides = { propertyName: 'borders', modelName: '@Sides' };\nexport var previewBorderColor = { propertyName: 'borderColor', modelName: '@BorderColor', from: colorFromString, toJsonObject: colorToString };\nexport var previewBorderStyle = { propertyName: 'borderStyle', modelName: '@BorderStyle' };\nexport var previewBorderDashStyle = { propertyName: 'borderDashStyle', modelName: '@BorderDashStyle' };\nexport var previewBorderWidth = { propertyName: 'borderWidth', modelName: '@BorderWidthSerializable', from: floatFromModel };\nexport var previewForeColor = { propertyName: 'foreColor', modelName: '@ForeColor', from: colorFromString, toJsonObject: colorToString };\nexport var previewFont = { propertyName: 'font', modelName: '@Font' };\nexport var previewPadding = { propertyName: 'padding', modelName: '@Padding', from: PaddingModel.from };\nexport var previewTextAlignment = { propertyName: 'textAlignment', modelName: '@TextAlignment' };\nexport var brickStyleSerializationsInfo = [\n previewBackColor,\n previewSides,\n previewBorderColor,\n previewBorderStyle,\n previewBorderDashStyle,\n previewBorderWidth,\n previewForeColor,\n previewFont,\n previewPadding,\n previewTextAlignment\n];\nexport var defaultCulture = 'Default';\nexport var availableCultures = ko.observable({\n 'Default': '(Default)'\n});\n","/**\n* DevExpress HTML/JS Reporting (common\\binding\\exportOptionsEventArgs.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nexport class CustomizeExportOptionsEventArgs {\n constructor(options) {\n this._options = options;\n }\n HideExportOptionsPanel() { this._options.panelVisible = false; }\n HideFormat(format) { delete this._options.exportOptions[format.propertyName || format.format]; }\n HideProperties(format, ...paths) {\n var patchPropName = (propName, obj) => {\n var info = obj.getInfo && obj.getInfo();\n if (info) {\n var p = info.filter(x => x.modelName === propName || x.modelName === '@' + propName)[0];\n if (p)\n return p.propertyName;\n }\n return propName;\n };\n var addPredicate = (obj, propName) => {\n propName = patchPropName(propName, obj);\n var oldPredicate = obj.isPropertyVisible;\n obj.isPropertyVisible =\n oldPredicate\n ? ((x) => oldPredicate(x) && x !== propName)\n : ((x) => x !== propName);\n };\n if (paths.length == 0) {\n addPredicate(this._options.exportOptions, format.format);\n }\n else {\n paths.forEach(property => {\n var path = Array.isArray(property)\n ? property\n : property.split('.');\n var obj = this._options.exportOptions[format.format];\n while (path.length > 1) {\n obj = ko.unwrap(obj[patchPropName(path[0], obj)]);\n path.splice(0, 1);\n }\n addPredicate(obj, path[0]);\n });\n }\n }\n GetExportOptionsModel(format) { return this._options.exportOptions[format.format]; }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\binding\\eventGenerator.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { extend } from '@devexpress/analytics-core/analytics-internal';\nimport { loadMessages as analyticLoadMessages } from '@devexpress/analytics-core/analytics-localization';\nimport * as localization from 'devextreme/localization';\nimport { availableCultures, defaultCulture } from '../metadata';\nimport { CustomizeExportOptionsEventArgs } from './exportOptionsEventArgs';\nexport class EventGenerator {\n static generateCustomizeLocalizationCallback(fireEvent) {\n return function (localizationCallbacks) {\n fireEvent('CustomizeLocalization', {\n LoadMessages: (messages) => {\n if (!messages)\n return;\n if (typeof messages.then === 'function') {\n localizationCallbacks.push(messages);\n }\n else {\n analyticLoadMessages(messages);\n }\n },\n SetAvailableCultures: (customCultures) => {\n var newCultures = {};\n newCultures[defaultCulture] = availableCultures()[defaultCulture];\n extend(newCultures, customCultures);\n availableCultures(newCultures);\n },\n WidgetLocalization: localization\n });\n };\n }\n static generateDesignerEvents(fireEvent) {\n var customizeActionsEvent = { publicName: 'CustomizeMenuActions', privateName: 'customizeActions' };\n var reportTabClosingEvent = { publicName: 'ReportTabClosing', privateName: 'reportTabClosing' };\n var reportTabClosedEvent = { publicName: 'ReportTabClosed', privateName: 'reportTabClosed' };\n var customizeParameterEditorsEvent = { publicName: 'CustomizeParameterEditors', privateName: 'customizeParameterEditors' };\n var customizeParameterLookUpSourceEvent = { publicName: 'CustomizeParameterLookUpSource', privateName: 'customizeParameterLookUpSource' };\n var exitDesignerEvent = { publicName: 'ExitDesigner', privateName: 'exitDesigner' };\n var reportSavingEvent = { publicName: 'ReportSaving', privateName: 'reportSaving' };\n var reportSavedEvent = { publicName: 'ReportSaved', privateName: 'reportSaved' };\n var reportOpeningEvent = { publicName: 'ReportOpening', privateName: 'reportOpening' };\n var reportOpenedEvent = { publicName: 'ReportOpened', privateName: 'reportOpened' };\n var tabChangedEvent = { publicName: 'TabChanged', privateName: 'tabChanged' };\n var onServerErrorEvent = { publicName: 'OnServerError', privateName: 'onServerError' };\n var customizePartsEvent = { publicName: 'CustomizeElements', privateName: 'customizeParts' };\n var componentAddedEvent = { publicName: 'ComponentAdded', privateName: 'componentAdded' };\n var customizeSaveDialogEvent = { publicName: 'CustomizeSaveDialog', privateName: 'customizeSaveDialog' };\n var customizeSaveAsDialogEvent = { publicName: 'CustomizeSaveAsDialog', privateName: 'customizeSaveAsDialog' };\n var customizeOpenDialogEvent = { publicName: 'CustomizeOpenDialog', privateName: 'customizeOpenDialog' };\n var customizeToolboxEvent = { publicName: 'CustomizeToolbox', privateName: 'customizeToolbox' };\n var customizeLocalizationEvent = { publicName: 'CustomizeLocalization', privateName: 'customizeLocalization' };\n var customizeFieldListActionsEvent = { publicName: 'CustomizeFieldListActions', privateName: 'customizeFieldListActions' };\n var onInitializingEvent = { publicName: 'OnInitializing', privateName: 'onInitializing' };\n var beforeRenderEvent = { publicName: 'BeforeRender', privateName: 'beforeRender' };\n var customizeWizardEvent = { publicName: 'CustomizeWizard', privateName: 'customizeWizard' };\n onInitializingEvent['callback'] = function onInitializing() {\n fireEvent(onInitializingEvent.publicName);\n };\n customizeLocalizationEvent['callback'] = EventGenerator.generateCustomizeLocalizationCallback(fireEvent);\n customizeActionsEvent['callback'] = function customizeActions(actions) {\n fireEvent(customizeActionsEvent.publicName, {\n Actions: actions,\n GetById: (actionId) => {\n return actionId ? actions.filter(function (item) { return actionId === item.id; })[0] : null;\n }\n });\n };\n beforeRenderEvent['callback'] = function beforeRender(designerModel) {\n fireEvent(beforeRenderEvent.publicName, designerModel);\n };\n customizeParameterEditorsEvent['callback'] = function customizeParameterEditors(parameter, info) {\n fireEvent(customizeParameterEditorsEvent.publicName, {\n parameter: parameter,\n info: info\n });\n };\n customizeParameterLookUpSourceEvent['callback'] = function customizeParameterLookUpSource(parameter, items) {\n var arg = {\n parameter,\n items,\n dataSource: null\n };\n fireEvent(customizeParameterLookUpSourceEvent.publicName, arg);\n return arg.dataSource;\n };\n exitDesignerEvent['callback'] = function exitDesigner() {\n fireEvent(exitDesignerEvent.publicName);\n };\n reportSavingEvent['callback'] = function reportSaving(args) {\n var arg = {\n Url: args.url,\n Report: args.report,\n Cancel: args.cancel\n };\n fireEvent(reportSavingEvent.publicName, arg);\n args.cancel = arg.Cancel;\n };\n reportSavedEvent['callback'] = function reportSaved(args) {\n var arg = {\n Url: args.url,\n Report: args.report\n };\n fireEvent(reportSavedEvent.publicName, arg);\n };\n reportOpenedEvent['callback'] = function reportOpened(args) {\n var arg = {\n Url: args.url,\n Report: args.report\n };\n fireEvent(reportOpenedEvent.publicName, arg);\n };\n reportOpeningEvent['callback'] = function reportOpening(args) {\n var arg = {\n Url: args.url,\n Report: args.report,\n Cancel: args.cancel\n };\n fireEvent(reportOpeningEvent.publicName, arg);\n args.cancel = arg.Cancel;\n };\n tabChangedEvent['callback'] = function tabChanged(tab) {\n fireEvent(tabChangedEvent.publicName, {\n Tab: tab\n });\n };\n onServerErrorEvent['callback'] = function onServerError(args) {\n fireEvent(onServerErrorEvent.publicName, { Error: args });\n };\n componentAddedEvent['callback'] = function componentAdded(args) {\n fireEvent(componentAddedEvent.publicName, { Model: args.model, Parent: args.parent });\n };\n customizePartsEvent['callback'] = function customizeParts(parts) {\n fireEvent(customizePartsEvent.publicName, {\n Elements: parts,\n GetById: id => {\n return id\n ? parts.filter(item => id === item.id)[0]\n : null;\n }\n });\n };\n customizeSaveDialogEvent['callback'] = function customizeSaveDialog(popup) {\n fireEvent(customizeSaveDialogEvent.publicName, {\n Popup: popup,\n Customize: (template, model) => {\n popup.customize(template, model);\n }\n });\n };\n customizeSaveAsDialogEvent['callback'] = function customizeSaveAsDialog(popup) {\n fireEvent(customizeSaveAsDialogEvent.publicName, {\n Popup: popup,\n Customize: (template, model) => {\n popup.customize(template, model);\n }\n });\n };\n customizeOpenDialogEvent['callback'] = function customizeOpenDialog(popup) {\n fireEvent(customizeOpenDialogEvent.publicName, {\n Popup: popup,\n Customize: (template, model) => {\n popup.customize(template, model);\n }\n });\n };\n customizeToolboxEvent['callback'] = function customizeToolbox(controlsFactory) {\n fireEvent(customizeToolboxEvent.publicName, {\n ControlsFactory: controlsFactory\n });\n };\n customizeFieldListActionsEvent['callback'] = function customizeFieldListActions(item, actions) {\n fireEvent(customizeFieldListActionsEvent.publicName, {\n Item: item,\n Actions: actions\n });\n };\n customizeWizardEvent['callback'] = function customizeWizard(type, wizard) {\n fireEvent(customizeWizardEvent.publicName, {\n Type: type,\n Wizard: wizard\n });\n };\n reportTabClosingEvent['callback'] = function reportTabClosing(tab, deffered) {\n var args = {\n Tab: tab,\n ReadyToClose: deffered,\n Handled: false\n };\n fireEvent(reportTabClosingEvent.publicName, args);\n return args.Handled;\n };\n reportTabClosedEvent['callback'] = function reportTabClosed(tab) {\n fireEvent(reportTabClosedEvent.publicName, {\n Tab: tab\n });\n };\n return [\n customizeActionsEvent,\n reportTabClosingEvent,\n reportTabClosedEvent,\n customizeParameterEditorsEvent,\n customizeParameterLookUpSourceEvent,\n exitDesignerEvent,\n reportSavingEvent,\n reportSavedEvent,\n reportOpeningEvent,\n reportOpenedEvent,\n tabChangedEvent,\n onServerErrorEvent,\n customizePartsEvent,\n componentAddedEvent,\n customizeSaveDialogEvent,\n customizeSaveAsDialogEvent,\n customizeOpenDialogEvent,\n customizeToolboxEvent,\n customizeLocalizationEvent,\n customizeFieldListActionsEvent,\n onInitializingEvent,\n beforeRenderEvent,\n customizeWizardEvent\n ];\n }\n static generatePreviewEvents(fireEvent, prefix) {\n function generateBrickMethods(brick) {\n return {\n GetBrickText: function () { return brick() && brick().text(); },\n GetBrickValue: function (key = 'value') {\n var contentValue = brick() && brick().content && brick().content.filter(function (x) { return x.Key === key; })[0];\n return contentValue && contentValue.Value;\n },\n };\n }\n var previewClickEvent = { publicName: 'PreviewClick', privateName: 'previewClick' };\n var documentReadyEvent = { publicName: [prefix, 'DocumentReady'].join(''), privateName: 'documentReady' };\n var editingFieldChangedEvent = { publicName: [prefix, 'EditingFieldChanged'].join(''), privateName: 'editingFieldChanged' };\n var parametersSubmittedEvent = { publicName: [prefix, 'ParametersSubmitted'].join(''), privateName: 'parametersSubmitted' };\n var parametersInitializedEvent = { publicName: [prefix, 'ParametersInitialized'].join(''), privateName: 'parametersInitialized' };\n var parametersResetEvent = { publicName: [prefix, 'ParametersReset'].join(''), privateName: 'parametersReset' };\n var customizeParameterLookUpSourceEvent = { publicName: 'CustomizeParameterLookUpSource', privateName: 'customizeParameterLookUpSource' };\n var customizeParameterEditorsEvent = { publicName: 'CustomizeParameterEditors', privateName: 'customizeParameterEditors' };\n var customizeActionsEvent = { publicName: [prefix, 'CustomizeMenuActions'].join(''), privateName: 'customizeActions' };\n var customizePartsEvent = { publicName: [prefix, 'CustomizeElements'].join(''), privateName: 'customizeParts' };\n var customizeExportOptionsEvent = { publicName: [prefix, 'CustomizeExportOptions'].join(''), privateName: 'customizeExportOptions' };\n var onServerErrorEvent = { publicName: 'OnServerError', privateName: 'onServerError' };\n var onExportEvent = { publicName: [prefix, 'OnExport'].join(''), privateName: 'onExport' };\n customizeParameterEditorsEvent['callback'] = function customizeParameterEditors(parameter, info) {\n fireEvent(customizeParameterEditorsEvent.publicName, { parameter, info });\n };\n customizePartsEvent['callback'] = function customizeParts(parts) {\n fireEvent(customizePartsEvent.publicName, {\n Elements: parts,\n GetById: (templateId) => {\n return templateId ? parts.filter(function (item) { return templateId === item.templateName; })[0] : null;\n }\n });\n };\n customizeActionsEvent['callback'] = function customizeActions(actions) {\n fireEvent(customizeActionsEvent.publicName, {\n Actions: actions,\n GetById: (actionId) => {\n return actionId ? actions.filter(function (item) { return actionId === item.id; })[0] : null;\n }\n });\n };\n customizeParameterLookUpSourceEvent['callback'] = function customizeParameterLookUpSource(parameter, items) {\n var arg = {\n parameter,\n items,\n dataSource: null\n };\n fireEvent(customizeParameterLookUpSourceEvent.publicName, arg);\n return arg.dataSource;\n };\n previewClickEvent['callback'] = function previewClick(pageIndex, brick, defaultHandler) {\n var arg = Object.assign(Object.assign({ PageIndex: pageIndex, Brick: brick, DefaultHandler: defaultHandler }, generateBrickMethods(() => brick)), { Handled: false });\n fireEvent(previewClickEvent.publicName, arg);\n return arg.Handled;\n };\n parametersResetEvent['callback'] = function parametersReset(model, parameters) {\n fireEvent(parametersResetEvent.publicName, {\n ParametersViewModel: model,\n Parameters: parameters\n });\n };\n parametersSubmittedEvent['callback'] = function parametersSubmitted(model, parameters) {\n fireEvent(parametersSubmittedEvent.publicName, {\n ParametersViewModel: model,\n Parameters: parameters\n });\n };\n parametersInitializedEvent['callback'] = function parametersInitialized(model, info, submit, shouldRequestParameters) {\n fireEvent(parametersInitializedEvent.publicName, {\n ParametersModel: model,\n ActualParametersInfo: info,\n Submit: submit,\n ShouldRequestParameters: shouldRequestParameters\n });\n };\n editingFieldChangedEvent['callback'] = function editingFieldChanged(field, oldValue, newValue) {\n var arg = Object.assign({ Field: field, OldValue: oldValue, NewValue: newValue }, generateBrickMethods(() => field.brick));\n fireEvent(editingFieldChangedEvent.publicName, arg);\n return arg.NewValue;\n };\n documentReadyEvent['callback'] = function documentReady(documentId, reportId, pageCount) {\n fireEvent(documentReadyEvent.publicName, {\n ReportId: reportId,\n DocumentId: documentId,\n PageCount: pageCount\n });\n };\n onServerErrorEvent['callback'] = function onServerError(args) {\n fireEvent(onServerErrorEvent.publicName, { Error: args });\n };\n onExportEvent['callback'] = function onExport(args) {\n fireEvent(onExportEvent.publicName, args);\n };\n customizeExportOptionsEvent['callback'] = function customizeExportOptions(options) {\n var arg = new CustomizeExportOptionsEventArgs(options);\n fireEvent(customizeExportOptionsEvent.publicName, arg);\n };\n var result = [\n previewClickEvent,\n documentReadyEvent,\n editingFieldChangedEvent,\n parametersSubmittedEvent,\n parametersInitializedEvent,\n parametersResetEvent,\n customizeParameterLookUpSourceEvent,\n customizeParameterEditorsEvent,\n customizeActionsEvent,\n customizePartsEvent,\n customizeExportOptionsEvent,\n onServerErrorEvent,\n onExportEvent,\n ];\n if (!prefix) {\n var onInitializingEvent = { publicName: 'OnInitializing', privateName: 'onInitializing' };\n onInitializingEvent['callback'] = function onInitializing() {\n fireEvent(onInitializingEvent.publicName);\n };\n result.push(onInitializingEvent);\n var beforeRenderEvent = { publicName: 'BeforeRender', privateName: 'beforeRender' };\n beforeRenderEvent['callback'] = function beforeRender(designerModel) {\n fireEvent(beforeRenderEvent.publicName, designerModel);\n };\n result.push(beforeRenderEvent);\n var customizeLocalizationEvent = { publicName: 'CustomizeLocalization', privateName: 'customizeLocalization' };\n customizeLocalizationEvent['callback'] = EventGenerator.generateCustomizeLocalizationCallback(fireEvent);\n result.push(customizeLocalizationEvent);\n }\n return result;\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (dx-reporting-version.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport const version = '22.2.15';\n","/**\n* DevExpress HTML/JS Reporting (common\\versions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as clientVersions from '@devexpress/analytics-core/core/internal/dx-versions';\nimport { version } from '../dx-reporting-version';\n(clientVersions.dxversions || clientVersions)['reporting'] = version;\n","/**\n* DevExpress Analytics (core\\widgets\\textAlignmentEditor\\_textAlignmentEditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { getLocalization } from '../../../property-grid/localization/_localization';\nimport { Disposable } from '../../../serializer/utils';\nexport class TextAlignmentModel extends Disposable {\n constructor(object) {\n super();\n this.top = ko.observable(false);\n this.middle = ko.observable(false);\n this.bottom = ko.observable(false);\n this.left = ko.observable(false);\n this.right = ko.observable(false);\n this.center = ko.observable(false);\n this.justify = ko.observable(false);\n this.horizontalString = ko.observable(getLocalization('Horizontal', 'ASPxReportsStringId.ReportDesigner_TextAlignment_Horizontal'));\n this.verticalString = ko.observable(getLocalization('Vertical', 'ASPxReportsStringId.ReportDesigner_TextAlignment_Vertical'));\n this.disabled = object.disabled || ko.observable(false);\n this.value = object.value;\n this.updateModel(object.value());\n this._disposables.push(object.value.subscribe((newVal) => {\n this.updateModel(newVal);\n }));\n }\n _resetHorizontalValues() {\n this.left(false), this.right(false), this.center(false), this.justify(false);\n }\n _resetVerticalValues() {\n this.top(false), this.middle(false), this.bottom(false);\n }\n setValue(name, type) {\n if (this.disabled() || this[name]())\n return;\n if (type == 'Horizontal')\n this._resetHorizontalValues();\n else\n this._resetVerticalValues();\n this[name](true);\n this.updateValue();\n }\n updateModel(value) {\n var val = value || 'TopLeft';\n this.top(val.indexOf('Top') !== -1);\n this.middle(val.indexOf('Middle') !== -1);\n this.bottom(val.indexOf('Bottom') !== -1);\n this.left(val.indexOf('Left') !== -1);\n this.right(val.indexOf('Right') !== -1);\n this.center(val.indexOf('Center') !== -1);\n this.justify(val.indexOf('Justify') !== -1);\n }\n updateValue() {\n var result = [];\n this.top() ? result.push('Top') : null;\n this.middle() ? result.push('Middle') : null;\n this.bottom() ? result.push('Bottom') : null;\n this.left() ? result.push('Left') : null;\n this.right() ? result.push('Right') : null;\n this.center() ? result.push('Center') : null;\n this.justify() ? result.push('Justify') : null;\n this.value(result.join(''));\n }\n}\n","/**\n* DevExpress Analytics (core\\widgets\\textAlignmentEditor\\_binding.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { TextAlignmentModel } from './_textAlignmentEditor';\nimport { getTemplate } from '../../../property-grid/widgets/templateUtils';\nimport { addDisposeCallback } from '../../../serializer/_internal';\nko.bindingHandlers['dxTextAlignmentEditor'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n $.fn.constructor(element).children().remove();\n var templateHtml = getTemplate('dxrd-textalignment-editor'), $element = $.fn.constructor(element).append(templateHtml);\n var model = new TextAlignmentModel(valueAccessor());\n ko.applyBindings({ value: model }, $element.children()[0]);\n addDisposeCallback(element, () => model.dispose());\n return { controlsDescendantBindings: true };\n }\n};\n","/**\n* DevExpress Analytics (core\\widgets\\_dataMemberEditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport class DataMemberTreeListController {\n constructor() {\n this.selectedItem = null;\n this.suppressActions = true;\n }\n dispose() {\n this.selectedItem = null;\n }\n itemsFilter(item) {\n return item.specifics !== 'parameters' && (item.specifics === 'List' || item.specifics === 'ListSource' || item.isList === true || item.specifics === 'none');\n }\n hasItems(item) {\n return item.specifics !== 'none';\n }\n canSelect(value) {\n return (this.hasItems(value.data) && !!value.path && (value.data.specifics === 'List' || value.data.specifics === 'ListSource')) || value.data.specifics === 'none';\n }\n select(value) {\n if (this.canSelect(value)) {\n this.selectedItem && this.selectedItem.isSelected(false);\n this.selectedItem = value;\n value.isSelected(true);\n }\n }\n isDraggable(item) {\n return false;\n }\n}\n","/**\r\n * DevExtreme (esm/ui/drop_down_box.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport DropDownEditor from \"./drop_down_editor/ui.drop_down_editor\";\r\nimport DataExpressionMixin from \"./editor/ui.data_expression\";\r\nimport {\r\n noop,\r\n grep\r\n} from \"../core/utils/common\";\r\nimport {\r\n isDefined,\r\n isObject\r\n} from \"../core/utils/type\";\r\nimport {\r\n map\r\n} from \"../core/utils/iterator\";\r\nimport {\r\n tabbable\r\n} from \"./widget/selectors\";\r\nimport {\r\n when,\r\n Deferred\r\n} from \"../core/utils/deferred\";\r\nimport $ from \"../core/renderer\";\r\nimport eventsEngine from \"../events/core/events_engine\";\r\nimport {\r\n extend\r\n} from \"../core/utils/extend\";\r\nimport {\r\n getElementMaxHeightByWindow\r\n} from \"../ui/overlay/utils\";\r\nimport registerComponent from \"../core/component_registrator\";\r\nimport {\r\n normalizeKeyName\r\n} from \"../events/utils/index\";\r\nimport {\r\n keyboard\r\n} from \"../events/short\";\r\nimport devices from \"../core/devices\";\r\nimport domAdapter from \"../core/dom_adapter\";\r\nimport {\r\n getPublicElement\r\n} from \"../core/element\";\r\nvar getActiveElement = domAdapter.getActiveElement;\r\nvar DROP_DOWN_BOX_CLASS = \"dx-dropdownbox\";\r\nvar ANONYMOUS_TEMPLATE_NAME = \"content\";\r\nvar realDevice = devices.real();\r\nvar DropDownBox = DropDownEditor.inherit({\r\n _supportedKeys: function() {\r\n return extend({}, this.callBase(), {\r\n tab: function(e) {\r\n if (!this.option(\"opened\")) {\r\n return\r\n }\r\n var $tabbableElements = this._getTabbableElements();\r\n var $focusableElement = e.shiftKey ? $tabbableElements.last() : $tabbableElements.first();\r\n $focusableElement && eventsEngine.trigger($focusableElement, \"focus\");\r\n e.preventDefault()\r\n }\r\n })\r\n },\r\n _getTabbableElements: function() {\r\n return this._getElements().filter(tabbable)\r\n },\r\n _getElements: function() {\r\n return $(this.content()).find(\"*\")\r\n },\r\n _getDefaultOptions: function() {\r\n return extend(this.callBase(), {\r\n acceptCustomValue: false,\r\n contentTemplate: ANONYMOUS_TEMPLATE_NAME,\r\n openOnFieldClick: true,\r\n displayValueFormatter: function(value) {\r\n return Array.isArray(value) ? value.join(\", \") : value\r\n },\r\n useHiddenSubmitElement: true\r\n })\r\n },\r\n _getAnonymousTemplateName: function() {\r\n return ANONYMOUS_TEMPLATE_NAME\r\n },\r\n _initTemplates: function() {\r\n this.callBase()\r\n },\r\n _initMarkup: function() {\r\n this._initDataExpressions();\r\n this.$element().addClass(DROP_DOWN_BOX_CLASS);\r\n this.callBase()\r\n },\r\n _setSubmitValue: function() {\r\n var value = this.option(\"value\");\r\n var submitValue = this._shouldUseDisplayValue(value) ? this._displayGetter(value) : value;\r\n this._getSubmitElement().val(submitValue)\r\n },\r\n _shouldUseDisplayValue: function(value) {\r\n return \"this\" === this.option(\"valueExpr\") && isObject(value)\r\n },\r\n _sortValuesByKeysOrder(orderedKeys, values) {\r\n var sortedValues = values.sort((a, b) => orderedKeys.indexOf(a.itemKey) - orderedKeys.indexOf(b.itemKey));\r\n return sortedValues.map(x => x.itemDisplayValue)\r\n },\r\n _renderInputValue: function() {\r\n this._rejectValueLoading();\r\n var values = [];\r\n if (!this._dataSource) {\r\n this.callBase(values);\r\n return (new Deferred).resolve()\r\n }\r\n var currentValue = this._getCurrentValue();\r\n var keys = null !== currentValue && void 0 !== currentValue ? currentValue : [];\r\n keys = Array.isArray(keys) ? keys : [keys];\r\n var itemLoadDeferreds = map(keys, key => {\r\n var deferred = new Deferred;\r\n this._loadItem(key).always(item => {\r\n var displayValue = this._displayGetter(item);\r\n if (isDefined(displayValue)) {\r\n values.push({\r\n itemKey: key,\r\n itemDisplayValue: displayValue\r\n })\r\n } else if (this.option(\"acceptCustomValue\")) {\r\n values.push({\r\n itemKey: key,\r\n itemDisplayValue: key\r\n })\r\n }\r\n deferred.resolve()\r\n });\r\n return deferred\r\n });\r\n var callBase = this.callBase.bind(this);\r\n return when.apply(this, itemLoadDeferreds).always(() => {\r\n var orderedValues = this._sortValuesByKeysOrder(keys, values);\r\n this.option(\"displayValue\", orderedValues);\r\n callBase(values.length && orderedValues)\r\n })\r\n },\r\n _loadItem: function(value) {\r\n var deferred = new Deferred;\r\n var that = this;\r\n var selectedItem = grep(this.option(\"items\") || [], function(item) {\r\n return this._isValueEquals(this._valueGetter(item), value)\r\n }.bind(this))[0];\r\n if (void 0 !== selectedItem) {\r\n deferred.resolve(selectedItem)\r\n } else {\r\n this._loadValue(value).done((function(item) {\r\n deferred.resolve(item)\r\n })).fail((function(args) {\r\n if (null !== args && void 0 !== args && args.shouldSkipCallback) {\r\n return\r\n }\r\n if (that.option(\"acceptCustomValue\")) {\r\n deferred.resolve(value)\r\n } else {\r\n deferred.reject()\r\n }\r\n }))\r\n }\r\n return deferred.promise()\r\n },\r\n _popupElementTabHandler: function(e) {\r\n if (\"tab\" !== normalizeKeyName(e)) {\r\n return\r\n }\r\n var $firstTabbable = this._getTabbableElements().first().get(0);\r\n var $lastTabbable = this._getTabbableElements().last().get(0);\r\n var $target = e.originalEvent.target;\r\n var moveBackward = !!($target === $firstTabbable && e.shift);\r\n var moveForward = !!($target === $lastTabbable && !e.shift);\r\n if (moveBackward || moveForward) {\r\n this.close();\r\n eventsEngine.trigger(this._input(), \"focus\");\r\n if (moveBackward) {\r\n e.originalEvent.preventDefault()\r\n }\r\n }\r\n },\r\n _renderPopup: function(e) {\r\n this.callBase();\r\n if (this.option(\"focusStateEnabled\")) {\r\n keyboard.on(this.content(), null, e => this._popupElementTabHandler(e))\r\n }\r\n },\r\n _renderPopupContent: function() {\r\n if (this.option(\"contentTemplate\") === ANONYMOUS_TEMPLATE_NAME) {\r\n return\r\n }\r\n var contentTemplate = this._getTemplateByOption(\"contentTemplate\");\r\n if (!(contentTemplate && this.option(\"contentTemplate\"))) {\r\n return\r\n }\r\n var $popupContent = this._popup.$content();\r\n var templateData = {\r\n value: this._fieldRenderData(),\r\n component: this\r\n };\r\n $popupContent.empty();\r\n contentTemplate.render({\r\n container: getPublicElement($popupContent),\r\n model: templateData\r\n })\r\n },\r\n _canShowVirtualKeyboard: function() {\r\n return realDevice.mac\r\n },\r\n _isNestedElementActive: function() {\r\n var activeElement = getActiveElement();\r\n return activeElement && this._popup.$content().get(0).contains(activeElement)\r\n },\r\n _shouldHideOnParentScroll: function() {\r\n return \"desktop\" === realDevice.deviceType && this._canShowVirtualKeyboard() && this._isNestedElementActive()\r\n },\r\n _popupHiddenHandler: function() {\r\n this.callBase();\r\n this._popupPosition = void 0\r\n },\r\n _popupPositionedHandler: function(e) {\r\n this.callBase(e);\r\n this._popupPosition = e.position\r\n },\r\n _getDefaultPopupPosition: function(isRtlEnabled) {\r\n var {\r\n my: my,\r\n at: at\r\n } = this.callBase(isRtlEnabled);\r\n return {\r\n my: my,\r\n at: at,\r\n offset: {\r\n v: -1\r\n },\r\n collision: \"flipfit\"\r\n }\r\n },\r\n _popupConfig: function() {\r\n var {\r\n focusStateEnabled: focusStateEnabled\r\n } = this.option();\r\n return extend(this.callBase(), {\r\n tabIndex: -1,\r\n dragEnabled: false,\r\n focusStateEnabled: focusStateEnabled,\r\n contentTemplate: ANONYMOUS_TEMPLATE_NAME,\r\n hideOnParentScroll: this._shouldHideOnParentScroll.bind(this),\r\n position: extend(this.option(\"popupPosition\"), {\r\n of: this.$element()\r\n }),\r\n onKeyboardHandled: opts => this.option(\"focusStateEnabled\") && this._popupElementTabHandler(opts),\r\n _ignoreFunctionValueDeprecation: true,\r\n maxHeight: function() {\r\n var _this$_popupPosition;\r\n var popupLocation = null === (_this$_popupPosition = this._popupPosition) || void 0 === _this$_popupPosition ? void 0 : _this$_popupPosition.v.location;\r\n return getElementMaxHeightByWindow(this.$element(), popupLocation)\r\n }.bind(this)\r\n })\r\n },\r\n _popupShownHandler: function() {\r\n this.callBase();\r\n var $firstElement = this._getTabbableElements().first();\r\n eventsEngine.trigger($firstElement, \"focus\")\r\n },\r\n _setCollectionWidgetOption: noop,\r\n _optionChanged: function(args) {\r\n this._dataExpressionOptionChanged(args);\r\n switch (args.name) {\r\n case \"dataSource\":\r\n this._renderInputValue();\r\n break;\r\n case \"displayValue\":\r\n this.option(\"text\", args.value);\r\n break;\r\n case \"displayExpr\":\r\n this._renderValue();\r\n break;\r\n case \"contentTemplate\":\r\n this._invalidate();\r\n break;\r\n default:\r\n this.callBase(args)\r\n }\r\n }\r\n}).include(DataExpressionMixin);\r\nregisterComponent(\"dxDropDownBox\", DropDownBox);\r\nexport default DropDownBox;\r\n","/**\n* DevExpress Analytics (core\\widgets\\_fieldlistpicker.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport registerComponent from 'devextreme/core/component_registrator';\nimport 'devextreme/ui/drop_down_box';\nimport dxDropDownBox from 'devextreme/ui/drop_down_box';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { extend } from '../../serializer/_utils';\nexport class dxFieldListPicker extends dxDropDownBox {\n constructor($element, options) {\n var _a, _b;\n super($element, extend(options, { showClearButton: true }));\n this._path = ko.observable('');\n this._value = ko.observable('');\n this._parentViewport = null;\n this._itemsProvider = ko.observable(null);\n this._hasDisplayNameOption = false;\n this._defaultPosition = null;\n var _$element = $.fn.constructor($element);\n _$element.addClass('dx-fieldlistpicker');\n this.option('path') && this._path((_a = this.option('path')) === null || _a === void 0 ? void 0 : _a.toString());\n this.option('value') && this._value(this.option('value'));\n this.option('itemsProvider') && this._itemsProvider(this.option('itemsProvider'));\n this.option('valueChangeEvent', 'change');\n this.option('openOnFieldClick', this.option('acceptCustomValue') === false);\n this._parentViewport = _$element.parents('.dx-designer-viewport');\n if ('displayValue' in options) {\n this._hasDisplayNameOption = true;\n this.option('displayValue', options.displayValue);\n this._setTitle((_b = this.option('displayValue')) === null || _b === void 0 ? void 0 : _b.toString());\n }\n }\n updateOptions(options) {\n options.showClearButton = true;\n }\n _showDropDown() {\n if (this['_popup']) {\n var $element = $.fn.constructor(this.element());\n this['_popup'].option('width', $element.width());\n var popupPosition = extend(true, {}, this._defaultPosition, { boundary: this._parentViewport[0], boundaryOffset: '0 20', collision: 'none flip' });\n this['_popup'].option('position', popupPosition);\n this['_popup'].option('height', 'auto');\n this['_popup'].option('maxHeight', this._getMaxHeight());\n this['_popup'].repaint();\n $.fn.constructor(this['_popup'].content())[0].style.height = 'auto';\n this['_popup']._renderPosition();\n }\n }\n _getMaxHeight() {\n var $element = $.fn.constructor(this.element()), offset = $element.offset(), windowHeight = $.fn.constructor(window).height(), maxHeight = Math.max(offset.top, windowHeight - offset.top - $element.outerHeight());\n return Math.min(.5 * windowHeight, maxHeight);\n }\n _closeOutsideDropDownHandler(e, ignoreContainerClicks) { super['_closeOutsideDropDownHandler'].apply(this, [e, true]); }\n _hideOnBlur() { return false; }\n _popupConfig() {\n var dxPolymorphWidget = this.option('integrationOptions')['templates']['dx-polymorph-widget'];\n var popuConfig = super['_popupConfig'].apply(this);\n this._defaultPosition = popuConfig.position;\n return extend(popuConfig, {\n container: this._parentViewport,\n contentTemplate: dxPolymorphWidget && dxPolymorphWidget._template,\n hideOnOutsideClick: true\n });\n }\n _setTitle(text) {\n if (this.option('openOnFieldClick')) {\n $.fn.constructor(this.element()).attr('title', text);\n }\n }\n _renderDisplayText(newValue) { super['_renderDisplayText'].apply(this, [newValue]); }\n _optionChanged(args) {\n var name = args.name, newValue = args.value;\n switch (name) {\n case 'value':\n this._value(newValue);\n if (!this._hasDisplayNameOption)\n this._renderDisplayText(newValue);\n setTimeout($.proxy(() => {\n this.option('opened', false);\n }, this), 50);\n break;\n case 'path':\n this._path(newValue);\n break;\n case 'itemsProvider':\n this._itemsProvider(newValue);\n break;\n case 'displayValue':\n this._renderDisplayText(newValue);\n this._setTitle(newValue);\n break;\n default:\n super['_optionChanged'].apply(this, arguments);\n if (name === 'opened' && newValue) {\n this['_showDropDown']();\n }\n }\n }\n _clearValueHandler() {\n $.fn.constructor(this['_input']()).val(null);\n super['_clearValueHandler'].apply(this, arguments);\n }\n _renderPopupContent() {\n super['_renderPopupContent'].apply(this, arguments);\n var selectedPath = ko.pureComputed({\n read: () => {\n return this._path() ? this._path() + '.' + this._value() : this._value();\n },\n write: (newVal) => {\n if (this._path() && this._path().length > 0) {\n this._value(newVal.substr(this._path().length + 1));\n this.option('value', this._value());\n }\n else {\n this._value(newVal);\n this.option('value', this._value());\n }\n }\n });\n var element = $.fn.constructor('
').addClass('dx-treelist-wrapper').get(0);\n var scroll = this['_createComponent'](element, 'dxScrollView', { scrollByThumb: true });\n var self = this;\n var $scrollContent = $.fn.constructor(scroll['content']());\n var $element = $.fn.constructor(this.element());\n $scrollContent.append($.fn.constructor('')[0]);\n var context = ko.contextFor($element.get(0));\n var treeListController = this.option('treeListController');\n var options = ko.computed(() => {\n return {\n itemsProvider: this._itemsProvider(), onItemsVisibilityChanged: () => {\n if (self['_popup']) {\n self['_popup']._renderPosition();\n }\n }, selectedPath: selectedPath, treeListController: treeListController, path: this._path\n };\n });\n var childContext = context.createChildContext({ options });\n ko.applyBindingsToDescendants(childContext, $scrollContent.get(0));\n $.fn.constructor(this['_popup'].content()).append(element);\n }\n}\nregisterComponent('dxFieldListPicker', dxFieldListPicker);\n","/**\n* DevExpress Analytics (core\\widgets\\_popupEditorBase.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { getLocalization } from '../../property-grid/localization/_localization';\nimport { StringId } from '../../property-grid/localization/_localizationStringIds';\nimport { Disposable } from '../../serializer/utils';\nexport class PopupEditorBase extends Disposable {\n constructor() {\n super();\n this.popupVisible = ko.observable(false);\n this.buttonItems = [];\n this._createMainPopupButtons();\n }\n _createMainPopupButtons() {\n var self = this;\n this._disposables.push(this._disableSaveButton = ko.pureComputed(() => !self.canSave()));\n this.buttonItems = [\n { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: this.saveLocalization, type: 'default', stylingMode: 'contained', onClick: function (sender) { self.save(sender); }, disabled: this._disableSaveButton } },\n { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: this.cancelLocalization, type: 'normal', stylingMode: 'contained', onClick: function () { self.close(); } } }\n ];\n this._disposables.push(this._disableSaveButton);\n }\n canSave() {\n return true;\n }\n save(sender) {\n this.popupVisible(false);\n }\n close() {\n this.popupVisible(false);\n }\n get cancelLocalization() {\n return getLocalization('Cancel', StringId.DataAccessBtnCancel);\n }\n get saveLocalization() {\n return getLocalization('OK', StringId.DataAccessBtnOK);\n }\n}\n","/**\n* DevExpress Analytics (core\\widgets\\_requiredNullableEditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Editor } from '../../property-grid/widgets/editor';\nimport { requiredValidationRules } from '../../property-grid/widgets/internal/_internal';\nimport { ValueEditorHelper } from '../../widgets/internal/_valueEditorHelper';\nexport class RequiredNullableEditor extends Editor {\n _getEditorValidationRules() {\n var _a;\n return (super._getEditorValidationRules() || []).concat(ko.unwrap((_a = this.editorOptions) === null || _a === void 0 ? void 0 : _a.showClearButton) ? [] : requiredValidationRules);\n }\n}\nexport function createNumericEditor(dotNetTypeFullName, specifics) {\n class DynamicNumberEditor extends RequiredNullableEditor {\n constructor(info, level, parentDisabled, textToSearch) {\n super(info, level, parentDisabled, textToSearch);\n }\n getOptions(templateOptions) {\n var options = super.getOptions(templateOptions);\n return ValueEditorHelper.getNumberEditorOptions(dotNetTypeFullName, specifics, options);\n }\n }\n return {\n header: 'dx-number-editor',\n editorType: DynamicNumberEditor\n };\n}\n","/**\n* DevExpress Analytics (dx-analytics-core-bindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { addToBindingsCache } from './property-grid/widgets/internal/_bindingsCache';\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-none\\', css: { \\'dxd-state-active\\': (!bottom() && !left() && !top() && !right()), \\'dxrd-disabled-button\\': disabled }, click: function() { setNone() }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-none'; }, 'css': function () { return { 'dxd-state-active': (!$context.$data.bottom() && !$context.$data.left() && !$context.$data.top() && !$context.$data.right()), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setNone(); }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-all\\', css: { \\'dxd-state-active\\': (bottom() && left() && top() && right()), \\'dxrd-disabled-button\\': disabled }, click: function() { setAll() }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-all'; }, 'css': function () { return { 'dxd-state-active': ($context.$data.bottom() && $context.$data.left() && $context.$data.top() && $context.$data.right()), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setAll(); }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-left\\', css: { \\'dxd-state-active\\': left(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'left\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-left'; }, 'css': function () { return { 'dxd-state-active': $context.$data.left(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('left'); }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-top\\', css: { \\'dxd-state-active\\': top(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'top\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-top'; }, 'css': function () { return { 'dxd-state-active': $context.$data.top(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('top'); }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-right\\', css: { \\'dxd-state-active\\': right(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'right\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-right'; }, 'css': function () { return { 'dxd-state-active': $context.$data.right(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('right'); }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-bottom\\', css: { \\'dxd-state-active\\': bottom(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'bottom\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-bottom'; }, 'css': function () { return { 'dxd-state-active': $context.$data.bottom(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('bottom'); }; } }; });\naddToBindingsCache('with: value', function ($context, $element) { return { 'with': function () { return $context.$data.value; } }; });\naddToBindingsCache('dxBorderEditor: { value: value, disabled: disabled }', function ($context, $element) { return { 'dxBorderEditor': function () { return { 'value': $context.$data.value, 'disabled': $context.$data.disabled }; } }; });\naddToBindingsCache('dxColorBox: { value: displayValue, placeholder: $root.getLocalization(\\'(Not set)\\', \\'ReportStringId.UD_PropertyGrid_NotSetText\\'), editAlphaChannel: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), position: { at: \\'left bottom\\', collision: \\'flipfit flipfit\\', my: \\'left top\\', boundary: $root.getPopupContainer($element), of: $element } }, inputAttr: { \\'aria-label\\': displayName } }', function ($context, $element) { return { 'dxColorBox': function () { return { 'value': $context.$data.displayValue, 'placeholder': $context.$root.getLocalization('(Not set)', 'ReportStringId.UD_PropertyGrid_NotSetText'), 'editAlphaChannel': true, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'position': { 'at': 'left bottom', 'collision': 'flipfit flipfit', 'my': 'left top', 'boundary': $context.$root.getPopupContainer($element), 'of': $element } }, 'inputAttr': { 'aria-label': $context.$data.displayName } }; } }; });\naddToBindingsCache('dxExpressionEditor: getOptions({ options: value, fieldListProvider: $root.dataBindingsProvider, displayNameProvider: $root.displayNameProvider && $root.displayNameProvider() })', function ($context, $element) { return { 'dxExpressionEditor': function () { return $context.$data.getOptions({ 'options': $context.$data.value, 'fieldListProvider': $context.$root.dataBindingsProvider, 'displayNameProvider': $context.$root.displayNameProvider && $context.$root.displayNameProvider() }); } }; });\naddToBindingsCache('if: $data.value()', function ($context, $element) { return { 'if': function () { return $context.$data.value(); } }; });\naddToBindingsCache('dxFieldListPicker: { path: path, acceptCustomValue: true, value: value, displayValue: $displayName, itemsProvider: $root.dataBindingsProvider, treeListController: treeListController, disabled: disabled }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'path': $context.$data.path, 'acceptCustomValue': true, 'value': $context.$data.value, 'displayValue': $context.$data.$displayName, 'itemsProvider': $context.$root.dataBindingsProvider, 'treeListController': $context.$data.treeListController, 'disabled': $context.$data.disabled }; } }; });\naddToBindingsCache('displayNameExtender: { path: path, dataMember: value }', function ($context, $element) { return { 'displayNameExtender': function () { return { 'path': $context.$data.path, 'dataMember': $context.$data.value }; } }; });\naddToBindingsCache('if: visible', function ($context, $element) { return { 'if': function () { return $context.$data.visible; } }; });\naddToBindingsCache('dxFilterEditor: { options: value, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, displayNameProvider: $root.displayNameProvider && $root.displayNameProvider() }', function ($context, $element) { return { 'dxFilterEditor': function () { return { 'options': $context.$data.value, 'fieldListProvider': $context.$root.dataBindingsProvider, 'getDisplayNameByPath': $context.$root.getDisplayNameByPath, 'displayNameProvider': $context.$root.displayNameProvider && $context.$root.displayNameProvider() }; } }; });\naddToBindingsCache('dxFilterEditor: { options: value, fieldListProvider: $root.dataBindingsGroupProvider, getDisplayNameByPath: $root.getDisplayNameByPath, displayNameProvider: $root.displayNameProvider && $root.displayNameProvider() }', function ($context, $element) { return { 'dxFilterEditor': function () { return { 'options': $context.$data.value, 'fieldListProvider': $context.$root.dataBindingsGroupProvider, 'getDisplayNameByPath': $context.$root.getDisplayNameByPath, 'displayNameProvider': $context.$root.displayNameProvider && $context.$root.displayNameProvider() }; } }; });\naddToBindingsCache('dxFormatEditor: { value: value, disabled: disabled, actions: $data.actions, customPatterns: $data.customPatterns }', function ($context, $element) { return { 'dxFormatEditor': function () { return { 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'actions': $context.$data.actions, 'customPatterns': $context.$data.customPatterns }; } }; });\naddToBindingsCache('dxTextBox: getOptions({ value: value, disabled: disabled, inputAttr: { \\'aria-label\\': displayName } }), dxValidator: { validationRules: (validationRules || []) }', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'inputAttr': { 'aria-label': $context.$data.displayName } }); }, 'dxValidator': function () { return { 'validationRules': ($context.$data.validationRules || []) }; } }; });\naddToBindingsCache('template: { name: \\'dx-propertieseditor\\', data: viewmodel }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.viewmodel }; } }; });\naddToBindingsCache('dxPropertyGrid: { target: ko.observable($data), level: $parent.level, textToSearch: $parent.textToSearch }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.ko.observable($context.$data), 'level': $context.$parent.level, 'textToSearch': $context.$parent.textToSearch }; } }; });\naddToBindingsCache('dxPropertyGrid: { target: value, level: editor.level + 1, parentDisabled: editor.disabled }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'level': $context.$data.editor.level + 1, 'parentDisabled': $context.$data.editor.disabled }; } }; });\naddToBindingsCache('if: $data.visible() && $data.editorCreated()', function ($context, $element) { return { 'if': function () { return $context.$data.visible() && $context.$data.editorCreated(); } }; });\naddToBindingsCache('dxTextAlignmentEditor: { value: value, disabled: disabled }', function ($context, $element) { return { 'dxTextAlignmentEditor': function () { return { 'value': $context.$data.value, 'disabled': $context.$data.disabled }; } }; });\naddToBindingsCache('treelist: options', function ($context, $element) { return { 'treelist': function () { return $context.$data.options; } }; });\naddToBindingsCache('if: options', function ($context, $element) { return { 'if': function () { return $context.$data.options; } }; });\naddToBindingsCache('style: { transform: snapLineSurfaces[0].transform() }', function ($context, $element) { return { 'style': function () { return { 'transform': $context.$data.snapLineSurfaces[0].transform() }; } }; });\naddToBindingsCache('style: { transform: snapLineSurfaces[1].transform() }', function ($context, $element) { return { 'style': function () { return { 'transform': $context.$data.snapLineSurfaces[1].transform() }; } }; });\naddToBindingsCache('style: { transform: snapLineSurfaces[2].transform() }', function ($context, $element) { return { 'style': function () { return { 'transform': $context.$data.snapLineSurfaces[2].transform() }; } }; });\naddToBindingsCache('style: { transform: snapLineSurfaces[3].transform() }', function ($context, $element) { return { 'style': function () { return { 'transform': $context.$data.snapLineSurfaces[3].transform() }; } }; });\naddToBindingsCache('template: templateName, click: function(_, e) { !$root.selection.disabled() && $root.selection.clickHandler($data, e); e.stopPropagation(); }', function ($context, $element) { return { 'template': function () { return $context.$data.templateName; }, 'click': function () { return function (_, e) { !$context.$root.selection.disabled() && $context.$root.selection.clickHandler($context.$data, e); e.stopPropagation(); }; } }; });\naddToBindingsCache('cssArray: [surfaceClass($element), { \\'dx-accessibility\\': $data.accessibilityCompliant } ]', function ($context, $element) { return { 'cssArray': function () { return [$context.$data.surfaceClass($element), { 'dx-accessibility': $context.$data.accessibilityCompliant }]; } }; });\naddToBindingsCache('visible: (!$data.designMode || designMode()), cssArray: [$data.rootStyle, { \\'dx-rtl\\' : $data.rtl, \\'dx-ltr\\': !$data.rtl }]', function ($context, $element) { return { 'visible': function () { return (!$context.$data.designMode || $context.$data.designMode()); }, 'cssArray': function () { return [$context.$data.rootStyle, { 'dx-rtl': $context.$data.rtl, 'dx-ltr': !$context.$data.rtl }]; } }; });\naddToBindingsCache('ifnot: isLoading', function ($context, $element) { return { 'ifnot': function () { return $context.$data.isLoading; } }; });\naddToBindingsCache('with: surface', function ($context, $element) { return { 'with': function () { return $context.$data.surface; } }; });\naddToBindingsCache('if: isLoading', function ($context, $element) { return { 'if': function () { return $context.$data.isLoading; } }; });\naddToBindingsCache('foreach: parts', function ($context, $element) { return { 'foreach': function () { return $context.$data.parts; } }; });\naddToBindingsCache('template: { name: templateName, data: model }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.templateName, 'data': $context.$data.model }; } }; });\naddToBindingsCache('if: ($data.addOns)', function ($context, $element) { return { 'if': function () { return ($context.$data.addOns); } }; });\naddToBindingsCache('foreach: addOns', function ($context, $element) { return { 'foreach': function () { return $context.$data.addOns; } }; });\naddToBindingsCache('text: verticalString', function ($context, $element) { return { 'text': function () { return $context.$data.verticalString; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-top\\', css: { \\'dxd-state-active\\': top(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'top\\', \\'Vertical\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-top'; }, 'css': function () { return { 'dxd-state-active': $context.$data.top(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('top', 'Vertical'); }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-middle\\', css: { \\'dxd-state-active\\': middle(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'middle\\', \\'Vertical\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-middle'; }, 'css': function () { return { 'dxd-state-active': $context.$data.middle(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('middle', 'Vertical'); }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-bottom\\', css: { \\'dxd-state-active\\': bottom(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'bottom\\', \\'Vertical\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-bottom'; }, 'css': function () { return { 'dxd-state-active': $context.$data.bottom(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('bottom', 'Vertical'); }; } }; });\naddToBindingsCache('text: horizontalString', function ($context, $element) { return { 'text': function () { return $context.$data.horizontalString; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-left\\', css: { \\'dxd-state-active\\': left(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'left\\', \\'Horizontal\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-left'; }, 'css': function () { return { 'dxd-state-active': $context.$data.left(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('left', 'Horizontal'); }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-center\\', css: { \\'dxd-state-active\\': center(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'center\\', \\'Horizontal\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-center'; }, 'css': function () { return { 'dxd-state-active': $context.$data.center(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('center', 'Horizontal'); }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-right\\', css: { \\'dxd-state-active\\': right(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'right\\', \\'Horizontal\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-right'; }, 'css': function () { return { 'dxd-state-active': $context.$data.right(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('right', 'Horizontal'); }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-justify\\', css: { \\'dxd-state-active\\': justify(), \\'dxrd-disabled-button\\': disabled }, click: function() { setValue(\\'justify\\', \\'Horizontal\\') }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-justify'; }, 'css': function () { return { 'dxd-state-active': $context.$data.justify(), 'dxrd-disabled-button': $context.$data.disabled }; }, 'click': function () { return function () { $context.$data.setValue('justify', 'Horizontal'); }; } }; });\naddToBindingsCache('dxButtonWithTemplate: { onClick: togglePopoverVisible, disabled: disabled, icon: ko.unwrap($data.imageTemplateName), iconClass: ko.unwrap($data.imageClassName) }, attr: { id: id, title: text }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.togglePopoverVisible, 'disabled': $context.$data.disabled, 'icon': $context.ko.unwrap($context.$data.imageTemplateName), 'iconClass': $context.ko.unwrap($context.$data.imageClassName) }; }, 'attr': function () { return { 'id': $context.$data.id, 'title': $context.$data.text }; } }; });\naddToBindingsCache('dxPopup: { width: 235, height: \\'auto\\', position: { my: $root.rtl ? \\'left top\\': \\'right top\\', at: \\'bottom\\', of: (\\'#\\' + id) }, showTitle: false, showCloseButton: false, animation: {}, hideOnOutsideClick: true, container: ($data.getContainer || function(_e, selector) { return selector; })($element, \\'.dxrd-action-items-container\\'), shading: false, visible: popoverVisible }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 235, 'height': 'auto', 'position': { 'my': $context.$root.rtl ? 'left top' : 'right top', 'at': 'bottom', 'of': ('#' + $context.$data.id) }, 'showTitle': false, 'showCloseButton': false, 'animation': {}, 'hideOnOutsideClick': true, 'container': ($context.$data.getContainer || function (_e, selector) { return selector; })($element, '.dxrd-action-items-container'), 'shading': false, 'visible': $context.$data.popoverVisible }; } }; });\naddToBindingsCache('dxclick: clickAction, css: { \\'dxrd-disabled-button\\': disabled }', function ($context, $element) { return { 'dxclick': function () { return $context.$data.clickAction; }, 'css': function () { return { 'dxrd-disabled-button': $context.$data.disabled }; } }; });\naddToBindingsCache('css: ko.unwrap($data.imageClassName), template: {name: ko.unwrap($data.imageTemplateName), if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: $data.displayText && $data.displayText() || text }', function ($context, $element) { return { 'css': function () { return $context.ko.unwrap($context.$data.imageClassName); }, 'template': function () { return { 'name': $context.ko.unwrap($context.$data.imageTemplateName), 'if': !!$context.ko.unwrap($context.$data.imageTemplateName) }; }, 'attr': function () { return { 'title': $context.$data.displayText && $context.$data.displayText() || $context.$data.text }; } }; });\naddToBindingsCache('if: $data.contentTemplate', function ($context, $element) { return { 'if': function () { return $context.$data.contentTemplate; } }; });\naddToBindingsCache('template: contentTemplate', function ($context, $element) { return { 'template': function () { return $context.$data.contentTemplate; } }; });\naddToBindingsCache('if: !$data.contentTemplate', function ($context, $element) { return { 'if': function () { return !$context.$data.contentTemplate; } }; });\naddToBindingsCache('foreach: actions', function ($context, $element) { return { 'foreach': function () { return $context.$data.actions; } }; });\naddToBindingsCache('styleunit: { top: $data.top, left: $data.left, width: $data.width, height: $data.height }, css: { \\'dxrd-locked\\': $data.isLocked }', function ($context, $element) { return { 'styleunit': function () { return { 'top': $context.$data.top, 'left': $context.$data.left, 'width': $context.$data.width, 'height': $context.$data.height }; }, 'css': function () { return { 'dxrd-locked': $context.$data.isLocked }; } }; });\naddToBindingsCache('styleunit: { left: $data.left, top: $data.top, width: $data.width, height: $data.height }, css: $data.className', function ($context, $element) { return { 'styleunit': function () { return { 'left': $context.$data.left, 'top': $context.$data.top, 'width': $context.$data.width, 'height': $context.$data.height }; }, 'css': function () { return $context.$data.className; } }; });\naddToBindingsCache('template: { name: $data.template, data: $data.data }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.template, 'data': $context.$data.data }; } }; });\naddToBindingsCache('css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}', function ($context, $element) { return { 'css': function () { return $context.$data.imageClassName; }, 'template': function () { return { 'name': $context.$data.imageTemplateName, 'if': !!$context.ko.unwrap($context.$data.imageTemplateName) }; } }; });\naddToBindingsCache('text: text, attr: { title: text }', function ($context, $element) { return { 'text': function () { return $context.$data.text; }, 'attr': function () { return { 'title': $context.$data.text }; } }; });\naddToBindingsCache('foreach: $data.controls()', function ($context, $element) { return { 'foreach': function () { return $context.$data.controls(); } }; });\naddToBindingsCache('with: $parent.customData()', function ($context, $element) { return { 'with': function () { return $context.$parent.customData(); } }; });\naddToBindingsCache('dxclick: function(e) { if(stopPropagation) { stopPropagation = false; } else { toggleAppMenu() } }, template: \\'dxrd-svg-menu-menu\\', css: {\\'dxd-state-active\\': appMenuVisible }', function ($context, $element) { return { 'dxclick': function () { return function (e) { if ($context.$data.stopPropagation) {\n $context.$data.stopPropagation = false;\n }\n else {\n $context.$data.toggleAppMenu();\n } }; }, 'template': function () { return 'dxrd-svg-menu-menu'; }, 'css': function () { return { 'dxd-state-active': $context.$data.appMenuVisible }; } }; });\naddToBindingsCache('dxPopup: { width: 250, wrapperAttr: { class: \\'dxd-menu-back-color dxd-back-primary2\\' }, height: \\'100%\\' , position: $data.rtl ? { my: \\'right top\\' , at: \\'left top\\' , offset: \\'-10 0\\' } : { my: \\'left top\\' , at: \\'right top\\' , offset: \\'10 0\\' }, showTitle: false, showCloseButton: false, container: getMenuPopupContainer($element), target: getMenuPopupTarget($element), animation: {}, hideOnOutsideClick: function(e) { var buttonClassName = \\'dxrd-menu-button-image\\'; var parentClassList = e.target.parentNode && e.target.parentNode.parentNode && e.target.parentNode.parentNode.classList; stopPropagation = (e.target.classList && e.target.classList.contains(buttonClassName)) || (parentClassList && parentClassList.contains(buttonClassName)); return true; }, shading: false, focusStateEnabled: false, visible: appMenuVisible }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 250, 'wrapperAttr': { 'class': 'dxd-menu-back-color dxd-back-primary2' }, 'height': '100%', 'position': $context.$data.rtl ? { 'my': 'right top', 'at': 'left top', 'offset': '-10 0' } : { 'my': 'left top', 'at': 'right top', 'offset': '10 0' }, 'showTitle': false, 'showCloseButton': false, 'container': $context.$data.getMenuPopupContainer($element), 'target': $context.$data.getMenuPopupTarget($element), 'animation': {}, 'hideOnOutsideClick': function (e) { var buttonClassName = 'dxrd-menu-button-image'; var parentClassList = e.target.parentNode && e.target.parentNode.parentNode && e.target.parentNode.parentNode.classList; $context.$data.stopPropagation = (e.target.classList && e.target.classList.contains(buttonClassName)) || (parentClassList && parentClassList.contains(buttonClassName)); return true; }, 'shading': false, 'focusStateEnabled': false, 'visible': $context.$data.appMenuVisible }; } }; });\naddToBindingsCache('dxclick: function(e) { if(disabled && !disabled() || !disabled) { $root.toggleAppMenu(); clickAction($root.model(), e); }}, css: { \\'dxrd-disabled-button\\': disabled }, visible: visible', function ($context, $element) { return { 'dxclick': function () { return function (e) { if ($context.$data.disabled && !$context.$data.disabled() || !$context.$data.disabled) {\n $context.$root.toggleAppMenu();\n $context.$data.clickAction($context.$root.model(), e);\n } }; }, 'css': function () { return { 'dxrd-disabled-button': $context.$data.disabled }; }, 'visible': function () { return $context.$data.visible; } }; });\naddToBindingsCache('text: $data.displayText && $data.displayText() || text, attr: { title: $data.displayText && $data.displayText() || text}', function ($context, $element) { return { 'text': function () { return $context.$data.displayText && $context.$data.displayText() || $context.$data.text; }, 'attr': function () { return { 'title': $context.$data.displayText && $context.$data.displayText() || $context.$data.text }; } }; });\naddToBindingsCache('visible: $data.hasSeparator', function ($context, $element) { return { 'visible': function () { return $context.$data.hasSeparator; } }; });\naddToBindingsCache('foreach: actionLists.menuItems', function ($context, $element) { return { 'foreach': function () { return $context.$data.actionLists.menuItems; } }; });\naddToBindingsCache('dxdAccordion: { collapsed: collapsed }', function ($context, $element) { return { 'dxdAccordion': function () { return { 'collapsed': $context.$data.collapsed }; } }; });\naddToBindingsCache('css: { \\'dxrd-group-header-collapsed\\': collapsed() }', function ($context, $element) { return { 'css': function () { return { 'dxrd-group-header-collapsed': $context.$data.collapsed() }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-collapsed\\', css: { \\'dx-image-expanded\\': !collapsed() }', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-collapsed'; }, 'css': function () { return { 'dx-image-expanded': !$context.$data.collapsed() }; } }; });\naddToBindingsCache('text: $root.actionsGroupTitle()', function ($context, $element) { return { 'text': function () { return $context.$root.actionsGroupTitle(); } }; });\naddToBindingsCache('dxclick: function() { if($data.disabled && !$data.disabled() || !$data.disabled) { clickAction($root.editableObject()); } }, css: { \\'dxrd-disabled-button\\': $data.disabled && $data.disabled() }, visible: (ko.unwrap($data.visible) == undefined) || ko.unwrap($data.visible)', function ($context, $element) { return { 'dxclick': function () { return function () { if ($context.$data.disabled && !$context.$data.disabled() || !$context.$data.disabled) {\n $context.$data.clickAction($context.$root.editableObject());\n } }; }, 'css': function () { return { 'dxrd-disabled-button': $context.$data.disabled && $context.$data.disabled() }; }, 'visible': function () { return ($context.ko.unwrap($context.$data.visible) == undefined) || $context.ko.unwrap($context.$data.visible); } }; });\naddToBindingsCache('css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: $data.displayText && $data.displayText() || text }', function ($context, $element) { return { 'css': function () { return $context.$data.imageClassName; }, 'template': function () { return { 'name': $context.$data.imageTemplateName, 'if': !!$context.ko.unwrap($context.$data.imageTemplateName) }; }, 'attr': function () { return { 'title': $context.$data.displayText && $context.$data.displayText() || $context.$data.text }; } }; });\naddToBindingsCache('template: { name: \\'dx-propertieseditor\\', data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data }; } }; });\naddToBindingsCache('visible: items.some(x => !x.visible || ko.unwrap(x.visible))', function ($context, $element) { return { 'visible': function () { return $context.$data.items.some(x => !x.visible || $context.ko.unwrap(x.visible)); } }; });\naddToBindingsCache('text: group', function ($context, $element) { return { 'text': function () { return $context.$data.group; } }; });\naddToBindingsCache('if: popularVisible', function ($context, $element) { return { 'if': function () { return $context.$data.popularVisible; } }; });\naddToBindingsCache('foreach: (contextActions || [])', function ($context, $element) { return { 'foreach': function () { return ($context.$data.contextActions || []); } }; });\naddToBindingsCache('if: $data.templateName', function ($context, $element) { return { 'if': function () { return $context.$data.templateName; } }; });\naddToBindingsCache('template: templateName', function ($context, $element) { return { 'template': function () { return $context.$data.templateName; } }; });\naddToBindingsCache('if: !$data.templateName', function ($context, $element) { return { 'if': function () { return !$context.$data.templateName; } }; });\naddToBindingsCache('with: popularProperties', function ($context, $element) { return { 'with': function () { return $context.$data.popularProperties; } }; });\naddToBindingsCache('foreach: (groupActions || [])', function ($context, $element) { return { 'foreach': function () { return ($context.$data.groupActions || []); } }; });\naddToBindingsCache('foreach: (items || [])', function ($context, $element) { return { 'foreach': function () { return ($context.$data.items || []); } }; });\naddToBindingsCache('template: { name: $data.templateName, if: $data.templateName }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.templateName, 'if': $context.$data.templateName }; } }; });\naddToBindingsCache('css: { \\'dx-property-grid-search-collapsed\\': !isSearching() }', function ($context, $element) { return { 'css': function () { return { 'dx-property-grid-search-collapsed': !$context.$data.isSearching() }; } }; });\naddToBindingsCache('css: { \\'dxd-state-active\\': isSearching }, dxButtonWithTemplate: { onClick: switchSearchBox, icon: \\'dxrd-svg-properties-search\\', iconClass: \\'image-search\\' }, attr: { title: $root.getLocalization(\\'Search\\', \\'ASPxReportsStringId.SearchDialog_Header\\') }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-active': $context.$data.isSearching }; }, 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.switchSearchBox, 'icon': 'dxrd-svg-properties-search', 'iconClass': 'image-search' }; }, 'attr': function () { return { 'title': $context.$root.getLocalization('Search', 'ASPxReportsStringId.SearchDialog_Header') }; } }; });\naddToBindingsCache('dxTextBox: { value: textToSearch, valueChangeEvent: \\'keyup\\', placeholder: searchPlaceholder(), showClearButton: true }, cacheElement: { action: function(element) { searchBox(element); } }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.textToSearch, 'valueChangeEvent': 'keyup', 'placeholder': $context.$data.searchPlaceholder(), 'showClearButton': true }; }, 'cacheElement': function () { return { 'action': function (element) { $context.$data.searchBox(element); } }; } }; });\naddToBindingsCache('visible: active() && visible()', function ($context, $element) { return { 'visible': function () { return $context.$data.active() && $context.$data.visible(); } }; });\naddToBindingsCache('text: text', function ($context, $element) { return { 'text': function () { return $context.$data.text; } }; });\naddToBindingsCache('css: { \\'dx-property-grid-search-collapsed\\': isSearching }', function ($context, $element) { return { 'css': function () { return { 'dx-property-grid-search-collapsed': $context.$data.isSearching }; } }; });\naddToBindingsCache('dxSelectBox: { dataSource: $root.controlsStore.dataSource, value: focusedItem, displayExpr: displayExpr, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$root.controlsStore.dataSource, 'value': $context.$data.focusedItem, 'displayExpr': $context.$data.displayExpr, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });\naddToBindingsCache('css: { \\'dxd-state-active dxd-state-no-hover\\': !isSortingByGroups() }, dxButtonWithTemplate: { onClick: function() { $data.isSortingByGroups(false); }, icon: \\'dxrd-svg-properties-sortingbyalphabet\\', iconClass: \\'image-sortingbyalphabet\\' }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-active dxd-state-no-hover': !$context.$data.isSortingByGroups() }; }, 'dxButtonWithTemplate': function () { return { 'onClick': function () { $context.$data.isSortingByGroups(false); }, 'icon': 'dxrd-svg-properties-sortingbyalphabet', 'iconClass': 'image-sortingbyalphabet' }; } }; });\naddToBindingsCache('css: { \\'dxd-state-active dxd-state-no-hover\\': isSortingByGroups }, dxButtonWithTemplate: { onClick: function() { $data.isSortingByGroups(true); }, icon: \\'dxrd-svg-properties-sortingbygroups\\', iconClass: \\'image-sortingbygroups\\' }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-active dxd-state-no-hover': $context.$data.isSortingByGroups }; }, 'dxButtonWithTemplate': function () { return { 'onClick': function () { $context.$data.isSortingByGroups(true); }, 'icon': 'dxrd-svg-properties-sortingbygroups', 'iconClass': 'image-sortingbygroups' }; } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\', useNative: false, scrollByThumb: true }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true }; } }; });\naddToBindingsCache('visible: isSortingByGroups', function ($context, $element) { return { 'visible': function () { return $context.$data.isSortingByGroups; } }; });\naddToBindingsCache('visible: visible', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; } }; });\naddToBindingsCache('text: displayName()', function ($context, $element) { return { 'text': function () { return $context.$data.displayName(); } }; });\naddToBindingsCache('dxLoadIndicator: { visible: !editorsCreated() }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': !$context.$data.editorsCreated() }; } }; });\naddToBindingsCache('visible: editorsCreated', function ($context, $element) { return { 'visible': function () { return $context.$data.editorsCreated; } }; });\naddToBindingsCache('visible: !isSortingByGroups()', function ($context, $element) { return { 'visible': function () { return !$context.$data.isSortingByGroups(); } }; });\naddToBindingsCache('dxLoadIndicator: { visible: !allEditorsCreated() }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': !$context.$data.allEditorsCreated() }; } }; });\naddToBindingsCache('visible: allEditorsCreated', function ($context, $element) { return { 'visible': function () { return $context.$data.allEditorsCreated; } }; });\naddToBindingsCache('dxPopup: { width: 250, height: \\'auto\\', position: $data.rtl ? { my: \\'left top\\', at: \\'right top\\', of: popupService.target, collision: \\'flipfit\\' } : { my: \\'right top\\', at: \\'left top\\', of: popupService.target, collision: \\'flipfit\\' }, container: $root.getPopupContainer($element), target: popupService.target, showTitle: false, showCloseButton: false, animation: {}, hideOnOutsideClick: true, shading: false, visible: popupService.visible }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 250, 'height': 'auto', 'position': $context.$data.rtl ? { 'my': 'left top', 'at': 'right top', 'of': $context.$data.popupService.target, 'collision': 'flipfit' } : { 'my': 'right top', 'at': 'left top', 'of': $context.$data.popupService.target, 'collision': 'flipfit' }, 'container': $context.$root.getPopupContainer($element), 'target': $context.$data.popupService.target, 'showTitle': false, 'showCloseButton': false, 'animation': {}, 'hideOnOutsideClick': true, 'shading': false, 'visible': $context.$data.popupService.visible }; } }; });\naddToBindingsCache('text: popupService.title, visible: popupService.title', function ($context, $element) { return { 'text': function () { return $context.$data.popupService.title; }, 'visible': function () { return $context.$data.popupService.title; } }; });\naddToBindingsCache('dxMenu: { wrapperAttr: { class: \\'dxd-button-back-color\\' }, disabled: popupService.disabled, dataSource: popupService.actions, displayExpr: \\'title\\', cssClass: \\'dxrd-editor-menu\\', orientation: \\'vertical\\', showFirstSubmenuMode: \\'onHover\\', onSubmenuShowing: function(e) { e.submenu._overlay.option(\\'container\\', $root.getPopupContainer($element)) } }', function ($context, $element) { return { 'dxMenu': function () { return { 'wrapperAttr': { 'class': 'dxd-button-back-color' }, 'disabled': $context.$data.popupService.disabled, 'dataSource': $context.$data.popupService.actions, 'displayExpr': 'title', 'cssClass': 'dxrd-editor-menu', 'orientation': 'vertical', 'showFirstSubmenuMode': 'onHover', 'onSubmenuShowing': function (e) { e.submenu._overlay.option('container', $context.$root.getPopupContainer($element)); } }; } }; });\naddToBindingsCache('dxclick: action', function ($context, $element) { return { 'dxclick': function () { return $context.$data.action; } }; });\naddToBindingsCache('attr: { title: title }, text: title', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.title }; }, 'text': function () { return $context.$data.title; } }; });\naddToBindingsCache('visible: $data.items && $data.items.length', function ($context, $element) { return { 'visible': function () { return $context.$data.items && $context.$data.items.length; } }; });\naddToBindingsCache('if: $data.innerTemplate', function ($context, $element) { return { 'if': function () { return $context.$data.innerTemplate; } }; });\naddToBindingsCache('template: $data.innerTemplate', function ($context, $element) { return { 'template': function () { return $context.$data.innerTemplate; } }; });\naddToBindingsCache('with: model', function ($context, $element) { return { 'with': function () { return $context.$data.model; } }; });\naddToBindingsCache('if: $root.controlsStore.visible()', function ($context, $element) { return { 'if': function () { return $context.$root.controlsStore.visible(); } }; });\naddToBindingsCache('template: \\'dx-propertygrid-searchbox\\'', function ($context, $element) { return { 'template': function () { return 'dx-propertygrid-searchbox'; } }; });\naddToBindingsCache('template: { name: \\'dxrd-group-actions\\', data: { groupActions: $root.contextGroupActions } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-group-actions', 'data': { 'groupActions': $context.$root.contextGroupActions } }; } }; });\naddToBindingsCache('template: { name: \\'dxrd-top-grid\\', data: { contextActions: $root.contextActions, popularProperties: $root.popularProperties, collapsed: ko.observable(false), popularVisible: $root.popularVisible() && isSortingByGroups(), actionsGroupTitle: $root.actionsGroupTitle } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-top-grid', 'data': { 'contextActions': $context.$root.contextActions, 'popularProperties': $context.$root.popularProperties, 'collapsed': $context.ko.observable(false), 'popularVisible': $context.$root.popularVisible() && $context.$data.isSortingByGroups(), 'actionsGroupTitle': $context.$root.actionsGroupTitle } }; } }; });\naddToBindingsCache('foreach: groups', function ($context, $element) { return { 'foreach': function () { return $context.$data.groups; } }; });\naddToBindingsCache('ifnot: editorsCreated', function ($context, $element) { return { 'ifnot': function () { return $context.$data.editorsCreated; } }; });\naddToBindingsCache('if: $data.editorsRendered()', function ($context, $element) { return { 'if': function () { return $context.$data.editorsRendered(); } }; });\naddToBindingsCache('foreach: editors', function ($context, $element) { return { 'foreach': function () { return $context.$data.editors; } }; });\naddToBindingsCache('template: editorTemplate', function ($context, $element) { return { 'template': function () { return $context.$data.editorTemplate; } }; });\naddToBindingsCache('if: ($index() === $parent.editors().length - 1 && $parent.editorsCreated(true))', function ($context, $element) { return { 'if': function () { return ($context.$index() === $context.$parent.editors().length - 1 && $context.$parent.editorsCreated(true)); } }; });\naddToBindingsCache('foreach: $data.getEditors()', function ($context, $element) { return { 'foreach': function () { return $context.$data.getEditors(); } }; });\naddToBindingsCache('if: ($index() === $parent._editors().length - 1 && $parent.allEditorsCreated(true))', function ($context, $element) { return { 'if': function () { return ($context.$index() === $context.$parent._editors().length - 1 && $context.$parent.allEditorsCreated(true)); } }; });\naddToBindingsCache('template: \\'dx-propertygrid-popupservice\\'', function ($context, $element) { return { 'template': function () { return 'dx-propertygrid-popupservice'; } }; });\naddToBindingsCache('if: $data.itemTemplate', function ($context, $element) { return { 'if': function () { return $context.$data.itemTemplate; } }; });\naddToBindingsCache('template: $data.itemTemplate', function ($context, $element) { return { 'template': function () { return $context.$data.itemTemplate; } }; });\naddToBindingsCache('ifnot: $data.itemTemplate', function ($context, $element) { return { 'ifnot': function () { return $context.$data.itemTemplate; } }; });\naddToBindingsCache('dxTemplate: { name: \\'content\\' }', function () { return { dxTemplate: { name: 'content' } }; });\naddToBindingsCache('dxTemplate: { name: \\'item\\' }', function () { return { dxTemplate: { name: 'item' } }; });\naddToBindingsCache('styleunit: { width: tabPanel.width }, css: tabPanel.cssClasses(), resizable: tabPanel.getResizableOptions($element, 1, $root.calculateWithZoomFactor(325))', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.tabPanel.width }; }, 'css': function () { return $context.$data.tabPanel.cssClasses(); }, 'resizable': function () { return $context.$data.tabPanel.getResizableOptions($element, 1, $context.$root.calculateWithZoomFactor(325)); } }; });\naddToBindingsCache('styleunit: { width: $data.headerWidth }, css: $data.cssClasses({\\'dx-tab-panel-collapsed\\':$data.collapsed }), accessibilityKeyboardHelper: $data.keyboardHelper', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.headerWidth }; }, 'css': function () { return $context.$data.cssClasses({ 'dx-tab-panel-collapsed': $context.$data.collapsed }); }, 'accessibilityKeyboardHelper': function () { return $context.$data.keyboardHelper; } }; });\naddToBindingsCache('css: $data.cssClasses()', function ($context, $element) { return { 'css': function () { return $context.$data.cssClasses(); } }; });\naddToBindingsCache('dxAction: { model: $data, action: function(s) { $parent.toggleTabVisibility({ model: s }); }}, css: { \\'dxd-state-active dxd-state-no-hover\\': active, \\'dxrd-tab-item-disabled\\': disabled }, attr: { title: $data.text, \\'aria-label\\': $data.text, \\'aria-expanded\\': $data.active }, visible: visible', function ($context, $element) { return { 'dxAction': function () { return { 'model': $context.$data, 'action': function (s) { $context.$parent.toggleTabVisibility({ 'model': s }); } }; }, 'css': function () { return { 'dxd-state-active dxd-state-no-hover': $context.$data.active, 'dxrd-tab-item-disabled': $context.$data.disabled }; }, 'attr': function () { return { 'title': $context.$data.text, 'aria-label': $context.$data.text, 'aria-expanded': $context.$data.active }; }, 'visible': function () { return $context.$data.visible; } }; });\naddToBindingsCache('styleunit: { width: $data.width }, css: $data.cssClasses(), resizable: $data.getResizableOptions($element, 50, 340)', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width }; }, 'css': function () { return $context.$data.cssClasses(); }, 'resizable': function () { return $context.$data.getResizableOptions($element, 50, 340); } }; });\naddToBindingsCache('foreach: tabPanel.tabs', function ($context, $element) { return { 'foreach': function () { return $context.$data.tabPanel.tabs; } }; });\naddToBindingsCache('lazy: { template: $data.template }', function ($context, $element) { return { 'lazy': function () { return { 'template': $context.$data.template }; } }; });\naddToBindingsCache('with: tabPanel', function ($context, $element) { return { 'with': function () { return $context.$data.tabPanel; } }; });\naddToBindingsCache('foreach: $data.tabs', function ($context, $element) { return { 'foreach': function () { return $context.$data.tabs; } }; });\naddToBindingsCache('dxButtonWithTemplate: { icon: \\'dxrd-svg-operations-edit\\', iconClass: \\'dx-image-edit\\', disabled: disabled, onClick: toogle, hint: title }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'icon': 'dxrd-svg-operations-edit', 'iconClass': 'dx-image-edit', 'disabled': $context.$data.disabled, 'onClick': $context.$data.toogle, 'hint': $context.$data.title }; } }; });\naddToBindingsCache('template: {name: \\'dxrd-toolbar-tmplt\\', data: actionLists.toolbarItems }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-toolbar-tmplt', 'data': $context.$data.actionLists.toolbarItems }; } }; });\naddToBindingsCache('visible: visible, class: \\'dxrd-toolbar-item-\\' + $index(), css: {\\'dxrd-toolbar-item-with-separator dxd-border-primary\\': $data.hasSeparator }', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'class': function () { return 'dxrd-toolbar-item-' + $context.$index(); }, 'css': function () { return { 'dxrd-toolbar-item-with-separator dxd-border-primary': $context.$data.hasSeparator }; } }; });\naddToBindingsCache('attr: { \\'aria-label\\': $data.displayText && $data.displayText() || text, \\'aria-hidden\\': ko.unwrap($data.visible) ? \\'false\\' : \\'true\\', \\'aria-disabled\\': ko.unwrap($data.disabled) ? \\'true\\' : \\'false\\', \\'aria-checked\\': $data.selected ? ($data.selected() ? \\'true\\' : \\'false\\') : null }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'aria-hidden': $context.ko.unwrap($context.$data.visible) ? 'false' : 'true', 'aria-disabled': $context.ko.unwrap($context.$data.disabled) ? 'true' : 'false', 'aria-checked': $context.$data.selected ? ($context.$data.selected() ? 'true' : 'false') : null }; } }; });\naddToBindingsCache('template: { name: ko.unwrap($data.imageTemplateName), if: !!ko.unwrap($data.imageTemplateName)}, attr: { class: \\'dxrd-toolbar-item-image dxd-state-normal dxd-icon-highlighted \\' + (ko.unwrap($data.imageClassName) || \\'\\'), title: $data.displayText && $data.displayText() || text }, }, dxclick: function() { if((typeof $data.disabled === \\'function\\') && !disabled() || !disabled) { clickAction($root.model && $root.model()); } }, css: {\\'dxrd-disabled-button\\': disabled, \\'dxd-button-back-color dxd-back-highlighted dxd-state-active\\': $data.selected }', function ($context, $element) { return { 'template': function () { return { 'name': $context.ko.unwrap($context.$data.imageTemplateName), 'if': !!$context.ko.unwrap($context.$data.imageTemplateName) }; }, 'attr': function () { return { 'class': 'dxrd-toolbar-item-image dxd-state-normal dxd-icon-highlighted ' + ($context.ko.unwrap($context.$data.imageClassName) || ''), 'title': $context.$data.displayText && $context.$data.displayText() || $context.$data.text }; }, '}': function () { return undefined; }, 'dxclick': function () { return function () { if ((typeof $context.$data.disabled === 'function') && !$context.$data.disabled() || !$context.$data.disabled) {\n $context.$data.clickAction($context.$root.model && $context.$root.model());\n } }; }, 'css': function () { return { 'dxrd-disabled-button': $context.$data.disabled, 'dxd-button-back-color dxd-back-highlighted dxd-state-active': $context.$data.selected }; } }; });\naddToBindingsCache('foreach: $data', function ($context, $element) { return { 'foreach': function () { return $context.$data; } }; });\naddToBindingsCache('template: { name: $data.templateName, data: $data.contentData || $data }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.templateName, 'data': $context.$data.contentData || $context.$data }; } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'scrollByContent': false, 'bounceEnabled': false, 'useNative': false, 'scrollByThumb': true }; } }; });\naddToBindingsCache('attr: { title: displayName }', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.displayName }; } }; });\naddToBindingsCache('template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, css: $data.imageClassName, draggable: $root.toolboxDragHandler', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.imageTemplateName, 'if': !!$context.ko.unwrap($context.$data.imageTemplateName) }; }, 'css': function () { return $context.$data.imageClassName; }, 'draggable': function () { return $context.$root.toolboxDragHandler; } }; });\naddToBindingsCache('foreach: toolboxItems', function ($context, $element) { return { 'foreach': function () { return $context.$data.toolboxItems; } }; });\naddToBindingsCache('foreach: groupedToolboxItems', function ($context, $element) { return { 'foreach': function () { return $context.$data.groupedToolboxItems; } }; });\naddToBindingsCache('foreach: items', function ($context, $element) { return { 'foreach': function () { return $context.$data.items; } }; });\naddToBindingsCache('dxSelectBox: { items: zoomLevels, value: $data.zoom, displayExpr: function(val) { return Math.round((val || this.option(\\'value\\')) * 100) + \\'%\\'; }, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: onCustomItemCreating, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.zoomLevels, 'value': $context.$data.zoom, 'displayExpr': function (val) { return Math.round((val || this.option('value')) * 100) + '%'; }, 'displayCustomValue': true, 'acceptCustomValue': true, 'onCustomItemCreating': $context.$data.onCustomItemCreating, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });\naddToBindingsCache('dxclick: function(_, element) { showPopup(_, element) }, css: editorMenuButtonCss, attr: { title: hint }', function ($context, $element) { return { 'dxclick': function () { return function (_, element) { $context.$data.showPopup(_, element); }; }, 'css': function () { return $context.$data.editorMenuButtonCss; }, 'attr': function () { return { 'title': $context.$data.hint }; } }; });\naddToBindingsCache('dxclick: function(_, element) { showPopup(_, element) }, attr: { title: hint }, css: editorMenuButtonCss', function ($context, $element) { return { 'dxclick': function () { return function (_, element) { $context.$data.showPopup(_, element); }; }, 'attr': function () { return { 'title': $context.$data.hint }; }, 'css': function () { return $context.$data.editorMenuButtonCss; } }; });\naddToBindingsCache('template: { name: $data.imageTemplateName, if: ko.unwrap($data.imageTemplateName) }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.imageTemplateName, 'if': $context.ko.unwrap($context.$data.imageTemplateName) }; } }; });\naddToBindingsCache('if: $data.visible', function ($context, $element) { return { 'if': function () { return $context.$data.visible; } }; });\naddToBindingsCache('template: $data.templateName', function ($context, $element) { return { 'template': function () { return $context.$data.templateName; } }; });\naddToBindingsCache('ifnot: $data.templateName', function ($context, $element) { return { 'ifnot': function () { return $context.$data.templateName; } }; });\naddToBindingsCache('if: !ko.unwrap($data.imageTemplateName)', function ($context, $element) { return { 'if': function () { return !$context.ko.unwrap($context.$data.imageTemplateName); } }; });\naddToBindingsCache('if: ko.unwrap($data.imageTemplateName)', function ($context, $element) { return { 'if': function () { return $context.ko.unwrap($context.$data.imageTemplateName); } }; });\naddToBindingsCache('dxdAccordion: { collapsed: collapsed, alwaysShow: alwaysShow }', function ($context, $element) { return { 'dxdAccordion': function () { return { 'collapsed': $context.$data.collapsed, 'alwaysShow': $context.$data.alwaysShow }; } }; });\naddToBindingsCache(', attr: {\\'aria-expanded\\': !collapsed() ? \\'true\\' : \\'false\\' }', function ($context, $element) { return { '': function () { return undefined; }, 'attr': function () { return { 'aria-expanded': !$context.$data.collapsed() ? 'true' : 'false' }; } }; });\naddToBindingsCache('dxButtonWithTemplate: { onClick: up, disabled: isDisabledButton(\\'up\\'), icon: \\'dxrd-svg-operations-moveup\\', iconClass: \\'dx-image-moveup\\' }, attr: { title: getDisplayTextButton(\\'up\\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.up, 'disabled': $context.$data.isDisabledButton('up'), 'icon': 'dxrd-svg-operations-moveup', 'iconClass': 'dx-image-moveup' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('up') }; } }; });\naddToBindingsCache('dxButtonWithTemplate: { onClick: down, disabled: isDisabledButton(\\'down\\'), icon: \\'dxrd-svg-operations-movedown\\', iconClass: \\'dx-image-movedown\\' }, attr: { title: getDisplayTextButton(\\'down\\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.down, 'disabled': $context.$data.isDisabledButton('down'), 'icon': 'dxrd-svg-operations-movedown', 'iconClass': 'dx-image-movedown' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('down') }; } }; });\naddToBindingsCache('dxButtonWithTemplate: { onClick: add, disabled: isDisabledButton(\\'add\\'), icon: \\'dxrd-svg-operations-add\\', iconClass: \\'dx-image-add\\' }, attr: { title: getDisplayTextButton(\\'add\\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.add, 'disabled': $context.$data.isDisabledButton('add'), 'icon': 'dxrd-svg-operations-add', 'iconClass': 'dx-image-add' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('add') }; } }; });\naddToBindingsCache('dxButtonWithTemplate: { onClick: remove, disabled: isDisabledButton(\\'delete\\'), icon: \\'dxrd-svg-operations-remove\\', iconClass: \\'dx-image-remove\\' }, attr: { title: getDisplayTextButton(\\'delete\\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.remove, 'disabled': $context.$data.isDisabledButton('delete'), 'icon': 'dxrd-svg-operations-remove', 'iconClass': 'dx-image-remove' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('delete') }; } }; });\naddToBindingsCache('styleunit: { \\'paddingLeft\\': padding }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingLeft': $context.$data.padding }; } }; });\naddToBindingsCache('text: displayName, attr: { title: displayName }', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });\naddToBindingsCache('attr:{\\'aria-hidden\\': collapsed() ? \\'true\\' : \\'false\\'}', function ($context, $element) { return { 'attr': function () { return { 'aria-hidden': $context.$data.collapsed() ? 'true' : 'false' }; } }; });\naddToBindingsCache('visible: !disabled(), dxScrollView: { showScrollbar: \\'onHover\\', disabled: !showScroll, useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\\'useKeyboard\\', false); } }', function ($context, $element) { return { 'visible': function () { return !$context.$data.disabled(); }, 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'disabled': !$context.$data.showScroll, 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });\naddToBindingsCache('text: getDisplayTextEmptyArray()', function ($context, $element) { return { 'text': function () { return $context.$data.getDisplayTextEmptyArray(); } }; });\naddToBindingsCache('foreach: values', function ($context, $element) { return { 'foreach': function () { return $context.$data.values; } }; });\naddToBindingsCache('with: $parent.createCollectionItemWrapper($parents[1], $index, $element)', function ($context, $element) { return { 'with': function () { return $context.$parent.createCollectionItemWrapper($context.$parents[1], $context.$index, $element); } }; });\naddToBindingsCache('attr: { \\'aria-selected\\': $parents[1].selectedIndex() === $index() }, dxAction: { model: $data, action: $parents[1].select }, css: { \\'dxd-state-selected\\' : $parents[1].selectedIndex() === $index() }', function ($context, $element) { return { 'attr': function () { return { 'aria-selected': $context.$parents[1].selectedIndex() === $context.$index() }; }, 'dxAction': function () { return { 'model': $context.$data, 'action': $context.$parents[1].select }; }, 'css': function () { return { 'dxd-state-selected': $context.$parents[1].selectedIndex() === $context.$index() }; } }; });\naddToBindingsCache('if: showButtons', function ($context, $element) { return { 'if': function () { return $context.$data.showButtons; } }; });\naddToBindingsCache('if: isVisibleButton(\\'up\\')', function ($context, $element) { return { 'if': function () { return $context.$data.isVisibleButton('up'); } }; });\naddToBindingsCache('if: isVisibleButton(\\'down\\')', function ($context, $element) { return { 'if': function () { return $context.$data.isVisibleButton('down'); } }; });\naddToBindingsCache('if: isVisibleButton(\\'add\\')', function ($context, $element) { return { 'if': function () { return $context.$data.isVisibleButton('add'); } }; });\naddToBindingsCache('if: isVisibleButton(\\'delete\\')', function ($context, $element) { return { 'if': function () { return $context.$data.isVisibleButton('delete'); } }; });\naddToBindingsCache('if: displayName', function ($context, $element) { return { 'if': function () { return $context.$data.displayName; } }; });\naddToBindingsCache('if: values().length === 0 && showButtons', function ($context, $element) { return { 'if': function () { return $context.$data.values().length === 0 && $context.$data.showButtons; } }; });\naddToBindingsCache('if: values().length !== 0', function ($context, $element) { return { 'if': function () { return $context.$data.values().length !== 0; } }; });\naddToBindingsCache('dxCheckBox: getOptions({ value: value, disabled: disabled, elementAttr: { \\'aria-label\\': displayName } }), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxCheckBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'elementAttr': { 'aria-label': $context.$data.displayName } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });\naddToBindingsCache('dxLocalizedSelectBox: { dataSource: [ { val: true, text: $root.getLocalization(\\'Yes\\', \\'AnalyticsCoreStringId.ParametersPanel_True\\') }, { val: false, text: $root.getLocalization(\\'No\\', \\'AnalyticsCoreStringId.ParametersPanel_False\\') }], inputAttr: { \\'aria-label\\': displayName }, valueExpr: \\'val\\', displayExpr: \\'text\\', value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) } }, dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxLocalizedSelectBox': function () { return { 'dataSource': [{ 'val': true, 'text': $context.$root.getLocalization('Yes', 'AnalyticsCoreStringId.ParametersPanel_True') }, { 'val': false, 'text': $context.$root.getLocalization('No', 'AnalyticsCoreStringId.ParametersPanel_False') }], 'inputAttr': { 'aria-label': $context.$data.displayName }, 'valueExpr': 'val', 'displayExpr': 'text', 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) } }; }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });\naddToBindingsCache('dxCollectionEditor: { values: value, displayName: displayName, level: level, info: info }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'displayName': $context.$data.displayName, 'level': $context.$data.level, 'info': $context.$data.info }; } }; });\naddToBindingsCache('text: $data.display, attr: { title: $data.display }', function ($context, $element) { return { 'text': function () { return $context.$data.display; }, 'attr': function () { return { 'title': $context.$data.display }; } }; });\naddToBindingsCache('dxLocalizedSelectBox: { dataSource: values, value: value, valueExpr: \\'value\\', displayExpr: \\'displayValue\\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \\'aria-label\\': displayName }}, dxValidator: getValidatorOptions($data.validatorOptions || { validationRules: $data.validationRules || [] })', function ($context, $element) { return { 'dxLocalizedSelectBox': function () { return { 'dataSource': $context.$data.values, 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'inputAttr': { 'aria-label': $context.$data.displayName } }; }, 'dxValidator': function () { return $context.$data.getValidatorOptions($context.$data.validatorOptions || { 'validationRules': $context.$data.validationRules || [] }); } }; });\naddToBindingsCache('dxLocalizedSelectBox: { items: values, value: value, valueExpr: \\'value\\', displayExpr: \\'displayValue\\', disabled: disabled, acceptCustomValue: true, onCustomItemCreating: function(arg) { return { value: arg.text, displayValue: arg.text }; }, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \\'aria-label\\': displayName }, useLocalizedTextAsValue: true }', function ($context, $element) { return { 'dxLocalizedSelectBox': function () { return { 'items': $context.$data.values, 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'disabled': $context.$data.disabled, 'acceptCustomValue': true, 'onCustomItemCreating': function (arg) { return { 'value': arg.text, 'displayValue': arg.text }; }, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'inputAttr': { 'aria-label': $context.$data.displayName }, 'useLocalizedTextAsValue': true }; } }; });\naddToBindingsCache('dxLocalizedSelectBox: { dataSource: values, value: generateValue($root.undoEngine), valueExpr: \\'value\\', displayExpr: \\'displayValue\\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) } }, dxValidator: getValidatorOptions($data.validatorOptions || { validationRules: validationRules || [] })', function ($context, $element) { return { 'dxLocalizedSelectBox': function () { return { 'dataSource': $context.$data.values, 'value': $context.$data.generateValue($context.$root.undoEngine), 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) } }; }, 'dxValidator': function () { return $context.$data.getValidatorOptions($context.$data.validatorOptions || { 'validationRules': $context.$data.validationRules || [] }); } }; });\naddToBindingsCache('attr: { role: isComplexEditor && \\'tab\\', \\'id\\': isComplexEditor && getIdByDisplayName(\\'dxrd-accordion-trigger\\'), \\'aria-controls\\': isComplexEditor && getIdByDisplayName(\\'dxrd-accordion-pannel\\'), \\'aria-expanded\\': isComplexEditor && (!collapsed() ? \\'true\\' : \\'false\\') }, css: {\\'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented\\': isComplexEditor}', function ($context, $element) { return { 'attr': function () { return { 'role': $context.$data.isComplexEditor && 'tab', 'id': $context.$data.isComplexEditor && $context.$data.getIdByDisplayName('dxrd-accordion-trigger'), 'aria-controls': $context.$data.isComplexEditor && $context.$data.getIdByDisplayName('dxrd-accordion-pannel'), 'aria-expanded': $context.$data.isComplexEditor && (!$context.$data.collapsed() ? 'true' : 'false') }; }, 'css': function () { return { 'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented': $context.$data.isComplexEditor }; } }; });\naddToBindingsCache('styleunit: padding, css: { \\'dx-accordion-empty\\': templateName === \\'dx-emptyHeader\\' }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-accordion-empty': $context.$data.templateName === 'dx-emptyHeader' }; } }; });\naddToBindingsCache('enable: templateName === \\'dx-emptyHeader\\'', function ($context, $element) { return { 'enable': function () { return $context.$data.templateName === 'dx-emptyHeader'; } }; });\naddToBindingsCache('searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \\'title\\': displayName }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayName, 'textToSearch': $context.$data.textToSearch }; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });\naddToBindingsCache('text: displayName, attr: { \\'title\\': displayName }', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });\naddToBindingsCache('searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \\'title\\': displayName }, css: { \\'dx-field-label-required\\': isRequired }, style: { fontWeight: isPropertyModified() ? \\'Bold\\' : \\'\\'}', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayName, 'textToSearch': $context.$data.textToSearch }; }, 'attr': function () { return { 'title': $context.$data.displayName }; }, 'css': function () { return { 'dx-field-label-required': $context.$data.isRequired }; }, 'style': function () { return { 'fontWeight': $context.$data.isPropertyModified() ? 'Bold' : '' }; } }; });\naddToBindingsCache('text: displayName, attr: { \\'title\\': displayName }, css: { \\'dx-property-required\\': isRequired }, style: { fontWeight: isPropertyModified() ? \\'Bold\\' : \\'\\'}', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName }; }, 'css': function () { return { 'dx-property-required': $context.$data.isRequired }; }, 'style': function () { return { 'fontWeight': $context.$data.isPropertyModified() ? 'Bold' : '' }; } }; });\naddToBindingsCache('css: { \\'dxd-border-accented\\': $data.isPropertyHighlighted }', function ($context, $element) { return { 'css': function () { return { 'dxd-border-accented': $context.$data.isPropertyHighlighted }; } }; });\naddToBindingsCache('service: { name: \\'createEditorAddOn\\' }', function ($context, $element) { return { 'service': function () { return { 'name': 'createEditorAddOn' }; } }; });\naddToBindingsCache('attr:{\\'aria-labelledby\\': getIdByDisplayName(\\'dxrd-accordion-trigger\\'), \\'id\\': getIdByDisplayName(\\'dxrd-accordion-pannel\\'), \\'aria-hidden\\': collapsed() ? \\'true\\' : \\'false\\' }', function ($context, $element) { return { 'attr': function () { return { 'aria-labelledby': $context.$data.getIdByDisplayName('dxrd-accordion-trigger'), 'id': $context.$data.getIdByDisplayName('dxrd-accordion-pannel'), 'aria-hidden': $context.$data.collapsed() ? 'true' : 'false' }; } }; });\naddToBindingsCache('if: isComplexEditor', function ($context, $element) { return { 'if': function () { return $context.$data.isComplexEditor; } }; });\naddToBindingsCache('if: !!$data.textToSearch', function ($context, $element) { return { 'if': function () { return !!$context.$data.textToSearch; } }; });\naddToBindingsCache('ifnot: !!$data.textToSearch', function ($context, $element) { return { 'ifnot': function () { return !!$context.$data.textToSearch; } }; });\naddToBindingsCache('if: !isComplexEditor', function ($context, $element) { return { 'if': function () { return !$context.$data.isComplexEditor; } }; });\naddToBindingsCache('if: templateName !== \\'dx-emptyHeader\\'', function ($context, $element) { return { 'if': function () { return $context.$data.templateName !== 'dx-emptyHeader'; } }; });\naddToBindingsCache('lazy: { innerBindings: { template: templateName }, isResolved: $data.isRendered }', function ($context, $element) { return { 'lazy': function () { return { 'innerBindings': { 'template': $context.$data.templateName }, 'isResolved': $context.$data.isRendered }; } }; });\naddToBindingsCache('if: (!$data.editorCreated || editorCreated)', function ($context, $element) { return { 'if': function () { return (!$context.$data.editorCreated || $context.$data.editorCreated); } }; });\naddToBindingsCache('template: contentTemplateName', function ($context, $element) { return { 'template': function () { return $context.$data.contentTemplateName; } }; });\naddToBindingsCache('dxDateBox: getOptions({ value: value, closeOnValueChange: true, type: \\'datetime\\', disabled: disabled, inputAttr: { \\'aria-label\\': displayName }, dropDownOptions: { container: $root.getPopupContainer($element), position: { at: \\'left bottom\\', collision: \\'flipfit flip\\', my: \\'left top\\', boundary: $root.getPopupContainer($element), of: $element } } }), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxDateBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'closeOnValueChange': true, 'type': 'datetime', 'disabled': $context.$data.disabled, 'inputAttr': { 'aria-label': $context.$data.displayName }, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'position': { 'at': 'left bottom', 'collision': 'flipfit flip', 'my': 'left top', 'boundary': $context.$root.getPopupContainer($element), 'of': $element } } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });\naddToBindingsCache('dxFileImagePicker: { value: value, placeholderId: \\'File\\', disabled: disabled }', function ($context, $element) { return { 'dxFileImagePicker': function () { return { 'value': $context.$data.value, 'placeholderId': 'File', 'disabled': $context.$data.disabled }; } }; });\naddToBindingsCache('css: { \\'dxd-state-active\\': bold(), \\'dx-disabled-button\\': $parent.disabled }, click: function() { if(!$parent.disabled()) { bold(!bold()); } }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-active': $context.$data.bold(), 'dx-disabled-button': $context.$parent.disabled }; }, 'click': function () { return function () { if (!$context.$parent.disabled()) {\n $context.$data.bold(!$context.$data.bold());\n } }; } }; });\naddToBindingsCache('css: { \\'dxd-state-active\\': italic(), \\'dx-disabled-button\\': $parent.disabled }, click: function() { if(!$parent.disabled()) { italic(!italic()); } }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-active': $context.$data.italic(), 'dx-disabled-button': $context.$parent.disabled }; }, 'click': function () { return function () { if (!$context.$parent.disabled()) {\n $context.$data.italic(!$context.$data.italic());\n } }; } }; });\naddToBindingsCache('css: { \\'dxd-state-active\\': underline(), \\'dx-disabled-button\\': $parent.disabled }, click: function() { if(!$parent.disabled()) { underline(!underline()); } }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-active': $context.$data.underline(), 'dx-disabled-button': $context.$parent.disabled }; }, 'click': function () { return function () { if (!$context.$parent.disabled()) {\n $context.$data.underline(!$context.$data.underline());\n } }; } }; });\naddToBindingsCache('css: { \\'dxd-state-active\\': strikeout(), \\'dx-disabled-button\\': $parent.disabled }, click: function() { if(!$parent.disabled()) { strikeout(!strikeout()); } }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-active': $context.$data.strikeout(), 'dx-disabled-button': $context.$parent.disabled }; }, 'click': function () { return function () { if (!$context.$parent.disabled()) {\n $context.$data.strikeout(!$context.$data.strikeout());\n } }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fontstyle-bold\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fontstyle-bold'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fontstyle-italic\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fontstyle-italic'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fontstyle-underline\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fontstyle-underline'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fontstyle-strikeout\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fontstyle-strikeout'; } }; });\naddToBindingsCache('dxFileImagePicker: { value: value, placeholderId: \\'Image\\', accept: \\'image/*\\', type: \\'img\\', disabled: disabled }', function ($context, $element) { return { 'dxFileImagePicker': function () { return { 'value': $context.$data.value, 'placeholderId': 'Image', 'accept': 'image/*', 'type': 'img', 'disabled': $context.$data.disabled }; } }; });\naddToBindingsCache('dxNumberBox: getOptions({ value:value, showSpinButtons:true, disabled:disabled, inputAttr: { \\'aria-label\\': displayName } }), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxNumberBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'showSpinButtons': true, 'disabled': $context.$data.disabled, 'inputAttr': { 'aria-label': $context.$data.displayName } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });\naddToBindingsCache('dxTextBox: getOptions({ value: value, disabled: disabled, inputAttr: { \\'aria-label\\': displayName } }), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'inputAttr': { 'aria-label': $context.$data.displayName } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });\naddToBindingsCache('dxTextBox: getOptions({ value: value, disabled: disabled, inputAttr: { \\'aria-label\\': displayName }}), dxValidator: getValidatorOptions($data.validatorOptions || { validationRules: validationRules || [] })', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'inputAttr': { 'aria-label': $context.$data.displayName } }); }, 'dxValidator': function () { return $context.$data.getValidatorOptions($context.$data.validatorOptions || { 'validationRules': $context.$data.validationRules || [] }); } }; });\naddToBindingsCache('dxTextBox: getOptions({ value: value, disabled: disabled, inputAttr: { \\'aria-label\\': displayName }})', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'inputAttr': { 'aria-label': $context.$data.displayName } }); } }; });\naddToBindingsCache('value: value, disable: disabled', function ($context, $element) { return { 'value': function () { return $context.$data.value; }, 'disable': function () { return $context.$data.disabled; }, '_ko_property_writers': function () { return { 'value': function (_z) { $context.$data.value = _z; } }; } }; });\naddToBindingsCache('if: $data.validationRules', function ($context, $element) { return { 'if': function () { return $context.$data.validationRules; } }; });\naddToBindingsCache('if: !$data.validationRules', function ($context, $element) { return { 'if': function () { return !$context.$data.validationRules; } }; });\naddToBindingsCache('css: { \\'dx-rtl\\' : rtl }', function ($context, $element) { return { 'css': function () { return { 'dx-rtl': $context.$data.rtl }; } }; });\naddToBindingsCache('foreach: getEditors()', function ($context, $element) { return { 'foreach': function () { return $context.$data.getEditors(); } }; });\naddToBindingsCache('dxPopup: { showTitle: true, width: \\'750px\\', height: \\'475px\\', title: title(), rtlEnabled: rtl, visible: popupVisible, wrapperAttr: { class: className }, toolbarItems: buttonItems, showCloseButton: true, container: $root.getPopupContainer($element), position: { of: $root.getPopupContainer($element) }, }', function ($context, $element) { return { 'dxPopup': function () { return { 'showTitle': true, 'width': '750px', 'height': '475px', 'title': $context.$data.title(), 'rtlEnabled': $context.$data.rtl, 'visible': $context.$data.popupVisible, 'wrapperAttr': { 'class': $context.$data.className }, 'toolbarItems': $context.$data.buttonItems, 'showCloseButton': true, 'container': $context.$root.getPopupContainer($element), 'position': { 'of': $context.$root.getPopupContainer($element) } }; } }; });\naddToBindingsCache('dxDataGrid: queriesGrid', function ($context, $element) { return { 'dxDataGrid': function () { return $context.$data.queriesGrid; } }; });\naddToBindingsCache('dxDropDownButton: $data', function ($context, $element) { return { 'dxDropDownButton': function () { return $context.$data; } }; });\naddToBindingsCache('if: $data', function ($context, $element) { return { 'if': function () { return $context.$data; } }; });\naddToBindingsCache('template: { name: $data._queriesPopupHelper.template, data: _queriesPopupHelper }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data._queriesPopupHelper.template, 'data': $context.$data._queriesPopupHelper }; } }; });\naddToBindingsCache('foreach: $data.popupItems', function ($context, $element) { return { 'foreach': function () { return $context.$data.popupItems; } }; });\naddToBindingsCache('template: { name: template, data: model }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.template, 'data': $context.$data.model }; } }; });\naddToBindingsCache('with: options', function ($context, $element) { return { 'with': function () { return $context.$data.options; } }; });\naddToBindingsCache('dxTextArea: { value: textAreaValue, isValid: isValid, spellcheck: false, onKeyUp: function() { isValid(true); } }, resizable: resizeHelper.resizable($root.resizeHandler, \\'s\\', $element)', function ($context, $element) { return { 'dxTextArea': function () { return { 'value': $context.$data.textAreaValue, 'isValid': $context.$data.isValid, 'spellcheck': false, 'onKeyUp': function () { $context.$data.isValid(true); } }; }, 'resizable': function () { return $context.$data.resizeHelper.resizable($context.$root.resizeHandler, 's', $element); } }; });\naddToBindingsCache('dxAceEditor: { value: textAreaValue, editorContainer: editorContainer, theme: theme, options: aceOptions, additionalOptions: additionalOptions, callbacks: callbacks }, resizable: resizeHelper.resizable($root.resizeHandler, \\'s\\', $element)', function ($context, $element) { return { 'dxAceEditor': function () { return { 'value': $context.$data.textAreaValue, 'editorContainer': $context.$data.editorContainer, 'theme': $context.$data.theme, 'options': $context.$data.aceOptions, 'additionalOptions': $context.$data.additionalOptions, 'callbacks': $context.$data.callbacks }; }, 'resizable': function () { return $context.$data.resizeHelper.resizable($context.$root.resizeHandler, 's', $element); } }; });\naddToBindingsCache('visible: visible, attr: { class: \\'dx-expressioneditor-tools-tab dxd-back-primary2 \\'+ ($data.templateName ? $data.templateName : \\'\\')}', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'attr': function () { return { 'class': 'dx-expressioneditor-tools-tab dxd-back-primary2 ' + ($context.$data.templateName ? $context.$data.templateName : '') }; } }; });\naddToBindingsCache('dxEllipsisEditor: { value: displayValue, buttonAction: function() { popupVisible(true); }, disabled: disabled, isValid: modelValueValid, warningMessage: modelValueWarning }', function ($context, $element) { return { 'dxEllipsisEditor': function () { return { 'value': $context.$data.displayValue, 'buttonAction': function () { $context.$data.popupVisible(true); }, 'disabled': $context.$data.disabled, 'isValid': $context.$data.modelValueValid, 'warningMessage': $context.$data.modelValueWarning }; } }; });\naddToBindingsCache('dxPopup: { animation: { show: { type: \\'fadeIn\\', duration: 700 }, hide: { type: \\'fadeOut\\', duration: 700 } }, showTitle: true, wrapperAttr: { class: \\'dx-expressioneditor dx-popup-general\\' }, title: title(), visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: \\'615px\\', maxHeight: \\'90%\\', maxWidth: \\'90%\\', minHeight: 400, minWidth: 500, width: \\'645px\\', container: getPopupContainer($element), position: { of: getPopupContainer($element)}, onContentReady: onContentReady, onShowing: onShowing, onHiding: onHiding, onShown: onShown, resizeEnabled: true, onResize: function() { $data.resizeAceEditor() } }', function ($context, $element) { return { 'dxPopup': function () { return { 'animation': { 'show': { 'type': 'fadeIn', 'duration': 700 }, 'hide': { 'type': 'fadeOut', 'duration': 700 } }, 'showTitle': true, 'wrapperAttr': { 'class': 'dx-expressioneditor dx-popup-general' }, 'title': $context.$data.title(), 'visible': $context.$data.popupVisible, 'toolbarItems': $context.$data.buttonItems, 'showCloseButton': true, 'fullScreen': false, 'height': '615px', 'maxHeight': '90%', 'maxWidth': '90%', 'minHeight': 400, 'minWidth': 500, 'width': '645px', 'container': $context.$data.getPopupContainer($element), 'position': { 'of': $context.$data.getPopupContainer($element) }, 'onContentReady': $context.$data.onContentReady, 'onShowing': $context.$data.onShowing, 'onHiding': $context.$data.onHiding, 'onShown': $context.$data.onShown, 'resizeEnabled': true, 'onResize': function () { $context.$data.resizeAceEditor(); } }; } }; });\naddToBindingsCache('if: !aceAvailable', function ($context, $element) { return { 'if': function () { return !$context.$data.aceAvailable; } }; });\naddToBindingsCache('if: aceAvailable', function ($context, $element) { return { 'if': function () { return $context.$data.aceAvailable; } }; });\naddToBindingsCache('with: tools', function ($context, $element) { return { 'with': function () { return $context.$data.tools; } }; });\naddToBindingsCache('foreach: toolBox', function ($context, $element) { return { 'foreach': function () { return $context.$data.toolBox; } }; });\naddToBindingsCache('template: { name: $data.templateName }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.templateName }; } }; });\naddToBindingsCache('template: \\'dx-expressioneditor-popup\\'', function ($context, $element) { return { 'template': function () { return 'dx-expressioneditor-popup'; } }; });\naddToBindingsCache('if: popupVisible', function ($context, $element) { return { 'if': function () { return $context.$data.popupVisible; } }; });\naddToBindingsCache('template: \"dx-expressioneditor-main\"', function ($context, $element) { return { 'template': function () { return 'dx-expressioneditor-main'; } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\' }, resizable: $parents[1].resizeHelper.resizable($root.resizeHandler, \\'e\\')', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover' }; }, 'resizable': function () { return $context.$parents[1].resizeHelper.resizable($context.$root.resizeHandler, 'e'); } }; });\naddToBindingsCache('css: {\\'dxd-state-selected\\': content.isSelected }, text: displayName, dxclick: function() { $parent.click($data.content) }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-selected': $context.$data.content.isSelected }; }, 'text': function () { return $context.$data.displayName; }, 'dxclick': function () { return function () { $context.$parent.click($context.$data.content); }; } }; });\naddToBindingsCache('css: {\\'dxd-state-selected\\': $data.isSelected }, dxclick: function() { $data.updateContent($data.allItems(), $data.isSelected); $parent.click($data.content) }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-selected': $context.$data.isSelected }; }, 'dxclick': function () { return function () { $context.$data.updateContent($context.$data.allItems(), $context.$data.isSelected); $context.$parent.click($context.$data.content); }; } }; });\naddToBindingsCache('text: displayName', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; } }; });\naddToBindingsCache('css: {\\'dxd-state-selected\\': isSelected }, text: $data.display, dxclick: function() { $parent.updateContent($data.data, $data.isSelected); $parents[1].click($parent.content); }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-selected': $context.$data.isSelected }; }, 'text': function () { return $context.$data.display; }, 'dxclick': function () { return function () { $context.$parent.updateContent($context.$data.data, $context.$data.isSelected); $context.$parents[1].click($context.$parent.content); }; } }; });\naddToBindingsCache('foreach: content', function ($context, $element) { return { 'foreach': function () { return $context.$data.content; } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\' }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover' }; } }; });\naddToBindingsCache('text: content', function ($context, $element) { return { 'text': function () { return $context.$data.content; } }; });\naddToBindingsCache('treeListSearchPanel: { controllers: [ ko.unwrap($data.parameters) ? ko.unwrap($data.parameters).treeListController : ko.unwrap($data.parameters), ko.unwrap($data.fields) ? ko.unwrap($data.fields).treeListController : ko.unwrap($data.fields) ] }', function ($context, $element) { return { 'treeListSearchPanel': function () { return { 'controllers': [$context.ko.unwrap($context.$data.parameters) ? $context.ko.unwrap($context.$data.parameters).treeListController : $context.ko.unwrap($context.$data.parameters), $context.ko.unwrap($context.$data.fields) ? $context.ko.unwrap($context.$data.fields).treeListController : $context.ko.unwrap($context.$data.fields)] }; } }; });\naddToBindingsCache('treelist: fields', function ($context, $element) { return { 'treelist': function () { return $context.$data.fields; } }; });\naddToBindingsCache('treelist: parameters', function ($context, $element) { return { 'treelist': function () { return $context.$data.parameters; } }; });\naddToBindingsCache('visible: visible, event: { dblclick: function() { actions[0].clickAction($element); }}, styleunit: padding, css: { \\'dx-treelist-item-selected dxd-state-selected\\': isSelected }', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'event': function () { return { 'dblclick': function () { $context.$data.actions[0].clickAction($element); } }; }, 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-treelist-item-selected dxd-state-selected': $context.$data.isSelected }; } }; });\naddToBindingsCache('css: nodeImageClass, template: \\'dxrd-svg-collapsed\\', click: toggleCollapsed', function ($context, $element) { return { 'css': function () { return $context.$data.nodeImageClass; }, 'template': function () { return 'dxrd-svg-collapsed'; }, 'click': function () { return $context.$data.toggleCollapsed; } }; });\naddToBindingsCache('css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }', function ($context, $element) { return { 'css': function () { return $context.$data.imageClassName; }, 'template': function () { return { 'name': $context.$data.imageTemplateName, 'if': !!$context.ko.unwrap($context.$data.imageTemplateName) }; }, 'attr': function () { return { 'title': $context.$data.text }; } }; });\naddToBindingsCache('click: toggleSelected', function ($context, $element) { return { 'click': function () { return $context.$data.toggleSelected; } }; });\naddToBindingsCache('if: fields', function ($context, $element) { return { 'if': function () { return $context.$data.fields; } }; });\naddToBindingsCache('if: $data.parameters', function ($context, $element) { return { 'if': function () { return $context.$data.parameters; } }; });\naddToBindingsCache('if: hasItems', function ($context, $element) { return { 'if': function () { return $context.$data.hasItems; } }; });\naddToBindingsCache('ifnot: hasItems', function ($context, $element) { return { 'ifnot': function () { return $context.$data.hasItems; } }; });\naddToBindingsCache('template: { name: \\'dx-treelist-item-text-content\\' }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-treelist-item-text-content' }; } }; });\naddToBindingsCache('attr: { class: \\'dx-expressioneditor-tools-tab-item dxd-list-item-back-color dxd-text-primary dxd-back-highlighted \\' + ($data.class ? $data.class : \\'\\') }, text: $data.displayName || $data.text, css: { \\'dx-expressioneditor-state-selected dxd-state-selected\\': $parent.selectedItem() === $data }, dxclick: function() { $parent.selectedItem($data); $parents[2].click($data); }, event: { dblclick: function() { $parents[2].dblclick($data, $element); } }', function ($context, $element) { return { 'attr': function () { return { 'class': 'dx-expressioneditor-tools-tab-item dxd-list-item-back-color dxd-text-primary dxd-back-highlighted ' + ($context.$data.class ? $context.$data.class : '') }; }, 'text': function () { return $context.$data.displayName || $context.$data.text; }, 'css': function () { return { 'dx-expressioneditor-state-selected dxd-state-selected': $context.$parent.selectedItem() === $context.$data }; }, 'dxclick': function () { return function () { $context.$parent.selectedItem($context.$data); $context.$parents[2].click($context.$data); }; }, 'event': function () { return { 'dblclick': function () { $context.$parents[2].dblclick($context.$data, $element); } }; } }; });\naddToBindingsCache('dxTextBox: { value: textToSearch, showClearButton: true, valueChangeEvent: \\'keyup\\', placeholder: $parents[2].searchPlaceholder() }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.textToSearch, 'showClearButton': true, 'valueChangeEvent': 'keyup', 'placeholder': $context.$parents[2].searchPlaceholder() }; } }; });\naddToBindingsCache('css: { \\'dx-expressioneditor-state-selected dxd-state-selected\\': $parent.selectedItem() === $data }, dxclick: function() { $parent.selectedItem($data); $parents[2].click($data); }, event: { dblclick: function() { $parents[2].dblclick($data, $element); } }, searchHighlighting: { text: $data.displayName || $data.text, textToSearch: $parent.textToSearch }', function ($context, $element) { return { 'css': function () { return { 'dx-expressioneditor-state-selected dxd-state-selected': $context.$parent.selectedItem() === $context.$data }; }, 'dxclick': function () { return function () { $context.$parent.selectedItem($context.$data); $context.$parents[2].click($context.$data); }; }, 'event': function () { return { 'dblclick': function () { $context.$parents[2].dblclick($context.$data, $element); } }; }, 'searchHighlighting': function () { return { 'text': $context.$data.displayName || $context.$data.text, 'textToSearch': $context.$parent.textToSearch }; } }; });\naddToBindingsCache('with: content', function ($context, $element) { return { 'with': function () { return $context.$data.content; } }; });\naddToBindingsCache('template: $data', function ($context, $element) { return { 'template': function () { return $context.$data; } }; });\naddToBindingsCache('foreach: availableItems', function ($context, $element) { return { 'foreach': function () { return $context.$data.availableItems; } }; });\naddToBindingsCache('css: { \\'advanced\\': advancedMode }', function ($context, $element) { return { 'css': function () { return { 'advanced': $context.$data.advancedMode }; } }; });\naddToBindingsCache('css: { \\'advanced\\': advancedMode }, visible: textVisible', function ($context, $element) { return { 'css': function () { return { 'advanced': $context.$data.advancedMode }; }, 'visible': function () { return $context.$data.textVisible; } }; });\naddToBindingsCache('dxCheckBox: { value: advancedMode, text: advancedModeText }', function ($context, $element) { return { 'dxCheckBox': function () { return { 'value': $context.$data.advancedMode, 'text': $context.$data.advancedModeText }; } }; });\naddToBindingsCache('style: { height: plainContentHeightPerc }', function ($context, $element) { return { 'style': function () { return { 'height': $context.$data.plainContentHeightPerc }; } }; });\naddToBindingsCache('css: { \\'advanced\\': advancedMode }, style: { height: textContentHeightPerc }', function ($context, $element) { return { 'css': function () { return { 'advanced': $context.$data.advancedMode }; }, 'style': function () { return { 'height': $context.$data.textContentHeightPerc }; } }; });\naddToBindingsCache('css: { \\'advanced\\': advancedMode }, style: { height: treeContentHeightPerc }', function ($context, $element) { return { 'css': function () { return { 'advanced': $context.$data.advancedMode }; }, 'style': function () { return { 'height': $context.$data.treeContentHeightPerc }; } }; });\naddToBindingsCache('dxTextArea: { value: displayValue, isValid: isValid, onInput: onInput, spellcheck: false }, cacheElement: { action: function(element) { cacheElement(element) } }', function ($context, $element) { return { 'dxTextArea': function () { return { 'value': $context.$data.displayValue, 'isValid': $context.$data.isValid, 'onInput': $context.$data.onInput, 'spellcheck': false }; }, 'cacheElement': function () { return { 'action': function (element) { $context.$data.cacheElement(element); } }; } }; });\naddToBindingsCache('css: {\\'dx-invalid\\': !$data.isValid(), \\'dx-state-focused\\': textFocused }', function ($context, $element) { return { 'css': function () { return { 'dx-invalid': !$context.$data.isValid(), 'dx-state-focused': $context.$data.textFocused }; } }; });\naddToBindingsCache('dxAceEditor: { value: $data.displayValue, theme: helper.aceTheme, editorContainer: editorContainer, options: aceOptions, additionalOptions: additionalOptions }', function ($context, $element) { return { 'dxAceEditor': function () { return { 'value': $context.$data.displayValue, 'theme': $context.$data.helper.aceTheme, 'editorContainer': $context.$data.editorContainer, 'options': $context.$data.aceOptions, 'additionalOptions': $context.$data.additionalOptions }; } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\', direction: \\'both\\' }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'direction': 'both' }; } }; });\naddToBindingsCache('dxclick: function() { $data.advancedMode(true); }', function ($context, $element) { return { 'dxclick': function () { return function () { $context.$data.advancedMode(true); }; } }; });\naddToBindingsCache('text: invalidMessage()', function ($context, $element) { return { 'text': function () { return $context.$data.invalidMessage(); } }; });\naddToBindingsCache('template: \\'dx-filtereditor-content-tree\\'', function ($context, $element) { return { 'template': function () { return 'dx-filtereditor-content-tree'; } }; });\naddToBindingsCache('template: \\'dx-filtereditor-content-text\\'', function ($context, $element) { return { 'template': function () { return 'dx-filtereditor-content-text'; } }; });\naddToBindingsCache('with: operandSurface', function ($context, $element) { return { 'with': function () { return $context.$data.operandSurface; } }; });\naddToBindingsCache('template: { name: $data.templateName, data: $data, if: $parent.isSurfaceValid }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.templateName, 'data': $context.$data, 'if': $context.$parent.isSurfaceValid }; } }; });\naddToBindingsCache('ifnot: isSurfaceValid', function ($context, $element) { return { 'ifnot': function () { return $context.$data.isSurfaceValid; } }; });\naddToBindingsCache('dxEllipsisEditor: { value: modelDisplayValue, isValid: modelValueIsValid, disabled: disabled, buttonAction: function() { popupVisible(true); } }', function ($context, $element) { return { 'dxEllipsisEditor': function () { return { 'value': $context.$data.modelDisplayValue, 'isValid': $context.$data.modelValueIsValid, 'disabled': $context.$data.disabled, 'buttonAction': function () { $context.$data.popupVisible(true); } }; } }; });\naddToBindingsCache('style: { pointerEvents: $data.options().disabled() ? \\'none\\' : \\'\\' }', function ($context, $element) { return { 'style': function () { return { 'pointerEvents': $context.$data.options().disabled() ? 'none' : '' }; } }; });\naddToBindingsCache('template: \\'dx-filtereditor-popup\\'', function ($context, $element) { return { 'template': function () { return 'dx-filtereditor-popup'; } }; });\naddToBindingsCache('template: \\'dx-filtereditor-content\\'', function ($context, $element) { return { 'template': function () { return 'dx-filtereditor-content'; } }; });\naddToBindingsCache('template: \\'dx-filtereditor-content-popups\\'', function ($context, $element) { return { 'template': function () { return 'dx-filtereditor-content-popups'; } }; });\naddToBindingsCache('template: \\'dx-filtereditor-content-plain\\'', function ($context, $element) { return { 'template': function () { return 'dx-filtereditor-content-plain'; } }; });\naddToBindingsCache('service: { name: \\'createChangeType\\' }', function ($context, $element) { return { 'service': function () { return { 'name': 'createChangeType' }; } }; });\naddToBindingsCache('dxclick: function() { $data.remove && $data.remove(); }', function ($context, $element) { return { 'dxclick': function () { return function () { $context.$data.remove && $context.$data.remove(); }; } }; });\naddToBindingsCache('visible: !!$data.canRemove', function ($context, $element) { return { 'visible': function () { return !!$context.$data.canRemove; } }; });\naddToBindingsCache('with: property', function ($context, $element) { return { 'with': function () { return $context.$data.property; } }; });\naddToBindingsCache('template: { name: templateName, data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.templateName, 'data': $context.$data }; } }; });\naddToBindingsCache('if: $data.aggregatedExpression()', function ($context, $element) { return { 'if': function () { return $context.$data.aggregatedExpression(); } }; });\naddToBindingsCache('with: aggregatedExpression', function ($context, $element) { return { 'with': function () { return $context.$data.aggregatedExpression; } }; });\naddToBindingsCache('template: \\'dxrd-svg-filtereditor-remove\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-filtereditor-remove'; } }; });\naddToBindingsCache('template: { name: \\'dx-filtereditor-aggregate-common\\' }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-filtereditor-aggregate-common' }; } }; });\naddToBindingsCache('with: condition', function ($context, $element) { return { 'with': function () { return $context.$data.condition; } }; });\naddToBindingsCache('with: begin', function ($context, $element) { return { 'with': function () { return $context.$data.begin; } }; });\naddToBindingsCache('with: end', function ($context, $element) { return { 'with': function () { return $context.$data.end; } }; });\naddToBindingsCache('with: leftOperand', function ($context, $element) { return { 'with': function () { return $context.$data.leftOperand; } }; });\naddToBindingsCache('with: rightOperand', function ($context, $element) { return { 'with': function () { return $context.$data.rightOperand; } }; });\naddToBindingsCache('if: $data.leftPart && $data.leftPart.condition', function ($context, $element) { return { 'if': function () { return $context.$data.leftPart && $context.$data.leftPart.condition; } }; });\naddToBindingsCache('with: leftPart', function ($context, $element) { return { 'with': function () { return $context.$data.leftPart; } }; });\naddToBindingsCache('css: css', function ($context, $element) { return { 'css': function () { return $context.$data.css; } }; });\naddToBindingsCache('text: displayType', function ($context, $element) { return { 'text': function () { return $context.$data.displayType; } }; });\naddToBindingsCache('service: { name: \\'createChangeValueType\\' }', function ($context, $element) { return { 'service': function () { return { 'name': 'createChangeValueType' }; } }; });\naddToBindingsCache('template: { name: $data.leftPart.templateName, data: $data.leftPart }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.leftPart.templateName, 'data': $context.$data.leftPart }; } }; });\naddToBindingsCache('foreach: rightPart', function ($context, $element) { return { 'foreach': function () { return $context.$data.rightPart; } }; });\naddToBindingsCache('template: { name: $data.templateName, data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.templateName, 'data': $context.$data }; } }; });\naddToBindingsCache('service: { name: \\'createAddButton\\' }', function ($context, $element) { return { 'service': function () { return { 'name': 'createAddButton' }; } }; });\naddToBindingsCache('foreach: operands', function ($context, $element) { return { 'foreach': function () { return $context.$data.operands; } }; });\naddToBindingsCache('dxclick: addValue', function ($context, $element) { return { 'dxclick': function () { return $context.$data.addValue; } }; });\naddToBindingsCache('with: criteriaOperator', function ($context, $element) { return { 'with': function () { return $context.$data.criteriaOperator; } }; });\naddToBindingsCache('if: $data.operands().length > 1', function ($context, $element) { return { 'if': function () { return $context.$data.operands().length > 1; } }; });\naddToBindingsCache('foreach: $data.operands()', function ($context, $element) { return { 'foreach': function () { return $context.$data.operands(); } }; });\naddToBindingsCache('if: $data.operands().length == 1', function ($context, $element) { return { 'if': function () { return $context.$data.operands().length == 1; } }; });\naddToBindingsCache('template: { name: $data.operands()[0].templateName, data: $data.operands()[0] }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.operands()[0].templateName, 'data': $context.$data.operands()[0] }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-filtereditor-add\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-filtereditor-add'; } }; });\naddToBindingsCache('service: { name: \\'createChangeParameter\\' }', function ($context, $element) { return { 'service': function () { return { 'name': 'createChangeParameter' }; } }; });\naddToBindingsCache('if: $data.canChange', function ($context, $element) { return { 'if': function () { return $context.$data.canChange; } }; });\naddToBindingsCache('service: { name: \\'createChangeProperty\\' }', function ($context, $element) { return { 'service': function () { return { 'name': 'createChangeProperty' }; } }; });\naddToBindingsCache('if: $data.operand().reverse', function ($context, $element) { return { 'if': function () { return $context.$data.operand().reverse; } }; });\naddToBindingsCache('template: {name: $data.operand().templateName, data: $data.operand() }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.operand().templateName, 'data': $context.$data.operand() }; } }; });\naddToBindingsCache('ifnot: $data.operand().reverse', function ($context, $element) { return { 'ifnot': function () { return $context.$data.operand().reverse; } }; });\naddToBindingsCache('with: operand', function ($context, $element) { return { 'with': function () { return $context.$data.operand; } }; });\naddToBindingsCache('visible: isEditable', function ($context, $element) { return { 'visible': function () { return $context.$data.isEditable; } }; });\naddToBindingsCache('dxTextBox: getStringEditorOptions($element), focus: { on: isEditable }', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.getStringEditorOptions($element); }, 'focus': function () { return { 'on': $context.$data.isEditable }; } }; });\naddToBindingsCache('focus: isEditable, dxLocalizedSelectBox: getBoolEditorOptions($element, $root)', function ($context, $element) { return { 'focus': function () { return $context.$data.isEditable; }, 'dxLocalizedSelectBox': function () { return $context.$data.getBoolEditorOptions($element, $context.$root); } }; });\naddToBindingsCache('focus: isEditable, dxDateBox: getDateEditorOptions($element, $root)', function ($context, $element) { return { 'focus': function () { return $context.$data.isEditable; }, 'dxDateBox': function () { return $context.$data.getDateEditorOptions($element, $context.$root); } }; });\naddToBindingsCache('dxTextBox: getNumberEditorOptions($element), focus: { on: isEditable }', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.getNumberEditorOptions($element); }, 'focus': function () { return { 'on': $context.$data.isEditable }; } }; });\naddToBindingsCache('focus: isEditable, dxSelectBox: getListEditOptions($element, $root)', function ($context, $element) { return { 'focus': function () { return $context.$data.isEditable; }, 'dxSelectBox': function () { return $context.$data.getListEditOptions($element, $context.$root); } }; });\naddToBindingsCache('visible: !isEditable()', function ($context, $element) { return { 'visible': function () { return !$context.$data.isEditable(); } }; });\naddToBindingsCache('text: value, click: function() { isEditable(true); }, css: { \\'default\\': $data.isDefaultDisplay() }', function ($context, $element) { return { 'text': function () { return $context.$data.value; }, 'click': function () { return function () { $context.$data.isEditable(true); }; }, 'css': function () { return { 'default': $context.$data.isDefaultDisplay() }; } }; });\naddToBindingsCache('if: $data.items.length === 0', function ($context, $element) { return { 'if': function () { return $context.$data.items.length === 0; } }; });\naddToBindingsCache('if: $data.specifics() === \"string\" || $data.specifics() === \"guid\"', function ($context, $element) { return { 'if': function () { return $context.$data.specifics() === 'string' || $context.$data.specifics() === 'guid'; } }; });\naddToBindingsCache('if: $data.specifics() === \"bool\"', function ($context, $element) { return { 'if': function () { return $context.$data.specifics() === 'bool'; } }; });\naddToBindingsCache('if: $data.specifics() === \"date\"', function ($context, $element) { return { 'if': function () { return $context.$data.specifics() === 'date'; } }; });\naddToBindingsCache('if: $data.specifics() !== \"string\" && $data.specifics() !== \"bool\" && $data.specifics() !== \"date\" && $data.specifics() !== \"guid\"', function ($context, $element) { return { 'if': function () { return $context.$data.specifics() !== 'string' && $context.$data.specifics() !== 'bool' && $context.$data.specifics() !== 'date' && $context.$data.specifics() !== 'guid'; } }; });\naddToBindingsCache('if: $data.items.length > 0', function ($context, $element) { return { 'if': function () { return $context.$data.items.length > 0; } }; });\naddToBindingsCache('dxPopup: { animation: { show: { type: \\'fadeIn\\', duration: 700 }, hide: { type: \\'fadeOut\\', duration: 700 } }, showTitle: true, wrapperAttr: { class: \\'dx-filtereditor dx-popup-general\\' }, resizeEnabled: true, onResize: function() { $data.resizeAceEditor() }, width: 700, height: 500, maxHeight: \\'95%\\', maxWidth: \\'95%\\', minHeight: 300, minWidth: 400, title: options() && options().title(), visible: popupVisible, onShown: function() { $data.focusText() }, toolbarItems: buttonItems, showCloseButton: true, container: getPopupContainer($element), position: { of: getPopupContainer($element) } }', function ($context, $element) { return { 'dxPopup': function () { return { 'animation': { 'show': { 'type': 'fadeIn', 'duration': 700 }, 'hide': { 'type': 'fadeOut', 'duration': 700 } }, 'showTitle': true, 'wrapperAttr': { 'class': 'dx-filtereditor dx-popup-general' }, 'resizeEnabled': true, 'onResize': function () { $context.$data.resizeAceEditor(); }, 'width': 700, 'height': 500, 'maxHeight': '95%', 'maxWidth': '95%', 'minHeight': 300, 'minWidth': 400, 'title': $context.$data.options() && $context.$data.options().title(), 'visible': $context.$data.popupVisible, 'onShown': function () { $context.$data.focusText(); }, 'toolbarItems': $context.$data.buttonItems, 'showCloseButton': true, 'container': $context.$data.getPopupContainer($element), 'position': { 'of': $context.$data.getPopupContainer($element) } }; } }; });\naddToBindingsCache('dxclick: showPopup', function ($context, $element) { return { 'dxclick': function () { return $context.$data.showPopup; } }; });\naddToBindingsCache('text: target.displayType, dxclick: showPopup, css: target.css', function ($context, $element) { return { 'text': function () { return $context.$data.target.displayType; }, 'dxclick': function () { return $context.$data.showPopup; }, 'css': function () { return $context.$data.target.css; } }; });\naddToBindingsCache('text: target.parameterName(), dxclick: showPopup, css: { \\'dxd-state-selected\\': target.isSelected }', function ($context, $element) { return { 'text': function () { return $context.$data.target.parameterName(); }, 'dxclick': function () { return $context.$data.showPopup; }, 'css': function () { return { 'dxd-state-selected': $context.$data.target.isSelected }; } }; });\naddToBindingsCache('text: target.displayName, dxclick: showPopup, css: { \\'dxd-state-selected\\': target.isSelected }', function ($context, $element) { return { 'text': function () { return $context.$data.target.displayName; }, 'dxclick': function () { return $context.$data.showPopup; }, 'css': function () { return { 'dxd-state-selected': $context.$data.target.isSelected }; } }; });\naddToBindingsCache('template: \\'dxrd-svg-filtereditor-edit\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-filtereditor-edit'; } }; });\naddToBindingsCache('dxPopupWithAutoHeight: { minWidth:\\'170px\\', maxWidth:\\'500px\\', width: \\'auto\\', height: \\'300px\\', wrapperAttr: { class: \\'dx-selectbox-popup-wrapper dx-dropdownlist-popup-wrapper dx-filtereditor-criteriaoperator-popup dx-dropdowneditor-overlay\\' }, focusStateEnabled: false, position: $data.rtl ? { my: \\'right top\\', at: \\'right bottom\\', of: popupService.target} : { my: \\'left top\\', at: \\'left bottom\\', of: popupService.target }, container: $data.getPopupContainer($element), target: popupService.target, showTitle: false, showCloseButton: false, animation: {}, hideOnOutsideClick: true, shading: false, visible: popupService.visible }', function ($context, $element) { return { 'dxPopupWithAutoHeight': function () { return { 'minWidth': '170px', 'maxWidth': '500px', 'width': 'auto', 'height': '300px', 'wrapperAttr': { 'class': 'dx-selectbox-popup-wrapper dx-dropdownlist-popup-wrapper dx-filtereditor-criteriaoperator-popup dx-dropdowneditor-overlay' }, 'focusStateEnabled': false, 'position': $context.$data.rtl ? { 'my': 'right top', 'at': 'right bottom', 'of': $context.$data.popupService.target } : { 'my': 'left top', 'at': 'left bottom', 'of': $context.$data.popupService.target }, 'container': $context.$data.getPopupContainer($element), 'target': $context.$data.popupService.target, 'showTitle': false, 'showCloseButton': false, 'animation': {}, 'hideOnOutsideClick': true, 'shading': false, 'visible': $context.$data.popupService.visible }; } }; });\naddToBindingsCache('dxTextBox: { placeholder: searchPlaceholder(), value: ($data.value || $data.filterString), height: \\'100%\\', width: \\'100%\\', stylingMode: \\'underlined\\', valueChangeEvent: \\'keyup\\' }', function ($context, $element) { return { 'dxTextBox': function () { return { 'placeholder': $context.$data.searchPlaceholder(), 'value': ($context.$data.value || $context.$data.filterString), 'height': '100%', 'width': '100%', 'stylingMode': 'underlined', 'valueChangeEvent': 'keyup' }; } }; });\naddToBindingsCache('template: { name: \\'dx-filtereditor-search-panel\\', data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-filtereditor-search-panel', 'data': $context.$data }; } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\' }, css: { \\'dx-filtereditor-filtered\\': isFiltered }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover' }; }, 'css': function () { return { 'dx-filtereditor-filtered': $context.$data.isFiltered }; } }; });\naddToBindingsCache('text: $data.displayText || $data.name, click: function() { $parent.click($data); }, attr: {\\'title\\': $data.displayText || $data.name }', function ($context, $element) { return { 'text': function () { return $context.$data.displayText || $context.$data.name; }, 'click': function () { return function () { $context.$parent.click($context.$data); }; }, 'attr': function () { return { 'title': $context.$data.displayText || $context.$data.name }; } }; });\naddToBindingsCache('searchHighlighting: { text: $data.displayText || $data.name, textToSearch: $parent.filterString }, click: function() { $parent.click($data); }, attr: {\\'title\\': $data.displayText || $data.name }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayText || $context.$data.name, 'textToSearch': $context.$parent.filterString }; }, 'click': function () { return function () { $context.$parent.click($context.$data); }; }, 'attr': function () { return { 'title': $context.$data.displayText || $context.$data.name }; } }; });\naddToBindingsCache('treeListSearchPanel: { controllers: data().treeListController, template: \\'dx-filtereditor-search-panel\\' }', function ($context, $element) { return { 'treeListSearchPanel': function () { return { 'controllers': $context.$data.data().treeListController, 'template': 'dx-filtereditor-search-panel' }; } }; });\naddToBindingsCache('treelist: data', function ($context, $element) { return { 'treelist': function () { return $context.$data.data; } }; });\naddToBindingsCache('with: popupService', function ($context, $element) { return { 'with': function () { return $context.$data.popupService; } }; });\naddToBindingsCache('with: data', function ($context, $element) { return { 'with': function () { return $context.$data.data; } }; });\naddToBindingsCache('template: template', function ($context, $element) { return { 'template': function () { return $context.$data.template; } }; });\naddToBindingsCache('if: $data.isFiltered', function ($context, $element) { return { 'if': function () { return $context.$data.isFiltered; } }; });\naddToBindingsCache('foreach: data', function ($context, $element) { return { 'foreach': function () { return $context.$data.data; } }; });\naddToBindingsCache('if: !$data.hidden', function ($context, $element) { return { 'if': function () { return !$context.$data.hidden; } }; });\naddToBindingsCache('ifnot: $parent.isFiltered', function ($context, $element) { return { 'ifnot': function () { return $context.$parent.isFiltered; } }; });\naddToBindingsCache('if: $parent.isFiltered', function ($context, $element) { return { 'if': function () { return $context.$parent.isFiltered; } }; });\naddToBindingsCache('dxList: { items: $data.items, selectedItems: $data.selectedItems, onItemClick: $data.action, selectionMode: \\'single\\', activeStateEnabled: false }', function ($context, $element) { return { 'dxList': function () { return { 'items': $context.$data.items, 'selectedItems': $context.$data.selectedItems, 'onItemClick': $context.$data.action, 'selectionMode': 'single', 'activeStateEnabled': false }; } }; });\naddToBindingsCache('click: $parent.removeItem, visible: $data.canRemove', function ($context, $element) { return { 'click': function () { return $context.$parent.removeItem; }, 'visible': function () { return $context.$data.canRemove; } }; });\naddToBindingsCache('text: $data.displayName', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; } }; });\naddToBindingsCache('text: getDisplayText(\\'types\\')', function ($context, $element) { return { 'text': function () { return $context.$data.getDisplayText('types'); } }; });\naddToBindingsCache('dxButton:{ onClick: addCustomFormat, text: getDisplayText(\\'add\\'), disabled: !canAddCustomFormat() }', function ($context, $element) { return { 'dxButton': function () { return { 'onClick': $context.$data.addCustomFormat, 'text': $context.$data.getDisplayText('add'), 'disabled': !$context.$data.canAddCustomFormat() }; } }; });\naddToBindingsCache('dxTextBox: { value: formatResult, onInput: function(e) { updateInputText(\\'formatResult\\', e.component); } }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.formatResult, 'onInput': function (e) { $context.$data.updateInputText('formatResult', e.component); } }; } }; });\naddToBindingsCache('text: getDisplayText(\\'prefix\\')', function ($context, $element) { return { 'text': function () { return $context.$data.getDisplayText('prefix'); } }; });\naddToBindingsCache('dxTextBox: { value: formatPrefix, onInput: function(e) { updateInputText(\\'formatPrefix\\', e.component); } }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.formatPrefix, 'onInput': function (e) { $context.$data.updateInputText('formatPrefix', e.component); } }; } }; });\naddToBindingsCache('text: getDisplayText(\\'suffix\\')', function ($context, $element) { return { 'text': function () { return $context.$data.getDisplayText('suffix'); } }; });\naddToBindingsCache('dxTextBox: { value: formatSuffix, onInput: function(e) { updateInputText(\\'formatSuffix\\', e.component); } }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.formatSuffix, 'onInput': function (e) { $context.$data.updateInputText('formatSuffix', e.component); } }; } }; });\naddToBindingsCache('template: { name: \\'dx-format-string-list\\', data: { items: patternList, action: setFormat, removeItem: removeCustomFormat, selectedItems: selectedFormats } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-format-string-list', 'data': { 'items': $context.$data.patternList, 'action': $context.$data.setFormat, 'removeItem': $context.$data.removeCustomFormat, 'selectedItems': $context.$data.selectedFormats } }; } }; });\naddToBindingsCache('dxEllipsisEditor: { value: value, disabled: disabled, buttonAction: function() { popupVisible(true); } }', function ($context, $element) { return { 'dxEllipsisEditor': function () { return { 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'buttonAction': function () { $context.$data.popupVisible(true); } }; } }; });\naddToBindingsCache('dxPopup: { wrapperAttr: { class: \\'dx-format-string dx-popup-general\\' }, showTitle: true, width: \\'95%\\', height: \\'95%\\', minWidth: 650, title: getDisplayText(\\'title\\'), visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, container: getPopupContainer($element), position: { of: getPopupContainer($element) } }', function ($context, $element) { return { 'dxPopup': function () { return { 'wrapperAttr': { 'class': 'dx-format-string dx-popup-general' }, 'showTitle': true, 'width': '95%', 'height': '95%', 'minWidth': 650, 'title': $context.$data.getDisplayText('title'), 'visible': $context.$data.popupVisible, 'toolbarItems': $context.$data.buttonItems, 'showCloseButton': true, 'container': $context.$data.getPopupContainer($element), 'position': { 'of': $context.$data.getPopupContainer($element) } }; } }; });\naddToBindingsCache('text: getDisplayText(\\'category\\')', function ($context, $element) { return { 'text': function () { return $context.$data.getDisplayText('category'); } }; });\naddToBindingsCache('css: { \\'dx-format-general\\': isGeneralType }', function ($context, $element) { return { 'css': function () { return { 'dx-format-general': $context.$data.isGeneralType }; } }; });\naddToBindingsCache('text: getDisplayText(\\'preview\\')', function ($context, $element) { return { 'text': function () { return $context.$data.getDisplayText('preview'); } }; });\naddToBindingsCache('text: previewString', function ($context, $element) { return { 'text': function () { return $context.$data.previewString; } }; });\naddToBindingsCache('template: { name: \\'dx-format-string-list\\', data: { items: types, action: setType, selectedItems: selectedTypes } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-format-string-list', 'data': { 'items': $context.$data.types, 'action': $context.$data.setType, 'selectedItems': $context.$data.selectedTypes } }; } }; });\naddToBindingsCache('if: !isGeneralType', function ($context, $element) { return { 'if': function () { return !$context.$data.isGeneralType; } }; });\naddToBindingsCache('template: \\'dx-format-string-edit-area\\'', function ($context, $element) { return { 'template': function () { return 'dx-format-string-edit-area'; } }; });\naddToBindingsCache('if: isGeneralType', function ($context, $element) { return { 'if': function () { return $context.$data.isGeneralType; } }; });\naddToBindingsCache('template: \\'dx-format-string-edit-area-general\\'', function ($context, $element) { return { 'template': function () { return 'dx-format-string-edit-area-general'; } }; });\naddToBindingsCache('dxButtonWithTemplate: { onClick: function() { clickAction($parent); }, icon: ko.unwrap($data.imageTemplateName), iconClass: $data.imageClassName, visible: (ko.unwrap($data.visible) == undefined) || ko.unwrap($data.visible), disabled: $data.disabled && $data.disabled() }, attr: { title: $data.displayText && $data.displayText() || text }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': function () { $context.$data.clickAction($context.$parent); }, 'icon': $context.ko.unwrap($context.$data.imageTemplateName), 'iconClass': $context.$data.imageClassName, 'visible': ($context.ko.unwrap($context.$data.visible) == undefined) || $context.ko.unwrap($context.$data.visible), 'disabled': $context.$data.disabled && $context.$data.disabled() }; }, 'attr': function () { return { 'title': $context.$data.displayText && $context.$data.displayText() || $context.$data.text }; } }; });\naddToBindingsCache('dxButtonWithTemplate: { icon: \\'dxrd-svg-operations-edit\\', iconClass: \\'dx-image-edit\\', onClick: function() { $parent.collapsed(!$parent.collapsed()); } }, visible: $parent.hasContent, attr: { title: $data.displayText() }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'icon': 'dxrd-svg-operations-edit', 'iconClass': 'dx-image-edit', 'onClick': function () { $context.$parent.collapsed(!$context.$parent.collapsed()); } }; }, 'visible': function () { return $context.$parent.hasContent; }, 'attr': function () { return { 'title': $context.$data.displayText() }; } }; });\naddToBindingsCache('template: { name: \\'dx-treelist-edit-action\\', data: treeListEditAction() }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-treelist-edit-action', 'data': $context.$data.treeListEditAction() }; } }; });\naddToBindingsCache('template: \\'dx-treelist-item-actions\\'', function ($context, $element) { return { 'template': function () { return 'dx-treelist-item-actions'; } }; });\naddToBindingsCache('styleunit: padding, click: renderNext', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'click': function () { return $context.$data.renderNext; } }; });\naddToBindingsCache('text: $data.text()', function ($context, $element) { return { 'text': function () { return $context.$data.text(); } }; });\naddToBindingsCache('dxdAccordionExt: { collapsed: collapsed, lazyContentRendering: true }', function ($context, $element) { return { 'dxdAccordionExt': function () { return { 'collapsed': $context.$data.collapsed, 'lazyContentRendering': true }; } }; });\naddToBindingsCache('visible: isSelected() || isHovered()', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected() || $context.$data.isHovered(); } }; });\naddToBindingsCache('event: { dblclick: function() { $data.dblClickHandler ? $data.dblClickHandler($data) : $data.toggleCollapsed() }, mouseenter: mouseenter, mouseleave: mouseleave }, styleunit: padding, css: $data.getCssRules(), attr: { \\'aria-expanded\\': (hasItems && (!collapsed() ? \\'true\\' : \\'false\\')), \\'aria-selected\\': (isSelected() || isMultiSelected()) ? \\'true\\' : \\'false\\', \\'aria-level\\':level + 1, \\'aria-label\\': text, \\'aria-setsize\\': parent ? parent.items().length : 0, \\'aria-posinset\\': parent ? parent.items.indexOf($data) + 1 : 0 }', function ($context, $element) { return { 'event': function () { return { 'dblclick': function () { $context.$data.dblClickHandler ? $context.$data.dblClickHandler($context.$data) : $context.$data.toggleCollapsed(); }, 'mouseenter': $context.$data.mouseenter, 'mouseleave': $context.$data.mouseleave }; }, 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return $context.$data.getCssRules(); }, 'attr': function () { return { 'aria-expanded': ($context.$data.hasItems && (!$context.$data.collapsed() ? 'true' : 'false')), 'aria-selected': ($context.$data.isSelected() || $context.$data.isMultiSelected()) ? 'true' : 'false', 'aria-level': $context.$data.level + 1, 'aria-label': $context.$data.text, 'aria-setsize': $context.$data.parent ? $context.$data.parent.items().length : 0, 'aria-posinset': $context.$data.parent ? $context.$data.parent.items.indexOf($context.$data) + 1 : 0 }; } }; });\naddToBindingsCache('style: { \\'padding-left\\': $data.hasItems ? \\'0px\\': \\'18px\\' }', function ($context, $element) { return { 'style': function () { return { 'padding-left': $context.$data.hasItems ? '0px' : '18px' }; } }; });\naddToBindingsCache('click: toggleSelected, draggable: dragDropHandler', function ($context, $element) { return { 'click': function () { return $context.$data.toggleSelected; }, 'draggable': function () { return $context.$data.dragDropHandler; } }; });\naddToBindingsCache('searchHighlighting: { text: text, textToSearch: treeListController.textToSearch, searchOptions: treeListController.searchOptions }, attr: { title: text }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.text, 'textToSearch': $context.$data.treeListController.textToSearch, 'searchOptions': $context.$data.treeListController.searchOptions }; }, 'attr': function () { return { 'title': $context.$data.text }; } }; });\naddToBindingsCache('if: treeListController.searchEnabled', function ($context, $element) { return { 'if': function () { return $context.$data.treeListController.searchEnabled; } }; });\naddToBindingsCache('ifnot: treeListController.searchEnabled', function ($context, $element) { return { 'ifnot': function () { return $context.$data.treeListController.searchEnabled; } }; });\naddToBindingsCache('if: hasContent', function ($context, $element) { return { 'if': function () { return $context.$data.hasContent; } }; });\naddToBindingsCache('template: templates.accordionItem', function ($context, $element) { return { 'template': function () { return $context.$data.templates.accordionItem; } }; });\naddToBindingsCache('ifnot: hasContent', function ($context, $element) { return { 'ifnot': function () { return $context.$data.hasContent; } }; });\naddToBindingsCache('template: templates.headerItem', function ($context, $element) { return { 'template': function () { return $context.$data.templates.headerItem; } }; });\naddToBindingsCache('template: { name: contenttemplate }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.contenttemplate }; } }; });\naddToBindingsCache('template: actionsTemplate()', function ($context, $element) { return { 'template': function () { return $context.$data.actionsTemplate(); } }; });\naddToBindingsCache('if: $data.hasItems', function ($context, $element) { return { 'if': function () { return $context.$data.hasItems; } }; });\naddToBindingsCache('if: actions && actions.length > 0', function ($context, $element) { return { 'if': function () { return $context.$data.actions && $context.$data.actions.length > 0; } }; });\naddToBindingsCache('template: templates.actionsContainer', function ($context, $element) { return { 'template': function () { return $context.$data.templates.actionsContainer; } }; });\naddToBindingsCache('if: isDraggable', function ($context, $element) { return { 'if': function () { return $context.$data.isDraggable; } }; });\naddToBindingsCache('template: templates.headerItemContent', function ($context, $element) { return { 'template': function () { return $context.$data.templates.headerItemContent; } }; });\naddToBindingsCache('ifnot: isDraggable', function ($context, $element) { return { 'ifnot': function () { return $context.$data.isDraggable; } }; });\naddToBindingsCache('template: templates.itemTextContent', function ($context, $element) { return { 'template': function () { return $context.$data.templates.itemTextContent; } }; });\naddToBindingsCache('event: { dblclick: function() { $data.dblClickHandler ? $data.dblClickHandler($data) : $data.toggleCollapsed() }, mouseenter: mouseenter, mouseleave: mouseleave }, styleunit: padding, css: { \\'dx-treelist-item-selected dxd-state-selected dxd-back-secondary\\': isSelected() || isMultiSelected() }', function ($context, $element) { return { 'event': function () { return { 'dblclick': function () { $context.$data.dblClickHandler ? $context.$data.dblClickHandler($context.$data) : $context.$data.toggleCollapsed(); }, 'mouseenter': $context.$data.mouseenter, 'mouseleave': $context.$data.mouseleave }; }, 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-treelist-item-selected dxd-state-selected dxd-back-secondary': $context.$data.isSelected() || $context.$data.isMultiSelected() }; } }; });\naddToBindingsCache('css: nodeImageClass, template: \\'dxrd-svg-collapsed\\', click: toggleCollapsed, style: { \\'visibility\\': hasItems ? \\'visible\\' : \\'hidden\\' }', function ($context, $element) { return { 'css': function () { return $context.$data.nodeImageClass; }, 'template': function () { return 'dxrd-svg-collapsed'; }, 'click': function () { return $context.$data.toggleCollapsed; }, 'style': function () { return { 'visibility': $context.$data.hasItems ? 'visible' : 'hidden' }; } }; });\naddToBindingsCache('visible: $data.isSelected() || $data.isHovered()', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected() || $context.$data.isHovered(); } }; });\naddToBindingsCache('click: toggleSelected, draggable: isDraggable ? dragDropHandler : null', function ($context, $element) { return { 'click': function () { return $context.$data.toggleSelected; }, 'draggable': function () { return $context.$data.isDraggable ? $context.$data.dragDropHandler : null; } }; });\naddToBindingsCache('template: \"dx-treelist-accordion-item-with-hover\"', function ($context, $element) { return { 'template': function () { return 'dx-treelist-accordion-item-with-hover'; } }; });\naddToBindingsCache('template: \"dx-treelist-header-item-with-hover\"', function ($context, $element) { return { 'template': function () { return 'dx-treelist-header-item-with-hover'; } }; });\naddToBindingsCache('dxTextBox: { mode: \\'search\\', value:value, valueChangeEvent: \\'keyup\\', showClearButton: true, placeholder: searchPlaceholder()}', function ($context, $element) { return { 'dxTextBox': function () { return { 'mode': 'search', 'value': $context.$data.value, 'valueChangeEvent': 'keyup', 'showClearButton': true, 'placeholder': $context.$data.searchPlaceholder() }; } }; });\naddToBindingsCache('template: $data.visibleItems !== undefined ? \\'dx-treelist-paginate\\' : \\'dx-treelist-common\\'', function ($context, $element) { return { 'template': function () { return $context.$data.visibleItems !== undefined ? 'dx-treelist-paginate' : 'dx-treelist-common'; } }; });\naddToBindingsCache('lazy: { resolver: resolver, innerBindings: { template: templateName } }', function ($context, $element) { return { 'lazy': function () { return { 'resolver': $context.$data.resolver, 'innerBindings': { 'template': $context.$data.templateName } }; } }; });\naddToBindingsCache('if: !$data.collapsed()', function ($context, $element) { return { 'if': function () { return !$context.$data.collapsed(); } }; });\naddToBindingsCache('template: { name: \\'dx-treelist\\', data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-treelist', 'data': $context.$data }; } }; });\naddToBindingsCache('foreach: visibleItems', function ($context, $element) { return { 'foreach': function () { return $context.$data.visibleItems; } }; });\n","/**\n* DevExpress Analytics (dx-analytics-core-svg-bindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { addToBindingsCache } from './property-grid/widgets/internal/_bindingsCache';\naddToBindingsCache('template: \\'dxrd-svg-collapsed\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-collapsed'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-ellipsis\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-ellipsis'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-addition\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-addition'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-and\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-and'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-division\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-division'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-edit\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-edit'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-equal\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-equal'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-greater\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-greater'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-greater_or_equal\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-greater_or_equal'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-less\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-less'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-less_or_equal\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-less_or_equal'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-modulus\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-modulus'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-multiplication\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-multiplication'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-not\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-not'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-not_equal\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-not_equal'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-or\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-or'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-parenthesis\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-parenthesis'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-expressioneditor-subtraction\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-expressioneditor-subtraction'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-array\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-array'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-bitearray\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-bitearray'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-bool\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-bool'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-booleanfield\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-booleanfield'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-column\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-column'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-datasource\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-datasource'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-date\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-date'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-datetimefield\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-datetimefield'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-doublefield\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-doublefield'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-enum\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-enum'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-float\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-float'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-guid\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-guid'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-integer\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-integer'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-integerfield\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-integerfield'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-listsource\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-listsource'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-none\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-none'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-parameters\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-parameters'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-range\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-range'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-string\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-string'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-stringfield\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-stringfield'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-table\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-table'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-view\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-view'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-filtereditor-add\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-filtereditor-add'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-filtereditor-edit\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-filtereditor-edit'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-filtereditor-remove\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-filtereditor-remove'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fontstyle-bold\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fontstyle-bold'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fontstyle-italic\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fontstyle-italic'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fontstyle-strikeout\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fontstyle-strikeout'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fontstyle-underline\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fontstyle-underline'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-menu\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-menu'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-open\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-open'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-save\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-save'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-saveas\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-saveas'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-add\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-add'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-add_calcfield\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-add_calcfield'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-add_datasource\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-add_datasource'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-add_query\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-add_query'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-ascending\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-ascending'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-descending\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-descending'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-edit\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-edit'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-movedown\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-movedown'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-moveleft\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-moveleft'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-moveleft_all\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-moveleft_all'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-moveright\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-moveright'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-moveright_all\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-moveright_all'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-moveup\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-moveup'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-rebuild_schema\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-rebuild_schema'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-recycle_bin\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-recycle_bin'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-recycle_bin_xl\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-recycle_bin_xl'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-remove\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-remove'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-rename\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-rename'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-operations-unsorted\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-unsorted'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-all\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-all'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-bottom\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-bottom'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-left\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-left'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-none\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-none'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-right\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-right'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-borders-top\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-borders-top'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-propertyexpression\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-propertyexpression'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-search\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-search'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-sortingbyalphabet\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-sortingbyalphabet'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-sortingbygroups\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-sortingbygroups'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-bottom\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-bottom'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-center\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-center'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-justify\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-justify'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-left\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-left'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-middle\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-middle'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-right\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-right'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-properties-textAlignment-top\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-textAlignment-top'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-queryBuilder-aggregate\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-queryBuilder-aggregate'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-queryBuilder-data_preview\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-queryBuilder-data_preview'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-queryBuilder-group_by\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-queryBuilder-group_by'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-queryBuilder-select_statment\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-queryBuilder-select_statment'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-queryBuilder-sorting_asc\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-queryBuilder-sorting_asc'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-queryBuilder-sorting_desc\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-queryBuilder-sorting_desc'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-tabs-properties\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-properties'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-copy\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-copy'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-cut\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-cut'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-delete\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-delete'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-paste\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-paste'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-redo\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-redo'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-undo\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-undo'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-validate\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-validate'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-zoomin\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-zoomin'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-zoomout\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-zoomout'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-Download\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-Download'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-expressions\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-expressions'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-FederationDataSource\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-FederationDataSource'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-JsonDataSource\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-JsonDataSource'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-NoDataSource\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-NoDataSource'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-ObjectDataSource\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-ObjectDataSource'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-SqlDataSource\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-SqlDataSource'; } }; });\n","/**\n* DevExpress Analytics (dx-analytics-core-svg-templates.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { SvgTemplatesEngine } from './property-grid/widgets/internal/_svgTemplateEngine';\nSvgTemplatesEngine.addTemplates({\n 'dxrd-svg-collapsed': '',\n 'dxrd-svg-ellipsis': '',\n 'dxrd-svg-expressioneditor-addition': '',\n 'dxrd-svg-expressioneditor-and': '',\n 'dxrd-svg-expressioneditor-division': '',\n 'dxrd-svg-expressioneditor-edit': '',\n 'dxrd-svg-expressioneditor-equal': '',\n 'dxrd-svg-expressioneditor-greater': '',\n 'dxrd-svg-expressioneditor-greater_or_equal': '',\n 'dxrd-svg-expressioneditor-less': '',\n 'dxrd-svg-expressioneditor-less_or_equal': '',\n 'dxrd-svg-expressioneditor-modulus': '',\n 'dxrd-svg-expressioneditor-multiplication': '',\n 'dxrd-svg-expressioneditor-not': '',\n 'dxrd-svg-expressioneditor-not_equal': '',\n 'dxrd-svg-expressioneditor-or': '',\n 'dxrd-svg-expressioneditor-parenthesis': '',\n 'dxrd-svg-expressioneditor-subtraction': '',\n 'dxrd-svg-fieldlist-array': '',\n 'dxrd-svg-fieldlist-bitearray': '',\n 'dxrd-svg-fieldlist-bool': '',\n 'dxrd-svg-fieldlist-booleanfield': '',\n 'dxrd-svg-fieldlist-column': '',\n 'dxrd-svg-fieldlist-datasource': '',\n 'dxrd-svg-fieldlist-date': '',\n 'dxrd-svg-fieldlist-datetimefield': '',\n 'dxrd-svg-fieldlist-doublefield': '',\n 'dxrd-svg-fieldlist-enum': '',\n 'dxrd-svg-fieldlist-float': '',\n 'dxrd-svg-fieldlist-guid': '',\n 'dxrd-svg-fieldlist-integer': '',\n 'dxrd-svg-fieldlist-integerfield': '',\n 'dxrd-svg-fieldlist-listsource': '',\n 'dxrd-svg-fieldlist-none': '',\n 'dxrd-svg-fieldlist-parameters': '',\n 'dxrd-svg-fieldlist-range': '',\n 'dxrd-svg-fieldlist-string': '',\n 'dxrd-svg-fieldlist-stringfield': '',\n 'dxrd-svg-fieldlist-table': '',\n 'dxrd-svg-fieldlist-view': '',\n 'dxrd-svg-filtereditor-add': '',\n 'dxrd-svg-filtereditor-edit': '',\n 'dxrd-svg-filtereditor-remove': '',\n 'dxrd-svg-fontstyle-bold': '',\n 'dxrd-svg-fontstyle-italic': '',\n 'dxrd-svg-fontstyle-strikeout': '',\n 'dxrd-svg-fontstyle-underline': '',\n 'dxrd-svg-menu-menu': '',\n 'dxrd-svg-menu-open': '',\n 'dxrd-svg-menu-save': '',\n 'dxrd-svg-menu-saveas': '',\n 'dxrd-svg-operations-add': '',\n 'dxrd-svg-operations-add_calcfield': '',\n 'dxrd-svg-operations-add_datasource': '',\n 'dxrd-svg-operations-add_query': '',\n 'dxrd-svg-operations-ascending': '',\n 'dxrd-svg-operations-descending': '',\n 'dxrd-svg-operations-edit': '',\n 'dxrd-svg-operations-movedown': '',\n 'dxrd-svg-operations-moveleft': '',\n 'dxrd-svg-operations-moveleft_all': '',\n 'dxrd-svg-operations-moveright': '',\n 'dxrd-svg-operations-moveright_all': '',\n 'dxrd-svg-operations-moveup': '',\n 'dxrd-svg-operations-rebuild_schema': '',\n 'dxrd-svg-operations-recycle_bin': '',\n 'dxrd-svg-operations-recycle_bin_xl': '',\n 'dxrd-svg-operations-remove': '',\n 'dxrd-svg-operations-rename': '',\n 'dxrd-svg-operations-unsorted': '',\n 'dxrd-svg-properties-borders-all': '',\n 'dxrd-svg-properties-borders-bottom': '',\n 'dxrd-svg-properties-borders-left': '',\n 'dxrd-svg-properties-borders-none': '',\n 'dxrd-svg-properties-borders-right': '',\n 'dxrd-svg-properties-borders-top': '',\n 'dxrd-svg-properties-propertyexpression': '',\n 'dxrd-svg-properties-search': '',\n 'dxrd-svg-properties-sortingbyalphabet': '',\n 'dxrd-svg-properties-sortingbygroups': '',\n 'dxrd-svg-properties-textAlignment-bottom': '',\n 'dxrd-svg-properties-textAlignment-center': '',\n 'dxrd-svg-properties-textAlignment-justify': '',\n 'dxrd-svg-properties-textAlignment-left': '',\n 'dxrd-svg-properties-textAlignment-middle': '',\n 'dxrd-svg-properties-textAlignment-right': '',\n 'dxrd-svg-properties-textAlignment-top': '',\n 'dxrd-svg-queryBuilder-aggregate': '',\n 'dxrd-svg-queryBuilder-data_preview': '',\n 'dxrd-svg-queryBuilder-group_by': '',\n 'dxrd-svg-queryBuilder-select_statment': '',\n 'dxrd-svg-queryBuilder-sorting_asc': '',\n 'dxrd-svg-queryBuilder-sorting_desc': '',\n 'dxrd-svg-tabs-properties': '',\n 'dxrd-svg-toolbar-copy': '',\n 'dxrd-svg-toolbar-cut': '',\n 'dxrd-svg-toolbar-delete': '',\n 'dxrd-svg-toolbar-paste': '',\n 'dxrd-svg-toolbar-redo': '',\n 'dxrd-svg-toolbar-undo': '',\n 'dxrd-svg-toolbar-validate': '',\n 'dxrd-svg-toolbar-zoomin': '',\n 'dxrd-svg-toolbar-zoomout': '',\n 'dxrd-svg-wizard-Download': '',\n 'dxrd-svg-wizard-expressions': '',\n 'dxrd-svg-wizard-FederationDataSource': '',\n 'dxrd-svg-wizard-JsonDataSource': '',\n 'dxrd-svg-wizard-NoDataSource': '',\n 'dxrd-svg-wizard-ObjectDataSource': '',\n 'dxrd-svg-wizard-SqlDataSource': '',\n});\n","/**\n* DevExpress Analytics (dx-analytics-core-templates.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { SvgTemplatesEngine } from './property-grid/widgets/internal/_svgTemplateEngine';\nSvgTemplatesEngine.addTemplates({\n 'dxrd-bordereditor': ' ',\n 'dxrd-borders': '',\n 'dxrd-colorpicker': '',\n 'dxrd-expressionstring': ' ',\n 'dxrd-field': ' ',\n 'dxrd-filterstring': ' ',\n 'dxrd-filterstringgroup': ' ',\n 'dxrd-formatstring': '',\n 'dxrd-guid': '',\n 'dxrd-emptyHeader': '',\n 'dxrd-objectEditorContent': ' ',\n 'dxrd-objectEditor': '',\n 'dxrd-commonCollectionItem': '',\n 'dxrd-textalignment': '',\n 'dxrd-objectVisitor': ' ',\n 'dxd-snap-lines-holder': ' ',\n 'dxrd-surface-template-base': ' ',\n 'dxrd-designer': ' ',\n 'dxrd-textalignment-editor': '
',\n 'dxrd-collectionactions-template': ' ',\n 'dxrd-drag-helper-source': ' ',\n 'dxrd-drag-helper-source-reorder-treelist': ' ',\n 'dxrd-menubutton-template-base': ' ',\n 'dxrd-top-grid': ' ',\n 'dxrd-group-actions': ' ',\n 'dx-propertygrid-searchbox': ' ',\n 'dxrd-propertiestab': ' ',\n 'dx-propertygrid-popupservice': ' ',\n 'dx-right-panel-lightweight': ' ',\n 'dxrd-right-panel-template-base': ' ',\n 'dx-right-panel-switcher': ' ',\n 'dxrd-toolbar-template-base': '',\n 'dxrd-toolbar-tmplt': ' ',\n 'dxrd-toolbox-template-base': ' ',\n 'dxrd-grouped-toolbox-template-base': ' ',\n 'dxrd-zoom-select-template': '',\n 'dx-editor-addons': '',\n 'dx-collectioneditor': ' ',\n 'dx-boolean': '',\n 'dx-boolean-select': '',\n 'dx-commonCollection': ' ',\n 'dx-commonCollectionItem': '',\n 'item-with-title': '',\n 'dx-combobox': ' ',\n 'dx-combobox-editable': ' ',\n 'dx-combobox-undo': ' ',\n 'dx-property-editor': ' ',\n 'dx-emptyHeader': '',\n 'dx-date': ' ',\n 'dx-file': '',\n 'dx-modificators': ' ',\n 'dx-image': '',\n 'dx-numeric': '',\n 'dx-number-editor': '',\n 'dx-text': ' ',\n 'dx-string-array': ' ',\n 'dx-propertieseditor': ' ',\n 'dx-objectEditorContent': ' ',\n 'dxrd-federated-manageQueries-editor': ' ',\n 'dx-querybuilder-federation-popup-templates': ' ',\n 'dxrd-managequeries-selectbox': ' ',\n 'dx-expressioneditor-main': ' ',\n 'dx-expressioneditor': ' ',\n 'dx-expressioneditor-popup': ' ',\n 'dx-expressioneditor-categories': ' ',\n 'dx-expressioneditor-category-accordion': ' ',\n 'dx-expressioneditor-description': ' ',\n 'dx-expressioneditor-fields': ' ',\n 'dx-ee-treelist-item': ' ',\n 'dx-expressioneditor-selectedcontent': ' ',\n 'dx-expressioneditor-collection': ' ',\n 'dx-expressioneditor-collection-function': ' ',\n 'dx-filtereditor-content': ' ',\n 'dx-filtereditor-content-plain': ' ',\n 'dx-filtereditor-content-text': ' ',\n 'dx-filtereditor-content-tree': ' ',\n 'dx-filtereditor': ' ',\n 'dx-filtereditor-advanced': ' ',\n 'dx-filtereditor-plain': ' ',\n 'dx-filtereditor-aggregate-common': ' ',\n 'dx-filtereditor-between': ' ',\n 'dx-filtereditor-binary': ' ',\n 'dx-filtereditor-common': ' ',\n 'dx-filtereditor-function-lightweight': ' ',\n 'dx-filtereditor-function': ' ',\n 'dx-filtereditor-group': ' ',\n 'dx-filtereditor-in': ' ',\n 'dx-filtereditor-parameter': ' ',\n 'dx-filtereditor-property': ' ',\n 'dx-filtereditor-unary': ' ',\n 'dx-filtereditor-not': ' ',\n 'dx-filtereditor-value': ' ',\n 'dx-filtereditor-popup': ' ',\n 'dx-filtereditor-create': ' ',\n 'dx-filtereditor-change': '',\n 'dx-filtereditor-changeParameter': '',\n 'dx-filtereditor-changeProperty': '',\n 'dx-filtereditor-changeValueType': ' ',\n 'dx-filtereditor-content-popups': ' ',\n 'dx-filtereditor-search-panel': ' ',\n 'dx-filtereditor-popup-common': ' ',\n 'dx-filtereditor-popup-treelist': ' ',\n 'dx-format-string-list': ' ',\n 'dx-format-string-edit-area': ' ',\n 'dx-format-string-edit-area-general': ' ',\n 'dx-format-string': ' ',\n 'dx-treelist-item-actions': ' ',\n 'dx-treelist-edit-action': '',\n 'dx-treelist-item-actions-with-edit': ' ',\n 'dx-treelist-item-ellipsis': ' ',\n 'dx-treelist-item': ' ',\n 'dx-treelist-accordion-item': ' ',\n 'dx-treelist-item-actions-container': ' ',\n 'dx-treelist-header-item': ' ',\n 'dx-treelist-item-text-content': ' ',\n 'dx-treelist-header-item-caption-content': ' ',\n 'dx-treelist-item-with-hover': ' ',\n 'dx-treelist-accordion-item-with-hover': ' ',\n 'dx-treelist-header-item-with-hover': ' ',\n 'dx-treelist': ' ',\n 'dx-treelist-search-panel': '',\n 'dx-treelist-common': ' ',\n 'dx-treelist-paginate': ' '\n});\n","/**\n* DevExpress Analytics (property-grid\\widgets\\collectioneditor\\_editor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../../../serializer/utils';\nimport { propertiesGridEditorsPaddingLeft } from '../internal/_internal';\nimport { getLocalization } from '../../localization/localization_utils';\nimport { addDisposeCallback } from '../../../serializer/_internal';\nimport { ListKeyboardHelper } from '../../../accessibility/_listKeyboardHelper';\nexport class CollectionItemWrapper extends Disposable {\n constructor(editor, array, index, displayNameField = '') {\n super();\n this.collapsed = ko.observable(true);\n this.selected = ko.observable(false);\n this._disposables.push(this.value = ko.computed({\n read: () => {\n return array.peek()[index()];\n },\n write: (val) => {\n array.peek()[index()] = val;\n }\n }));\n this.editor = editor;\n this.index = index;\n this._disposables.push(this.name = ko.computed(() => {\n return displayNameField && this.value() && this.value()[displayNameField] ? ko.unwrap(this.value()[displayNameField]) : index();\n }));\n }\n}\nexport class CollectionEditorViewModel extends Disposable {\n constructor(options, disabled = ko.observable(false)) {\n super();\n this.buttonMap = {\n 'delete': { text: 'Delete', localizationId: 'AnalyticsCoreStringId.Cmd_Delete' },\n 'add': { text: 'Add', localizationId: 'DataAccessUIStringId.Button_Add' },\n 'down': { text: 'Move Down', localizationId: 'AnalyticsCoreStringId.Cmd_MoveDown' },\n 'up': { text: 'Move Up', localizationId: 'AnalyticsCoreStringId.Cmd_MoveUp' }\n };\n this.selectedIndex = ko.observable(null);\n this.alwaysShow = ko.observable(false);\n this.collapsed = ko.observable(options.collapsed !== false);\n var addHandler = () => (options.addHandler || options.info && options.info() && options.info()['addHandler']).call(this);\n var removeHandler = options.removeHandler;\n var hideButtons = options.hideButtons || options.info && options.info() && options.info()['hideButtons'];\n this._textEmptyArray = options.textEmptyArray || { text: 'To create an item click the Add button.', localizationId: 'AnalyticsCoreStringId.SqlDSWizard_PageConfigureParametersEmpty' };\n this.displayPropertyName = options.info && options.info() && options.info()['displayPropertyName'] || options.displayName;\n this._disposables.push(this.showButtons = ko.computed(() => {\n return !ko.unwrap(hideButtons) && !this.collapsed();\n }));\n this.showScroll = !!options.showScroll;\n var _isDisabled = (selectedIndex, name) => {\n if (options.isDisabledButton) {\n return options.isDisabledButton(selectedIndex, name);\n }\n else if (name === 'delete') {\n return selectedIndex === null;\n }\n else if (name === 'add') {\n return false;\n }\n else if (name === 'up') {\n return selectedIndex === null || selectedIndex === 0;\n }\n else if (name === 'down') {\n return selectedIndex === null || selectedIndex === (this.values().length - 1);\n }\n };\n this.isDisabledButton = (name) => {\n return disabled() || _isDisabled(this.selectedIndex(), name);\n };\n this.isVisibleButton = (name) => {\n if (!this.showButtons()) {\n return false;\n }\n else\n return options.isVisibleButton ? options.isVisibleButton(this.selectedIndex(), name) : true;\n };\n this.padding = options.level !== void 0 ? options.level * propertiesGridEditorsPaddingLeft() : 0;\n this.displayName = (options.info && options.info()) ? getLocalization(options.info().displayName, options.info().localizationId) : options.displayName;\n this.options = options;\n if (!options.displayName) {\n this.collapsed(false);\n this.alwaysShow(true);\n }\n if (options.alwaysShow)\n this.alwaysShow(true);\n this._disposables.push(this.values = ko.computed(() => {\n this._timeoutItemRendered && clearTimeout(this._timeoutItemRendered);\n this._timeoutItemRendered = setTimeout(() => {\n this.listKeyboardHelper && this.listKeyboardHelper.initialize();\n }, 100);\n return ko.unwrap(options.values());\n }));\n var selectedItem = ko.unwrap(options.selectedItem);\n if (selectedItem) {\n this._setSelectedIndex(selectedItem);\n this._disposables.push(options.selectedItem.subscribe((newVal) => {\n this._setSelectedIndex(newVal);\n }));\n }\n this.add = (model) => {\n model.event.stopPropagation();\n options.undoEngine && options.undoEngine().start();\n var item = addHandler();\n if (!item)\n return;\n var index = options.values().push(item);\n options.undoEngine && options.undoEngine().end();\n if (options.selectedItem) {\n this.select({ index: () => index - 1 });\n }\n };\n this.up = (model) => {\n this._move(options.values(), -1);\n model.event.stopPropagation();\n };\n this.down = (model) => {\n this._move(options.values(), 1);\n model.event.stopPropagation();\n };\n this.remove = (model) => {\n model.event.stopPropagation();\n if (this.selectedIndex() < 0)\n return;\n if (removeHandler) {\n options.undoEngine && options.undoEngine().start();\n var selectedItem = options.values()()[this.selectedIndex()];\n removeHandler(selectedItem);\n options.undoEngine && options.undoEngine().end();\n }\n else {\n options.values().splice(this.selectedIndex(), 1);\n }\n var valuesCount = options.values()().length;\n if (valuesCount > 0) {\n this.select({\n index: () => this.selectedIndex() >= valuesCount ? valuesCount - 1 : this.selectedIndex()\n }, true);\n }\n else {\n this.select({ index: () => null }, true);\n }\n };\n this.select = (model, force = false) => {\n if (this.selectedIndex() === model.index() && !force)\n return;\n this.selectedIndex(model.index());\n if (options.selectedItem) {\n options.selectedItem(this.selectedIndex() !== null ? this.values()[this.selectedIndex()] : null);\n }\n };\n this.disabled = disabled;\n this.listKeyboardHelper = new ListKeyboardHelper();\n }\n dispose() {\n super.dispose();\n this.removeProperties();\n }\n _move(array, offset) {\n if (this.selectedIndex() >= 0) {\n var old_index = this.selectedIndex(), new_index = old_index + offset;\n if ((new_index >= array().length) || (new_index < 0)) {\n return;\n }\n array.splice(new_index, 0, array.splice(old_index, 1)[0]);\n this.selectedIndex(new_index);\n }\n }\n _setSelectedIndex(selectedItem) {\n var index = this.values().indexOf(selectedItem);\n this.selectedIndex(index === -1 ? null : index);\n }\n getDisplayTextButton(key) {\n return getLocalization(this.buttonMap[key].text, this.buttonMap[key].localizationId);\n }\n getDisplayTextEmptyArray() {\n return getLocalization(this._textEmptyArray.text, this._textEmptyArray.localizationId);\n }\n createCollectionItemWrapper(grandfather, index, element) {\n var wrapper = new CollectionItemWrapper(grandfather, this.values, index, this.displayPropertyName);\n addDisposeCallback(element, () => wrapper.dispose());\n return wrapper;\n }\n}\n","/**\n* DevExpress Analytics (property-grid\\widgets\\collectioneditor\\_bindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { CollectionEditorViewModel } from './_editor';\nimport { addDisposeCallback } from '../../../serializer/_internal';\nimport { getTemplate } from '../templateUtils';\nko.bindingHandlers['dxCollectionEditor'] = {\n init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {\n var values = valueAccessor(), gridViewModel = new CollectionEditorViewModel(values, viewModel.disabled), templateHtml = getTemplate(values.editorTemplate || '#dx-collectioneditor'), $templateHtml = $.fn.constructor(templateHtml), itemTemplateName = values.info && values.info() && values.info()['template'] || values.template;\n if (itemTemplateName) {\n var itemTemplateHtml = getTemplate(itemTemplateName);\n $templateHtml.find('.dx-collection-item').append($.fn.constructor(itemTemplateHtml));\n }\n else {\n $templateHtml.find('.dx-collection-item').append($.fn.constructor(element).children());\n }\n var $element = $.fn.constructor(element).append($templateHtml);\n var childContext = bindingContext.createChildContext(gridViewModel);\n ko.applyBindings(childContext, $element.children()[0]);\n addDisposeCallback(element, () => gridViewModel.dispose());\n return { controlsDescendantBindings: true };\n }\n};\n","/**\n* DevExpress Analytics (property-grid\\widgets\\ellipsiseditor\\_editor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport registerComponent from 'devextreme/core/component_registrator';\nimport 'devextreme/ui/text_box';\nimport dxTextBox from 'devextreme/ui/text_box';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { addDisposeCallback } from '../../../serializer/_internal';\nimport { SvgTemplatesEngine } from '../internal/_svgTemplateEngine';\nimport { KeyboardEnum } from '../internal/_utils';\nvar editor_prefix = 'dx-ellipsiseditor', EDITOR_CLASS = editor_prefix + ' dx-dropdowneditor', EDITOR_BUTTON_CLASS = editor_prefix + '-button dx-widget dx-button-normal dx-dropdowneditor-button dx-ellipsis-button', EDITOR_BUTTON_ICON_CLASS = editor_prefix + '-icon dx-ellipsis-image dx-dropdowneditor-icon', EDITOR_BUTTON_ICON_TEMPLATE = 'dxrd-svg-ellipsis', EDITOR_WARNING_STATE_CLASS = 'dx-ellipsiseditor-warning';\nexport class dxEllipsisEditor extends dxTextBox {\n constructor(element, options) {\n super(element, options);\n }\n _init() {\n super['_init'].apply(this);\n if (!this._$element) {\n this._$element = $.fn.constructor(this.element());\n }\n this._$element.addClass(EDITOR_CLASS);\n this._koContext = ko.contextFor(this._$element.get(0));\n }\n _render() {\n super['_render'].apply(this);\n this._renderButton();\n this._updateWarningState();\n this._attachInputEvents();\n }\n _updateWarningState(value = this.option('warningMessage')) {\n if (value) {\n this._$element.attr('title', value.toString());\n this._$element.addClass(EDITOR_WARNING_STATE_CLASS);\n }\n else {\n this._$element.removeAttr('title');\n this._$element.removeClass(EDITOR_WARNING_STATE_CLASS);\n }\n }\n _renderButton() {\n this._$button = $.fn.constructor('').addClass(EDITOR_BUTTON_CLASS);\n this._attachButtonEvents();\n this._$buttonIcon = $.fn.constructor('').addClass(EDITOR_BUTTON_ICON_CLASS).height('100%').append(SvgTemplatesEngine.templates[EDITOR_BUTTON_ICON_TEMPLATE]).appendTo(this._$button);\n ko.applyBindingsToDescendants(this._koContext, this._$buttonIcon[0]);\n var buttonsContainer = this['_buttonsContainer']();\n this._$button.appendTo(buttonsContainer);\n }\n _updateButtonSize() {\n this._$buttonIcon.height($.fn.constructor(this.element()).height());\n }\n _attachButtonEvents() {\n var subscribeElements = [];\n if (!this._$input)\n this._$input = $.fn.constructor(this['_input']());\n this._$button.off('click');\n this._$input.off('click');\n if (!this.option('disabled'))\n subscribeElements.push(this._$button);\n if (this.option('openOnFieldClick'))\n subscribeElements.push(this._$input);\n subscribeElements.forEach(($element) => {\n $element.on('click', this.buttonAction.bind(this));\n });\n }\n _attachInputEvents() {\n var input = this['_input']()[0];\n if (!input)\n return;\n var handler = (e) => {\n if (e.key == KeyboardEnum.Enter || (e.key == KeyboardEnum.ArrowDown && e.altKey)) {\n this.buttonAction(e);\n }\n };\n input.addEventListener('keydown', handler);\n addDisposeCallback(input, function () {\n input.removeEventListener('keydown', handler);\n });\n }\n _optionChanged(args) {\n switch (args.name) {\n case 'disabled':\n this._attachButtonEvents();\n break;\n case 'warningMessage':\n this._updateWarningState(args.value);\n break;\n }\n super['_optionChanged'].apply(this, arguments);\n }\n buttonAction(e) {\n if (this.option('buttonAction')) {\n this.option('buttonAction')();\n e.stopPropagation();\n }\n }\n}\nregisterComponent('dxEllipsisEditor', dxEllipsisEditor);\n","/**\n* DevExpress Analytics (property-grid\\widgets\\fileimageeditor\\_editor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport registerComponent from 'devextreme/core/component_registrator';\nimport * as $ from 'jquery';\nimport { getLocalization } from '../../localization/localization_utils';\nimport { dxEllipsisEditor } from '../ellipsiseditor/_editor';\nimport { uploadFile } from '../internal/_utils';\nvar editor_prefix = 'dx-fileimage', EDITOR_INPUT_WRAPPER_CLASS = editor_prefix + '-input-wrapper';\nexport class dxFileImagePicker extends dxEllipsisEditor {\n constructor(element, options) {\n options.placeholder = options.placeholder || getLocalization('(none)', 'DxDesignerStringId.None');\n super(element, options);\n }\n _getDisplayValue() {\n var knownPlaceholders = {\n 'Image': 'AnalyticsCoreStringId.ImagePicker_Placeholder',\n 'File': 'AnalyticsCoreStringId.FilePicker_Placeholder'\n };\n var placeholderId = this.option('placeholderId');\n if (this.option('value') && placeholderId)\n return getLocalization(placeholderId, knownPlaceholders[placeholderId]);\n else\n return this.option('value');\n }\n _handleResult(result) {\n if (this.option('useFormat')) {\n this.option('format', result.format);\n }\n this.option('value', result.content);\n }\n _renderInput(inputContainer) {\n var $inputContainer = inputContainer && $.fn.constructor(inputContainer) || $.fn.constructor('');\n $inputContainer.addClass(EDITOR_INPUT_WRAPPER_CLASS);\n this['_inputContainer'] = $inputContainer.get(0);\n $.fn.constructor(this.element()).append(this['_inputContainer']);\n super['_renderInput'].apply(this, [inputContainer]);\n }\n _attachButtonEvents() {\n this._$button.off('click');\n if (!this.option('disabled')) {\n this._$button.on('click', (e) => {\n var _a, _b;\n e.stopPropagation();\n e.preventDefault();\n uploadFile({\n accept: ((_a = this.option('accept')) === null || _a === void 0 ? void 0 : _a.toString()) || 'image/*',\n readMode: (_b = this.option('readMode')) === null || _b === void 0 ? void 0 : _b.toString()\n }).done((result) => {\n this._handleResult(result);\n });\n });\n }\n }\n _renderValue() {\n this.option('text', this._getDisplayValue());\n super['_renderValue'].apply(this);\n }\n}\nregisterComponent('dxFileImagePicker', dxFileImagePicker);\n","/**\n* DevExpress Analytics (property-grid\\widgets\\fonteditor\\_model.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../../../serializer/utils';\nimport { defaultFontSerialization } from '../internal/_internal';\nexport var availableUnits = [\n { value: 'pt', displayValue: 'Point', localizationId: 'DevExpress.ReportDesigner_FontOptions_Unit_Point' },\n { value: 'world', displayValue: 'World', localizationId: 'AnalyticsCoreStringId.FontOptions_Unit_World' },\n { value: 'px', displayValue: 'Pixel', localizationId: 'AnalyticsCoreStringId.FontOptions_Unit_Pixel' },\n { value: 'in', displayValue: 'Inch', localizationId: 'AnalyticsCoreStringId.Wizard_Inch' },\n { value: 'doc', displayValue: 'Document', localizationId: 'PreviewStringId.ReportDesigner_FontOptions_Unit_Document' },\n { value: 'mm', displayValue: 'Millimetr', localizationId: 'AnalyticsCoreStringId.Wizard_Millimeter' }\n];\nexport class FontModel extends Disposable {\n constructor(value) {\n super();\n this.family = ko.observable(null);\n this.unit = ko.observable(null);\n this.isUpdateModel = false;\n this.size = ko.observable(null);\n this.modificators = {\n bold: ko.observable(false),\n italic: ko.observable(false),\n strikeout: ko.observable(false),\n underline: ko.observable(false)\n };\n this.updateModel(value());\n this._disposables.push(value.subscribe((newVal) => {\n this.isUpdateModel = true;\n this.updateModel(newVal);\n this.isUpdateModel = false;\n }));\n this._disposables.push(this.modificators.bold.subscribe((newVal) => this.updateValue(value)));\n this._disposables.push(this.modificators.italic.subscribe((newVal) => this.updateValue(value)));\n this._disposables.push(this.modificators.strikeout.subscribe((newVal) => this.updateValue(value)));\n this._disposables.push(this.modificators.underline.subscribe((newVal) => this.updateValue(value)));\n this._disposables.push(this.family.subscribe((newVal) => this.updateValue(value)));\n this._disposables.push(this.size.subscribe((newVal) => this.updateValue(value)));\n this._disposables.push(this.unit.subscribe((newVal) => this.updateValue(value)));\n }\n _toString() {\n var leftPart = [this.family(), this.size() + this.unit()].join(', ');\n var modificators = [];\n if (this.modificators.bold())\n modificators.push('Bold');\n if (this.modificators.italic())\n modificators.push('Italic');\n if (this.modificators.underline())\n modificators.push('Underline');\n if (this.modificators.strikeout())\n modificators.push('Strikeout');\n var rightPart = modificators.join(', ');\n return !!rightPart ? [leftPart, rightPart].join(', style=') : leftPart;\n }\n updateModel(value) {\n if (!value)\n value = defaultFontSerialization();\n var components = value.split(',');\n this.family(components[0]);\n var self = this;\n availableUnits.forEach(function (element) {\n if (components[1].trim().indexOf(element.value) != -1) {\n self.size(parseFloat(components[1].split(element.value)[0]));\n self.unit(element.value);\n }\n });\n this.modificators.bold(value.indexOf('Bold') !== -1);\n this.modificators.italic(value.indexOf('Italic') !== -1);\n this.modificators.underline(value.indexOf('Underline') !== -1);\n this.modificators.strikeout(value.indexOf('Strikeout') !== -1);\n }\n updateValue(value) {\n if (!this.isUpdateModel) {\n value(this._toString());\n }\n }\n}\n","/**\n* DevExpress Analytics (property-grid\\widgets\\internal\\_extendedSvgTemplates.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { SvgTemplatesEngine } from './_svgTemplateEngine';\nexport var extendedTemplates = (templates) => ({\n 'dxrd-svg-fieldlist-list': templates['dxrd-svg-fieldlist-table'],\n 'dxrd-svg-fieldlist-default': templates['dxrd-svg-fieldlist-column']\n});\nSvgTemplatesEngine.addTemplates(extendedTemplates(SvgTemplatesEngine.templates));\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\helpers\\_validator.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { OperandProperty } from '../../criteria/operators/property';\nimport { OperandParameter } from '../../criteria/operators/parameter';\nimport { OperandValue } from '../../criteria/operators/value';\nimport { ConstantValue } from '../../criteria/operators/constant';\nimport { UnaryOperator } from '../../criteria/operators/unary';\nimport { AggregateOperand } from '../../criteria/operators/aggregate';\nimport { GroupOperator } from '../../criteria/operators/group';\nexport var CriteriaSurfaceValidatorState;\n(function (CriteriaSurfaceValidatorState) {\n CriteriaSurfaceValidatorState[CriteriaSurfaceValidatorState[\"Left\"] = 0] = \"Left\";\n CriteriaSurfaceValidatorState[CriteriaSurfaceValidatorState[\"Right\"] = 1] = \"Right\";\n CriteriaSurfaceValidatorState[CriteriaSurfaceValidatorState[\"Unary\"] = 2] = \"Unary\";\n})(CriteriaSurfaceValidatorState || (CriteriaSurfaceValidatorState = {}));\nexport class CriteriaSurfaceValidator {\n customValidate(operator, from) {\n return false;\n }\n checkLeftPart(leftPart) {\n return leftPart instanceof OperandProperty || this.customValidate(leftPart, CriteriaSurfaceValidatorState.Left);\n }\n _checkRightPart(criteriaOperator) {\n return criteriaOperator instanceof OperandProperty\n || criteriaOperator instanceof OperandParameter\n || criteriaOperator instanceof OperandValue\n || criteriaOperator instanceof ConstantValue\n || (criteriaOperator instanceof UnaryOperator && this._checkRightPart(criteriaOperator.operand))\n || this.customValidate(criteriaOperator, CriteriaSurfaceValidatorState.Right);\n }\n checkRightPart(rigthPart) {\n if (Array.isArray(rigthPart)) {\n for (var i = 0; i < rigthPart.length; i++) {\n if (!this._checkRightPart(rigthPart[i])) {\n return false;\n }\n }\n return true;\n }\n else {\n return this._checkRightPart(rigthPart);\n }\n }\n aggregateIsValid(criteriaOperator) {\n return this.checkLeftPart(criteriaOperator.leftPart)\n && this.validateModel(criteriaOperator.condition)\n && (!!criteriaOperator.aggregatedExpression ?\n (criteriaOperator.aggregatedExpression instanceof OperandProperty ||\n this.validateModel(criteriaOperator.aggregatedExpression))\n : true);\n }\n commonOperandValid(criteriaOperator) {\n return criteriaOperator.leftPart instanceof AggregateOperand ?\n this.validateModel(criteriaOperator.leftPart) : this.checkLeftPart(criteriaOperator.leftPart)\n && this.checkRightPart(criteriaOperator.rightPart);\n }\n groupIsValid(criteriaOperator) {\n for (var i = 0; i < criteriaOperator.operands.length; i++) {\n if (!this.validateModel(criteriaOperator.operands[i])) {\n return false;\n }\n }\n return true;\n }\n unaryIsValid(criteriaOperator) {\n return criteriaOperator.operand instanceof OperandProperty || this.validateModel(criteriaOperator.operand) || this.customValidate(criteriaOperator.operand, CriteriaSurfaceValidatorState.Unary);\n }\n validateModel(criteriaOperator) {\n if (criteriaOperator instanceof AggregateOperand) {\n return this.aggregateIsValid(criteriaOperator);\n }\n else if (criteriaOperator instanceof GroupOperator) {\n return this.groupIsValid(criteriaOperator);\n }\n else if (criteriaOperator instanceof UnaryOperator) {\n return this.unaryIsValid(criteriaOperator);\n }\n else {\n return this.commonOperandValid(criteriaOperator);\n }\n }\n}\n","/**\n* DevExpress Analytics (widgets\\ace\\_ace-available.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport ace from 'ace-builds/src-noconflict/ace';\nexport var aceAvailable = createGlobalAceVariableFunc();\nfunction createGlobalAceVariableFunc() {\n var currentValue;\n return (newVal) => {\n if (newVal !== undefined)\n currentValue = newVal;\n return currentValue === undefined ? !!ace : currentValue;\n };\n}\n","/**\n* DevExpress Analytics (widgets\\expressioneditor\\tools\\_tools.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { getLocalization } from '../../../property-grid/localization/localization_utils';\nimport { searchPlaceholder } from '../../../property-grid/localization/_localization';\nimport { findMatchesInString } from '../../../property-grid/widgets/internal/_utils';\nimport { Disposable } from '../../../serializer/utils';\nimport { createExpressionEditorCollectionToolOptions } from '../_expressioneditor';\nimport { functionDisplay } from './_functions';\nimport { operatorNames } from './_operatorNames';\nexport class Tools extends Disposable {\n constructor(onClick, parametersOptions, options, fieldListOptions) {\n super();\n this.searchPlaceholder = () => searchPlaceholder();\n this._categories = ko.observableArray([]);\n this.toolBox = [];\n this.description = ko.observable();\n this._defaultClick = onClick;\n operatorNames.filter((item) => { return !!item.descriptionStringId; }).forEach(item => this._initDescription(item));\n var functionGroups = ko.computed(() => {\n return options() && ko.unwrap(options().functions) || functionDisplay();\n }), functions = ko.computed(() => {\n return functionGroups().map((funtionGroup) => {\n return this._createFunctionsCategoryItem(funtionGroup.items, getLocalization(funtionGroup.display, funtionGroup.localizationId));\n });\n }), createDefaultCategories = () => {\n return [\n this._createFieldsCategory(fieldListOptions, parametersOptions),\n this._createConstantCategory(),\n this._createFunctionsCategory(functions),\n this._createOperatorsCategory(operatorNames)\n ];\n }, selectedContent = ko.observable(null), resetCategoriesSelection = () => {\n var firstItem = this._categories()[0].content;\n selectedContent() && selectedContent().isSelected(false);\n selectedContent(firstItem);\n firstItem.isSelected(true);\n }, updateCategories = (newOptions) => {\n this._disposeCategories();\n var defaultCategories = createDefaultCategories();\n newOptions && newOptions.customizeCategories && newOptions.customizeCategories(this, defaultCategories, onClick);\n this._categories(defaultCategories);\n resetCategoriesSelection();\n };\n this.resetCategoriesSelection = resetCategoriesSelection;\n [functionGroups, functions].forEach(x => this._disposables.push(x));\n this._disposables.push(options.subscribe((newOptions) => {\n updateCategories(newOptions);\n }));\n updateCategories(options());\n this._disposables.push(this.showDescription = ko.computed(() => { return selectedContent() && selectedContent().showDescription; }));\n this.toolBox = [\n this._generateTab(this._categories, 'dx-expressioneditor-categories', (item) => {\n if (item.data && item.data.selectedItem && item.data.selectedItem() && item.data.items.indexOf(item.data.selectedItem()) !== -1) {\n var contentItem = item.data.selectedItem();\n this.description(this._localizedExpressionEditorItem(contentItem));\n }\n else {\n this.description(undefined);\n }\n if (selectedContent() === item)\n return;\n selectedContent().isSelected(false);\n item.isSelected(true);\n selectedContent(item);\n }),\n this._generateTab(selectedContent, 'dx-expressioneditor-selectedcontent', (item) => { this.description(this._localizedExpressionEditorItem(item)); }, this._defaultClick),\n this._generateTab(this.description, 'dx-expressioneditor-description', undefined, undefined, this.showDescription)\n ];\n }\n _generateTab(content, templateName = null, click, dblclick, visible) {\n return {\n templateName,\n content,\n click,\n dblclick,\n visible: visible || true\n };\n }\n _localizedExpressionEditorItem(item) {\n return item.descriptionStringId ? getLocalization(item.text, item.descriptionStringId) : item.description ? item.description : item.text;\n }\n _initDescription(expressionEditorItem) {\n expressionEditorItem.description = this._localizedExpressionEditorItem(expressionEditorItem);\n }\n _createFieldsCategory(fields, parameters) {\n var category = {\n displayName: getLocalization('Fields', 'AnalyticsCoreStringId.ExpressionEditor_ItemInfo_Fields'),\n content: {\n showDescription: false,\n isSelected: ko.observable(false),\n data: { fields, parameters },\n name: 'dx-expressioneditor-fields'\n },\n dispose: () => void 0\n };\n return category;\n }\n _createConstantCategory() {\n var items = [\n { text: '?', descriptionStringId: 'ExpressionEditorStringId.Constant_Null' },\n { text: 'False', descriptionStringId: 'ExpressionEditorStringId.Constant_False' },\n { text: 'True', descriptionStringId: 'ExpressionEditorStringId.Constant_True' }\n ];\n return createExpressionEditorCollectionToolOptions(items, 'Constants', 'DataAccessStringId.ExpressionEditor_DocumentationCategory_Constants', true);\n }\n _createOperatorsCategory(data) {\n return createExpressionEditorCollectionToolOptions(data, 'Operators', 'DataAccessStringId.ExpressionEditor_DocumentationCategory_Operators', true);\n }\n _createFunctionsCategoryContent(textToSearch, isSelected, items) {\n return {\n showDescription: true,\n isSelected,\n data: {\n textToSearch,\n items,\n availableItems: ko.observableArray(items),\n selectedItem: ko.observable(null)\n },\n name: 'dx-expressioneditor-collection-function',\n };\n }\n _createFunctionsCategoryItem(functions, display) {\n var result = {\n display,\n isSelected: ko.observable(false),\n data: [],\n name: 'dx-expressioneditor-collection-function',\n };\n $.map(functions, (item => {\n if (item) {\n item.forEach((functionItem) => {\n this._initDescription(functionItem);\n result.data.push(functionItem);\n });\n }\n }));\n return result;\n }\n _createFunctionsCategory(items) {\n var textToSearch = ko.observable(''), disposables = [], isSelected = ko.observable(false), timeout = null, allItems = ko.computed(() => [].concat(...items().map(x => x.data))), content = this._createFunctionsCategoryContent(textToSearch, isSelected, allItems()), category = {\n displayName: getLocalization('Functions', 'DataAccessStringId.ExpressionEditor_DocumentationCategory_Functions'),\n items, allItems, isSelected, content,\n collapsed: ko.observable(true),\n updateContent: (items, isSelected) => {\n content.isSelected && content.isSelected(false);\n content.isSelected = isSelected;\n content.isSelected(true);\n content.data.items = items;\n content.data.availableItems(content.data.items.filter(x => !!findMatchesInString(x.text, textToSearch())));\n },\n templateName: 'dx-expressioneditor-category-accordion',\n dispose: () => {\n disposables.forEach(x => x.dispose());\n disposables.splice(0, disposables.length);\n }\n };\n disposables.push(allItems);\n disposables.push(textToSearch.subscribe((newVal) => {\n timeout && clearTimeout(timeout);\n timeout = setTimeout(() => {\n category.content.data.availableItems(category.content.data.items.filter(x => !!findMatchesInString(x.text, newVal)));\n }, 150);\n }));\n return category;\n }\n _disposeCategories() {\n this._categories().forEach(category => category.dispose && category.dispose());\n }\n dispose() {\n super.dispose();\n this._disposeCategories();\n }\n}\n","/**\n* DevExpress Analytics (widgets\\treelist\\_treelistController.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport class TreeListController {\n constructor() {\n this.selectedItem = null;\n }\n dispose() {\n this.selectedItem = null;\n }\n itemsFilter(item, path) {\n return true;\n }\n hasItems(item) {\n return item.specifics !== 'none' && (item.specifics === 'List' || item.specifics === 'ListSource' || item.isList === true);\n }\n canSelect(value) {\n return !value.hasItems;\n }\n select(value) {\n if (this.canSelect(value)) {\n this.selectedItem && this.selectedItem.isSelected(false);\n this.selectedItem = value;\n value.isSelected(true);\n }\n }\n isDraggable(item) {\n return false;\n }\n}\n","/**\n* DevExpress Analytics (widgets\\expressioneditor\\tools\\_treeListControllers.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport { TreeListController } from '../../treelist/_treelistController';\nexport class ExpressionEditorTreeListController extends TreeListController {\n constructor(fieldName, putSelectionHandler, selectionHandler, customFilter) {\n super();\n this.fieldName = fieldName;\n this.putSelectionHandler = putSelectionHandler;\n this.selectionHandler = selectionHandler;\n this.customFilter = customFilter;\n }\n itemsFilter(item, path) {\n return item.specifics !== 'none' && item.name !== 'ReportItems' && (!this.customFilter || this.customFilter(path));\n }\n select(value) {\n if (this.selectionHandler)\n this.selectionHandler(value);\n else\n super.select(value);\n }\n getActions(item) {\n return [{ clickAction: (element) => this.putSelectionHandler(item, $.fn.constructor(element)) }];\n }\n canSelect(value) {\n return true;\n }\n}\nexport class ExpressionEditorParametersTreeListController extends TreeListController {\n constructor(customFilter, putSelectionHandler, selectionHandler) {\n super();\n this.customFilter = customFilter;\n this.putSelectionHandler = putSelectionHandler;\n this.selectionHandler = selectionHandler;\n }\n itemsFilter(item) {\n return item.specifics !== 'none' && (!this.customFilter || this.customFilter(item));\n }\n select(value) {\n this.selectionHandler(value);\n }\n getActions(item) {\n return [{\n clickAction: (element) => {\n if (item && !item.hasItems)\n this.putSelectionHandler(item.path, $.fn.constructor(element));\n }\n }];\n }\n canSelect(value) {\n return true;\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\helpers\\_addon.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../../../serializer/utils';\nimport { searchPlaceholder } from '../../../property-grid/localization/_localization';\nexport class FilterEditorAddOn extends Disposable {\n constructor(criteria, popupService, action, propertyName, templateName) {\n super();\n this._filterPlaceHolder = searchPlaceholder();\n this.showPopup = (_, element) => {\n this.dispose();\n this._disposables.splice(0);\n this._popupService.title('');\n this.target.isSelected(true);\n this._updateActions(this.target);\n this._popupService.target(element);\n setTimeout(() => {\n this._popupService.visible(true);\n }, 10);\n };\n this.popupContentTemplate = 'dx-filtereditor-popup-common';\n this.filterString = ko.observable('');\n this.isFiltered = ko.observable(false);\n this.target = criteria;\n this._action = action;\n this.propertyName = propertyName;\n this._popupService = popupService;\n this.popupContentTemplate = templateName || this.popupContentTemplate;\n }\n _updateActions(viewModel) {\n this._popupService.data(null);\n if (viewModel) {\n this._disposables.push(this._popupService.visible.subscribe((newVal) => {\n this.target.isSelected(newVal);\n this.filterString('');\n }));\n this._popupService['viewModel'] = viewModel;\n var data = viewModel[this.propertyName];\n this.isFiltered(false);\n if (data && data.length > 10) {\n this.isFiltered(true);\n this._disposables.push(data = ko.pureComputed(() => {\n if (!this.filterString())\n return viewModel[this.propertyName];\n return viewModel[this.propertyName].filter(x => (x.displayText || x.name).toLocaleLowerCase().indexOf(this.filterString().toLocaleLowerCase()) != -1);\n }));\n }\n this._popupService.data({\n data: data,\n template: this.popupContentTemplate,\n click: (data) => {\n viewModel[this._action](data);\n this._popupService.visible(false);\n },\n isFiltered: this.isFiltered,\n filterString: this.filterString,\n searchPlaceholder: () => searchPlaceholder()\n });\n }\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\criteriaOperatorSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../../../serializer/utils';\nimport { OperandProperty } from '../../criteria/operators/property';\nimport { getLocalization } from '../../../property-grid/localization/localization_utils';\nimport { FunctionOperatorType } from '../../criteria/operators/options/function';\nexport class CriteriaOperatorSurface extends Disposable {\n constructor(operator, parent, fieldListProvider, path) {\n super();\n this.isUpdated = ko.observable(false);\n this.canRemove = true;\n this.operatorType = ko.observable(null);\n this.templateName = 'dx-filtereditor-common';\n this.isSelected = ko.observable(false);\n this.operatorClass = 'criteria-operator-item-operator dxd-filter-editor-operator-back-color dxd-filter-editor-text-color';\n this.popupService = parent.popupService || { visible: ko.observable(false) };\n this.model = operator;\n this.helper = parent.helper;\n this.fieldListProvider = fieldListProvider;\n this.path = path;\n this.parent = parent;\n this.operatorType(operator.operatorType);\n this._disposables.push(this.operatorType.subscribe((newVal) => {\n this.model.assignType(newVal);\n }));\n }\n _createLeftPartProperty(value) {\n if (value instanceof OperandProperty) {\n var surface = this.createChildSurface(value);\n }\n else {\n var surface = this.createChildSurface(value);\n var specifics = Object.keys(this.helper.filterEditorOperators).reduce((key, value) => {\n if (value !== '_common' && key === 'integer'\n && !!this.helper._getFilterEditorOperator(this.model, this.helper.filterEditorOperators[value], this.reverse)) {\n key = value;\n }\n return key;\n }, 'integer');\n surface.specifics = surface.specifics || ko.observable(specifics);\n }\n surface['canChange'] = false;\n surface.canRemove = false;\n if (surface && surface.model.type === 'aggregate') {\n this.specifics = ko.computed(() => {\n return surface['aggregatedExpression']() && surface['aggregatedExpression']().specifics() || 'integer';\n });\n this.dataType = ko.computed(() => {\n return surface['aggregatedExpression']() && surface['aggregatedExpression']().dataType() || 'integer';\n });\n this._disposables.push(this.specifics);\n this._disposables.push(this.dataType);\n }\n else {\n this.specifics = surface.specifics;\n this.dataType = surface.dataType;\n }\n this.isUpdated = surface.isUpdated;\n return surface;\n }\n createChildSurface(item, path, actions) {\n return new this.helper.mapper[item.type](item, this, this.fieldListProvider, path || this.path);\n }\n getDisplayType() {\n var type = this.operatorType && this.operatorType() || '';\n var item = this.helper._getFilterEditorOperator(this.model, this.items, this.reverse);\n return item && item.name && (item.displayText || getLocalization(item.name, item.localizationId)) || this.model.displayType || type;\n }\n get items() {\n return this.helper.filterEditorOperators[this.specifics()] || this.helper.filterEditorOperators._common;\n }\n get displayType() {\n return this.getDisplayType();\n }\n get leftPart() {\n return null;\n }\n get rightPart() {\n return null;\n }\n get css() {\n return this.operatorClass + (this.isSelected() ? ' selected' : '');\n }\n change(type, surface) {\n if (!surface && type && this.model.enumType === type.type && this.reverse === type.reverse && type.type !== FunctionOperatorType) {\n this.operatorType(type.value);\n }\n else {\n this.parent.change(type, this);\n }\n this.helper.onChange();\n }\n remove(surface) {\n this.parent.remove(this);\n this.helper.onChange();\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\unaryOperandSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { CriteriaOperatorSurface } from './criteriaOperatorSurface';\nimport { GroupOperator } from '../../criteria/operators/group';\nimport { UnaryOperatorType } from '../../criteria/operators/options/unary';\nimport { GroupOperatorType } from '../../criteria/operators/options/group';\nexport class UnaryOperandSurface extends CriteriaOperatorSurface {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this.contentTemplateName = 'dx-filtereditor-unary';\n this.operand = ko.observable(null);\n var operand = this.createChildSurface(operator.operand);\n if (operator.operatorType === UnaryOperatorType.Not) {\n this.templateName = 'dx-filtereditor-not';\n operand.reverse = true;\n this.specifics = operand.specifics;\n }\n else {\n operand.dispose();\n operand = this._createLeftPartProperty(operator.operand);\n }\n this.operand(operand);\n }\n get leftPart() {\n var leftPart = this.operand();\n if (this.operand() && this.operand().reverse && this.operand().leftPart) {\n leftPart = this.operand().leftPart;\n }\n return leftPart;\n }\n get rightPart() {\n return this.operand() && this.operand().reverse ? this.operand().rightPart : null;\n }\n createChildSurface(item, path, actions) {\n if (this.operatorType() === UnaryOperatorType.Not && !this.helper._getFilterEditorOperator(item, this.helper._allFilterEditorOperators, true)) {\n this.model.operand = new GroupOperator(GroupOperatorType.And, [item]);\n }\n return super.createChildSurface(this.model.operand, path, actions);\n }\n dispose() {\n this.operand().dispose();\n super.dispose();\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\aggregateOperandSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { CriteriaOperatorSurface } from './criteriaOperatorSurface';\nimport { UnaryOperandSurface } from './unaryOperandSurface';\nexport class AggregateOperandSurface extends CriteriaOperatorSurface {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this.contentTemplateName = 'dx-filtereditor-aggregate';\n this.property = ko.observable(null);\n this.aggregatedExpression = ko.observable(null);\n this.condition = ko.observable(null);\n this.property(this._createLeftPartProperty(operator.property));\n var childPath = ko.computed(() => {\n return this.path() + '.' + this.property().propertyName();\n });\n this._disposables.push(childPath);\n if (operator.aggregatedExpression) {\n this.aggregatedExpression(this.createChildSurface(operator.aggregatedExpression, childPath));\n this.templateName = 'dx-filtereditor-aggregate-common';\n }\n if (operator.operatorType === 'Count') {\n this.templateName = 'dx-filtereditor-aggregate-common';\n }\n var surface = this.createChildSurface(operator.condition, childPath);\n surface.canRemove = false;\n if (surface instanceof UnaryOperandSurface) {\n surface.operand().canRemove = false;\n }\n this.condition(surface);\n this.change = (type, surface) => {\n if (surface) {\n var newModel = this.model.change(type, surface.model);\n var condition = this.createChildSurface(newModel, childPath);\n condition.canRemove = false;\n if (condition instanceof UnaryOperandSurface) {\n condition.operand().canRemove = false;\n }\n this.condition(condition);\n }\n else {\n if (this.operatorType() === 'Exists' || this.operatorType() === 'Count') {\n this.parent.change(type, this);\n }\n else {\n if (type && (type.value === 'Exists' || type.value === 'Count')) {\n this.parent.change(type, this);\n }\n else {\n super.change(type, surface);\n }\n }\n }\n this.helper.onChange();\n };\n }\n get leftPart() {\n return this.property && this.property();\n }\n get rightPart() {\n return this.aggregatedExpression();\n }\n dispose() {\n this.property().dispose();\n this.condition().dispose();\n this.aggregatedExpression() && this.aggregatedExpression().dispose();\n super.dispose();\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\betweenOperandSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { CriteriaOperatorSurface } from './criteriaOperatorSurface';\nexport class BetweenOperandSurface extends CriteriaOperatorSurface {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this.property = ko.observable(null);\n this.end = ko.observable(null);\n this.begin = ko.observable(null);\n this.contentTemplateName = 'dx-filtereditor-between';\n this.property(this._createLeftPartProperty(operator.property));\n this.begin(this.createChildSurface(operator.begin));\n this.end(this.createChildSurface(operator.end));\n }\n get leftPart() {\n return this.property && this.property();\n }\n get rightPart() {\n return [this.begin(), this.end()];\n }\n dispose() {\n this.property().dispose();\n this.begin().dispose();\n this.end().dispose();\n super.dispose();\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\binaryOperandSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { CriteriaOperatorSurface } from './criteriaOperatorSurface';\nexport class BinaryOperandSurface extends CriteriaOperatorSurface {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this.contentTemplateName = 'dx-filtereditor-binary';\n this.leftOperand = ko.observable(null);\n this.rightOperand = ko.observable(null);\n this.leftOperand(this._createLeftPartProperty(operator.leftOperand));\n this.rightOperand(this.createChildSurface(operator.rightOperand));\n }\n get leftPart() {\n return this.leftOperand();\n }\n get rightPart() {\n return this.rightOperand();\n }\n dispose() {\n this.leftOperand().dispose();\n this.rightOperand().dispose();\n super.dispose();\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\helpers\\_helper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { getLocalization } from '../../../property-grid/localization/localization_utils';\nexport function initDisplayText(object) {\n object.displayText = getLocalization(object.name, object.localizationId);\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\operandSurfaceBase.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { CriteriaOperatorSurface } from './criteriaOperatorSurface';\nimport { UnaryOperandSurface } from './unaryOperandSurface';\nimport { OperandValue } from '../../criteria/operators/value';\nimport { OperandProperty } from '../../criteria/operators/property';\nimport { OperandParameter } from '../../criteria/operators/parameter';\nimport { initDisplayText } from '../helpers/_helper';\nexport class OperandSurfaceBase extends CriteriaOperatorSurface {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this.canChange = true;\n this.canRemove = false;\n this.changeValueType = (type) => {\n var parent = this.getRealParent(this.parent);\n var property = this.getRealProperty(this);\n var propertyLocation = this.getPropertyName(parent, property);\n var model = parent.model.changeValueType(type.instance, propertyLocation);\n if (propertyLocation.index !== null) {\n parent[propertyLocation.name]()[propertyLocation.index].dispose();\n parent[propertyLocation.name].splice(propertyLocation.index, 1, parent.createChildSurface(model));\n }\n else {\n parent[propertyLocation.name]().dispose();\n parent[propertyLocation.name](parent.createChildSurface(model));\n }\n this.helper.onChange();\n };\n }\n getRealParent(parent) {\n if (parent instanceof UnaryOperandSurface) {\n return this.getRealParent(parent.parent);\n }\n else {\n return parent;\n }\n }\n getRealProperty(property) {\n if (property.parent instanceof UnaryOperandSurface) {\n return this.getRealProperty(property.parent);\n }\n else {\n return property;\n }\n }\n getPropertyName(parent, searchProperty) {\n var position = null;\n var name = null;\n $.each(parent, (propertyName, property) => {\n if (Array.isArray(ko.unwrap(property)) && ko.isObservable(property)) {\n var index = ko.unwrap(property).indexOf(searchProperty);\n if (index > -1) {\n position = index;\n name = propertyName;\n return;\n }\n }\n else if (searchProperty === ko.unwrap(property) && ko.isObservable(property)) {\n name = propertyName;\n return;\n }\n });\n return { index: position, name: name };\n }\n getConvertableParameters(destinationSpecifics) {\n if (!this.helper.parameters())\n return [];\n return this.helper.parameters().filter((item) => {\n var sourceSpecifics = item.specifics && item.specifics.toLowerCase();\n if (sourceSpecifics == null || destinationSpecifics == null)\n return false;\n if (sourceSpecifics === destinationSpecifics)\n return true;\n if (destinationSpecifics === 'default')\n return true;\n if (destinationSpecifics === 'string')\n return true;\n if (destinationSpecifics === 'float')\n return sourceSpecifics === 'integer';\n if (destinationSpecifics === 'enum')\n return sourceSpecifics === 'integer' || sourceSpecifics === 'string';\n return false;\n });\n }\n get changeTypeItems() {\n var items = [{ name: 'Value', instance: OperandValue, localizationId: 'AnalyticsCoreStringId.FilterEditor_Operand_Type_Value' }];\n if (this.helper.canChoiceProperty) {\n items.push({ name: 'Property', instance: OperandProperty, localizationId: 'AnalyticsCoreStringId.FilterEditor_Operand_Type_Property' });\n }\n if (this.helper.canChoiceParameters && (this.getConvertableParameters(this.parent.specifics()).length > 0 || this.helper.canCreateParameters)) {\n items.push({ name: 'Parameter', instance: OperandParameter, localizationId: 'AnalyticsCoreStringId.FilterEditor_Operand_Type_Parameter' });\n }\n items.forEach(initDisplayText);\n return items;\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\functionOperandSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { OperandSurfaceBase } from './operandSurfaceBase';\nimport { UnaryOperandSurface } from './unaryOperandSurface';\nimport { getLocalization } from '../../../property-grid/localization/localization_utils';\nimport { FunctionOperatorType } from '../../criteria/operators/options/function';\nexport class FunctionOperandSurface extends OperandSurfaceBase {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this.canRemove = true;\n this.contentTemplateName = 'dx-filtereditor-function';\n this.operands = ko.observableArray([]);\n if (operator.operands.length === 0) {\n if (parent instanceof UnaryOperandSurface) {\n this.specifics = parent.parent.specifics;\n }\n else {\n this.specifics = parent.specifics;\n }\n this.contentTemplateName = 'dx-filtereditor-function-lightweight';\n this.canRemove = false;\n }\n else {\n this.operands.push(this._createLeftPartProperty(operator.operands[0]));\n for (var i = 1; i < operator.operands.length; i++) {\n this.operands.push(this.createChildSurface(operator.operands[i]));\n }\n }\n }\n get leftPart() {\n return this.operands && this.operands()[0];\n }\n get rightPart() {\n return this.operands && this.operands().filter((_, index) => { return index !== 0; });\n }\n get displayType() {\n var item = this.items.filter((item) => { return this.operatorType() === item.value && this.reverse === item.reverse && this.model.enumType === item.type; })[0];\n if (item && item.name) {\n return item.displayText || getLocalization(item.name, item.localizationId);\n }\n else {\n if (!isNaN(parseInt(this.operatorType()))) {\n return FunctionOperatorType[this.operatorType()];\n }\n else {\n return this.operatorType() || '';\n }\n }\n }\n dispose() {\n this.operands().forEach(x => x.dispose());\n super.dispose();\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\groupOperandSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { CriteriaOperatorSurface } from './criteriaOperatorSurface';\nimport { initDisplayText } from '../helpers/_helper';\nimport { AggregateOperandSurface } from './aggregateOperandSurface';\nimport { OperandProperty } from '../../criteria/operators/property';\nexport class GroupOperandSurface extends CriteriaOperatorSurface {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this.templateName = 'dx-filtereditor-group';\n this.operatorClass = 'criteria-operator-item-group dxd-filter-editor-group-back-color dxd-filter-editor-text-color';\n this.operands = ko.observableArray([]);\n this.createItems = null;\n this.createItems = [\n { name: 'Add group', value: true, localizationId: 'StringId.FilterMenuGroupAdd' },\n { name: 'Add condition', value: false, localizationId: 'StringId.FilterMenuConditionAdd' }\n ];\n this.createItems.forEach(initDisplayText);\n this.operands((operator.operands || []).map((operand) => {\n return this.createChildSurface(operand);\n }));\n this.specifics = ko.observable('group');\n }\n change(type, surface) {\n if (surface) {\n var specifics = surface.specifics() || 'integer';\n var operators = this.helper.filterEditorOperators[specifics] || this.helper.filterEditorOperators._common;\n if (!type) {\n var item = operators.filter((item) => {\n return surface.operatorType() === item.value && surface.reverse === item.reverse && surface.model.enumType === item.type;\n })[0];\n if (item) {\n type = item;\n }\n else {\n type = operators[0];\n }\n }\n var newModel = this.model.change(type, surface.model, surface.leftPart instanceof AggregateOperandSurface && surface.leftPart.leftPart.specifics() !== 'list');\n var position = this.operands().indexOf(surface);\n var operand = this.createChildSurface(newModel);\n this.operands()[position].dispose();\n this.operands.splice(position, 1, operand);\n }\n else {\n super.change(type, surface);\n }\n this.helper.onChange();\n }\n remove(surface) {\n if (surface) {\n this.model.remove(surface.model);\n this.operands.remove(surface);\n surface.dispose();\n }\n else {\n this.parent.remove(this);\n this.dispose();\n }\n this.helper.onChange();\n }\n create(type) {\n var newModel = this.model.create(type.value, new OperandProperty());\n this.operands.push(this.createChildSurface(newModel));\n this.helper.onChange();\n }\n get rightPart() {\n return this.operands();\n }\n dispose() {\n this.operands().forEach(x => x.dispose());\n super.dispose();\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\inOperandSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { CriteriaOperatorSurface } from './criteriaOperatorSurface';\nimport { OperandValue } from '../../criteria/operators/value';\nexport class InOperandSurface extends CriteriaOperatorSurface {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this.contentTemplateName = 'dx-filtereditor-in';\n this.operands = ko.observableArray([]);\n this.criteriaOperator = ko.observable(null);\n this.criteriaOperator(this._createLeftPartProperty(operator.criteriaOperator));\n this.operands((operator.operands || []).map((operand) => {\n return this.createChildSurface(operand);\n }));\n this.addValue = () => {\n var value = new OperandValue(null);\n this.model.operands.push(value);\n this.operands.push(this.createChildSurface(value));\n };\n }\n get leftPart() {\n return this.criteriaOperator();\n }\n get rightPart() {\n return this.operands();\n }\n dispose() {\n this.criteriaOperator().dispose();\n this.operands().forEach(x => x.dispose());\n super.dispose();\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\operandParameterSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { OperandSurfaceBase } from './operandSurfaceBase';\nexport class OperandParameterSurface extends OperandSurfaceBase {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this.changeParameter = (item) => {\n this.model.parameterName = item.name;\n this.parameterName(item.name);\n this.helper.onChange();\n };\n this.operatorClass = 'criteria-operator-item-parameter dxd-filter-editor-parameter-back-color dxd-filter-editor-text-color';\n this.parameterName = ko.observable('');\n this.templateName = 'dx-filtereditor-parameter';\n this.specifics = parent.specifics;\n this.parameterName(operator.parameterName);\n if (!this.parameterName() && this.items.length > 0) {\n this.changeParameter(this.items[0]);\n }\n this.specifics && this._disposables.push(this.specifics.subscribe((newVal) => {\n if (this.items.filter(x => ko.unwrap(x.name) == this.parameterName()).length == 0)\n this.items.length > 0 ? this.changeParameter(this.items[0]) : this.changeParameter({ name: '' });\n }));\n }\n get items() {\n return this.getConvertableParameters(this.specifics());\n }\n get displayType() {\n return null;\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\operandPropertySurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { OperandSurfaceBase } from './operandSurfaceBase';\nimport { PathRequest } from '../../common/pathRequest';\nexport class OperandPropertySurface extends OperandSurfaceBase {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this._displayName = ko.observable('');\n this.propertyName = ko.observable('');\n this.specifics = ko.observable('integer');\n this.dataType = ko.observable('');\n this.valueType = ko.observable('');\n this.changeProperty = (item) => {\n this.fieldsOptions().selected(item);\n };\n this.templateName = 'dx-filtereditor-property';\n this.operatorClass = 'criteria-operator-item-field dxd-filter-editor-field-back-color dxd-filter-editor-field-back-color dxd-filter-editor-text-color';\n this.propertyName(operator.propertyName);\n var options = this.helper.generateTreelistOptions(fieldListProvider, path);\n if (options.options && options.subscription) {\n this.fieldsOptions = options.options;\n this._disposables.push(options.subscription);\n }\n else {\n this.fieldsOptions = options;\n }\n this._disposables.push(this.fieldsOptions().selectedPath.subscribe((newVal) => {\n var realName = this.fieldsOptions().selectedPath().substr(this.path && this.path().length > 0 ? this.path().length + 1 : 0);\n this.propertyName(realName);\n this.model.propertyName = realName;\n this.popupService.visible(false);\n }));\n this._disposables.push(this.fieldsOptions().selected.subscribe((newVal) => {\n this._updateDisplayName(path, this.propertyName(), newVal.displayName);\n var specifics = newVal.specifics.toLowerCase();\n if (specifics.indexOf('calc') === 0) {\n specifics = specifics.split('calc')[1];\n }\n if (this.specifics() !== specifics || this.dataType() !== newVal.dataType) {\n this.specifics(specifics);\n this.dataType(newVal.dataType);\n this.parent.change();\n }\n this.helper.onChange();\n }));\n this.fieldsOptions().selectedPath(this.path && !!ko.unwrap(this.path) ? [ko.unwrap(this.path), this.propertyName()].join('.') : this.propertyName());\n this._updateSpecifics();\n this._disposables.push(this.displayName = ko.computed(() => {\n return this._displayName() || this.propertyName();\n }));\n }\n _updateDisplayName(path, propertyName, displayName) {\n if (!!this.helper.getDisplayPropertyName) {\n this.helper.getDisplayPropertyName(ko.unwrap(path), propertyName).done((newVal) => {\n this._displayName(newVal);\n });\n }\n else {\n this._displayName(displayName);\n }\n }\n _updateSpecifics() {\n var self = this;\n var propertyPath = this.propertyName().split('.');\n var realPropertyName = propertyPath.pop();\n if (ko.unwrap(this.fieldsOptions).itemsProvider) {\n this.isUpdated(true);\n ko.unwrap(this.fieldsOptions).itemsProvider.getItems(new PathRequest([this.path()].concat(propertyPath).join('.'))).done((result) => {\n var notListProperties = result.filter((item) => { return item.specifics !== 'List' && !item.isList; });\n if (!this.propertyName() && notListProperties.length > 0) {\n this.model.propertyName = notListProperties[0].name;\n this.propertyName(notListProperties[0].name);\n realPropertyName = notListProperties[0].name;\n }\n var item = result.filter((item) => { return item.name === realPropertyName; })[0];\n if (item) {\n var specifics = item.specifics.toLowerCase();\n if (specifics.indexOf('calc') === 0) {\n specifics = specifics.split('calc')[1];\n }\n this.specifics(specifics);\n this.dataType(item.dataType);\n this._updateDisplayName(this.path, this.propertyName(), item.displayName);\n }\n }).always(() => {\n this.isUpdated(false);\n });\n }\n }\n get items() {\n return this.fieldsOptions;\n }\n get displayType() {\n return null;\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\operators\\operandValueSurface.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport DataSource from 'devextreme/data/data_source';\nimport dxScrollView from 'devextreme/ui/scroll_view';\nimport * as ko from 'knockout';\nimport { getLocalization } from '../../../property-grid/localization/localization_utils';\nimport { formatDate } from '../../../property-grid/localization/_localization';\nimport { PathRequest } from '../../common/pathRequest';\nimport { UnaryOperatorType } from '../../criteria/operators/options/unary';\nimport { ValueEditorHelper } from '../../internal/_valueEditorHelper';\nimport { isNullOrEmptyString } from '../../_utils';\nimport { OperandPropertySurface } from './operandPropertySurface';\nimport { OperandSurfaceBase } from './operandSurfaceBase';\nimport { UnaryOperandSurface } from './unaryOperandSurface';\nexport class OperandValueSurface extends OperandSurfaceBase {\n constructor(operator, parent, fieldListProvider, path) {\n super(operator, parent, fieldListProvider, path);\n this._value = ko.observable(null);\n this._scroll = null;\n this._updateDate = function (specifics) {\n if (specifics === 'date') {\n if (!(this._value() instanceof Date)) {\n this._value(new Date(new Date().setHours(0, 0, 0, 0)));\n }\n }\n else {\n this._value('');\n }\n };\n this.changeValue = () => {\n var parent = this.getRealParent(this.parent);\n var property = this.getRealProperty(this);\n var propertyLocation = this.getPropertyName(parent, property);\n var model = parent.model.changeValue(this.model, this.reverse, propertyLocation);\n if (propertyLocation.index !== null) {\n parent[propertyLocation.name]()[propertyLocation.index].dispose();\n parent[propertyLocation.name].splice(propertyLocation.index, 1, parent.createChildSurface(model));\n }\n else {\n parent[propertyLocation.name]().dispose();\n parent[propertyLocation.name](parent.createChildSurface(model));\n }\n };\n this.dataType = ko.observable('');\n this.values = ko.observable([]);\n this.isEditable = ko.observable(false);\n this.templateName = 'dx-filtereditor-value';\n this._getBaseOptions = (element) => {\n return {\n value: this._value,\n onFocusOut: () => this.isEditable(false),\n onFocusIn: () => this.scrollTo(element)\n };\n };\n this.getNumberEditorOptions = (element) => {\n return ValueEditorHelper.getNumberEditorOptions(this.dataType(), this.specifics(), this._getBaseOptions(element));\n };\n this.getStringEditorOptions = (element) => {\n return this._getBaseOptions(element);\n };\n this.getBoolEditorOptions = (element, $root) => {\n return Object.assign({ dataSource: [\n { val: 'True', text: 'Yes', localizationId: 'AnalyticsCoreStringId.ParametersPanel_True' },\n { val: 'False', text: 'No', localizationId: 'AnalyticsCoreStringId.ParametersPanel_False' }\n ], valueExpr: 'val', displayExpr: 'text', dropDownOptions: { container: $root.getPopupContainer(element) } }, this._getBaseOptions(element));\n };\n this.getDateEditorOptions = (element, $root) => {\n return Object.assign({ closeOnValueChange: true, type: 'date', dropDownOptions: { container: $root.getPopupContainer(element) } }, this._getBaseOptions(element));\n };\n this.getListEditOptions = (element, $root) => {\n var isCustomValue = typeof this.items[0] !== 'object';\n return Object.assign({ dataSource: this.dataSource, acceptCustomValue: isCustomValue, valueExpr: !isCustomValue ? 'value' : undefined, displayExpr: !isCustomValue ? 'display' : undefined, useItemTextAsTitle: true, searchEnabled: true, dropDownOptions: { container: $root.getPopupContainer(element) } }, this._getBaseOptions(element));\n };\n var dataSource = null;\n this._disposables.push(this.dataSource = ko.computed(() => {\n dataSource && dataSource.dispose();\n dataSource = new DataSource({\n store: this.values(),\n paginate: this.values().length > 200,\n pageSize: 100\n });\n return dataSource;\n }));\n if (parent instanceof UnaryOperandSurface) {\n this.specifics = parent.parent.specifics;\n this.isUpdated = parent.parent.isUpdated;\n this.dataType = parent.parent.dataType;\n if (parent.model.operatorType === UnaryOperatorType.Minus) {\n this.reverse = true;\n }\n }\n else {\n this.specifics = parent.specifics;\n this.isUpdated = parent.isUpdated;\n this.dataType = parent.dataType;\n }\n if (operator.specifics && ko.isWritableObservable(this.specifics))\n this.specifics(operator.specifics);\n this._disposables.push(this.specifics.subscribe((newVal) => {\n if (!this.isUpdated || !this.isUpdated()) {\n operator.specifics = newVal;\n this._updateDate(newVal);\n }\n }));\n this._value(operator.value);\n this._disposables.push(this._value.subscribe((newVal) => {\n this.model.value = newVal;\n this.helper.onChange();\n }));\n if (isNullOrEmptyString(this._value())) {\n this._updateDate(this.specifics());\n }\n this._disposables.push(this.value = ko.computed({\n read: () => {\n var value = this._value();\n if (value instanceof Date) {\n value = formatDate(value);\n }\n if (this.items.length > 0) {\n var result = this.items.filter((item) => { return String(item.value) === String(value); })[0];\n if (result) {\n return result.display;\n }\n }\n if (this.reverse) {\n value = '-' + value;\n }\n return value !== null && value !== undefined && value !== '' ? value : this.getDefaultValue();\n },\n write: (newVal) => {\n if (newVal > 0 && !this.reverse || newVal < 0 && this.reverse) {\n this._value(newVal);\n }\n else if (newVal > 0 && this.reverse || newVal < 0 && !this.reverse) {\n this.reverse = !this.reverse;\n this._value(newVal < 0 ? ('' + newVal).substring(1) : newVal);\n this.changeValue();\n }\n }\n }));\n this._disposables.push(ko.computed(() => {\n var itemsProvider = ko.unwrap(fieldListProvider);\n if (itemsProvider && itemsProvider.getValues && this.parent.leftPart instanceof OperandPropertySurface) {\n if (this.parent.leftPart.propertyName()) {\n itemsProvider.getValues(new PathRequest(ko.unwrap(this.path) + '.' + this.parent.leftPart.propertyName())).done((result) => {\n this.values(result);\n });\n }\n }\n }));\n operator.specifics = this.specifics();\n }\n get items() {\n return this.values();\n }\n get displayType() {\n return null;\n }\n isDefaultDisplay() {\n return this.value() === this.getDefaultValue();\n }\n getDefaultValue() {\n return OperandValueSurface._defaultValue ? OperandValueSurface._defaultValue :\n OperandValueSurface._defaultValue = getLocalization('Enter a value', 'StringId.FilterEmptyEnter');\n }\n scrollTo(element) {\n if (!this._scroll) {\n var scrollElement = element.closest('.dx-filtereditor-tree');\n this._scroll = dxScrollView.getInstance(scrollElement);\n }\n this._scroll.scrollToElement(element);\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\helpers\\_treelistController.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { TreeListController } from '../../treelist/_treelistController';\nexport class FilterEditorTreeListController extends TreeListController {\n constructor(selectedItem) {\n super();\n this.selectedItem = selectedItem;\n }\n itemsFilter(item) {\n return true;\n }\n hasItems(item) {\n return item.specifics !== 'none' && (item.specifics !== 'List' && item.isList === true);\n }\n canSelect(value) {\n return !value.data.isList || (value.data.isList === true && value.data.specifics === 'List');\n }\n select(value) {\n if (this.canSelect(value)) {\n this.selectedItem(value.data);\n value.isSelected(true);\n }\n }\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\helpers\\helper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { getLocalization } from '../../../property-grid/localization/localization_utils';\nimport { createGlobalModuleVariableFunc } from '../../../serializer/_internal';\nimport { AggregateOperand } from '../../criteria/operators/aggregate';\nimport { BetweenOperator } from '../../criteria/operators/between';\nimport { InOperator } from '../../criteria/operators/in';\nimport { BinaryOperatorType } from '../../criteria/operators/options/binary';\nimport { FunctionOperatorType } from '../../criteria/operators/options/function';\nimport { GroupOperatorType } from '../../criteria/operators/options/group';\nimport { UnaryOperatorType } from '../../criteria/operators/options/unary';\nimport { AggregateOperandSurface } from '../operators/aggregateOperandSurface';\nimport { BetweenOperandSurface } from '../operators/betweenOperandSurface';\nimport { BinaryOperandSurface } from '../operators/binaryOperandSurface';\nimport { CriteriaOperatorSurface } from '../operators/criteriaOperatorSurface';\nimport { FunctionOperandSurface } from '../operators/functionOperandSurface';\nimport { GroupOperandSurface } from '../operators/groupOperandSurface';\nimport { InOperandSurface } from '../operators/inOperandSurface';\nimport { OperandParameterSurface } from '../operators/operandParameterSurface';\nimport { OperandPropertySurface } from '../operators/operandPropertySurface';\nimport { OperandValueSurface } from '../operators/operandValueSurface';\nimport { UnaryOperandSurface } from '../operators/unaryOperandSurface';\nimport { FilterEditorAddOn } from './_addon';\nimport { initDisplayText } from './_helper';\nimport { FilterEditorSerializer } from './_serializer';\nimport { FilterEditorTreeListController } from './_treelistController';\nimport { CriteriaSurfaceValidator } from './_validator';\nexport class FilterEditorHelper {\n constructor(serializer) {\n this.rtl = false;\n this.parameters = ko.observable([]);\n this.canSelectLists = true;\n this.canCreateParameters = false;\n this.canChoiceParameters = true;\n this.canChoiceProperty = true;\n this.criteriaTreeValidator = new CriteriaSurfaceValidator();\n this.filterEditorOperators = {\n _common: [\n { name: 'Equals', _type: 'binary', insertVal: '==', value: BinaryOperatorType.Equal, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseEquals' },\n { name: 'Does not equal', _type: 'binary', hidden: true, reverse: true, value: BinaryOperatorType.Equal, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseDoesNotEqual' },\n { name: 'Does not equal', _type: 'binary', insertVal: '!=', value: BinaryOperatorType.NotEqual, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseDoesNotEqual' },\n { name: 'Equals', _type: 'binary', reverse: true, hidden: true, value: BinaryOperatorType.NotEqual, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseEquals' },\n { name: 'Is greater than', _type: 'binary', insertVal: '>', value: BinaryOperatorType.Greater, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseGreater' },\n { name: 'Is less than or equal to', _type: 'binary', hidden: true, reverse: true, value: BinaryOperatorType.Greater, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseGreater' },\n { name: 'Is greater than or equal to', _type: 'binary', insertVal: '>=', value: BinaryOperatorType.GreaterOrEqual, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseGreaterOrEqual' },\n { name: 'Is less than', _type: 'binary', hidden: true, reverse: true, value: BinaryOperatorType.GreaterOrEqual, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseLess' },\n { name: 'Is less than', _type: 'binary', insertVal: '<', value: BinaryOperatorType.Less, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseLess' },\n { name: 'Is greater than or equal to', _type: 'binary', reverse: true, hidden: true, value: BinaryOperatorType.Less, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseGreaterOrEqual' },\n { name: 'Is less than or equal to', _type: 'binary', insertVal: '<=', value: BinaryOperatorType.LessOrEqual, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseLessOrEqual' },\n { name: 'Is greater than', _type: 'binary', reverse: true, hidden: true, value: BinaryOperatorType.LessOrEqual, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseGreater' },\n { name: 'Is between', _type: 'between', value: 'Between', insertVal: 'Between(, )', paramCount: 1, type: BetweenOperator, localizationId: 'StringId.FilterClauseBetween' },\n { name: 'Is not between', _type: 'between', value: 'Between', insertVal: 'Between(, )', paramCount: 1, type: BetweenOperator, reverse: true, localizationId: 'StringId.FilterClauseNotBetween' }\n ],\n string: [],\n guid: [],\n integer: [],\n float: [],\n date: [],\n list: [],\n group: [],\n bool: []\n };\n this.onChange = () => { };\n this.onEditorFocusOut = (criteria) => { };\n this.onSave = (criteria) => { };\n this.onClosing = () => { };\n this.handlers = {\n create: (criteria, popupService) => {\n return {\n data: new FilterEditorAddOn(criteria, popupService, 'create', 'createItems'),\n templateName: 'dx-filtereditor-create'\n };\n },\n change: (criteria, popupService) => {\n return {\n data: new FilterEditorAddOn(criteria, popupService, 'change', 'items'),\n templateName: 'dx-filtereditor-change'\n };\n },\n changeProperty: (criteria, popupService) => {\n return {\n data: new FilterEditorAddOn(criteria, popupService, 'changeProperty', 'items', 'dx-filtereditor-popup-treelist'),\n templateName: 'dx-filtereditor-changeProperty'\n };\n },\n changeValueType: (criteria, popupService) => {\n return {\n data: new FilterEditorAddOn(criteria, popupService, 'changeValueType', 'changeTypeItems'),\n templateName: 'dx-filtereditor-changeValueType'\n };\n },\n changeParameter: (criteria, popupService) => {\n return {\n data: new FilterEditorAddOn(criteria, popupService, 'changeParameter', 'items'),\n templateName: 'dx-filtereditor-changeParameter'\n };\n }\n };\n this.mapper = {\n aggregate: AggregateOperandSurface,\n property: OperandPropertySurface,\n parameter: OperandParameterSurface,\n value: OperandValueSurface,\n group: GroupOperandSurface,\n between: BetweenOperandSurface,\n binary: BinaryOperandSurface,\n function: FunctionOperandSurface,\n in: InOperandSurface,\n unary: UnaryOperandSurface,\n default: CriteriaOperatorSurface\n };\n this.serializer = serializer || new FilterEditorSerializer();\n this.filterEditorOperators.string = [].concat(this.filterEditorOperators._common, [\n { name: 'Contains', _type: 'function', insertVal: 'Contains(, )', value: FunctionOperatorType.Contains, type: FunctionOperatorType, localizationId: 'StringId.FilterClauseContains' },\n { name: 'Does not contain', _type: 'function', value: FunctionOperatorType.Contains, type: FunctionOperatorType, reverse: true, localizationId: 'StringId.FilterClauseDoesNotContain' },\n { name: 'Begins with', _type: 'function', insertVal: 'StartsWith(, )', value: FunctionOperatorType.StartsWith, type: FunctionOperatorType, localizationId: 'StringId.FilterClauseBeginsWith' },\n { name: 'Ends with', _type: 'function', insertVal: 'StartsWith(, )', value: FunctionOperatorType.EndsWith, type: FunctionOperatorType, localizationId: 'StringId.FilterClauseEndsWith' },\n { name: 'Is like', _type: 'binary', insertVal: 'Like', value: BinaryOperatorType.Like, type: BinaryOperatorType, localizationId: 'StringId.FilterClauseLike' },\n { name: 'Is not like', _type: 'binary', insertVal: 'Not Like', value: BinaryOperatorType.Like, type: BinaryOperatorType, reverse: true, localizationId: 'StringId.FilterClauseNotLike' },\n { name: 'Is any of', _type: 'in', value: 'In', insertVal: 'In()', paramCount: 1, type: InOperator, localizationId: 'StringId.FilterClauseAnyOf' },\n { name: 'Is none of', _type: 'in', value: 'In', type: InOperator, reverse: true, localizationId: 'StringId.FilterClauseNoneOf' },\n { name: 'Is blank', _type: 'function', insertVal: 'IsNullOrEmpty()', emptyRightPart: true, value: FunctionOperatorType.IsNullOrEmpty, type: FunctionOperatorType, localizationId: 'StringId.FilterClauseIsNullOrEmpty' },\n { name: 'Is not blank', _type: 'function', insertVal: 'Not IsNullOrEmpty()', emptyRightPart: true, value: FunctionOperatorType.IsNullOrEmpty, type: FunctionOperatorType, reverse: true, localizationId: 'StringId.FilterClauseIsNotNullOrEmpty' }\n ]);\n this.filterEditorOperators.guid = this.filterEditorOperators.string;\n this.filterEditorOperators.integer = [].concat(this.filterEditorOperators._common, [\n { name: 'Is null', _type: 'unary', insertVal: 'Is Null', value: UnaryOperatorType.IsNull, type: UnaryOperatorType, localizationId: 'StringId.FilterClauseIsNull' },\n { name: 'Is not null', _type: 'unary', insertVal: 'Is Not Null', value: UnaryOperatorType.IsNull, type: UnaryOperatorType, reverse: true, localizationId: 'StringId.FilterClauseIsNotNull' },\n { name: 'Is any of', _type: 'in', value: 'In', insertVal: 'In()', paramCount: 1, type: InOperator, localizationId: 'StringId.FilterClauseAnyOf' },\n { name: 'Is none of', _type: 'in', value: 'In', type: InOperator, reverse: true, localizationId: 'StringId.FilterClauseNoneOf' },\n ]);\n this.filterEditorOperators.float = this.filterEditorOperators.integer;\n this.filterEditorOperators.bool = this.filterEditorOperators.integer;\n this.filterEditorOperators.date = [].concat(this.filterEditorOperators._common, [\n { name: 'Is null', _type: 'unary', insertVal: 'Is Null', value: UnaryOperatorType.IsNull, type: UnaryOperatorType, localizationId: 'StringId.FilterClauseIsNull' },\n { name: 'Is not null', _type: 'unary', insertVal: 'Is Not Null', value: UnaryOperatorType.IsNull, type: UnaryOperatorType, reverse: true, localizationId: 'StringId.FilterClauseIsNotNull' },\n { name: 'Is any of', _type: 'in', value: 'In', insertVal: 'In()', type: InOperator, localizationId: 'StringId.FilterClauseAnyOf' },\n { name: 'Is none of', _type: 'in', value: 'In', type: InOperator, reverse: true, localizationId: 'StringId.FilterClauseNoneOf' },\n { name: 'Is beyond this year', _type: 'function', insertVal: 'IsOutlookIntervalBeyondThisYear()', emptyRightPart: true, value: FunctionOperatorType.IsOutlookIntervalBeyondThisYear, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsOutlookIntervalBeyondThisYear' },\n { name: 'Is next week', _type: 'function', insertVal: 'IsOutlookIntervalNextWeek()', emptyRightPart: true, value: FunctionOperatorType.IsOutlookIntervalNextWeek, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsOutlookIntervalNextWeek' },\n { name: 'Is tomorrow', _type: 'function', insertVal: 'IsOutlookIntervalTomorrow()', emptyRightPart: true, value: FunctionOperatorType.IsOutlookIntervalTomorrow, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsOutlookIntervalTomorrow' },\n { name: 'Is today', _type: 'function', insertVal: 'IsOutlookIntervalToday()', emptyRightPart: true, value: FunctionOperatorType.IsOutlookIntervalToday, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsOutlookIntervalToday' },\n { name: 'Is yesterday', _type: 'function', insertVal: 'IsOutlookIntervalYesterday()', emptyRightPart: true, value: FunctionOperatorType.IsOutlookIntervalYesterday, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsOutlookIntervalYesterday' },\n { name: 'Is last week', _type: 'function', insertVal: 'IsOutlookIntervalLastWeek()', emptyRightPart: true, value: FunctionOperatorType.IsOutlookIntervalLastWeek, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsOutlookIntervalLastWeek' },\n { name: 'Is prior this year', _type: 'function', insertVal: 'IsOutlookIntervalPriorThisYear()', emptyRightPart: true, value: FunctionOperatorType.IsOutlookIntervalPriorThisYear, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsOutlookIntervalPriorThisYear' },\n { name: 'Is same day', _type: 'function', insertVal: 'IsSameDay(, )', value: FunctionOperatorType.IsSameDay, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsSameDay' },\n { name: 'Is this month', _type: 'function', insertVal: 'IsThisMonth()', emptyRightPart: true, value: FunctionOperatorType.IsThisMonth, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsThisMonth' },\n { name: 'Is this week', _type: 'function', insertVal: 'IsThisWeek()', emptyRightPart: true, value: FunctionOperatorType.IsThisWeek, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsThisWeek' },\n { name: 'Is this year', _type: 'function', insertVal: 'IsThisYear()', emptyRightPart: true, value: FunctionOperatorType.IsThisYear, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsThisYear' },\n { name: 'Is next month', _type: 'function', insertVal: 'IsNextMonth', emptyRightPart: true, value: FunctionOperatorType.IsNextMonth, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsNextMonth' },\n { name: 'Is next year', _type: 'function', insertVal: 'IsNextYear()', emptyRightPart: true, value: FunctionOperatorType.IsNextYear, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsNextYear' },\n { name: 'Is last month', _type: 'function', insertVal: 'IsLastMonth()', emptyRightPart: true, value: FunctionOperatorType.IsLastMonth, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsLastMonth' },\n { name: 'Is last year', _type: 'function', insertVal: 'IsLastYear()', emptyRightPart: true, value: FunctionOperatorType.IsLastYear, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsLastYear' },\n { name: 'Is the year-to-date period', _type: 'function', insertVal: 'IsYearToDate()', emptyRightPart: true, value: FunctionOperatorType.IsYearToDate, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsYearToDate' },\n { name: 'Is January', _type: 'function', insertVal: 'IsJanuary()', emptyRightPart: true, value: FunctionOperatorType.IsJanuary, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsJanuary' },\n { name: 'Is February', _type: 'function', insertVal: 'IsFebruary()', emptyRightPart: true, value: FunctionOperatorType.IsFebruary, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsFebruary' },\n { name: 'Is March', _type: 'function', insertVal: 'IsMarch()', emptyRightPart: true, value: FunctionOperatorType.IsMarch, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsMarch' },\n { name: 'Is April', _type: 'function', insertVal: 'IsApril()', emptyRightPart: true, value: FunctionOperatorType.IsApril, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsApril' },\n { name: 'Is May', _type: 'function', insertVal: 'IsMay()', emptyRightPart: true, value: FunctionOperatorType.IsMay, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsMay' },\n { name: 'Is June', _type: 'function', insertVal: 'IsJune()', emptyRightPart: true, value: FunctionOperatorType.IsJune, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsJune' },\n { name: 'Is July', _type: 'function', insertVal: 'IsJuly()', emptyRightPart: true, value: FunctionOperatorType.IsJuly, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsJuly' },\n { name: 'Is August', _type: 'function', insertVal: 'IsAugust()', emptyRightPart: true, value: FunctionOperatorType.IsAugust, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsAugust' },\n { name: 'Is September', _type: 'function', insertVal: 'IsSeptember()', emptyRightPart: true, value: FunctionOperatorType.IsSeptember, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsSeptember' },\n { name: 'Is October', _type: 'function', insertVal: 'IsOctober()', emptyRightPart: true, value: FunctionOperatorType.IsOctober, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsOctober' },\n { name: 'Is November', _type: 'function', insertVal: 'IsNovember()', emptyRightPart: true, value: FunctionOperatorType.IsNovember, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsNovember' },\n { name: 'Is December', _type: 'function', insertVal: 'IsDecember()', emptyRightPart: true, value: FunctionOperatorType.IsDecember, type: FunctionOperatorType, localizationId: 'StringId.FilterCriteriaToStringFunctionIsDecember' },\n ]);\n this.filterEditorOperators.list = [\n { name: 'Exists', _type: 'aggregate', value: 'Exists', insertVal: 'Exists()', type: AggregateOperand, localizationId: 'StringId.FilterAggregateExists' },\n { name: 'Count', _type: 'aggregate', value: 'Count', insertVal: 'Count()', type: AggregateOperand, localizationId: 'StringId.FilterAggregateCount' },\n { name: 'Max', _type: 'aggregate', value: 'Max', insertVal: 'Max()', type: AggregateOperand, localizationId: 'StringId.FilterAggregateMax' },\n { name: 'Min', _type: 'aggregate', value: 'Min', insertVal: 'Min()', type: AggregateOperand, localizationId: 'StringId.FilterAggregateMin' },\n { name: 'Sum', _type: 'aggregate', value: 'Sum', insertVal: 'Sum()', type: AggregateOperand, localizationId: 'StringId.FilterAggregateSum' },\n { name: 'Avg', _type: 'aggregate', value: 'Avg', insertVal: 'Avg()', type: AggregateOperand, localizationId: 'StringId.FilterAggregateAvg' }\n ];\n this.filterEditorOperators.group = [\n { name: 'And', _type: 'group', insertVal: 'And', value: GroupOperatorType.And, type: GroupOperatorType, localizationId: 'StringId.FilterGroupAnd' },\n { name: 'Or', _type: 'group', insertVal: 'Or', value: GroupOperatorType.Or, type: GroupOperatorType, localizationId: 'StringId.FilterGroupOr' },\n { name: 'Not And', _type: 'group', value: GroupOperatorType.And, reverse: true, type: GroupOperatorType, localizationId: 'StringId.FilterGroupNotAnd' },\n { name: 'Not Or', _type: 'group', value: GroupOperatorType.Or, reverse: true, type: GroupOperatorType, localizationId: 'StringId.FilterGroupNotOr' },\n ];\n this._initDisplayText();\n }\n get _allFilterEditorOperators() {\n var operators = [];\n Object.keys(this.filterEditorOperators).forEach(propertyName => {\n operators.push(...this.filterEditorOperators[propertyName]);\n });\n return operators;\n }\n _getFilterEditorOperator(item, items, reverse) {\n return items.filter(x => x.value === item.operatorType && x.type === item.enumType && x.reverse === reverse)[0];\n }\n _initDisplayText() {\n Object.keys(this.filterEditorOperators).forEach(specific => {\n this.filterEditorOperators[specific].forEach(initDisplayText);\n });\n }\n registrateOperator(specific, targetEnum, value, name, opreatorType = 'function', reverse = false, localizationId) {\n if (this.filterEditorOperators[specific]) {\n if (!targetEnum[value]) {\n var maxNumber = 0;\n var index = 0;\n $.each(targetEnum, (name, _) => {\n index = parseInt(name);\n if (!isNaN(index) && maxNumber < index) {\n maxNumber = index;\n }\n });\n maxNumber++;\n targetEnum[maxNumber] = value;\n targetEnum[value] = maxNumber;\n }\n var newOperator = { name: name, value: targetEnum[value], type: targetEnum, _type: opreatorType, reverse: reverse, displayText: getLocalization(name, localizationId) };\n this.filterEditorOperators[specific].push(newOperator);\n }\n }\n generateTreelistOptions(fieldListProvider, path) {\n var treeListOptions = ko.observable(null);\n var selected = ko.observable(null);\n return {\n subscription: ko.computed(() => {\n treeListOptions({\n itemsProvider: ko.unwrap(fieldListProvider),\n selectedPath: ko.observable(''),\n selected: selected,\n path: ko.unwrap(path),\n treeListController: new FilterEditorTreeListController(selected),\n rtl: this.rtl\n });\n }),\n options: treeListOptions\n };\n }\n}\nexport var DefaultFilterEditorHelper = createGlobalModuleVariableFunc(FilterEditorHelper);\nexport function _setDefaultFilterEditorHelper(helperType) {\n DefaultFilterEditorHelper(helperType);\n}\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\helpers\\_codeCompletor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { CodeCompletor, createFunctionCompletion } from '../../common/_codeCompletor';\nimport { FilterEditorHelper } from './helper';\nimport { AggregateOperand } from '../../criteria/operators/aggregate';\nimport { FunctionOperatorType } from '../../criteria/operators/options/function';\nexport class FilterEditorCodeCompletor extends CodeCompletor {\n constructor(options) {\n super(options);\n var helper = new FilterEditorHelper();\n var functions = [];\n var aggregate = [];\n var operators = [];\n var groups = Object.keys(helper.filterEditorOperators);\n groups.forEach((groupName) => {\n helper.filterEditorOperators[groupName].forEach((operator) => {\n if (operator.insertVal) {\n var name = operator.name, insertVal = operator.insertVal, paramCount = operator.paramCount;\n if (operator.type === FunctionOperatorType && functions.filter(x => x.name === name).length === 0) {\n functions.push({ name: name, insertVal: insertVal });\n }\n else if (operator.type === AggregateOperand && aggregate.filter(x => x.name === name).length === 0) {\n aggregate.push({ name: name, insertVal: insertVal });\n }\n else if (operator.type !== AggregateOperand && operator.type !== FunctionOperatorType && operators.filter(x => x.name === name).length === 0) {\n operators.push({ name: name, insertVal: insertVal, paramCount: paramCount });\n }\n }\n });\n });\n this.filterEditorAvailable = { operators, aggregate, functions };\n }\n getFunctionsCompletions() {\n var functions = [];\n this.filterEditorAvailable.functions.forEach(funcItem => {\n functions.push(createFunctionCompletion({ text: funcItem.name, paramCount: funcItem.insertVal.split(',').length }, funcItem.insertVal, funcItem.insertVal));\n });\n return functions;\n }\n getAggregateCompletions() {\n var functions = [];\n this.filterEditorAvailable.aggregate.forEach(funcItem => {\n functions.push(createFunctionCompletion({ text: funcItem.name, paramCount: 0 }, funcItem.insertVal, funcItem.insertVal));\n });\n return functions;\n }\n getOperatorCompletions(prefix) {\n var operators = [];\n this.filterEditorAvailable.operators.forEach(operator => {\n operators.push((operator.insertVal.match(new RegExp('\\\\([^\\\\(\\\\)]*\\\\)', 'g'))) ?\n createFunctionCompletion({ text: operator.name, paramCount: operator.paramCount || operator.insertVal.split(',').length }, operator.insertVal, operator.insertVal) :\n { caption: operator.insertVal, snippet: prefix + operator.insertVal, meta: 'operator' });\n });\n return operators;\n }\n}\n","/**\n* DevExpress Analytics (widgets\\formatstring\\_patterns.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport var formatStringStandardPatterns = {\n 'DateTime': { type: 'System.DateTime', value: new Date(Date.now()), patterns: [] },\n 'Number': { type: 'System.Int32', value: '123456789', patterns: ['#.00', '#,#', '0.E+0.0', '0.e+0.0', 'n', 'n1', 'n2', 'e', 'e1', 'f', 'f1'] },\n 'Percent': { type: 'System.Int32', value: '100', patterns: ['0.00%', '0%'] },\n 'Currency': { type: 'System.Int32', value: '100', patterns: ['$0.00', '$0', 'c', 'c1', 'c2'] },\n 'Special': { type: 'System.Int32', value: '123456789', patterns: ['(###) ### - ####', '### - ## - ####'] },\n 'General': { type: 'System.String', value: '', patterns: ['General format have no specific number format'] }\n};\n","/**\n* DevExpress Analytics (widgets\\internal\\_popupComponentBase.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Disposable } from '../../serializer/utils';\nexport class PopupComponentBase extends Disposable {\n constructor() {\n super(...arguments);\n this._component = ko.observable();\n this.onContentReady = (e) => {\n this._component(e.component);\n };\n this.hideOnOutsideClick = (e) => {\n var component = this.getComponent();\n var $content = component && $.fn.constructor(component.content());\n return !$content || !($content.has(e.target).length || $content.is(e.target));\n };\n }\n getComponent() {\n return ko.unwrap(this._component);\n }\n dispose() {\n super.dispose();\n var component = this._component();\n component && component.dispose();\n this._component(null);\n }\n}\n","/**\n* DevExpress Analytics (widgets\\internal\\_popupwithautoheight.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport registerComponent from 'devextreme/core/component_registrator';\nimport dxPopup from 'devextreme/ui/popup';\nexport class dxPopupWithAutoHeight extends dxPopup {\n _setContentHeight() {\n this['_$popupContent'].css({\n height: '100%'\n });\n }\n}\nregisterComponent('dxPopupWithAutoHeight', dxPopupWithAutoHeight);\n","/**\n* DevExpress Analytics (widgets\\internal\\_resizeHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { extend } from '../../serializer/_utils';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nexport class ResizeHelper {\n constructor(options = {}) {\n this.options = options;\n this._resize = (deltaWidth, deltaHeight, oldDelta, element) => {\n if (this.options.resultSize) {\n this.options.resultSize(this.options.resultSize() - (deltaWidth || deltaHeight) + oldDelta);\n }\n else {\n if (element) {\n if (deltaWidth) {\n const newWidth = element.offsetWidth - deltaWidth + oldDelta;\n element.style.width = `${newWidth}px`;\n }\n else if (deltaHeight) {\n const newHeight = element.offsetHeight + deltaHeight - oldDelta;\n element.style.height = `${newHeight}px`;\n }\n }\n }\n return deltaWidth || deltaHeight;\n };\n }\n resizable(resizeHandler, handles) {\n if (!resizeHandler)\n resizeHandler = { starting: () => { }, stopped: () => { } };\n var oldDelta = 0;\n return extend({}, resizeHandler, {\n handles: handles,\n $selectedNodes: $.fn.constructor(),\n stopped: () => { oldDelta = 0; },\n resize: (event, element, boundsDiff) => {\n oldDelta = this._resize(-boundsDiff.width, boundsDiff.height, oldDelta, element);\n this.options.onResize && this.options.onResize();\n },\n handleClassName: 'dxd-back-secondary',\n disabled: this.options.disabled || ko.observable(false)\n });\n }\n}\n","/**\n* DevExpress Analytics (widgets\\treelist\\options.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { createGlobalModuleVariableFunc } from '../../serializer/_internal';\nexport var LoadChildItemsForCollapsedNodes = createGlobalModuleVariableFunc(true);\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\pictureEditor\\pictureEditMode.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport var PictureEditMode;\n(function (PictureEditMode) {\n PictureEditMode[PictureEditMode[\"Image\"] = 0] = \"Image\";\n PictureEditMode[PictureEditMode[\"Signature\"] = 1] = \"Signature\";\n PictureEditMode[PictureEditMode[\"ImageAndSignature\"] = 2] = \"ImageAndSignature\";\n})(PictureEditMode || (PictureEditMode = {}));\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\pictureEditor\\_pictureEditorTypes.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport var PictureEditorActionId;\n(function (PictureEditorActionId) {\n PictureEditorActionId[PictureEditorActionId[\"OpenFile\"] = 0] = \"OpenFile\";\n PictureEditorActionId[PictureEditorActionId[\"PickImage\"] = 1] = \"PickImage\";\n PictureEditorActionId[PictureEditorActionId[\"Alignment\"] = 2] = \"Alignment\";\n PictureEditorActionId[PictureEditorActionId[\"Brush\"] = 3] = \"Brush\";\n PictureEditorActionId[PictureEditorActionId[\"Clear\"] = 4] = \"Clear\";\n PictureEditorActionId[PictureEditorActionId[\"Reset\"] = 5] = \"Reset\";\n})(PictureEditorActionId || (PictureEditorActionId = {}));\n","/**\n* DevExpress Analytics (widgets\\treelist\\_treelistItem.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { CodeResolver } from '../../property-grid/internal/_codeResolver';\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nimport { SvgTemplatesEngine } from '../../property-grid/widgets/internal/_svgTemplateEngine';\nimport { Disposable } from '../../serializer/utils';\nimport { createGlobalModuleVariableFunc } from '../../serializer/_internal';\nimport { PathRequest } from '../common/pathRequest';\nimport { LoadChildItemsForCollapsedNodes } from './options';\nexport var maxSearchLevel = createGlobalModuleVariableFunc(5);\nexport var treeListEditAction = {\n templateName: 'dx-treelist-edit-action',\n imageClassName: '',\n text: 'Edit',\n clickAction: $.noop,\n displayText: () => getLocalization('Edit', 'AnalyticsCoreStringId.Group_Edit')\n};\nexport class DefaultTreeListItemFactory {\n createRootItem(options, path, onItemsVisibilityChanged, rtl) {\n return new TreeListRootItemViewModel(options, path, onItemsVisibilityChanged, rtl);\n }\n createItem(options, path, onItemsVisibilityChanged, rtl, resolver) {\n return new TreeListItemViewModel(options, path, onItemsVisibilityChanged, rtl, resolver);\n }\n}\nexport class TreeListEllipsisButton {\n constructor(_availableItemsCount, padding, pageSize) {\n this._availableItemsCount = _availableItemsCount;\n this.padding = padding;\n this.pageSize = pageSize;\n this.templateName = 'dx-treelist-item-ellipsis';\n this.collapsed = () => true;\n this.visibleItems = () => [];\n this.text = () => getLocalization('Show more...', 'AnalyticsCoreStringId.QueryBuilder_Tables_ShowMore');\n }\n renderNext() {\n this._availableItemsCount(this._availableItemsCount() + this.pageSize);\n }\n}\nexport class TreeListItemViewModel extends Disposable {\n constructor(options, path = [], onItemsVisibilityChanged = $.noop, rtl = false, resolver = new CodeResolver()) {\n super();\n this.resolver = resolver;\n this._rtl = false;\n this._data = ko.observable(null);\n this._actions = ko.observable([]);\n this._isVisible = ko.observable(true);\n this._pageSize = -1;\n this._walkCallback = null;\n this._isLoaded = ko.observable(false);\n this._actionsSubscription = null;\n this._subscriptions = [];\n this._visibleItemsCount = ko.observable(0);\n this._iconName = () => (ko.unwrap((this.data && this.data.icon) || (this.data && this.data.specifics)) || 'default').split('.').join('_').toLowerCase();\n this._nodeIsLocked = false;\n this.level = -1;\n this.items = ko.observableArray();\n this.collapsed = ko.observable(true);\n this.isSelected = ko.observable(false);\n this.isHovered = ko.observable(false);\n this.isMultiSelected = ko.observable(false);\n this.templates = {\n accordionItem: 'dx-treelist-accordion-item',\n headerItem: 'dx-treelist-header-item',\n headerItemContent: 'dx-treelist-header-item-caption-content',\n itemTextContent: 'dx-treelist-item-text-content',\n actionsContainer: 'dx-treelist-item-actions-container',\n };\n this._pageSize = options.pageSize || -1;\n this._path = path;\n this._rtl = rtl;\n if ('loadChildItemsForCollapsedNodes' in options)\n this._loadChildItemsForCollapsedNodes = options.loadChildItemsForCollapsedNodes;\n this._factory = options.factory || new DefaultTreeListItemFactory();\n this._treeListController = options.treeListController;\n this._templateName = options.templateName;\n this._onItemsVisibilityChanged = onItemsVisibilityChanged;\n this.dragDropHandler = options.treeListController.dragDropHandler;\n this._onItemsChangedCallback = options.onItemsChanged;\n this._visible = ko.computed(() => {\n if (this.data && this._treeListController.itemsFilter && !this._treeListController.itemsFilter(this.data, this.path, this))\n return false;\n return this._isVisible();\n });\n this.getItems = () => {\n if (this.items().length > 0)\n return $.Deferred().resolve(this.items()).promise();\n return this._loadItems(options);\n };\n this._initPaginate();\n this.toggleSelected = (_, event) => {\n if (event && (event.shiftKey || event.ctrlKey || event.metaKey) && this.selectedItems().length > 0 && this._treeListController.canMultiSelect && this._treeListController.canMultiSelect(this)) {\n options.selectedPath('');\n this._treeListController.multiSelect(this, event.shiftKey, event.ctrlKey || event.metaKey);\n }\n else if (this._treeListController.canSelect(this)) {\n options.treeListController.clickHandler && options.treeListController.clickHandler(this);\n options.selectedPath(this.path);\n }\n };\n if (options.treeListController.dblClickHandler) {\n this.dblClickHandler = (item) => {\n options.treeListController.dblClickHandler && options.treeListController.dblClickHandler(item);\n };\n }\n this.toggleCollapsed = () => {\n if (this.hasItems) {\n this.collapsed(!this.collapsed.peek());\n if (!this.collapsed.peek() && this.items().length === 0) {\n this._loadItems(options, this._getLoadChildItemsForCollapsedNodes()).always(() => { onItemsVisibilityChanged(); });\n }\n else if (this._getLoadChildItemsForCollapsedNodes()) {\n this.items().forEach((item) => {\n item._treeListController.hasItems(item.data) && item.items().length === 0 && item._loadItems(options);\n });\n onItemsVisibilityChanged();\n }\n }\n };\n this.nodeImageClass = this._getNodeImageClassName();\n this._subscriptions.push(this._visible.subscribe((newValue) => this._updataParentItemsVisibilityCount(newValue)));\n }\n _equal(obj1, obj2) {\n var ignore = ['innerActions', 'noDragable', 'dragData'];\n if (obj2 === obj1)\n return true;\n return Object.keys(obj2).filter(key => ignore.indexOf(key) === -1).every((key) => {\n return obj2[key] === obj1[key];\n });\n }\n _getImageClassName(showIcon) {\n return ko.computed(() => {\n return 'dx-image-fieldlist-'\n + this._iconName()\n + (!showIcon ? ' dx-treelist-image-empty' : '');\n });\n }\n _getImageTemplateName() {\n return ko.computed(() => {\n var _templateName = 'dxrd-svg-fieldlist-' + this._iconName();\n return SvgTemplatesEngine.getExistingTemplate(_templateName);\n });\n }\n _getNodeImageClassName() {\n return ko.computed({\n read: () => {\n var result = 'dx-collapsing-image';\n if (!this.hasItems) {\n return 'dx-image-leaf-node';\n }\n if (!this.collapsed())\n result += ' dx-image-expanded';\n return result;\n }\n });\n }\n _createItemsObj(items) {\n var obj = {};\n for (var i = 0; i < items.length; i++) {\n obj[items[i].name] = { item: items[i], index: i };\n }\n return obj;\n }\n _loadItems(options, loadInnerItems = false) {\n var deferred = $.Deferred();\n if (this._loader) {\n this._loader.dispose();\n }\n this._disposables.reverse().forEach(x => x.dispose && x.dispose());\n this._disposables.splice(0);\n var promise = ko.observable();\n var subscription = promise.subscribe((value) => {\n if (!value)\n return;\n value.done((data) => {\n if (this.isDisposing) {\n deferred.reject();\n return;\n }\n this._isLoaded(true);\n var _data = data;\n var items = this.items.peek();\n var dataObj = this._createItemsObj(_data);\n var isMutated = false;\n var splicedItems = 0;\n var tempItems = [].concat.apply([], items);\n for (var i = 0; i < tempItems.length; i++) {\n if (!dataObj[tempItems[i].data.name]) {\n tempItems[i].dispose();\n items.splice(i - splicedItems, 1);\n splicedItems++;\n isMutated = true;\n }\n }\n this._visibleItemsCount(this._visibleItemsCount() - splicedItems);\n var itemsObj = this._createItemsObj(items);\n var resorted = false;\n var showIconsForChildItems = !this._treeListController.showIconsForChildItems || this._treeListController.showIconsForChildItems(this);\n var showIconTemplate = this._treeListController.showIconsForChildItems && this._treeListController.showIconsForChildItems(this);\n var visibleItemsCount = this._visibleItemsCount();\n _data.forEach((d, index) => {\n var currentItem = itemsObj[d.name];\n if (!currentItem) {\n isMutated = true;\n var newItem = this._factory.createItem(options, this.pathParts, this._onItemsVisibilityChanged, this._rtl, this.resolver);\n newItem.data = d;\n newItem.level = this.level + 1;\n newItem.parent = this;\n newItem.visible && (visibleItemsCount += 1);\n newItem.padding = this._applyPadding(this._rtl ? 'right' : 'left', 20 * newItem.level + 12);\n newItem.imageClassName = newItem._getImageClassName(showIconsForChildItems);\n newItem.imageTemplateName = newItem._getImageTemplateName();\n newItem.showIcon = showIconTemplate;\n items.splice(index, 0, newItem);\n itemsObj[d.name] = { item: newItem, index: index };\n this._walkCallback && this._walkCallback(newItem);\n }\n else {\n if (!this._equal(d, currentItem.item.data))\n currentItem.item.data = d;\n if (!resorted)\n resorted = currentItem.index !== index;\n }\n });\n this._visibleItemsCount(visibleItemsCount);\n this._walkCallback = null;\n if (resorted) {\n var index = items.reduce((acc, x, index) => {\n var max = Math.abs(index - (dataObj[x.data.name] ? dataObj[x.data.name].index : -1));\n if (!acc || acc.max < max) {\n return { max, index };\n }\n return acc;\n }, null).index;\n var curItem = items[index];\n items.splice(index, 1);\n items.splice(dataObj[curItem.data.name] ? dataObj[curItem.data.name].index : -1, 0, curItem);\n isMutated = true;\n }\n dataObj = null;\n itemsObj = null;\n if (isMutated) {\n this.items.valueHasMutated();\n this._onItemsChanged();\n }\n if (!this.collapsed() || loadInnerItems) {\n var condition = (item) => item._treeListController.hasItems(item.data);\n if (this._loadChildItemsForCollapsedNodes !== undefined)\n condition = (item) => (!item.collapsed() || loadInnerItems) && item._treeListController.hasItems(item.data);\n this.items().forEach(item => {\n if (condition(item)) {\n item._loadItems(options);\n }\n });\n }\n deferred.resolve(this.items.peek());\n var selectedPath = options.selectedPath.peek();\n if (selectedPath) {\n var item2Select = this.items.peek().filter(item => { return selectedPath.indexOf(item.path) === 0; })[0];\n if (item2Select) {\n this._selectItem(item2Select.name + selectedPath.substring(item2Select.path.length));\n }\n }\n });\n });\n this._disposables.push({\n dispose: () => {\n subscription.dispose();\n promise(null);\n }\n });\n this._disposables.push(this._loader = ko.computed(() => {\n promise(options.itemsProvider.getItems(new PathRequest(this.path, this.pathParts)));\n }));\n return deferred.promise();\n }\n _onItemsChanged() {\n if (this._onItemsChangedCallback)\n this._onItemsChangedCallback(this.items());\n }\n _getTemplateName() {\n return this._templateName || this.data && this.data.templateName || 'dx-treelist-item';\n }\n _selectItem(itemPath) {\n if (!this.hasItems) {\n return;\n }\n var selectItemDelegate = () => {\n this._find(itemPath);\n if (this.collapsed.peek()) {\n this.toggleCollapsed();\n }\n };\n if (this.items.peek().length === 0) {\n this.getItems().done((items) => {\n selectItemDelegate();\n });\n }\n else {\n selectItemDelegate();\n }\n }\n _find(itemPath) {\n var item = itemPath && this.items.peek().filter(childItem => itemPath === childItem.name\n || itemPath.indexOf(childItem.name) === 0 && itemPath[childItem.name.length] === '.')[0];\n if (item) {\n if (itemPath.length > item.name.length) {\n item._selectItem(itemPath.substr(item.name.length + 1));\n }\n else {\n this._treeListController.select(item);\n }\n }\n }\n _getItemsWithLock() {\n var deffered = $.Deferred();\n if (this._nodeIsLocked)\n return deffered.reject().promise();\n this._nodeIsLocked = true;\n this.getItems().done(result => {\n this._nodeIsLocked = false;\n deffered.resolve(result);\n }).fail(() => {\n this._nodeIsLocked = false;\n deffered.reject();\n });\n return deffered.promise();\n }\n _applyPadding(position, value) {\n var padding = {};\n padding['padding-' + position] = value;\n return padding;\n }\n _getLoadChildItemsForCollapsedNodes() {\n return this._loadChildItemsForCollapsedNodes !== undefined ?\n this._loadChildItemsForCollapsedNodes : LoadChildItemsForCollapsedNodes();\n }\n _initPaginate() {\n if (this._pageSize === -1)\n return;\n this.maxItemsCount = ko.observable(this._pageSize);\n this.visibleItems = ko.computed(() => {\n if (this.items().length === 0)\n return [];\n var result = this.items().filter(x => x._isVisible.peek());\n if (result.length > this.maxItemsCount()) {\n result = result.slice(0, this.maxItemsCount());\n result.push(new TreeListEllipsisButton(this.maxItemsCount, result[0].padding, this._pageSize));\n }\n return result;\n });\n }\n _updataParentItemsVisibilityCount(visible) {\n var _a, _b;\n visible ? (_a = this.parent) === null || _a === void 0 ? void 0 : _a._visibleItemsCount(this.parent._visibleItemsCount() + 1)\n : (_b = this.parent) === null || _b === void 0 ? void 0 : _b._visibleItemsCount(Math.max(this.parent._visibleItemsCount() - 1, 0));\n }\n get hasItems() {\n if (!this.data) {\n return true;\n }\n var hasItems = this._treeListController.hasItems(this.data);\n if (this._loadChildItemsForCollapsedNodes != undefined) {\n return this._isLoaded() ?\n hasItems && this._visibleItemsCount() > 0 :\n hasItems;\n }\n return LoadChildItemsForCollapsedNodes() ?\n hasItems && this._visibleItemsCount() > 0 :\n hasItems;\n }\n get data() {\n return this._data();\n }\n set data(newVal) {\n this._data(newVal);\n this._actionsSubscription && this._actionsSubscription.dispose();\n this._actionsSubscription = ko.computed(() => {\n this._actions(this._treeListController && this._treeListController.getActions ? this._treeListController.getActions(this) : []);\n });\n }\n get name() {\n return ko.unwrap(this.data && this.data.name);\n }\n get path() {\n return this.pathParts.join('.');\n }\n get pathParts() {\n if (this.name) {\n return (ko.unwrap(this._path) || []).concat([this.name]);\n }\n else {\n return ko.unwrap(this._path);\n }\n }\n get text() {\n return this.data && this.data.displayName;\n }\n get templateName() {\n return this._getTemplateName();\n }\n actionsTemplate() {\n return this.data && ko.unwrap(this.data['actionsTemplate']) || 'dx-treelist-item-actions-with-edit';\n }\n treeListEditAction() {\n return treeListEditAction;\n }\n get hasContent() {\n return this.data && this.data['contenttemplate'];\n }\n get actions() {\n return this._actions();\n }\n get isDraggable() {\n if (this.data && this.data['dragData']) {\n return !this.data['dragData'].noDragable;\n }\n if (this._treeListController.isDraggable) {\n return this._treeListController.isDraggable(this);\n }\n return false;\n }\n get treeListController() {\n return this._treeListController;\n }\n dispose() {\n super.dispose();\n this._actions([]);\n this.visibleItems && this.visibleItems.dispose();\n this._actionsSubscription && this._actionsSubscription.dispose();\n this.disposeObservableArray(this.items);\n this.resetObservableArray(this.items);\n this._visibleItemsCount(0);\n this.parent = null;\n this._subscriptions.forEach(x => x.dispose());\n this._walkCallback = null;\n this._visible.dispose();\n }\n get visible() {\n return this._visible();\n }\n setVisible(value) {\n this._isVisible(value);\n if (value && this.parent && !this.parent.visible)\n this.parent.setVisible(true);\n }\n getCssRules() {\n return {\n 'dx-treelist-item-selected dxd-state-selected': this.isSelected() || this.isMultiSelected()\n };\n }\n mouseenter() {\n this.isHovered(true);\n }\n mouseleave() {\n this.isHovered(false);\n }\n selectedItems() {\n return this._treeListController.selectedItems && this._treeListController.selectedItems() || [];\n }\n}\nexport class TreeListRootItemViewModel extends TreeListItemViewModel {\n constructor(_options, path = [], onItemsVisibilityChanged = $.noop, rtl = false) {\n super(_options, path, onItemsVisibilityChanged, rtl);\n this._options = _options;\n this._resolver = new CodeResolver();\n this._selectedPathSubscription = null;\n this.resolver.done(() => {\n onItemsVisibilityChanged();\n });\n this._selectedPathSubscription = _options.selectedPath.subscribe((newPath) => {\n this._selectItem(!!this.path ? newPath.substr(this.path.length + 1) : newPath);\n });\n this._selectItem(!!this.path ? this.path + '.' + _options.selectedPath() : _options.selectedPath());\n }\n dispose() {\n super.dispose();\n this._resolver.clear();\n if (this._selectedPathSubscription) {\n this._selectedPathSubscription.dispose();\n this._selectedPathSubscription = null;\n }\n }\n walkOnTree(walkCallBack) {\n this._resolver.clear();\n this._visitNextNode(this, walkCallBack);\n if (this['_pageSize'] != -1)\n this._resolver.doneOnce(() => this.items.valueHasMutated());\n return { stop: () => this._resolver.clear() };\n }\n _visitNextNode(item, walkCallback = (_item) => { }) {\n var _a;\n if (item.data && !item.data.specifics)\n throw new Error('Specific should be set');\n if (item.level >= maxSearchLevel())\n return;\n var processItemsFunc = null;\n if (item.items().length > 0) {\n processItemsFunc = () => item.items().forEach(node => {\n walkCallback(node);\n this._visitNextNode(node, walkCallback);\n });\n }\n else if (!item.data || item.treeListController.hasItems(item.data)) {\n if ((_a = item.treeListController.searchOptions) === null || _a === void 0 ? void 0 : _a.autoLoadItems) {\n processItemsFunc = () => item._getItemsWithLock().done(result => {\n result.forEach((node) => {\n walkCallback(node);\n this._visitNextNode(node, walkCallback);\n });\n });\n }\n else {\n item['_walkCallback'] = (node) => {\n walkCallback(node);\n this._visitNextNode(node, walkCallback);\n };\n }\n }\n if (processItemsFunc)\n this._resolver.execute(processItemsFunc, 1);\n }\n _onItemsChanged() {\n if (this._options.expandRootItems)\n this.items().forEach(item => {\n item.collapsed(false);\n });\n super._onItemsChanged();\n }\n}\n","/**\n* DevExpress Analytics (widgets\\treelist\\_treeListSearchViewModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { SearchMode, findMatchesInString } from '../../property-grid/widgets/internal/_utils';\nimport { Disposable } from '../../serializer/utils';\nimport { searchPlaceholder } from '../../property-grid/localization/_localization';\nimport { getTemplate } from '../../property-grid/widgets/templateUtils';\nexport class TreeListSearchOptions {\n constructor() {\n this.globalMatch = true;\n this.autoLoadItems = true;\n this.canUseRegex = false;\n this.caseSensitive = false;\n this.searchMode = SearchMode.contains;\n this.searchTimeout = 500;\n this.searchExpr = 'displayName';\n this.searchBoxTemplate = 'dx-treelist-searchbox';\n }\n}\nexport class TreeListSearchViewModel extends Disposable {\n constructor() {\n super();\n this._processedNodes = [];\n this._currentProcess = [];\n this.searchTimeout = 500;\n this._roots = [];\n this.searchPlaceholder = () => searchPlaceholder();\n var _textToSearch = ko.observable('');\n var timeout = null;\n this._disposables.push(this.value = ko.computed({\n read: () => _textToSearch(),\n write: (newVal) => {\n clearTimeout(timeout);\n timeout = setTimeout(() => {\n _textToSearch(newVal);\n }, this.searchTimeout);\n }\n }));\n this._disposables.push(this.value.subscribe((newValue) => this.valueChanged(newValue)));\n }\n static createController(element, controllers, modelType = TreeListSearchViewModel, templateName = 'dx-treelist-search-panel') {\n var model = new modelType();\n var $element = $.fn.constructor(element);\n var subscriptions = [];\n controllers.forEach((controller) => {\n if (!controller)\n return;\n controller.root = controller.root || ko.observable();\n subscriptions.push(controller.root.subscribe((newRoot) => {\n model.addController(newRoot);\n model.valueChanged('');\n }));\n });\n model._disposables.push({\n dispose: () => {\n controllers.forEach(controller => {\n if (controller) {\n controller.root(null);\n delete controller.root;\n }\n });\n }\n });\n var template = getTemplate(templateName);\n $element.addClass('dxrd-treelist-search-panel-container').addClass('dxd-border-primary');\n $element.children().remove();\n $element.append(template);\n ko.cleanNode($element.children()[0]);\n ko.applyBindings(model, $element.children()[0]);\n var disposeCallback = () => {\n subscriptions.forEach(x => x.dispose());\n model && model.dispose();\n ko.utils.domNodeDisposal.removeDisposeCallback(element, disposeCallback);\n };\n ko.utils.domNodeDisposal.addDisposeCallback(element, disposeCallback);\n }\n dispose() {\n super.dispose();\n this.clearProcess();\n }\n clearProcess() {\n this._currentProcess.forEach(x => x.stop && x.stop());\n this._currentProcess = [];\n this._processedNodes = [];\n }\n valueChanged(newValue) {\n if (!newValue)\n this._processedNodes.forEach(x => x.setVisible(true));\n this.clearProcess();\n this._roots.forEach((root) => {\n root.treeListController.textToSearch(newValue);\n if (newValue) {\n this._currentProcess.push(root.walkOnTree((node) => {\n var regexResult = findMatchesInString(node.data[root.treeListController.searchOptions.searchExpr], newValue, root.treeListController.searchOptions);\n this._processedNodes.push(node);\n node.setVisible(!!regexResult);\n regexResult && this._collapseTreeBranch(node);\n }));\n }\n else {\n root.items.valueHasMutated();\n }\n });\n }\n _collapseTreeBranch(node) {\n if (node.parent) {\n if (node.parent.collapsed())\n node.parent.toggleCollapsed();\n this._collapseTreeBranch(node.parent);\n }\n }\n addController(root) {\n this._roots = this._roots.filter((a) => !a.isDisposing);\n root.treeListController.textToSearch = root.treeListController.textToSearch || ko.observable('');\n if (this._roots.indexOf(root) === -1)\n this._roots.push(root);\n this.searchTimeout = Math.max.apply(Math, this._roots.map(x => x.treeListController.searchOptions.searchTimeout)) || 500;\n }\n}\n","/**\n* DevExpress Analytics (widgets\\treelist\\_binding.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { DefaultTreeListItemFactory } from './_treelistItem';\nimport { TreeListController } from './_treelistController';\nimport { TreeListSearchOptions, TreeListSearchViewModel } from './_treeListSearchViewModel';\nimport dxScrollView from 'devextreme/ui/scroll_view';\nimport { extend } from '../../serializer/_utils';\nimport { getTemplate } from '../../property-grid/widgets/templateUtils';\nko.bindingHandlers['treelist'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var treeListViewModel = null;\n var childContext = null;\n var callback = null;\n var values = valueAccessor(), options = ko.unwrap(values), pathArray, updateScrollBar = () => {\n var options = ko.unwrap(values);\n var scrollViewElt = $.fn.constructor(element).closest('.dx-scrollview').get(0);\n var scrollView = scrollViewElt && dxScrollView.getInstance(scrollViewElt);\n scrollView && scrollView['update']();\n if (options.onItemsVisibilityChanged) {\n options.onItemsVisibilityChanged();\n }\n }, updateTreeList = (options) => {\n pathArray && pathArray.dispose();\n var treeListController = options.treeListController || new TreeListController();\n options.treeListController = treeListController;\n treeListController.dragDropHandler = treeListController.dragDropHandler || bindingContext.$root.fieldDragHandler;\n options.factory = options.factory || new DefaultTreeListItemFactory();\n options.itemsProvider = ko.unwrap(options.itemsProvider);\n options.pageSize = options.pageSize || -1;\n treeListViewModel && treeListViewModel.dispose();\n if (!options || !options.itemsProvider)\n return;\n if (!options.rtl) {\n options.rtl = $.fn.constructor(element).closest('.dx-rtl').length > 0;\n }\n pathArray = ko.computed(() => {\n var result = ko.unwrap(options.path);\n if (!Array.isArray(result)) {\n return !!result ? result.split('.') : [];\n }\n return result;\n });\n treeListViewModel = options.factory.createRootItem(options, pathArray, updateScrollBar, options.rtl);\n var treeListTemplate = options.templateHtml || getTemplate('dx-treelist');\n if (treeListController.root) {\n treeListController.searchEnabled = true;\n treeListController.searchOptions = treeListController.searchOptions || new TreeListSearchOptions();\n treeListController.root(treeListViewModel);\n }\n var $element = $.fn.constructor(element).html(treeListTemplate);\n childContext = bindingContext.createChildContext(treeListViewModel);\n ko.applyBindings(childContext, $element.children()[0]);\n callback && ko.utils.domNodeDisposal.removeDisposeCallback(element, callback);\n callback = function () {\n treeListViewModel && treeListViewModel.dispose();\n treeListViewModel = null;\n subscription && subscription.dispose();\n pathArray && pathArray.dispose();\n callback = null;\n ko.utils.domNodeDisposal.removeDisposeCallback(element, callback);\n };\n ko.utils.domNodeDisposal.addDisposeCallback(element, callback);\n };\n updateTreeList(extend({}, options));\n var subscription = null;\n if (ko.isSubscribable(values)) {\n subscription = values.subscribe((newValue) => {\n newValue && updateTreeList(extend({}, newValue));\n });\n }\n else if (ko.isSubscribable(values.itemsProvider)) {\n subscription = values.itemsProvider.subscribe((newValue) => {\n newValue && updateTreeList(extend({}, values));\n });\n }\n return { controlsDescendantBindings: true };\n }\n};\nko.bindingHandlers['treeListSearchPanel'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var values = valueAccessor();\n var template = ko.unwrap(values.template);\n var modelType = ko.unwrap(values.modelType);\n var controllers = ko.unwrap(values.controllers);\n if (!Array.isArray(controllers))\n controllers = [controllers];\n TreeListSearchViewModel.createController(element, controllers, modelType, template);\n return { controlsDescendantBindings: true };\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (common\\utils\\editingFieldExtensions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { extend, formatDate, parseDate, processTextEditorHotKeys } from '@devexpress/analytics-core/analytics-internal';\nimport { getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport { ValueEditorHelper } from '@devexpress/analytics-core/analytics-widgets-internal';\nimport * as $ from 'jquery';\nimport { PictureEditMode } from '../../viewer/widgets/pictureEditor/pictureEditMode';\nimport { PictureEditorActionId } from '../../viewer/widgets/pictureEditor/_pictureEditorTypes';\nexport var Categories = {\n Image: () => 'Image',\n Numeric: () => 'Numeric',\n DateTime: () => 'Date-Time',\n Letters: () => 'Letters'\n};\nexport class EditingFieldExtensions {\n constructor() {\n this._editors = {};\n }\n static instance() {\n if (!EditingFieldExtensions._instance) {\n EditingFieldExtensions._instance = new EditingFieldExtensions();\n EditingFieldExtensions._instance._registerStandartEditors();\n }\n return EditingFieldExtensions._instance;\n }\n _registerStandartEditors() {\n var getLocalizedString = getLocalization;\n EditingFieldExtensions.registerRegExpEditor('Integer', getLocalizedString('Integer', 'PreviewStringId.EditingFieldEditors_Integer'), Categories.Numeric(), /^-?\\d*$/, /^-?\\d+$/, '0');\n EditingFieldExtensions.registerRegExpEditor('IntegerPositive', getLocalizedString('Integer Positive', 'PreviewStringId.EditingFieldEditors_IntegerPositive'), Categories.Numeric(), /^\\d+$/, /^\\d+$/, '0');\n EditingFieldExtensions.registerRegExpEditor('FixedPoint', getLocalizedString('Fixed-Point', 'PreviewStringId.EditingFieldEditors_FixedPoint'), Categories.Numeric(), /^-?(\\d+([\\.,]?\\d*)?)?$/, /^-?\\d+([\\.,]?\\d*)?$/, '0');\n EditingFieldExtensions.registerRegExpEditor('FixedPointPositive', getLocalizedString('Fixed-Point Positive', 'PreviewStringId.EditingFieldEditors_FixedPointPositive'), Categories.Numeric(), /^\\d+([\\.,]?\\d*)?$/, /^\\d+([\\.,]?\\d*)?$/, '0');\n var dateEditorOptions = {\n onPreRender: (data) => {\n if (!(data.options.value() instanceof Date)) {\n data.options.value(parseDate(data.options.value(), false) || new Date(Date.now()));\n }\n },\n onHideEditor: (field) => {\n field.editValue(formatDate(field._editorValue()));\n }\n };\n EditingFieldExtensions.registerEditor('Date', getLocalizedString('Date', 'PreviewStringId.EditingFieldEditors_Date'), Categories.DateTime(), dateEditorOptions, 'dxrp-editing-field-datetime');\n EditingFieldExtensions.registerImageEditor({\n name: 'Image',\n displayName: getLocalizedString('Image', 'PreviewStringId.EditingFieldEditors_Image'),\n drawingEnabled: false,\n imageLoadEnabled: true\n });\n EditingFieldExtensions.registerImageEditor({\n name: 'Signature',\n displayName: getLocalizedString('Signature', 'PreviewStringId.EditingFieldEditors_Signature'),\n drawingEnabled: true,\n imageLoadEnabled: false\n });\n EditingFieldExtensions.registerImageEditor({\n name: 'ImageAndSignature',\n displayName: getLocalizedString('Image And Signature', 'PreviewStringId.EditingFieldEditors_ImageAndSignature'),\n drawingEnabled: true,\n imageLoadEnabled: true\n });\n EditingFieldExtensions.registerRegExpEditor('OnlyLatinLetters', getLocalizedString('Only Latin Letters', 'PreviewStringId.EditingFieldEditors_OnlyLatinLetters'), Categories.Letters(), /^[a-zA-Z]*$/, /^[a-zA-Z]*$/, '');\n }\n static enableImageEditorShading() {\n ['Image', 'ImageAndSignature', 'Signature'].forEach(editorType => {\n var editor = EditingFieldExtensions.instance()._editors[editorType];\n extend(true, editor, { options: { registrationOptions: { shadingEnabled: true } } });\n });\n }\n static registerImageEditor(imageRegistrationOptions) {\n imageRegistrationOptions.imageLoadEnabled = imageRegistrationOptions.imageLoadEnabled === undefined ? !imageRegistrationOptions.images : imageRegistrationOptions.imageLoadEnabled;\n imageRegistrationOptions.drawingEnabled = imageRegistrationOptions.drawingEnabled === undefined ? false : imageRegistrationOptions.drawingEnabled;\n var editMode = PictureEditMode.ImageAndSignature;\n if (!imageRegistrationOptions.imageLoadEnabled)\n editMode = PictureEditMode.Signature;\n if (!imageRegistrationOptions.drawingEnabled)\n editMode = PictureEditMode.Image;\n var options = {\n editMode: editMode,\n registrationOptions: imageRegistrationOptions\n };\n options['callbacks'] = {\n customizeActions: (s, actions) => {\n if (imageRegistrationOptions.images) {\n var imagePickerAction = s.actionsProvider.createImagePickerAction(imageRegistrationOptions.images, imageRegistrationOptions.searchEnabled, (base64) => {\n s.painter.image(base64);\n s.painter.refresh();\n });\n actions.splice(0, 0, imagePickerAction);\n if (!imageRegistrationOptions.sizeOptionsEnabled) {\n var alignmentAction = actions.filter(x => x.id === PictureEditorActionId.Alignment)[0];\n alignmentAction && actions.splice(actions.indexOf(alignmentAction), 1);\n }\n }\n if (!imageRegistrationOptions.imageLoadEnabled) {\n var openFile = actions.filter((x => x.id === PictureEditorActionId.OpenFile))[0];\n openFile && actions.splice(actions.indexOf(openFile), 1);\n }\n if (imageRegistrationOptions.sizeOptionsEnabled !== undefined && !imageRegistrationOptions.sizeOptionsEnabled) {\n var alignmentAction = actions.filter(x => x.id === PictureEditorActionId.Alignment)[0];\n alignmentAction && actions.splice(actions.indexOf(alignmentAction), 1);\n }\n if (imageRegistrationOptions.clearEnabled !== undefined && !imageRegistrationOptions.clearEnabled) {\n var clearAction = actions.filter(x => x.id === PictureEditorActionId.Clear)[0];\n clearAction && actions.splice(actions.indexOf(clearAction), 1);\n }\n if (imageRegistrationOptions.customizeActions) {\n imageRegistrationOptions.customizeActions(s, actions);\n return;\n }\n }\n };\n EditingFieldExtensions.registerEditor(imageRegistrationOptions.name, imageRegistrationOptions.displayName, Categories.Image(), options, 'dxrp-editing-field-image');\n }\n static registerEditor(name, displayName, category, options, template, validate, defaultVal = '') {\n var initValue;\n var extendOptions = {\n onInitialized: e => {\n if (validate) {\n ValueEditorHelper.validateWidgetValue(e, validate, defaultVal);\n }\n initValue = e.component.option('value');\n },\n onKeyUp: e => {\n var editor = e.component;\n processTextEditorHotKeys(e.event, {\n esc: () => {\n editor.blur();\n editor.option('value', initValue);\n },\n ctrlEnter: () => {\n editor.blur();\n }\n });\n }\n };\n EditingFieldExtensions.instance()._editors[name] = {\n name: name,\n displayName: displayName,\n category: category,\n options: $.extend({}, options, extendOptions),\n template: template\n };\n }\n static registerMaskEditor(editorID, displayName, category, mask) {\n EditingFieldExtensions.registerEditor(editorID, displayName, category, { mask: mask });\n }\n static registerRegExpEditor(editorID, displayName, category, regExpEditing, regExpFinal, defaultVal) {\n var validate = (val) => { return regExpFinal.test(val); };\n EditingFieldExtensions.registerEditor(editorID, displayName, category, ValueEditorHelper.getValueEditorOptions(regExpEditing, validate, defaultVal), null, validate, defaultVal);\n }\n static unregisterEditor(editorID) {\n delete EditingFieldExtensions.instance()._editors[editorID];\n }\n categories(excludeCategories = []) {\n var categories = [];\n Object.keys(this._editors).forEach(p => {\n var category = this._editors[p].category;\n if (excludeCategories.indexOf(category) === -1 && categories.indexOf(category) === -1) {\n categories.push(category);\n }\n });\n return categories;\n }\n editors() {\n return Object.keys(this._editors).map(key => this._editors[key]);\n }\n editorsByCategories(categories = []) {\n var editors = [];\n Object.keys(this._editors).forEach(p => {\n if (categories.indexOf(this._editors[p].category) != -1) {\n editors.push(this._editors[p]);\n }\n });\n return editors;\n }\n editor(editorID) {\n return this._editors[editorID];\n }\n}\n","/**\n* DevExpress Analytics (property-grid\\bindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { ObjectProperties } from './propertygrid';\nimport { addDisposeCallback } from '../serializer/_internal';\nimport { globalResolver } from './internal/_codeResolver';\nimport { selectPlaceholder, noDataText } from './localization/_localization';\nimport { getLocalization } from './localization/localization_utils';\nimport dxScrollView from 'devextreme/ui/scroll_view';\nimport * as events from 'devextreme/events';\nimport { getTemplate } from './widgets/templateUtils';\nko.bindingHandlers['dxPropertyGrid'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n $.fn.constructor(element).children().remove();\n var templateHtml = getTemplate('dx-propertieseditor'), $element = $.fn.constructor(element).append(templateHtml);\n var value = valueAccessor();\n var model = new ObjectProperties(value.target, value.editorsInfo, value.level, value.parentDisabled, value.recreateEditors, value.textToSearch);\n ko.applyBindings(bindingContext.createChildContext(model), $element.children()[0]);\n addDisposeCallback(element, function () {\n model.dispose();\n });\n return { controlsDescendantBindings: true };\n }\n};\nko.virtualElements.allowedBindings['lazy'] = true;\nko.bindingHandlers['lazy'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var parsedBindings = valueAccessor();\n var resolver = parsedBindings.resolver || globalResolver;\n var isResolved = parsedBindings.isResolved || ko.observable(false);\n if (parsedBindings.innerBindings) {\n parsedBindings = parsedBindings.innerBindings;\n }\n var isDisposed = false;\n var tasks = [];\n $.each(parsedBindings, (innerBindingKey, innerBindingParameters) => {\n var innerBinding = ko.bindingHandlers[innerBindingKey];\n tasks.push(resolver.execute(() => {\n if (!isDisposed) {\n var isInitialized = false;\n ko.computed({\n read: () => {\n if (!isInitialized && innerBinding.init) {\n innerBinding.init(element, () => { return innerBindingParameters; }, allBindings, viewModel, bindingContext);\n isInitialized = true;\n }\n if (innerBinding.update) {\n innerBinding.update(element, () => { return innerBindingParameters; }, allBindings, viewModel, bindingContext);\n }\n },\n disposeWhenNodeIsRemoved: element\n });\n isResolved(true);\n }\n }, 1));\n });\n addDisposeCallback(element, function () {\n isDisposed = true;\n tasks.forEach(x => x.dispose());\n tasks = [];\n });\n return { controlsDescendantBindings: true };\n }\n};\nko.bindingHandlers['dxdAccordion'] = {\n init: function (element, valueAccessor) {\n var options = valueAccessor(), $element = $.fn.constructor(element), $accordionContent = $element.find('.dx-accordion-content').first(), scrollUpdateCallback = () => {\n var $scroll = $element.parents('.dx-scrollview');\n if ($scroll.length > 0) {\n var scrollView = dxScrollView.getInstance($scroll.get(0));\n scrollView && scrollView['update']();\n }\n };\n var accordionButton = $element\n .find('.dx-accordion-header,.dx-accordion-button').get(0);\n events.off(accordionButton, 'dxclick');\n events.on(accordionButton, 'dxclick', function () {\n options.collapsed(ko.unwrap(options.alwaysShow) ? false : !options.collapsed());\n $element.addClass('dx-transition-style');\n if (options.collapsed())\n $element.addClass('dx-accordion-collapsed');\n setTimeout(() => {\n $element.removeClass('dx-accordion-collapsed');\n if (!options.collapsed())\n $element.removeClass('dx-transition-style');\n }, 500);\n });\n options.collapsed() ? $accordionContent.hide() : $accordionContent.show();\n var subscription = options.collapsed.subscribe((newVal) => {\n $accordionContent.slideToggle(options.timeout, () => scrollUpdateCallback());\n });\n addDisposeCallback(element, () => subscription.dispose());\n }\n};\nko.bindingHandlers['dxdAccordionExt'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var options = valueAccessor(), $element = $.fn.constructor(element), scrollUpdateCallback = () => {\n var $scroll = $element.parents('.dx-scrollview');\n if ($scroll.length > 0) {\n var scrollView = dxScrollView.getInstance($scroll.get(0));\n scrollView && scrollView['update']();\n }\n }, $accordionContent = $element.find('.dx-accordion-content').first(), accordionContentHTML = null;\n if (options.collapsed() && options.lazyContentRendering === true) {\n accordionContentHTML = $accordionContent.html();\n $accordionContent.empty();\n }\n options.collapsed.subscribe((newVal) => {\n if (newVal) {\n $accordionContent.slideUp(options.timeout, () => {\n scrollUpdateCallback();\n });\n }\n else {\n if (accordionContentHTML) {\n $accordionContent.html(accordionContentHTML);\n ko.applyBindingsToDescendants(bindingContext, $accordionContent.get(0));\n accordionContentHTML = null;\n }\n $accordionContent.slideDown(options.timeout, () => {\n scrollUpdateCallback();\n });\n }\n });\n options.collapsed() ? $accordionContent.hide() : $accordionContent.show();\n }\n};\nko.bindingHandlers['dxLocalizedSelectBox'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var options = valueAccessor();\n var prevDisplayExpr = options.displayExpr;\n options['placeholder'] = options['placeholder'] || selectPlaceholder();\n options['noDataText'] = options['noDataText'] || noDataText();\n options['encodeNoDataText'] = true;\n options.displayExpr = function (value) {\n if (!value)\n return value;\n if (!prevDisplayExpr)\n return getLocalization(value, value.localizationId);\n return getLocalization($.isFunction(prevDisplayExpr) ? prevDisplayExpr(value) : value[prevDisplayExpr], value.localizationId);\n };\n options.itemTemplate = function (itemData, itemIndex, itemElement) {\n var context = bindingContext.createChildContext({\n display: options.displayExpr(itemData)\n });\n $.fn.constructor(itemElement).children().remove();\n var templateHtml = getTemplate('item-with-title'), $element = $.fn.constructor(itemElement).append(templateHtml);\n ko.applyBindingsToDescendants(context, $element[0]);\n return itemElement;\n };\n if (options.useLocalizedTextAsValue) {\n options.valueExpr = options.displayExpr;\n }\n var extendedOptions = viewModel.getOptions ? viewModel.getOptions(options) : options;\n ko.bindingHandlers['dxSelectBox'].init(element, () => { return extendedOptions; }, allBindings, viewModel, bindingContext);\n return { controlsDescendantBindings: true };\n }\n};\nko.bindingHandlers['styleunit'] = {\n 'update': function (element, valueAccessor) {\n var value = ko.utils.unwrapObservable(valueAccessor() || {});\n $.each(value, (styleName, styleValue) => {\n styleValue = ko.utils.unwrapObservable(styleValue) || 0;\n element.style[styleName] = styleValue + 'px';\n });\n }\n};\nko.bindingHandlers['service'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var value = ko.unwrap(valueAccessor() || {}), findService = (serviceName) => {\n var context = bindingContext.$parents.filter((item) => { return item[serviceName] !== undefined; })[0];\n if (context) {\n return context[serviceName];\n }\n return null;\n }, service = findService(value.name), entity = service && service(viewModel);\n if (entity) {\n var childContext = bindingContext.createChildContext(entity.data);\n ko.renderTemplate(entity.templateName, childContext, {}, element, 'replaceNode');\n }\n }\n};\n","/**\n* DevExpress Analytics (property-grid\\widgets\\guideditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Editor } from './editor';\nimport { guidValidationRules, guidRequiredValidationRules } from './internal/_internal';\nexport class GuidEditor extends Editor {\n _getEditorValidationRules() {\n var _a;\n return (super._getEditorValidationRules() || []).concat(guidValidationRules).concat(((_a = this.editorOptions) === null || _a === void 0 ? void 0 : _a.isNullable) ? [] : guidRequiredValidationRules);\n }\n}\n","/**\n* DevExpress Analytics (property-grid\\widgets\\fonteditor\\metadata.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { editorTemplates } from '../editorsInfo';\nimport { availableFonts } from './_fonts';\nimport { availableUnits } from './_model';\nexport var fontName = {\n propertyName: 'family', displayName: 'Font Name', localizationId: 'AnalyticsCoreStringId.FormatFontName',\n editor: editorTemplates.getEditor('combobox'), values: availableFonts, editorOptions: { searchEnabled: true }\n};\nexport var fontSize = {\n propertyName: 'size', displayName: 'Size', localizationId: 'AnalyticsCoreStringId.Font.Size', editor: editorTemplates.getEditor('numeric')\n};\nexport var fontSizeUnit = {\n propertyName: 'unit', displayName: 'Unit', localizationId: 'AnalyticsCoreStringId.Font.Unit', editor: editorTemplates.getEditor('combobox'),\n valuesArray: availableUnits\n};\nexport var fontInfo = [\n fontName,\n fontSize,\n fontSizeUnit,\n { propertyName: 'modificators', editor: editorTemplates.getEditor('modificators') },\n];\n","/**\n* DevExpress Analytics (property-grid\\widgets\\fonteditor\\editor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { FontModel } from './_model';\nimport { ObjectProperties, PropertyGridEditor } from '../../propertygrid';\nimport { fontInfo } from './metadata';\nexport class FontEditor extends PropertyGridEditor {\n constructor(info, level, parentDisabled, textToSearch) {\n super(info, level, parentDisabled, textToSearch);\n }\n createObjectProperties() {\n var model = new FontModel(this.value);\n this._disposables.push(model);\n return new ObjectProperties(ko.observable(model), { editors: fontInfo }, this.level + 1, this.disabled, undefined, this.textToSearch);\n }\n}\n","/**\n* DevExpress Analytics (widgets\\expressioneditor\\expressioneditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nimport { StringId } from '../../property-grid/localization/_localizationStringIds';\nimport { Disposable } from '../../serializer/utils';\nimport { aceAvailable } from '../ace/_ace-available';\nimport { CodeCompletor } from '../common/_codeCompletor';\nimport { DisplayExpressionConverter } from '../common/_displayNameProvider';\nimport { CriteriaOperatorStateMachine } from '../criteria/utils/criteriaOperatorStateMachine';\nimport { ResizeHelper } from '../internal/_resizeHelper';\nimport { getParentContainer, isList, setCursorInFunctionParameter } from '../_utils';\nimport { Tools } from './tools/_tools';\nimport { ExpressionEditorParametersTreeListController, ExpressionEditorTreeListController } from './tools/_treeListControllers';\nimport { RangeSpecific, wrapExpressionValue } from './_expressioneditor';\nexport function getNotValidRange(value, errorMessage) {\n var start = 0;\n var end = 0;\n var parts = errorMessage.split('\\n');\n var errorText = parts[1];\n var errorLength = parts[2].length;\n if (errorText.indexOf('...') === 0) {\n errorText = errorText.split('...')[1];\n }\n var start = value.indexOf(errorText);\n var end = start + errorLength;\n return { start: start, end: end };\n}\nfunction createExpressionEditorFieldListProvider(originalProvider, fieldName) {\n return ko.computed(() => {\n var provider = ko.unwrap(originalProvider);\n var unwrappedFieldName = ko.unwrap(fieldName);\n return !unwrappedFieldName ? provider : {\n getItems: (path) => {\n var $deferred = $.Deferred();\n provider.getItems(path)\n .done((data) => {\n $deferred.resolve(data.filter(field => field.name !== unwrappedFieldName));\n })\n .fail(() => $deferred.reject());\n return $deferred.promise();\n },\n getValues: (path) => {\n return provider.getValues(path);\n }\n };\n });\n}\nexport class ExpressionEditor extends Disposable {\n constructor(options, fieldListProvider, disabled = ko.observable(false), rtl = false, _displayNameProvider, popupVisible = ko.observable(false)) {\n super();\n this.options = options;\n this._displayNameProvider = _displayNameProvider;\n this.popupVisible = popupVisible;\n this._updateTextAreaValue = (item, element) => {\n var textArea = this._getTextArea(element), textAreaValue = this.textAreaValue().toString(), cursorPosition = textArea && textArea.selectionStart || textAreaValue.length, newAddedText = textAreaValue[cursorPosition - 1] == ' ' ? (item.val || item.text || item) + ' ' : ' ' + (item.val || item.text || item) + ' ';\n this.textAreaValue([textAreaValue.slice(0, cursorPosition), newAddedText, textAreaValue.slice(cursorPosition)].join(''));\n if (textArea && textArea.setSelectionRange) {\n textArea.focus();\n var posisition = cursorPosition + (newAddedText.indexOf('(') !== -1 ? newAddedText.indexOf('(') + 1 : newAddedText.length);\n textArea.setSelectionRange(posisition, posisition);\n }\n };\n this._updateAceValue = (item, element) => {\n var editor = this.editorContainer(), { row, column: col } = editor.getCursorPosition(), insertion = (item.val || item.text || item) + ' ';\n if (col && editor.getSession().getValue().split('\\n')[row][col - 1] !== ' ')\n insertion = ' ' + insertion;\n editor.insert(insertion);\n editor.focus();\n setCursorInFunctionParameter(item.paramCount, editor, insertion);\n };\n this._updateValue = (item, element) => {\n this.aceAvailable ? this._updateAceValue(item, $.fn.constructor(element)) : this._updateTextAreaValue(item, $.fn.constructor(element));\n };\n this.patchFieldName = (fieldName) => fieldName;\n this._parametersPutSelectionHandler = (selectedItemPath, element) => {\n var pathParts = selectedItemPath.split('.');\n var newAddedString = '?' + this.patchFieldName(pathParts[pathParts.length - 1]);\n this._updateValue(newAddedString, element);\n };\n this._fieldsPutSelectionHandler = (selectedItemPath, element) => {\n var path = this.koOptions.peek().path.peek();\n var proposedFieldName = selectedItemPath.substring(path.length + 1);\n var newAddedString = '[' + this.patchFieldName(proposedFieldName) + ']';\n if (this._displayNameProvider) {\n this.displayExpressionConverter.toDisplayExpression(path, newAddedString)\n .done((result) => { this._updateValue(result, element); })\n .fail(() => { this._updateValue(newAddedString, element); });\n }\n else {\n this._updateValue(newAddedString, element);\n }\n };\n this.aceAvailable = aceAvailable();\n this.title = () => getLocalization('Expression Editor', 'AnalyticsCoreStringId.ExpressionEditor_ExpressionCaption');\n this.value = ko.observable('');\n this.textAreaValue = ko.observable('');\n this.languageHelper = {\n getLanguageMode: () => 'ace/mode/criteria',\n createCompleters: (editor, bindingContext, viewModel) => {\n var path = ko.computed(() => { return viewModel.koOptions() && ko.unwrap(viewModel.koOptions().path) || ''; }), functions = ko.computed(() => { return viewModel.koOptions() && ko.unwrap(viewModel.koOptions().functions) || []; }), completor = new CodeCompletor({\n editor,\n bindingContext,\n fieldListProvider: viewModel.fieldListProvider,\n path,\n functions,\n rootItems: viewModel.options.rootItems,\n getRealExpression: (path, member) => {\n return this.displayExpressionConverter && this.displayExpressionConverter.toRealExpression(path, member) || $.Deferred().resolve(member).promise();\n }\n });\n [path, functions].forEach(x => completor._disposables.push(x));\n return [completor];\n }\n };\n this.aceOptions = {\n showLineNumbers: false,\n showPrintMargin: false,\n enableBasicAutocompletion: true,\n enableLiveAutocompletion: true,\n showFoldWidgets: false,\n highlightActiveLine: false\n };\n this.additionalOptions = {\n onChange: (session) => {\n var value = session.getValue();\n try {\n var operator = CriteriaOperatorStateMachine.parse(value);\n if (this.koOptions().validate) {\n this.isValid(this.koOptions().validate(operator));\n }\n session.clearAnnotations();\n }\n catch (exception) {\n var row = exception.hash && exception.hash.line || 0;\n var column = 0;\n var lines = exception.message.split('\\n');\n var text = lines[1] + '\\n' + lines[2];\n session.setAnnotations([{ row, column, text, 'type': 'error' }]);\n }\n }\n };\n this.callbacks = {\n focus: $.noop\n };\n this.koOptions = ko.observable(null);\n this.editorContainer = ko.observable();\n this.isValid = ko.observable(true);\n this.buttonItems = [];\n this.rtl = false;\n this.modelValueValid = ko.computed(() => {\n var options = this.koOptions();\n return options && ko.isObservable(options.isValid) ? options.isValid() : true;\n });\n this.modelValueWarning = ko.computed(() => {\n var options = this.koOptions();\n return options && ko.unwrap(options.warningMessage) || '';\n });\n this.getPopupContainer = getParentContainer;\n this.koOptions(options);\n this.patchFieldName = (fieldName) => {\n return this.koOptions().patchFieldName && this.koOptions().patchFieldName(fieldName) || fieldName;\n };\n this.theme = this.koOptions() && this.koOptions().theme;\n this._disposables.push(this.value = ko.computed({\n read: () => {\n var value = this.koOptions() && ko.unwrap(this.koOptions().value);\n return (value && value.toString()) || '';\n },\n write: (newVal) => this.koOptions() && this.koOptions().value(newVal)\n }));\n if (_displayNameProvider && options.path) {\n this.displayExpressionConverter = new DisplayExpressionConverter(_displayNameProvider);\n var pathFunc = ko.pureComputed(() => this.koOptions() && this.koOptions().path && this.koOptions().path());\n this.displayValue = wrapExpressionValue(pathFunc, this.value, this.displayExpressionConverter, this._disposables);\n this._disposables.push(pathFunc);\n }\n else {\n this.displayValue = this.value;\n }\n this.rtl = rtl;\n this.validate = (value, sender) => {\n try {\n CriteriaOperatorStateMachine.parse(value);\n this.isValid(true);\n return true;\n }\n catch (exception) {\n var result = getNotValidRange(value, exception.message);\n var textArea = this._getTextArea(sender && sender.element);\n textArea && textArea.setSelectionRange(result.start, result.end);\n this.isValid(false);\n }\n };\n this._disposables.push(this.popupVisible.subscribe((newVal) => {\n if (!newVal) {\n this.editorContainer(null);\n return;\n }\n this.initDisplayValue();\n }));\n var fieldName = ko.computed(() => { return this.koOptions() && this.koOptions().fieldName && this.koOptions().fieldName(); });\n this._disposables.push(this.fieldListProvider = createExpressionEditorFieldListProvider(fieldListProvider, fieldName));\n this.disabled = disabled;\n var self = this;\n this.save = (sender) => {\n var value = this.getValue();\n if (this.validate(value, sender)) {\n this.displayValue(value);\n this.popupVisible(false);\n }\n };\n var selectedItem = null;\n var selectionHandler = (item) => {\n var selectedItemType = ko.unwrap(item.data['type']);\n if (selectedItem)\n selectedItem.isSelected(false);\n selectedItem = item;\n item.isSelected(true);\n };\n var fieldsTreeListOptions = ko.pureComputed(() => {\n return this.koOptions() && this.koOptions().path && this.koOptions().path() && this._createToolsOptions(this.koOptions().path(), this.fieldListProvider(), new ExpressionEditorTreeListController(fieldName, (data, element) => { this._fieldsPutSelectionHandler(data.path, element); }, selectionHandler));\n });\n this.parametersTreeListController = new ExpressionEditorParametersTreeListController(this._parametersCustomFilter, this._parametersPutSelectionHandler, selectionHandler);\n var parametersTreeListOptions = ko.pureComputed(() => {\n return this._createToolsOptions('', this.fieldListProvider(), this.parametersTreeListController);\n });\n this._disposables.push(this.tools = new Tools(this._updateValue, parametersTreeListOptions, this.koOptions, fieldsTreeListOptions));\n this._disposables.push(this.modelValueValid, this.modelValueWarning);\n this._createMainPopupButtons();\n [fieldName, fieldsTreeListOptions, parametersTreeListOptions].forEach(x => this._disposables.push(x));\n this.resizeHelper = new ResizeHelper({\n onResize: () => this.resizeAceEditor()\n });\n }\n dispose() {\n super.dispose();\n this.koOptions(null);\n this.editorContainer(null);\n this.options = null;\n }\n _createMainPopupButtons() {\n var self = this;\n this.buttonItems = [\n { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: getLocalization('OK', StringId.DataAccessBtnOK), type: 'default', stylingMode: 'contained', onClick: function (sender) { self.save(sender); } } },\n { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: getLocalization('Cancel', StringId.DataAccessBtnCancel), type: 'normal', stylingMode: 'contained', onClick: function () { self.popupVisible(false); } } }\n ];\n }\n _getTextArea(element) {\n var $el = $.fn.constructor(element);\n return ($el && $el.parents('.dx-expressioneditor').find(':input')[0]);\n }\n _createToolsOptions(path, fieldListProvider, treeListController) {\n return {\n itemsProvider: fieldListProvider,\n selectedPath: ko.observable(''),\n path: ko.observable(path),\n templateName: 'dx-ee-treelist-item',\n treeListController: treeListController,\n rtl: this.rtl\n };\n }\n _parametersCustomFilter(item) {\n return item.specifics === 'parameters' || item.specifics === RangeSpecific || !isList(item);\n }\n onShown() {\n this.callbacks.focus();\n }\n onHiding(e) {\n var options = this.koOptions();\n return options && options.onHiding && options.onHiding(e);\n }\n onShowing(e) {\n var options = this.koOptions();\n return options && options.onShowing && options.onShowing(e);\n }\n onContentReady(e) {\n var options = this.koOptions();\n return options && options.onContentReady && options.onContentReady(e);\n }\n resizeAceEditor() {\n if (this.aceAvailable && this.editorContainer()) {\n this.editorContainer().resize();\n }\n }\n initDisplayValue() {\n this.tools.resetCategoriesSelection && this.tools.resetCategoriesSelection();\n this.textAreaValue(this.displayValue());\n if (!this.aceAvailable) {\n this.validate(this.value());\n }\n else {\n var editor = this.editorContainer();\n var session = editor && editor.getSession();\n session && session.setValue(this.textAreaValue());\n }\n }\n getValue() {\n var value = this.textAreaValue();\n if (this.aceAvailable) {\n var editor = this.editorContainer();\n var session = editor && editor.getSession();\n value = session && session.getValue();\n }\n return value;\n }\n}\n","/**\n* DevExpress Analytics (widgets\\bindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { addDisposeCallback } from '../serializer/_internal';\nko.bindingHandlers['focus'] = {\n init: function (element, valueAccessor) {\n var visible = valueAccessor().on || valueAccessor();\n var subscription = visible.subscribe((newVal) => {\n if (newVal) {\n setTimeout(() => {\n $.fn.constructor(element).find(':input').focus();\n }, 1);\n }\n });\n addDisposeCallback(element, function () {\n subscription.dispose();\n });\n }\n};\nko.bindingHandlers['svgAttrs'] = {\n update: function (element, valueAccessor, allBindingsAccessor, viewModel) {\n element.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n element.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink');\n }\n};\n","/**\n* DevExpress Analytics (widgets\\expressioneditor\\bindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { ExpressionEditor } from './expressioneditor';\nimport { addDisposeCallback } from '../../serializer/_internal';\nko.bindingHandlers['dxExpressionEditor'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var $element = $.fn.constructor(element);\n $element.children().remove();\n var values = valueAccessor();\n $.fn.constructor(element).addClass(values.wrapper ? 'dx-expressioneditor-content' : 'dx-popup-general');\n var templateName = values.editorTemplateName || 'dx-expressioneditor';\n var optionSubscription = null;\n var editor = new ExpressionEditor(ko.unwrap(values.options), values.fieldListProvider, viewModel.disabled, $.fn.constructor(element).closest('.dx-rtl').length > 0, values.displayNameProvider, values.popupVisible);\n if (ko.isSubscribable(values.options)) {\n optionSubscription = values.options.subscribe(newOptions => {\n newOptions && editor.koOptions(newOptions);\n });\n }\n values.wrapper && values.wrapper.editor(editor);\n var childContext = bindingContext.createChildContext(editor);\n var child = document.createElement('div'), $element = $element.append(child);\n ko.renderTemplate(templateName, childContext, {}, child, 'replaceNode');\n var callback = () => {\n editor.dispose();\n editor = null;\n values.wrapper && values.wrapper.editor(null);\n optionSubscription && optionSubscription.dispose();\n };\n addDisposeCallback(element, callback);\n return { controlsDescendantBindings: true };\n }\n};\n","/**\n* DevExpress Analytics (widgets\\filtereditor\\filtereditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nimport { UnaryOperator } from '../criteria/operators/unary';\nimport { UnaryOperandSurface } from './operators/unaryOperandSurface';\nimport { PopupService } from '../../property-grid/internal/_popupService';\nimport { DisplayExpressionConverter } from '../common/_displayNameProvider';\nimport { wrapExpressionValue } from '../expressioneditor/_expressioneditor';\nimport { FilterEditorCodeCompletor } from './helpers/_codeCompletor';\nimport { getParentContainer } from '../_utils';\nimport { addDisposeCallback } from '../../serializer/_internal';\nimport dxTextArea from 'devextreme/ui/text_area';\nimport { aceAvailable } from '../ace/_ace-available';\nimport { getTemplate } from '../../property-grid/widgets/templateUtils';\nimport { GroupOperator } from '../criteria/operators/group';\nimport { PopupEditorBase } from '../../core/widgets/_popupEditorBase';\nimport { GroupOperatorType } from '../criteria/operators/options/group';\nimport { criteriaCreator } from '../criteria/utils/criteriaOperatorPreprocessor';\nexport class FilterEditor extends PopupEditorBase {\n constructor(options, fieldListProvider, rtl = false, _displayNameProvider) {\n super();\n this.options = options;\n this._displayNameProvider = _displayNameProvider;\n this._advancedMode = ko.observable(false);\n this.textFocused = ko.observable(false);\n this.aceAvailable = aceAvailable();\n this.languageHelper = {\n getLanguageMode: () => 'ace/mode/criteria',\n createCompleters: (editor, bindingContext, viewModel) => {\n var path = ko.computed(() => { return this.path && this.path(); }), completor = new FilterEditorCodeCompletor({\n editor,\n bindingContext,\n fieldListProvider: viewModel.fieldListProvider(),\n path,\n getRealExpression: (path, expression) => {\n return this.displayExpressionConverter && this.displayExpressionConverter.toRealExpression(path, expression) || $.Deferred().resolve(expression).promise();\n }\n });\n completor._disposables.push(path);\n return [completor];\n }\n };\n this.aceOptions = {\n showLineNumbers: false,\n showPrintMargin: false,\n enableBasicAutocompletion: true,\n enableLiveAutocompletion: true,\n showGutter: false\n };\n this.additionalOptions = {\n onChange: session => this.onValueChange(session.getValue()),\n changeTimeout: 200,\n onFocus: _ => this.onFocus(),\n onBlur: _ => this.onBlur()\n };\n this.editorContainer = ko.observable();\n this.textVisible = ko.observable(false);\n this.getPopupContainer = (el) => {\n return getParentContainer(el, this.options()['popupContainer']);\n };\n this.timeout = null;\n this.animationTimeout = null;\n this.advancedMode = ko.computed({\n read: () => {\n return this._advancedMode();\n },\n write: (newVal) => {\n this.timeout && clearTimeout(this.timeout);\n this.animationTimeout && clearTimeout(this.animationTimeout);\n if (newVal) {\n this.textVisible(true);\n this.timeout = setTimeout(() => {\n this._advancedMode(true);\n this.focusText();\n }, 1);\n this.animationTimeout = setTimeout(() => {\n this.editorContainer() && this.editorContainer().resize && this.editorContainer().resize();\n }, 210);\n }\n else {\n this._advancedMode(false);\n this.timeout = setTimeout(() => {\n this.textVisible(false);\n }, 200);\n }\n },\n });\n this.invalidMessage = () => getLocalization('Cannot create a tree for this expression', 'AnalyticsCoreStringId.FilterEditor_TreeCreationError');\n this.advancedModeText = ko.observable(getLocalization('Advanced Mode', 'AnalyticsCoreStringId.FilterEditor_AdvancedMode'));\n this.operandSurface = ko.observable(null);\n this.operand = null;\n this.popupService = new PopupService();\n this.rtl = rtl;\n options() && options().helper && (options().helper.rtl = rtl);\n this._disposables.push(this.disabled = ko.computed(() => {\n return ko.unwrap(this.options() && this.options().disabled());\n }));\n this.value = ko.observable('');\n this.displayExpressionConverter = _displayNameProvider && new DisplayExpressionConverter(_displayNameProvider);\n this.save = () => {\n this.helper.onSave(this.value());\n if (this.operandSurface() && this.isSurfaceValid()) {\n var value = options().helper.serializer.serialize(this.operand, false);\n this.options().value(value);\n }\n else {\n this.options().value(this.value());\n }\n this.popupVisible(false);\n };\n this.displayValue = wrapExpressionValue(this.path, this.value, this.displayExpressionConverter, this._disposables);\n var modelValue = ko.computed({\n read: () => {\n var options = this.options();\n return options && options.value();\n },\n write: (newVal) => {\n var options = this.options();\n options && options.value(newVal);\n }\n });\n this.modelDisplayValue = wrapExpressionValue(this.path, modelValue, this.displayExpressionConverter, this._disposables);\n this.fieldListProvider = fieldListProvider;\n this.modelValueIsValid = ko.computed(() => {\n return options() && this._validateValue(options().value());\n });\n this.isValid = ko.computed(() => {\n return this._validateValue(this.value());\n });\n this.isSurfaceValid = ko.computed(() => {\n try {\n return this.options() && this.isValid() && this.options().helper.criteriaTreeValidator.validateModel(this.options().helper.serializer.deserialize(this.value()));\n }\n catch (e) {\n return false;\n }\n });\n this._disposables.push(modelValue);\n this._disposables.push(this.modelValueIsValid);\n this._disposables.push(this.isValid);\n this._disposables.push(this.isSurfaceValid);\n this._disposables.push(this.popupVisible.subscribe((newVal) => {\n if (newVal) {\n this.value(this.options().value());\n if (this.isSurfaceValid()) {\n this.operand = this._generateOperand(this.value());\n this.operandSurface(this._generateSurface(this.operand));\n }\n else {\n this.textVisible(true);\n this._advancedMode(true);\n this.editorContainer() && this.focusText();\n }\n options().helper.onChange = () => {\n this.value(options().helper.serializer.serialize(this.operand, false));\n };\n }\n else {\n this.helper.onClosing();\n this.value(null);\n this.operandSurface() && this.operandSurface().dispose();\n this.operandSurface(null);\n this.operand = null;\n }\n }));\n this.createAddButton = (criteria) => { return options().helper.handlers.create(criteria, this.popupService); };\n this.createChangeType = (criteria) => { return options().helper.handlers.change(criteria, this.popupService); };\n this.createChangeProperty = (criteria) => { return options().helper.handlers.changeProperty(criteria, this.popupService); };\n this.createChangeParameter = (criteria) => { return options().helper.handlers.changeParameter(criteria, this.popupService); };\n this.createChangeValueType = (criteria) => { return options().helper.handlers.changeValueType(criteria, this.popupService); };\n this._disposables.push(this.advancedMode);\n this.buttonItems.push({ toolbar: 'bottom', location: 'before', widget: 'dxCheckBox', options: { value: this.advancedMode, text: this.advancedModeText() } });\n }\n _generateOperand(value) {\n return this.options().helper.serializer.deserialize(value);\n }\n _generateSurface(operand) {\n var type = null;\n if (operand instanceof UnaryOperator) {\n type = this.options().helper.mapper.unary;\n }\n else {\n type = this.options().helper.mapper.group;\n }\n var surface = new type(operand, this, this.fieldListProvider, this.path);\n if (surface instanceof UnaryOperandSurface) {\n if (!(surface.model.operand instanceof GroupOperator)) {\n this.operand = new GroupOperator(GroupOperatorType.And, [this.operand]);\n surface.dispose();\n return this._generateSurface(this.operand);\n }\n surface.operand().canRemove = false;\n }\n surface.canRemove = false;\n return surface;\n }\n _validateValue(value) {\n try {\n if (this.options() && this.options().helper) {\n this.options().helper.serializer.deserialize(value);\n return true;\n }\n else {\n return false;\n }\n }\n catch (e) {\n return false;\n }\n }\n canSave() {\n return this.isValid();\n }\n change(type, surface) {\n this.operand = criteriaCreator.changeByType(type);\n this.operand.assignFrom(surface.model);\n var type = null;\n if (this.operand instanceof UnaryOperator) {\n type = this.options().helper.mapper.unary;\n }\n else {\n type = this.options().helper.mapper.group;\n }\n var surface = new type(this.operand, this, this.fieldListProvider, this.path);\n surface.canRemove = false;\n if (surface instanceof UnaryOperandSurface) {\n surface.operand().canRemove = false;\n }\n this.operandSurface(surface);\n }\n get helper() {\n return this.options() && this.options().helper;\n }\n get path() {\n return this.options() && this.options().path;\n }\n dispose() {\n super.dispose();\n this.editorContainer(null);\n this.operandSurface() && this.operandSurface().dispose();\n }\n onInput(s, e) {\n var self = this;\n this.timeout && clearTimeout(this.timeout);\n this.timeout = setTimeout(() => {\n self.onValueChange(s.component.option('text'));\n }, 200);\n }\n onFocus() {\n this.textFocused(true);\n }\n onBlur() {\n this.textFocused(false);\n this.helper.onEditorFocusOut(this.operand);\n }\n cacheElement($element) {\n this.editorContainer(dxTextArea.getInstance($element.get(0)));\n }\n updateCriteria() {\n if (this.isSurfaceValid()) {\n this.operand = this._generateOperand(this.value());\n this.operandSurface() && this.operandSurface().dispose();\n this.operandSurface(this._generateSurface(this.operand));\n }\n }\n onValueChange(value) {\n if (this.displayValue() === value.trim())\n return;\n this.displayValue(value);\n if (this.displayExpressionConverter) {\n this.displayExpressionConverter.toRealExpression(this.path(), value).done((result) => {\n this.value(result);\n this.updateCriteria();\n }).fail(() => {\n this.value(value);\n this.updateCriteria();\n });\n }\n else {\n this.updateCriteria();\n }\n }\n focusText() {\n var focusFn = (editor) => {\n setTimeout(_ => {\n if (editor.renderer)\n editor.renderer.updateText();\n editor.focus();\n }, 1);\n };\n if (!this.editorContainer())\n var subscription = this.editorContainer.subscribe((editor) => {\n subscription.dispose();\n focusFn(editor);\n });\n else\n focusFn(this.editorContainer());\n }\n resizeAceEditor() {\n if (this.aceAvailable && this.editorContainer()) {\n this.editorContainer().resize();\n }\n }\n get cancelLocalization() {\n return getLocalization('Cancel', 'StringId.Cancel');\n }\n get saveLocalization() {\n return getLocalization('OK', 'StringId.OK');\n }\n}\nko.bindingHandlers['dxFilterEditor'] = {\n init: function (element, valueAccessor) {\n $.fn.constructor(element).children().remove();\n $.fn.constructor(element).addClass('dx-popup-general');\n var templateHtml = getTemplate('dx-filtereditor'), $element = $.fn.constructor(element).append(templateHtml), values = valueAccessor();\n var itemsProvider = ko.observable(ko.unwrap(values.fieldListProvider));\n var computedFunctions = [];\n computedFunctions.push(ko.computed(() => {\n if (values.options() && values.options().itemsProvider) {\n itemsProvider(ko.unwrap(values.options().itemsProvider));\n }\n else {\n itemsProvider(ko.unwrap(values.fieldListProvider));\n }\n }));\n computedFunctions.push(ko.computed(() => {\n if (values.getDisplayNameByPath && values.options() && values.options().helper && !values.options().helper.getDisplayPropertyName) {\n values.options().helper.getDisplayPropertyName = values.getDisplayNameByPath;\n }\n }));\n var editor = new FilterEditor(values.options, itemsProvider, $.fn.constructor(element).closest('.dx-rtl').length > 0, values.displayNameProvider);\n ko.applyBindingsToDescendants(editor, $element.children()[0]);\n addDisposeCallback($element.children()[0], () => {\n computedFunctions.forEach(x => x.dispose());\n editor.dispose();\n });\n return { controlsDescendantBindings: true };\n }\n};\nexport class FilterEditorPlain extends FilterEditor {\n constructor(element, options, fieldListProvider, rtl = false, _displayNameProvider) {\n super(options, fieldListProvider, rtl, _displayNameProvider);\n this.element = element;\n this._contentMargins = 20;\n this._topOffset = 30;\n this._defaultActiveTextContentHeightPerc = 25;\n this._defaultActiveTreeContentHeightPerc = 75;\n this._currentActiveTextContentHeightPerc = this._defaultActiveTextContentHeightPerc;\n this._currentActiveTreeContentHeightPerc = this._defaultActiveTreeContentHeightPerc;\n this.plainContentHeightPerc = ko.observable('100%');\n this.textContentHeightPerc = ko.observable(null);\n this.treeContentHeightPerc = ko.observable(null);\n var $element = $.fn.constructor(element);\n var updateHeight = () => {\n var currentHeight = $element.height();\n this.plainContentHeightPerc((1 - this._topOffset / currentHeight) * 100 + '%');\n var diffPerc = (this._contentMargins / (currentHeight - this._topOffset)) * 100 / 2;\n this._currentActiveTextContentHeightPerc = this._defaultActiveTextContentHeightPerc - diffPerc;\n this._currentActiveTreeContentHeightPerc = this._defaultActiveTreeContentHeightPerc - diffPerc;\n if (this.advancedMode()) {\n this.treeContentHeightPerc(this._currentActiveTreeContentHeightPerc);\n this.textContentHeightPerc(this._currentActiveTextContentHeightPerc);\n }\n };\n updateHeight();\n this._disposables.push(this.advancedMode.subscribe((newVal) => {\n if (newVal) {\n this.treeContentHeightPerc(this._currentActiveTreeContentHeightPerc + '%');\n this.textContentHeightPerc(this._currentActiveTextContentHeightPerc + '%');\n }\n else {\n this.treeContentHeightPerc(null);\n this.textContentHeightPerc(null);\n }\n }));\n window.addEventListener('resize', updateHeight);\n addDisposeCallback(element, () => {\n window.removeEventListener('resize', updateHeight);\n this.dispose();\n });\n }\n}\nko.components.register('dx-filtereditor-plain', {\n viewModel: {\n createViewModel: (params, componentInfo) => {\n var viewModel = new FilterEditorPlain(componentInfo.element, params.options, ko.observable(params.fieldListProvider), undefined, params.displayNameProvider);\n viewModel.popupVisible(true);\n params.options().value.subscribe(() => {\n viewModel.popupVisible(false);\n viewModel.popupVisible(true);\n });\n return viewModel;\n }\n },\n template: getTemplate('dx-filtereditor-plain')\n});\nko.components.register('dx-filtereditor-advanced', {\n viewModel: {\n createViewModel: (params, componentInfo) => {\n var viewModel = new FilterEditor(params.options, ko.observable(params.fieldListProvider), undefined, params.displayNameProvider);\n viewModel.advancedMode(true);\n viewModel.popupVisible(true);\n params.options().value.subscribe(() => {\n viewModel.popupVisible(false);\n viewModel.popupVisible(true);\n });\n return viewModel;\n }\n },\n template: getTemplate('dx-filtereditor-advanced')\n});\nko.bindingHandlers['cacheElement'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var value = valueAccessor();\n value.action($.fn.constructor(element));\n }\n};\n","/**\n* DevExpress Analytics (widgets\\formatstring\\formatstringeditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { Disposable } from '../../serializer/utils';\nimport { formatStringStandardPatterns } from './_patterns';\nimport { getLocalization } from '../../property-grid/localization/localization_utils';\nimport { StringId } from '../../property-grid/localization/_localizationStringIds';\nimport { PopupService } from '../../property-grid/internal/_popupService';\nimport dxScrollView from 'devextreme/ui/scroll_view';\nexport class FormatStringEditor extends Disposable {\n constructor(value, disabled, defaultPatterns, customPatterns, actions, rtl, popupContainer) {\n super();\n this._isDisabled = ko.observable(false);\n this._timeout = null;\n this.currentType = ko.observable();\n this.patternList = ko.observableArray([]);\n this.canAddCustomFormat = ko.observable(false);\n this.formatPrefix = ko.observable('');\n this.formatSuffix = ko.observable('');\n this.previewString = ko.observable('Preview string');\n this.formatResult = ko.observable('');\n this.selectedFormats = ko.observable([]);\n this.selectedTypes = ko.observable([]);\n this.popupVisible = ko.observable(false);\n this.localizationIdMap = {\n 'title': { text: 'FormatString Editor', localizationId: 'AnalyticsCoreStringId.FormatStringEditor_Title' },\n 'category': { text: 'Category', localizationId: 'AnalyticsCoreStringId.Category' },\n 'preview': { text: 'Preview', localizationId: 'AnalyticsCoreStringId.TooltipButtons_Preview' },\n 'types': { text: 'Types', localizationId: 'AnalyticsCoreStringId.FormatStringEditor_Types' },\n 'add': { text: 'Add', localizationId: 'DataAccessUIStringId.Button_Add' },\n 'prefix': { text: 'Prefix', localizationId: 'AnalyticsCoreStringId.Prefix' },\n 'suffix': { text: 'Suffix', localizationId: 'AnalyticsCoreStringId.FormatStringEditor_Suffix' }\n };\n this.option('value', value);\n this.option('disabled', disabled || false);\n this.option('rtl', rtl || false);\n this.option('popupContainer', popupContainer || '.dx-designer-viewport');\n var self = this;\n this.popupService = new PopupService();\n this._standardPatternSource = defaultPatterns || formatStringStandardPatterns;\n this._customPatternSource = customPatterns || {};\n this.types = this._convertArray(Object.keys(this._standardPatternSource));\n this._disposables.push(this.currentType.subscribe((newVal) => {\n if (self.isGeneralType) {\n self.formatResult('');\n self.selectedFormats([]);\n }\n else {\n self._updateFormatList();\n }\n }));\n this.currentType(this.types[0].name);\n this._disposables.push(this.formatResult.subscribe((newVal) => {\n self._updateCanAddCustomFormat(newVal);\n self._updatePreview();\n }));\n this._disposables.push(this.formatPrefix.subscribe((newVal) => {\n self._updatePreview();\n }));\n this._disposables.push(this.formatSuffix.subscribe((newVal) => {\n self._updatePreview();\n }));\n this._disposables.push(this.popupVisible.subscribe((newVal) => {\n if (!newVal)\n return;\n self._initEditor(value());\n self.selectedTypes(self.types.filter((item) => { return item.name === self.currentType(); }));\n }));\n this._createMainPopupButtons();\n actions && actions.updatePreview && (this.updatePreview = actions.updatePreview);\n this.setType = (e) => {\n self.currentType(e.itemData.name);\n self._updateSelection();\n };\n this.setFormat = (e) => {\n self.formatResult(e.itemData.name);\n };\n this.addCustomFormat = () => {\n if (self.formatResult() && self.canAddCustomFormat()) {\n self.customPatterns.push(self.formatResult());\n self._updateFormatList();\n self._scrollToBottom();\n actions && actions.saveCustomPattern(self.currentType(), self.formatResult());\n self._updateSelection(self.patternList().length - 1);\n self.canAddCustomFormat(false);\n }\n };\n this.removeCustomFormat = (data) => {\n var currentSelection = self.selectedFormats()[0];\n var patternList = self.patternList();\n var removedItemIndex = patternList.map((item) => { return item.name; }).indexOf(data.name);\n self.customPatterns.splice(self.customPatterns.indexOf(data.name), 1);\n self._updateFormatList();\n actions && actions.removeCustomPattern(self.currentType(), data.name);\n if (currentSelection.name === data.name) {\n self._updateSelection(removedItemIndex === (patternList.length - 1) ? (self.patternList().length - 1) : removedItemIndex);\n }\n else {\n self.selectedFormats(self.patternList().filter((item) => { return item.name === currentSelection.name; }));\n }\n };\n }\n okAction() {\n var result = this.isGeneralType ? this._getGeneralPreview('{0}') : this._wrapFormat();\n this.option('value', result);\n this.popupVisible(false);\n }\n _createMainPopupButtons() {\n var self = this;\n this.buttonItems = [\n { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: getLocalization('OK', StringId.DataAccessBtnOK), type: 'default', stylingMode: 'contained', disabled: this._isDisabled, onClick: function () { self.okAction(); } } },\n { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: getLocalization('Cancel', StringId.DataAccessBtnCancel), type: 'normal', stylingMode: 'contained', onClick: function () { self.popupVisible(false); } } }\n ];\n }\n _convertArray(array, canRemove) {\n return array.map(item => { return { name: item, displayName: getLocalization(item), canRemove: !!canRemove }; });\n }\n _scrollToBottom() {\n var $scrollView = $.fn.constructor('.dx-format-string .dx-format-string-formats').find('.dx-scrollview').filter(':visible');\n var scrollViewInstance = dxScrollView.getInstance($scrollView.get(0));\n scrollViewInstance && scrollViewInstance['scrollTo'] && scrollViewInstance['scrollTo'](scrollViewInstance['scrollHeight']());\n }\n _updateFormatList() {\n this.selectedFormats([]);\n var currentTypeInfo = this._standardPatternSource[this.currentType()];\n this.patternList(this._convertArray(currentTypeInfo.patterns).concat(this._convertArray(this.customPatterns, true)));\n }\n _updateSelection(selectedItemIndex) {\n var currectFormat = this.patternList()[selectedItemIndex || 0];\n if (currectFormat) {\n this.selectedFormats([currectFormat]);\n this.formatResult(currectFormat.name);\n }\n }\n _setPreviewString(previewString) {\n this.previewString(previewString);\n this._isDisabled(false);\n }\n _setErrorMessage(setDisabled) {\n this.previewString(getLocalization('Preview string is not available', 'AnalyticsCoreStringId.FormatStringEditor_PreviewNotAvailable_Text'));\n this._isDisabled(setDisabled);\n }\n _updatePreview() {\n this._timeout && clearTimeout(this._timeout);\n this._timeout = setTimeout(() => {\n if (this.isGeneralType) {\n this.previewString(this._getGeneralPreview(undefined));\n return;\n }\n var category = this._standardPatternSource[this.currentType()];\n var updatedPreviewPromise = this.updatePreview(category.value, category.type, this._wrapFormat());\n this._lastUpdatePreviewPromise = updatedPreviewPromise;\n updatedPreviewPromise\n .done((previewResult) => {\n if (this._lastUpdatePreviewPromise === updatedPreviewPromise) {\n if (previewResult.Result)\n this._setPreviewString(previewResult.Result);\n else\n this._setErrorMessage(previewResult.IsError);\n }\n }).fail((error) => {\n if (this._lastUpdatePreviewPromise === updatedPreviewPromise)\n this.previewString(getLocalization('Preview string is not available', 'AnalyticsCoreStringId.FormatStringEditor_PreviewNotAvailable_Text'));\n });\n }, 100);\n }\n _getGeneralPreview(value = '###') {\n return this.formatPrefix() + value + this.formatSuffix();\n }\n _wrapFormat(format) {\n var pattern = format || this.formatResult();\n if (pattern && pattern.indexOf('{0:') !== -1) {\n return pattern;\n }\n return pattern ? '{0:' + pattern + '}' : '';\n }\n _updateCanAddCustomFormat(newFormat) {\n if (!newFormat) {\n this.canAddCustomFormat(false);\n return;\n }\n var canAddCustomFormat = true;\n Object.keys(this._standardPatternSource).some((name) => {\n canAddCustomFormat = this._standardPatternSource[name].patterns.indexOf(newFormat) === -1;\n return !canAddCustomFormat;\n });\n this.canAddCustomFormat(canAddCustomFormat ? this.customPatterns.indexOf(newFormat) === -1 : canAddCustomFormat);\n }\n _initEditor(formatStringValue) {\n if (!formatStringValue) {\n this.setType({ itemData: this.types[0] });\n return;\n }\n if (formatStringValue.indexOf('{0}') !== -1) {\n this.currentType('General');\n this.formatPrefix(formatStringValue.substring(0, formatStringValue.indexOf('{0}')));\n this.formatSuffix(formatStringValue.substring(formatStringValue.indexOf('{0}') + 3));\n return;\n }\n var startIndex = formatStringValue.indexOf('{0:'), closingBracketIndex = formatStringValue.indexOf('}', startIndex), formatPattern = formatStringValue.substring(startIndex + 3, closingBracketIndex), isFormatPatternFind;\n var selectTypePatternPair = (name) => {\n this.currentType(name);\n if (startIndex === 0 && closingBracketIndex === (formatStringValue.length - 1)) {\n this.selectedFormats(this.patternList().filter((item) => { return item.name === formatPattern; }));\n this.formatResult(formatPattern);\n isFormatPatternFind = true;\n }\n };\n Object.keys(this._standardPatternSource).some((name) => {\n if (this._standardPatternSource[name].patterns.indexOf(formatPattern) !== -1) {\n selectTypePatternPair(name);\n return true;\n }\n var customPatterns = this._customPatternSource[this._standardPatternSource[name].type];\n if (customPatterns && customPatterns.indexOf(formatPattern) !== -1) {\n selectTypePatternPair(name);\n return true;\n }\n return false;\n });\n if (!isFormatPatternFind) {\n this.currentType(this.types[0].name);\n this.selectedFormats([]);\n this.formatResult(formatStringValue);\n }\n }\n updateInputText(propertyName, componentInstance) {\n this[propertyName](componentInstance.option('text'));\n }\n option(name, value) {\n if (value !== void 0) {\n if (ko.isObservable(this[name])) {\n this[name](value);\n }\n else {\n this[name] = value;\n }\n }\n return ko.unwrap(this[name]);\n }\n updatePreview(value, category, pattern) {\n return $.Deferred().resolve({ Result: value || 'preview string' }).promise();\n }\n get customPatterns() {\n var currentTypeInfo = this._standardPatternSource[this.currentType()];\n return this._customPatternSource[currentTypeInfo.type] = this._customPatternSource[currentTypeInfo.type] || [];\n }\n get isGeneralType() {\n return this.currentType() === 'General';\n }\n getDisplayText(key) {\n return getLocalization(this.localizationIdMap[key].text, this.localizationIdMap[key].localizationId);\n }\n getPopupContainer(el) {\n return $.fn.constructor(el).closest(this.option('popupContainer'));\n }\n}\n","/**\n* DevExpress Analytics (widgets\\formatstring\\binding.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { FormatStringEditor } from './formatstringeditor';\nimport { addDisposeCallback } from '../../serializer/_internal';\nimport { getTemplate } from '../../property-grid/widgets/templateUtils';\nko.bindingHandlers['dxFormatEditor'] = {\n init: function (element, valueAccessor) {\n $.fn.constructor(element).children().remove();\n $.fn.constructor(element).addClass('dx-popup-general');\n var templateHtml = getTemplate('dx-format-string'), $element = $.fn.constructor(element).append(templateHtml), values = valueAccessor();\n var formatEditor = new FormatStringEditor(values.value, values['disabled'], values['standardPatterns'], values['customPatterns'], values['actions'], values['rtl'], values['popupContainer']);\n ko.applyBindings(formatEditor, $element.children()[0]);\n addDisposeCallback(element, function () {\n formatEditor.dispose();\n });\n return { controlsDescendantBindings: true };\n }\n};\n","/**\n* DevExpress Analytics (core\\widgets\\colorPickerEditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Editor } from '../../property-grid/widgets/editor';\nexport class ColorPickerEditor extends Editor {\n constructor(info, level, parentDisabled, textToSearch) {\n super(info, level, parentDisabled, textToSearch);\n this._disposables.push(this.displayValue = ko.pureComputed({\n read: () => {\n var value = ko.unwrap(this.value);\n if (!value)\n return undefined;\n if (value && value.toLowerCase() === 'transparent') {\n return 'rgba(0,0,0,0)';\n }\n if ((/^rgba\\s*\\((\\s*[a-f\\d]+\\s*,){3}\\s*[a-f\\d]+\\s*\\)$/i).test(value))\n return value;\n var div = document.createElement('div');\n div.style.backgroundColor = value;\n return div.style.backgroundColor || 'rgba(0,0,0,1)';\n },\n write: (val) => {\n this.value(val);\n }\n }));\n }\n}\n","/**\n* DevExpress Analytics (core\\widgets\\fieldListEditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { Editor } from '../../property-grid/widgets/editor';\nimport { TreeListController } from '../../widgets/treelist/_treelistController';\nexport class FieldListEditor extends Editor {\n constructor(modelPropertyInfo, level, parentDisabled, textToSearch) {\n super(modelPropertyInfo, level, parentDisabled, textToSearch);\n this.path = ko.pureComputed(() => {\n return this._model() && this._model()['getPath'] && this._model()['getPath'](this.name) || '';\n });\n this.treeListController = new TreeListController();\n this._disposables.push(this.path);\n this._disposables.push(this.treeListController);\n }\n}\n","/**\n* DevExpress Analytics (core\\widgets\\dataMemberEditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { FieldListEditor } from './fieldListEditor';\nimport { DataMemberTreeListController } from './_dataMemberEditor';\nexport class DataMemberEditor extends FieldListEditor {\n constructor(modelPropertyInfo, level, parentDisabled, textToSearch) {\n super(modelPropertyInfo, level, parentDisabled, textToSearch);\n this.treeListController = new DataMemberTreeListController();\n this._disposables.push(this.treeListController);\n }\n}\n","/**\n* DevExpress Analytics (core\\widgets\\registerDesignerEditors.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { editorTemplates } from '../../property-grid/widgets/editorsInfo';\nimport { GuidEditor } from '../../property-grid/widgets/guideditor';\nimport { RequiredNullableEditor, createNumericEditor } from './_requiredNullableEditor';\nimport { PropertyGridEditor } from '../../property-grid/propertygrid';\nimport { FieldListEditor } from './fieldListEditor';\nimport { DataMemberEditor } from './dataMemberEditor';\nimport { ColorPickerEditor } from './colorPickerEditor';\nexport function registerDesignerEditors() {\n editorTemplates.registerEditors({\n guid: { header: 'dxrd-guid', editorType: GuidEditor },\n date: { header: 'dx-date', editorType: RequiredNullableEditor },\n borders: { header: 'dxrd-borders' },\n textAlignment: { header: 'dxrd-textalignment' },\n objecteditorCustom: { custom: 'dxrd-objectEditorContent', editorType: PropertyGridEditor },\n field: { header: 'dxrd-field', editorType: FieldListEditor },\n dataMember: { header: 'dxrd-field', editorType: DataMemberEditor },\n filterEditor: { header: 'dxrd-filterstring' },\n formatEditor: { header: 'dxrd-formatstring' },\n expressionEditor: { header: 'dxrd-expressionstring' },\n customColorEditor: { header: 'dxrd-colorpicker', editorType: ColorPickerEditor },\n sbyte: createNumericEditor('System.SByte', 'integer'),\n decimal: createNumericEditor('System.Decimal', 'float'),\n int64: createNumericEditor('System.Int64', 'integer'),\n int32: createNumericEditor('System.Int32', 'integer'),\n int16: createNumericEditor('System.Int16', 'integer'),\n single: createNumericEditor('System.Single', 'float'),\n double: createNumericEditor('System.Double', 'float'),\n byte: createNumericEditor('System.Byte', 'integer'),\n uint16: createNumericEditor('System.UInt16', 'integer'),\n uint32: createNumericEditor('System.UInt32', 'integer'),\n uint64: createNumericEditor('System.UInt64', 'integer')\n });\n}\n","/**\n* DevExpress Analytics (property-grid\\widgets\\registerBaseEdtior.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { editorTemplates } from './editorsInfo';\nimport { FontEditor } from './fonteditor/editor';\nimport { PropertyGridEditor, PropertyGridEditorFlat } from '../propertygrid';\nexport function registerBaseEditors() {\n editorTemplates.registerEditors({\n 'bool': { header: 'dx-boolean' },\n 'boolSelect': { header: 'dx-boolean-select' },\n 'numeric': { header: 'dx-numeric' },\n 'modificators': { custom: 'dx-modificators' },\n 'combobox': { header: 'dx-combobox' },\n 'comboboxEditable': { header: 'dx-combobox-editable' },\n 'text': { header: 'dx-text' },\n 'image': { header: 'dx-image' },\n 'file': { header: 'dx-file' },\n 'commonCollection': { custom: 'dx-commonCollection' },\n 'stringArray': { header: 'dx-emptyHeader', content: 'dx-string-array' },\n 'font': { header: 'dx-emptyHeader', content: 'dx-objectEditorContent', editorType: FontEditor },\n 'objecteditor': { header: 'dx-emptyHeader', content: 'dx-objectEditorContent', editorType: PropertyGridEditor },\n 'inplaceObjectEditor': { custom: 'dx-objectEditorContent', editorType: PropertyGridEditorFlat }\n });\n}\n","/**\n* DevExpress Analytics (analytics-widgets.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport './property-grid/widgets/editorsInfo';\nimport './property-grid/widgets/editor';\nimport './property-grid/widgets/editorValidator';\nimport './property-grid/propertygrid';\nimport './property-grid/bindings';\nimport './property-grid/widgets/guideditor';\nimport './property-grid/widgets/fonteditor/editor';\nimport './widgets/bindings';\nimport './widgets/expressioneditor/expressioneditor';\nimport './widgets/expressioneditor/bindings';\nimport './widgets/filtereditor/helpers/helper';\nimport './widgets/filtereditor/filtereditor';\nimport './widgets/filtereditor/filtereditoroptions';\nimport './widgets/formatstring/formatstringeditor';\nimport './widgets/formatstring/binding';\nimport './core/widgets/colorPickerEditor';\nimport './core/widgets/fieldListEditor';\nimport './core/widgets/dataMemberEditor';\nimport { registerDesignerEditors } from './core/widgets/registerDesignerEditors';\nimport { registerBaseEditors } from './property-grid/widgets/registerBaseEdtior';\nimport './property-grid/widgets/templateUtils';\nregisterBaseEditors();\nregisterDesignerEditors();\nexport * from './property-grid/widgets/editorsInfo';\nexport * from './property-grid/widgets/editor';\nexport * from './property-grid/widgets/editorValidator';\nexport * from './property-grid/propertygrid';\nexport * from './property-grid/bindings';\nexport * from './property-grid/widgets/guideditor';\nexport * from './property-grid/widgets/fonteditor/editor';\nexport * from './widgets/bindings';\nexport * from './widgets/expressioneditor/expressioneditor';\nexport * from './widgets/expressioneditor/bindings';\nexport * from './widgets/filtereditor/helpers/helper';\nexport * from './widgets/filtereditor/filtereditor';\nexport * from './widgets/filtereditor/filtereditoroptions';\nexport * from './widgets/formatstring/formatstringeditor';\nexport * from './widgets/formatstring/binding';\nexport * from './core/widgets/colorPickerEditor';\nexport * from './core/widgets/fieldListEditor';\nexport * from './core/widgets/dataMemberEditor';\nexport * from './property-grid/widgets/templateUtils';\n","/**\n* DevExpress HTML/JS Reporting (common\\utils\\_utils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { accessibilityFontSizeZoomFactor } from '@devexpress/analytics-core/analytics-internal';\nimport { propertiesGridEditorsPaddingLeft } from '@devexpress/analytics-core/analytics-widgets-internal';\nimport devices from 'devextreme/core/devices';\nimport * as ko from 'knockout';\nexport var cultureInfo = {};\nexport var generateGuid = () => {\n var getNewQuartet = function (i) {\n return Math.floor((1 + Math.random()) * Math.pow(0x10000, i)).toString(16).substring(1);\n };\n return getNewQuartet(2) + '-' + getNewQuartet(1) + '-' + getNewQuartet(1) + '-' + getNewQuartet(1) + '-' + getNewQuartet(3);\n};\nvar commonBlur = HTMLElement.prototype.blur;\nvar fullscreenEventsList = ['fullscreenchange', 'mozfullscreenchange', 'webkitfullscreenchange', 'MSFullscreenChange'];\nexport function createFullscreenComputed(element, parent) {\n var _fullscreen = ko.observable(false);\n var func = () => {\n var isFullscreen = document.fullscreen || !!document['msFullscreenElement'] || !!document['webkitFullscreenElement'];\n if (element['msRequestFullscreen']) {\n HTMLElement.prototype.blur = isFullscreen ? function () {\n try {\n commonBlur.apply(this);\n }\n catch (e) {\n document.body.blur();\n }\n } : commonBlur;\n }\n _fullscreen(isFullscreen);\n };\n var fullscreen = ko.computed({\n read: () => _fullscreen(),\n write: (newVal) => {\n _fullscreen(newVal);\n toggleFullscreen(element, newVal);\n }\n });\n addFullscreenListener(document, func);\n parent._disposables.push({\n dispose: () => {\n removeFullscreenListener(document, func);\n commonBlur = null;\n func = null;\n }\n }, fullscreen);\n return fullscreen;\n}\nexport function processZoomFactor(accessibilityCompliant) {\n if (!accessibilityCompliant)\n return;\n var defaultFontSize = 16;\n var zoomFactor = (parseInt(window.getComputedStyle(document.documentElement).getPropertyValue('font-size')) || defaultFontSize) / defaultFontSize;\n if (zoomFactor !== accessibilityFontSizeZoomFactor()) {\n propertiesGridEditorsPaddingLeft(zoomFactor * propertiesGridEditorsPaddingLeft());\n accessibilityFontSizeZoomFactor(zoomFactor);\n }\n}\nfunction addFullscreenListener(element, func) {\n fullscreenEventsList.forEach((eventName) => {\n element.addEventListener(eventName, func);\n });\n}\nfunction removeFullscreenListener(element, func) {\n fullscreenEventsList.forEach((eventName) => {\n element.removeEventListener(eventName, func);\n });\n}\nfunction showFullscreen(element) {\n if (element.requestFullscreen)\n element.requestFullscreen();\n else if (element['mozRequestFullScreen'])\n element['mozRequestFullScreen']();\n else if (element['webkitRequestFullscreen'])\n element['webkitRequestFullscreen']();\n else if (element['msRequestFullscreen']) {\n element['msRequestFullscreen']();\n }\n}\nfunction exitFullscreen() {\n if (document.exitFullscreen)\n document.exitFullscreen();\n else if (document['mozCancelFullScreen'])\n document['mozCancelFullScreen']();\n else if (document['webkitExitFullscreen'])\n document['webkitExitFullscreen']();\n else if (document['msExitFullscreen']) {\n HTMLElement.prototype.blur = commonBlur;\n document['msExitFullscreen']();\n }\n}\nfunction toggleFullscreen(element, value) {\n if (!element)\n return;\n if (value)\n showFullscreen(element);\n else\n exitFullscreen();\n}\nexport const isIOS = devices.real().ios || devices.real()['mac'] && window.navigator.maxTouchPoints > 0;\nexport const isAndroid = devices.real().android;\nexport const isMobile = isIOS || isAndroid;\nexport function transformNewLineCharacters(value) {\n return value.replace(/(\\r\\n|\\n|\\r)/g, '\\r\\n');\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\widgets\\_editorTemplates.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport { cultureInfo } from '../utils/_utils';\nexport var editorTemplates = {\n csvSeparator: { header: 'dx-text',\n extendedOptions: { placeholder: ko.pureComputed(() => (cultureInfo['csvTextSeparator'] || '') + ' ' + getLocalization('(Using System Separator)', 'PreviewStringId.ExportOption_CsvSeparator_UsingSystem')) }\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\metadata.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { formatUnicorn } from '@devexpress/analytics-core/analytics-internal';\nimport { colorFromString, colorToString, floatFromModel, fromEnum, parseBool } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates as analyticEditorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { editorTemplates } from '../widgets/_editorTemplates';\nexport var pageBorderColor = { propertyName: 'pageBorderColor', modelName: '@PageBorderColor', from: colorFromString, toJsonObject: colorToString, displayName: 'Page Border Color', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.PageBorderColor', editor: analyticEditorTemplates.getEditor('customColorEditor'), defaultVal: 'Black' };\nexport var pageBorderWidth = { propertyName: 'pageBorderWidth', modelName: '@PageBorderWidth', displayName: 'Page Border Width', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.PageBorderWidth', from: floatFromModel, editor: analyticEditorTemplates.getEditor('numeric'), defaultVal: 1 };\nexport var pageRange = { propertyName: 'pageRange', modelName: '@PageRange', displayName: 'Page Range', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.PageRange', editor: analyticEditorTemplates.getEditor('text'), defaultVal: '' };\nexport var expotOptionsTitle = { propertyName: 'title', modelName: '@Title', displayName: 'Title', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.Title', editor: analyticEditorTemplates.getEditor('text'), defaultVal: 'Document' };\nexport var htmlTableLayout = { propertyName: 'tableLayout', modelName: '@TableLayout', displayName: 'Table Layout', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.TableLayout', editor: analyticEditorTemplates.getEditor('bool'), from: parseBool, defaultVal: true };\nexport var docxTableLayout = { propertyName: 'tableLayout', modelName: '@TableLayout', displayName: 'Table Layout', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions.TableLayout', editor: analyticEditorTemplates.getEditor('bool'), from: parseBool, defaultVal: false };\nexport var allowURLsWithJSContent = { propertyName: 'allowURLsWithJSContent', modelName: '@AllowURLsWithJSContent', displayName: 'Allow URLs with JS Content', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.AllowURLsWithJSContent', editor: analyticEditorTemplates.getEditor('bool'), from: parseBool, defaultVal: false };\nexport var rasterizationResolution = { propertyName: 'rasterizationResolution', modelName: '@RasterizationResolution', displayName: 'Rasterization Resolution', localizationId: 'DevExpress.XtraPrinting.PageByPageExportOptionsBase.RasterizationResolution', editor: analyticEditorTemplates.getEditor('numeric'), defaultVal: 96 };\nexport var rasterizeImages = { propertyName: 'rasterizeImages', modelName: '@RasterizeImages', displayName: 'Rasterize Images', localizationId: 'DevExpress.XtraPrinting.PageByPageExportOptionsBase.RasterizeImages', defaultVal: false, editor: analyticEditorTemplates.getEditor('bool'), from: parseBool };\nexport var useHRefHyperlinks = { propertyName: 'useHRefHyperlinks', modelName: '@UseHRefHyperlinks', displayName: 'Use HRef Hyperlinks', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.UseHRefHyperlinks', editor: analyticEditorTemplates.getEditor('bool'), from: parseBool, defaultVal: false };\nexport var exportWatermarks = { propertyName: 'exportWatermarks', modelName: '@ExportWatermarks', displayName: 'Export Watermarks', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.ExportWatermarks', defaultVal: true, editor: analyticEditorTemplates.getEditor('bool'), from: parseBool };\nexport var inlineCss = { propertyName: 'inlineCss', modelName: '@InlineCss', displayName: 'Inline CSS', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.InlineCss', defaultVal: false, editor: analyticEditorTemplates.getEditor('bool'), from: parseBool };\nexport var removeSecondarySymbols = { propertyName: 'removeSecondarySymbols', modelName: '@RemoveSecondarySymbols', displayName: 'Remove Secondary Symbols', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.RemoveSecondarySymbols', editor: analyticEditorTemplates.getEditor('bool'), from: parseBool, defaultVal: false };\nexport var characterSet = {\n propertyName: 'characterSet', modelName: '@CharacterSet', displayName: 'Character Set', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.CharacterSet', editor: analyticEditorTemplates.getEditor('combobox'), defaultVal: 'utf-8',\n valuesArray: [{ value: 'windows-1256', displayValue: 'Arabic (Windows)' }, { value: 'iso-8859-4', displayValue: 'Baltic (ISO)' }, { value: 'windows-1257', displayValue: 'Baltic (Windows)' }, { value: 'iso-8859-2', displayValue: 'Central European (ISO)' }, { value: 'windows-1250', displayValue: 'Central European (Windows)' }, { value: 'iso-8859-5', displayValue: 'Cyrillic (ISO)' }, { value: 'koi8-r', displayValue: 'Cyrillic (KOI8-r)' }, { value: 'windows-1251', displayValue: 'Cyrillic (Windows)' }, { value: 'iso-8859-15', displayValue: 'Latin 9 (ISO)' }, { value: 'utf-7', displayValue: 'Unicode (UTF-7)' }, { value: 'utf-8', displayValue: 'Unicode (UTF-8)' }, { value: 'iso-8859-1', displayValue: 'Western European (ISO)' }, { value: 'windows-1252', displayValue: 'Western European (Windows)' }]\n};\nexport function getExportModeValues(format = 'Html', preview, merged) {\n var singleFile = { value: 'SingleFile', displayValue: 'Single File', localizationId: formatUnicorn('PreviewStringId.ExportOption_{0}ExportMode_SingleFile', format) };\n var singleFilePageByPage = { value: 'SingleFilePageByPage', displayValue: 'Single File PageByPage', localizationId: formatUnicorn('PreviewStringId.ExportOption_{0}ExportMode_SingleFilePageByPage', format) };\n var differentFiles = { value: 'DifferentFiles', displayValue: 'Different Files', localizationId: formatUnicorn('PreviewStringId.ExportOption_{0}ExportMode_DifferentFiles', format) };\n if (merged) {\n return [singleFilePageByPage];\n }\n else if (preview) {\n return [singleFile, singleFilePageByPage];\n }\n else {\n return [singleFile, singleFilePageByPage, differentFiles];\n }\n}\nexport var exportPageBreaks = { propertyName: 'exportPageBreaks', modelName: '@ExportPageBreaks', displayName: 'Export Page Breaks', localizationId: 'DevExpress.XtraPrinting.FormattedTextExportOptions.ExportPageBreaks', defaultVal: true, editor: analyticEditorTemplates.getEditor('bool'), from: parseBool };\nexport var rtfExportMode = {\n propertyName: 'rtfExportMode', modelName: '@ExportMode', defaultVal: 'SingleFilePageByPage',\n editor: analyticEditorTemplates.getEditor('combobox'), displayName: 'Export Mode', localizationId: 'DevExpress.XtraPrinting.RtfExportOptions.ExportMode',\n valuesArray: getExportModeValues('Rtf', true)\n};\nexport var docxExportMode = {\n propertyName: 'docxExportMode', modelName: '@ExportMode', defaultVal: 'SingleFilePageByPage',\n editor: analyticEditorTemplates.getEditor('combobox'), displayName: 'Export Mode', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions.ExportMode',\n valuesArray: getExportModeValues('Docx', true)\n};\nexport var htmlExportMode = {\n propertyName: 'htmlExportMode', modelName: '@ExportMode', defaultVal: 'SingleFile',\n editor: analyticEditorTemplates.getEditor('combobox'), displayName: 'Export Mode', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.ExportMode',\n valuesArray: getExportModeValues('Html')\n};\nexport var embedImagesInHTML = {\n propertyName: 'embedImagesInHTML', modelName: '@EmbedImagesInHTML', defaultVal: false,\n editor: analyticEditorTemplates.getEditor('bool'), from: parseBool, displayName: 'Embed Images In HTML', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptions.EmbedImagesInHTML'\n};\nexport var imageExportMode = {\n propertyName: 'imageExportMode', modelName: '@ExportMode', defaultVal: 'SingleFile',\n editor: analyticEditorTemplates.getEditor('combobox'), displayName: 'Export Mode', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions.ExportMode',\n valuesArray: getExportModeValues('Image')\n};\nexport var xlsExportMode = {\n propertyName: 'xlsExportMode', modelName: '@ExportMode', defaultVal: 'SingleFile',\n editor: analyticEditorTemplates.getEditor('combobox'), displayName: 'Export Mode', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.ExportMode',\n valuesArray: getExportModeValues('Xls')\n};\nexport var xlsxExportMode = {\n propertyName: 'xlsxExportMode', modelName: '@ExportMode', defaultVal: 'SingleFile',\n editor: analyticEditorTemplates.getEditor('combobox'), displayName: 'Export Mode', localizationId: 'DevExpress.XtraPrinting.XlsxExportOptions.ExportMode',\n valuesArray: getExportModeValues('Xlsx')\n};\nfunction getTextExportModeValues() {\n return [\n { value: 'Text', displayValue: 'Text', localizationId: 'DevExpress.XtraPrinting.TextExportMode.Text' },\n { value: 'Value', displayValue: 'Value', localizationId: 'DevExpress.XtraPrinting.TextExportMode.Value' }\n ];\n}\nexport var textExportMode = {\n propertyName: 'textExportMode', modelName: '@TextExportMode', displayName: 'Text Export Mode', localizationId: 'DevExpress.XtraPrinting.TextExportOptionsBase.TextExportMode', defaultVal: 'Text', editor: analyticEditorTemplates.getEditor('combobox'),\n valuesArray: getTextExportModeValues()\n};\nexport var xlsTextExportMode = {\n propertyName: 'textExportMode', modelName: '@TextExportMode', displayName: 'Text Export Mode', localizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.TextExportMode', defaultVal: 'Value', editor: analyticEditorTemplates.getEditor('combobox'),\n valuesArray: getTextExportModeValues()\n};\nexport var csvTextSeparator = { propertyName: 'separator', modelName: '@Separator', defaultVal: '', displayName: 'Separator', localizationId: 'DevExpress.XtraPrinting.TextExportOptionsBase.Separator', editor: editorTemplates.csvSeparator };\nexport var useCustomSeparator = { propertyName: 'useCustomSeparator', displayName: 'Use Custom Separator', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions.UseCustomSeparator', editor: analyticEditorTemplates.getEditor('bool') };\nexport var textEncodingType = {\n propertyName: 'encodingType', modelName: '@EncodingType', displayName: 'Encoding', localizationId: 'DevExpress.XtraPrinting.TextExportOptionsBase.Encoding', editor: analyticEditorTemplates.getEditor('combobox'), defaultVal: 'Default', from: fromEnum,\n valuesArray: [\n { value: 'Default', displayValue: 'Windows-1252', localizationId: 'DevExpress.XtraPrinting.EncodingType.Default' },\n { value: 'ASCII', displayValue: 'us-ascii', localizationId: 'DevExpress.XtraPrinting.EncodingType.ASCII' },\n { value: 'Unicode', displayValue: 'utf-16', localizationId: 'DevExpress.XtraPrinting.EncodingType.Unicode' },\n { value: 'BigEndianUnicode', displayValue: 'utf-16BE', localizationId: 'DevExpress.XtraPrinting.EncodingType.BigEndianUnicode' },\n { value: 'UTF7', displayValue: 'utf-7', localizationId: 'DevExpress.XtraPrinting.EncodingType.UTF7' },\n { value: 'UTF8', displayValue: 'utf-8', localizationId: 'DevExpress.XtraPrinting.EncodingType.UTF8' },\n { value: 'UTF32', displayValue: 'utf-32', localizationId: 'DevExpress.XtraPrinting.EncodingType.UTF32' }\n ]\n};\nexport var xlsExportHyperlinks = {\n propertyName: 'exportHyperlinks', modelName: '@ExportHyperlinks', displayName: 'Export Hyperlinks', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.ExportHyperlinks', defaultVal: true, editor: analyticEditorTemplates.getEditor('bool'), from: parseBool\n};\nexport var xlsRawDataMode = {\n propertyName: 'rawDataMode', modelName: '@RawDataMode', displayName: 'Raw Data Mode', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.RawDataMode', defaultVal: false, editor: analyticEditorTemplates.getEditor('bool'), from: parseBool\n};\nexport var xlsShowGridLines = {\n propertyName: 'showGridLines', modelName: '@ShowGridLines', displayName: 'Show Grid Lines', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.ShowGridLines', defaultVal: false, editor: analyticEditorTemplates.getEditor('bool'), from: parseBool\n};\nexport var xlsExportOptionsSheetName = {\n propertyName: 'sheetName', modelName: '@SheetName', displayName: 'Sheet Name', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.SheetName', defaultVal: 'Sheet', editor: analyticEditorTemplates.getEditor('text')\n};\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\csvMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { parseBool } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { csvTextSeparator, textEncodingType, textExportMode, useCustomSeparator } from './metadata';\nexport var csvExportOptionsSerializationInfo = [\n textEncodingType,\n textExportMode,\n { propertyName: 'quoteStringsWithSeparators', modelName: '@QuoteStringsWithSeparators', displayName: 'Quote Strings with Separators', localizationId: 'DevExpress.XtraPrinting.TextExportOptionsBase.QuoteStringsWithSeparators', defaultVal: true, editor: editorTemplates.getEditor('bool'), from: parseBool },\n useCustomSeparator, csvTextSeparator,\n { propertyName: 'skipEmptyRows', modelName: '@SkipEmptyRows', displayName: 'Skip Empty Rows', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions.SkipEmptyRows', defaultVal: true, editor: editorTemplates.getEditor('bool'), from: parseBool },\n { propertyName: 'skipEmptyColumns', modelName: '@SkipEmptyColumns', displayName: 'Skip Empty Columns', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions.SkipEmptyColumns', defaultVal: true, editor: editorTemplates.getEditor('bool'), from: parseBool }\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\csvExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport { csvExportOptionsSerializationInfo } from './csvMetaData';\nexport class CsvExportOptions {\n constructor(model, serializer) {\n this.defaultSeparatorValue = '';\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n this.useCustomSeparator = ko.observable(this.separator && this.separator() !== this.defaultSeparatorValue);\n var separatorValue = ko.observable(this.separator());\n this.useCustomSeparator.subscribe((newValue) => {\n if (!newValue)\n separatorValue(this.defaultSeparatorValue);\n });\n this.separator = ko.computed({\n read: () => { return separatorValue(); },\n write: (newValue) => {\n separatorValue(newValue);\n if (this.useCustomSeparator)\n this.useCustomSeparator(newValue !== this.defaultSeparatorValue);\n }\n });\n }\n static from(model, serializer) {\n return new CsvExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, csvExportOptionsSerializationInfo, refs);\n }\n getInfo() {\n return csvExportOptionsSerializationInfo;\n }\n isPropertyDisabled(name) {\n return (name === 'separator') && !(this.useCustomSeparator && this.useCustomSeparator());\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\options\\docxExportDocumentOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nexport class DocxExportDocumentOptions {\n static from(model, serializer) {\n return new DocxExportDocumentOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, docxExportDocumentOptionsSerializationInfo, refs);\n }\n getInfo() {\n return docxExportDocumentOptionsSerializationInfo;\n }\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n}\nexport var docxExportDocumentOptionsSerializationInfo = [\n { propertyName: 'title', modelName: '@Title', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Title', displayName: 'Title', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'subject', modelName: '@Subject', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Subject', displayName: 'Subject', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'keywords', modelName: '@Keywords', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Keywords', displayName: 'Keywords', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'category', modelName: '@Category', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Category', displayName: 'Category', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'comments', modelName: '@Comments', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Comments', displayName: 'Comments', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'author', modelName: '@Author', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Author', displayName: 'Author', defaultVal: '', editor: editorTemplates.getEditor('text') },\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\rtfMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { parseBool } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { exportPageBreaks, exportWatermarks, pageRange, rasterizationResolution, rtfExportMode } from './metadata';\nexport var rtfExportOptionsSerializationInfoBase = [\n pageRange,\n rasterizationResolution,\n exportPageBreaks,\n exportWatermarks\n];\nexport var emptyFirstPageHeaderFooter = { propertyName: 'emptyFirstPageHeaderFooter', modelName: '@EmptyFirstPageHeaderFooter', displayName: 'Empty First Page Header/Footer', localizationId: 'DevExpress.XtraPrinting.FormattedTextExportOptions.EmptyFirstPageHeaderFooter', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool };\nexport var keepRowHeight = { propertyName: 'keepRowHeight', modelName: '@KeepRowHeight', displayName: 'Keep Row Height', localizationId: 'DevExpress.XtraPrinting.FormattedTextExportOptions.KeepRowHeight', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool };\nexport var rtfExportOptionsSerializationInfo = [\n emptyFirstPageHeaderFooter,\n keepRowHeight,\n rtfExportMode\n].concat(rtfExportOptionsSerializationInfoBase);\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\docxMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { parseBool } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { docxExportMode, docxTableLayout, exportPageBreaks, exportWatermarks, pageRange, rasterizationResolution, rasterizeImages } from './metadata';\nimport { DocxExportDocumentOptions } from './options/docxExportDocumentOptions';\nimport { emptyFirstPageHeaderFooter, keepRowHeight } from './rtfMetaData';\nexport var docxDocumentOptions = { propertyName: 'documentOptions', modelName: 'DocumentOptions', displayName: 'Document Options', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions.DocumentOptions', from: DocxExportDocumentOptions.from, toJsonObject: DocxExportDocumentOptions.toJson, editor: editorTemplates.getEditor('objecteditor') };\nexport var docxExportOptionsSerializationInfo = [\n docxExportMode,\n exportWatermarks,\n pageRange,\n rasterizeImages,\n rasterizationResolution,\n emptyFirstPageHeaderFooter,\n keepRowHeight,\n exportPageBreaks,\n docxTableLayout,\n { propertyName: 'allowFloatingPictures', modelName: '@AllowFloatingPictures', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions.AllowFloatingPictures', displayName: 'Allow Floating Pictures', editor: editorTemplates.getEditor('bool'), from: parseBool, defaultVal: false },\n docxDocumentOptions,\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\docxExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { docxExportOptionsSerializationInfo } from './docxMetaData';\nimport { docxExportMode } from './metadata';\nexport class DocxExportOptions {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n static from(model, serializer) {\n return new DocxExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, docxExportOptionsSerializationInfo, refs);\n }\n getInfo() {\n return docxExportOptionsSerializationInfo;\n }\n isPropertyDisabled(name) {\n var exportMode = this.docxExportMode ? this.docxExportMode() : docxExportMode.defaultVal;\n if (name === 'pageRange' || name === 'tableLayout')\n return exportMode === 'SingleFile';\n else if (name === 'emptyFirstPageHeaderFooter' || name === 'exportPageBreaks') {\n return exportMode === 'SingleFilePageByPage';\n }\n else if (name === 'keepRowHeight') {\n return exportMode === 'SingleFilePageByPage' && !this.tableLayout();\n }\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\emailExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { fromEnum, ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nexport class AdditionalRecipientModel {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n getInfo() {\n return additionalRecipientSerializationsInfo;\n }\n}\nAdditionalRecipientModel.createNew = () => {\n return new AdditionalRecipientModel({});\n};\nexport var additionalRecipientSerializationsInfo = [\n { propertyName: 'ContactName', modelName: '@ContactName', displayName: 'ContactName', localizationId: 'DevExpress.XtraPrinting.Recipient.ContactName', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'Address', modelName: '@Address', displayName: 'Address', localizationId: 'DevExpress.XtraPrinting.Recipient.Address', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'Prefix', modelName: '@Prefix', displayName: 'Prefix', localizationId: 'DevExpress.XtraPrinting.Recipient.Prefix', defaultVal: 'SMTP:', editor: editorTemplates.getEditor('text') },\n {\n propertyName: 'fieldType', modelName: '@FieldType', displayName: 'Field Type', localizationId: 'DevExpress.XtraPrinting.Recipient.FieldType', defaultVal: 'TO', editor: editorTemplates.getEditor('combobox'), from: fromEnum,\n valuesArray: [\n { value: 'TO', displayValue: 'TO', localizationId: 'DevExpress.XtraPrinting.RecipientFieldType.TO' },\n { value: 'CC', displayValue: 'CC', localizationId: 'DevExpress.XtraPrinting.RecipientFieldType.CC' },\n { value: 'BCC', displayValue: 'BCC', localizationId: 'DevExpress.XtraPrinting.RecipientFieldType.BCC' }\n ]\n },\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\emailMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { parseBool } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { AdditionalRecipientModel } from './emailExportOptions';\nexport var nativeFormatOptionsSerializationInfo = [\n { propertyName: 'compressed', modelName: '@Compressed', displayName: 'Compressed', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.Compressed', defaultVal: true, editor: editorTemplates.getEditor('bool'), from: parseBool },\n { propertyName: 'showOptionsBeforeSave', modelName: '@ShowOptionsBeforeSave', displayName: 'Show Options Before Save', localizationId: 'DevExpress.XtraPrinting.NativeFormatOptions.ShowOptionsBeforeSave', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool }\n];\nexport var additionalRecipients = { propertyName: 'additionalRecipients', modelName: 'AdditionalRecipients', displayName: 'Additional Recipients', localizationId: 'DevExpress.XtraPrinting.EmailOptions.AdditionalRecipients', array: true, editor: editorTemplates.getEditor('commonCollection'), addHandler: AdditionalRecipientModel.createNew, template: '#dxrd-commonCollectionItem' };\nexport var emailOptionsSerializationInfo = [\n { propertyName: 'recipientName', modelName: '@RecipientName', displayName: 'Recipient Name', localizationId: 'DevExpress.XtraPrinting.EmailOptions.RecipientName', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'recipientAddress', modelName: '@RecipientAddress', displayName: 'Recipient Address', localizationId: 'DevExpress.XtraPrinting.EmailOptions.RecipientAddress', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'recipientAddressPrefix', modelName: '@RecipientAddressPrefix', displayName: 'Recipient Address Prefix', localizationId: 'DevExpress.XtraPrinting.EmailOptions.RecipientAddressPrefix', defaultVal: 'SMTP:', editor: editorTemplates.getEditor('text') },\n { propertyName: 'subject', modelName: '@Subject', displayName: 'Subject', localizationId: 'DevExpress.XtraPrinting.EmailOptions.Subject', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'body', modelName: '@Body', displayName: 'Body', localizationId: 'DevExpress.XtraPrinting.EmailOptions.Body', defaultVal: '', editor: editorTemplates.getEditor('text') },\n additionalRecipients\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\htmlMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { allowURLsWithJSContent, characterSet, embedImagesInHTML, exportWatermarks, expotOptionsTitle, htmlExportMode, htmlTableLayout, inlineCss, pageBorderColor, pageBorderWidth, pageRange, rasterizationResolution, removeSecondarySymbols, useHRefHyperlinks } from './metadata';\nexport var htmlExportOptionsSerializationInfoBase = [\n pageBorderColor,\n pageBorderWidth,\n pageRange,\n rasterizationResolution,\n expotOptionsTitle,\n htmlTableLayout,\n useHRefHyperlinks,\n allowURLsWithJSContent,\n removeSecondarySymbols,\n exportWatermarks,\n characterSet\n];\nexport var htmlExportOptionsSerializationInfo = [htmlExportMode, embedImagesInHTML, inlineCss].concat(htmlExportOptionsSerializationInfoBase);\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\htmlExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { htmlExportOptionsSerializationInfo } from './htmlMetaData';\nimport { htmlExportMode } from './metadata';\nexport class HtmlExportOptions {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n static from(model, serializer) {\n return new HtmlExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, htmlExportOptionsSerializationInfo, refs);\n }\n getInfo() {\n return htmlExportOptionsSerializationInfo;\n }\n isPropertyDisabled(name) {\n return ((name === 'pageRange') || (name === 'pageBorderWidth') || (name === 'exportWatermarks')) && ((this.htmlExportMode ? this.htmlExportMode() : htmlExportMode.defaultVal) === 'SingleFile');\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\imageMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { fromEnum, parseBool } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { imageExportMode, pageBorderColor, pageBorderWidth, pageRange } from './metadata';\nexport var imageExportOptionsSerializationInfoBase = [\n pageBorderColor,\n pageBorderWidth,\n pageRange,\n { propertyName: 'resolution', modelName: '@Resolution', displayName: 'Resolution', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions.Resolution', editor: editorTemplates.getEditor('numeric'), defaultVal: 96 },\n {\n propertyName: 'format', modelName: '@Format', displayName: 'Format', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions.Format', editor: editorTemplates.getEditor('combobox'), defaultVal: 'Png', from: fromEnum,\n valuesArray: [\n { value: 'Bmp', displayValue: 'BMP' },\n { value: 'Gif', displayValue: 'GIF' },\n { value: 'Jpeg', displayValue: 'JPEG' },\n { value: 'Png', displayValue: 'PNG' },\n { value: 'Emf', displayValue: 'EMF' },\n { value: 'Wmf', displayValue: 'WMF' },\n { value: 'Tiff', displayValue: 'TIFF' }\n ]\n }\n];\nexport var imageExportOptionsSerializationInfo = [imageExportMode, { propertyName: 'retainBackgroundTransparency', modelName: '@RetainBackgroundTransparency', displayName: 'Retain Background Transparency', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions.RetainBackgroundTransparency', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool },\n {\n propertyName: 'textRenderingMode', modelName: '@TextRenderingMode', displayName: 'Text Rendering Mode', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions.TextRenderingMode', editor: editorTemplates.getEditor('combobox'), defaultVal: 'SystemDefault', from: fromEnum,\n valuesArray: [\n { value: 'SystemDefault', displayValue: 'SystemDefault', localizationId: 'DevExpress.XtraPrinting.TextRenderingMode.SystemDefault' },\n { value: 'SingleBitPerPixelGridFit', displayValue: 'SingleBitPerPixelGridFit', localizationId: 'DevExpress.XtraPrinting.TextRenderingMode.SingleBitPerPixelGridFit' },\n { value: 'SingleBitPerPixel', displayValue: 'SingleBitPerPixel', localizationId: 'DevExpress.XtraPrinting.TextRenderingMode.SingleBitPerPixel' },\n { value: 'AntiAliasGridFit', displayValue: 'AntiAliasGridFit', localizationId: 'DevExpress.XtraPrinting.TextRenderingMode.AntiAliasGridFit' },\n { value: 'AntiAlias', displayValue: 'AntiAlias', localizationId: 'DevExpress.XtraPrinting.TextRenderingMode.AntiAlias' },\n { value: 'ClearTypeGridFit', displayValue: 'ClearTypeGridFit', localizationId: 'DevExpress.XtraPrinting.TextRenderingMode.ClearTypeGridFit' }\n ]\n }\n].concat(imageExportOptionsSerializationInfoBase);\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\imageExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { imageExportOptionsSerializationInfo } from './imageMetaData';\nimport { imageExportMode } from './metadata';\nexport class ImageExportOptions {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n static from(model, serializer) {\n return new ImageExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, imageExportOptionsSerializationInfo, refs);\n }\n getInfo() {\n return imageExportOptionsSerializationInfo;\n }\n isPropertyDisabled(name) {\n return ((name === 'pageRange') || (name === 'pageBorderWidth')) && ((this.imageExportMode ? this.imageExportMode() : imageExportMode.defaultVal) === 'SingleFile');\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\mhtMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { allowURLsWithJSContent, characterSet, exportWatermarks, expotOptionsTitle, htmlExportMode, htmlTableLayout, inlineCss, pageBorderColor, pageBorderWidth, pageRange, rasterizationResolution, removeSecondarySymbols, useHRefHyperlinks } from './metadata';\nexport var mhtExportOptionsSerializationInfoBase = [\n pageBorderColor,\n pageBorderWidth,\n pageRange,\n rasterizationResolution,\n expotOptionsTitle,\n characterSet,\n htmlTableLayout,\n useHRefHyperlinks,\n allowURLsWithJSContent,\n removeSecondarySymbols,\n exportWatermarks\n];\nexport var mhtExportOptionsSerializationInfo = [htmlExportMode, inlineCss].concat(mhtExportOptionsSerializationInfoBase);\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\mhtExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { htmlExportMode } from './metadata';\nimport { mhtExportOptionsSerializationInfo } from './mhtMetaData';\nexport class MhtExportOptions {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n static from(model, serializer) {\n return new MhtExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, mhtExportOptionsSerializationInfo, refs);\n }\n getInfo() {\n return mhtExportOptionsSerializationInfo;\n }\n isPropertyDisabled(name) {\n return ((name === 'pageRange') || (name === 'pageBorderWidth')) && ((this.htmlExportMode ? this.htmlExportMode() : htmlExportMode.defaultVal) === 'SingleFile');\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\options\\pdfExportDocumentOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nexport class PdfExportDocumentOptions {\n static from(model, serializer) {\n return new PdfExportDocumentOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, pdfExportDocumentOptionsSerializationInfo, refs);\n }\n getInfo() {\n return pdfExportDocumentOptionsSerializationInfo;\n }\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n}\nexport var author = { propertyName: 'author', modelName: '@Author', displayName: 'Author', localizationId: 'DevExpress.XtraPrinting.PdfDocumentOptions.Author', defaultVal: '', editor: editorTemplates.getEditor('text') };\nexport var application = { propertyName: 'application', modelName: '@Application', displayName: 'Application', localizationId: 'DevExpress.XtraPrinting.PdfDocumentOptions.Application', defaultVal: '', editor: editorTemplates.getEditor('text') };\nexport var title = { propertyName: 'title', modelName: '@Title', displayName: 'Title', localizationId: 'DevExpress.XtraPrinting.PdfDocumentOptions.Title', defaultVal: '', editor: editorTemplates.getEditor('text') };\nexport var subject = { propertyName: 'subject', modelName: '@Subject', displayName: 'Subject', localizationId: 'DevExpress.XtraPrinting.PdfDocumentOptions.Subject', defaultVal: '', editor: editorTemplates.getEditor('text') };\nexport var pdfExportDocumentOptionsSerializationInfo = [\n author, application, title, subject,\n { propertyName: 'keywords', modelName: '@Keywords', displayName: 'Keywords', localizationId: 'DevExpress.XtraPrinting.PdfDocumentOptions.Keywords', defaultVal: '', editor: editorTemplates.getEditor('text') }\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\options\\pdfPermissionsOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer, parseBool } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nexport class PdfPermissionsOptions {\n static from(model, serializer) {\n return new PdfPermissionsOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, pdfExportPermissionsOptionsSerializationInfo, refs);\n }\n getInfo() {\n return pdfExportPermissionsOptionsSerializationInfo;\n }\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n}\nexport var pdfExportPermissionsOptionsSerializationInfo = [\n {\n propertyName: 'printingPermissions', modelName: '@PrintingPermissions', displayName: 'Printing Permissions', localizationId: 'DevExpress.XtraPrinting.PdfPermissionsOptions.PrintingPermissions', defaultVal: 'None', editor: editorTemplates.getEditor('combobox'),\n valuesArray: [\n { value: 'None', displayValue: 'None', localizationId: 'DevExpress.XtraPrinting.PrintingPermissions.None' },\n { value: 'LowResolution', displayValue: 'LowResolution', localizationId: 'DevExpress.XtraPrinting.PrintingPermissions.LowResolution' },\n { value: 'HighResolution', displayValue: 'HighResolution', localizationId: 'DevExpress.XtraPrinting.PrintingPermissions.HighResolution' }\n ]\n },\n {\n propertyName: 'changingPermissions', modelName: '@ChangingPermissions', displayName: 'Changing Permissions', localizationId: 'DevExpress.XtraPrinting.PdfPermissionsOptions.ChangingPermissions', defaultVal: 'None', editor: editorTemplates.getEditor('combobox'),\n valuesArray: [\n { value: 'None', displayValue: 'None', localizationId: 'DevExpress.XtraPrinting.ChangingPermissions.None' },\n { value: 'InsertingDeletingRotating', displayValue: 'InsertingDeletingRotating', localizationId: 'DevExpress.XtraPrinting.ChangingPermissions.InsertingDeletingRotating' },\n { value: 'FillingSigning', displayValue: 'FillingSigning', localizationId: 'DevExpress.XtraPrinting.ChangingPermissions.FillingSigning' },\n { value: 'CommentingFillingSigning', displayValue: 'CommentingFillingSigning', localizationId: 'DevExpress.XtraPrinting.ChangingPermissions.CommentingFillingSigning' },\n { value: 'AnyExceptExtractingPages', displayValue: 'AnyExceptExtractingPages', localizationId: 'DevExpress.XtraPrinting.ChangingPermissions.AnyExceptExtractingPages' }\n ]\n },\n { propertyName: 'enableCopying', modelName: '@EnableCopying', displayName: 'Enable Copying', localizationId: 'DevExpress.XtraPrinting.PdfPermissionsOptions.EnableCopying', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool },\n { propertyName: 'enableScreenReaders', modelName: '@EnableScreenReaders', displayName: 'Enable Screen Readers', localizationId: 'DevExpress.XtraPrinting.PdfPermissionsOptions.EnableScreenReaders', defaultVal: true, editor: editorTemplates.getEditor('bool'), from: parseBool }\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\options\\pdfPasswordSecurityOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { createPasswordSerializationInfo } from '@devexpress/analytics-core/analytics-internal';\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { PdfPermissionsOptions } from './pdfPermissionsOptions';\nexport class PdfPasswordSecurityOptions {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n static from(model, serializer) {\n return new PdfPasswordSecurityOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, pdfExportPasswordSecurityOptionsSerializationInfo, refs);\n }\n getInfo() {\n return pdfExportPasswordSecurityOptionsSerializationInfo;\n }\n isPropertyDisabled(name) {\n if (!(this.permissionsPassword && this.permissionsPassword())) {\n if (name === 'permissionsOptions')\n return true;\n if (name === pdfEncryptionLevel.propertyName)\n return !(this.openPassword && this.openPassword());\n return false;\n }\n }\n hasSensitiveData() {\n return !!(this.openPassword && this.openPassword() || this.permissionsPassword && this.permissionsPassword());\n }\n}\nexport var pdfEncryptionLevel = {\n propertyName: 'encryptionLevel', modelName: '@EncryptionLevel', displayName: 'Encryption Level', localizationId: 'DevExpress.XtraPrinting.PdfPasswordSecurityOptions.EncryptionLevel', defaultVal: 'AES128', editor: editorTemplates.getEditor('combobox'),\n valuesArray: [\n { value: 'ARC4', displayValue: 'ARC4', localizationId: 'DevExpress.XtraPrinting.PdfEncryptionLevel.ARC4' },\n { value: 'AES128', displayValue: 'AES128', localizationId: 'DevExpress.XtraPrinting.PdfEncryptionLevel.AES128' },\n { value: 'AES256', displayValue: 'AES256', localizationId: 'DevExpress.XtraPrinting.PdfEncryptionLevel.AES256' },\n ]\n};\nexport var pdfExportPasswordSecurityOptionsSerializationInfo = [\n createPasswordSerializationInfo({ propertyName: 'openPassword', modelName: '@OpenPassword', displayName: 'Open Password', localizationId: 'DevExpress.XtraPrinting.PdfPasswordSecurityOptions.OpenPassword', defaultVal: '' }),\n pdfEncryptionLevel,\n createPasswordSerializationInfo({ propertyName: 'permissionsPassword', modelName: '@PermissionsPassword', displayName: 'Permissions Password', localizationId: 'DevExpress.XtraPrinting.PdfPasswordSecurityOptions.PermissionsPassword', defaultVal: '' }),\n { propertyName: 'permissionsOptions', modelName: 'PermissionsOptions', displayName: 'Pdf Permissions Options', localizationId: 'DevExpress.XtraPrinting.PdfPermissionsOptions', from: PdfPermissionsOptions.from, toJsonObject: PdfPermissionsOptions.toJson, editor: editorTemplates.getEditor('objecteditor') }\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\pdfMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { fromEnum, parseBool } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { pageRange, rasterizationResolution, rasterizeImages } from './metadata';\nimport { PdfExportDocumentOptions } from './options/pdfExportDocumentOptions';\nimport { PdfPasswordSecurityOptions } from './options/pdfPasswordSecurityOptions';\nexport var pdfACompatibilityValues = { None: 'None', PdfA1b: 'PdfA1b', PdfA2b: 'PdfA2b', PdfA3b: 'PdfA3b' };\nexport var pdfACompatibility = {\n propertyName: 'pdfACompatibility', modelName: '@PdfACompatibility', displayName: 'PDF A Compatibility', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.PdfACompatibility', editor: editorTemplates.getEditor('combobox'), defaultVal: pdfACompatibilityValues.None, from: fromEnum,\n valuesArray: [\n { value: pdfACompatibilityValues.None, displayValue: pdfACompatibilityValues.None, localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.None' },\n { value: pdfACompatibilityValues.PdfA1b, displayValue: pdfACompatibilityValues.PdfA1b, localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA1b' },\n { value: pdfACompatibilityValues.PdfA2b, displayValue: pdfACompatibilityValues.PdfA2b, localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA2b' },\n { value: pdfACompatibilityValues.PdfA3b, displayValue: pdfACompatibilityValues.PdfA3b, localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA3b' }\n ]\n};\nexport var pdfUACompatibilityValues = { None: 'None', PdfUA1: 'PdfUA1' };\nexport var pdfUACompatibility = {\n propertyName: 'pdfUACompatibility', modelName: '@PdfUACompatibility', displayName: 'PDF UA Compatibility', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.PdfUACompatibility', editor: editorTemplates.getEditor('combobox'), defaultVal: pdfUACompatibilityValues.None, from: fromEnum,\n valuesArray: [\n { value: pdfUACompatibilityValues.None, displayValue: pdfACompatibilityValues.None, localizationId: 'DevExpress.XtraPrinting.PdfUACompatibility.None' },\n { value: pdfUACompatibilityValues.PdfUA1, displayValue: pdfUACompatibilityValues.PdfUA1, localizationId: 'DevExpress.XtraPrinting.PdfUACompatibility.PdfUA1' }\n ]\n};\nexport var pdfExportOptionsSerializationInfo = [\n { propertyName: 'convertImagesToJpeg', modelName: '@ConvertImagesToJpeg', displayName: 'Convert Images to Jpeg', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.ConvertImagesToJpeg', defaultVal: true, editor: editorTemplates.getEditor('bool'), from: parseBool },\n { propertyName: 'showPrintDialogOnOpen', modelName: '@ShowPrintDialogOnOpen', displayName: 'Show Print Dialog on Open', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.ShowPrintDialogOnOpen', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool },\n { propertyName: 'neverEmbeddedFonts', modelName: '@NeverEmbeddedFonts', displayName: 'Never Embedded Fonts', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.NeverEmbeddedFonts', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'exportEditingFieldsToAcroForms', modelName: '@ExportEditingFieldsToAcroForms', displayName: 'Export Editing Fields To AcroForms', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.ExportEditingFieldsToAcroForms', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool },\n {\n propertyName: 'imageQuality', modelName: '@ImageQuality', displayName: 'Image Quality', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.ImageQuality', editor: editorTemplates.getEditor('combobox'), defaultVal: 'Highest', from: fromEnum,\n valuesArray: [\n { value: 'Lowest', displayValue: 'Lowest', localizationId: 'DevExpress.XtraPrinting.PdfJpegImageQuality.Lowest' },\n { value: 'Low', displayValue: 'Low', localizationId: 'DevExpress.XtraPrinting.PdfJpegImageQuality.Low' },\n { value: 'Medium', displayValue: 'Medium', localizationId: 'DevExpress.XtraPrinting.PdfJpegImageQuality.Medium' },\n { value: 'High', displayValue: 'High', localizationId: 'DevExpress.XtraPrinting.PdfJpegImageQuality.High' },\n { value: 'Highest', displayValue: 'Highest', localizationId: 'DevExpress.XtraPrinting.PdfJpegImageQuality.Highest' }\n ]\n },\n pdfACompatibility,\n pdfUACompatibility,\n pageRange,\n rasterizationResolution,\n rasterizeImages,\n { propertyName: 'documentOptions', modelName: 'DocumentOptions', displayName: 'Document Options', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.DocumentOptions', from: PdfExportDocumentOptions.from, toJsonObject: PdfExportDocumentOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'pdfPasswordSecurityOptions', modelName: 'PasswordSecurityOptions', displayName: 'Pdf Password Security Options', localizationId: 'DevExpress.XtraPrinting.PdfPasswordSecurityOptions', from: PdfPasswordSecurityOptions.from, toJsonObject: PdfPasswordSecurityOptions.toJson, editor: editorTemplates.getEditor('objecteditor') }\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\pdfExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { pdfACompatibility, pdfACompatibilityValues, pdfExportOptionsSerializationInfo, pdfUACompatibility, pdfUACompatibilityValues } from './pdfMetaData';\nexport class PdfExportOptions {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n static from(model, serializer) {\n return new PdfExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, pdfExportOptionsSerializationInfo, refs);\n }\n isPropertyDisabled(propertyName) {\n var _pdfACompatibility = this.pdfACompatibility ? this.pdfACompatibility() : pdfACompatibility.defaultVal;\n var _pdfUACompatibility = this.pdfUACompatibility ? this.pdfUACompatibility() : pdfUACompatibility.defaultVal;\n if (propertyName === 'exportEditingFieldsToAcroForms')\n return _pdfACompatibility === pdfACompatibilityValues.PdfA1b;\n else if (propertyName === 'neverEmbeddedFonts')\n return _pdfACompatibility != pdfACompatibilityValues.None || _pdfUACompatibility != pdfUACompatibilityValues.None;\n else if (propertyName === 'pdfPasswordSecurityOptions' || propertyName === 'showPrintDialogOnOpen')\n return _pdfACompatibility != pdfACompatibilityValues.None;\n }\n getInfo() {\n return pdfExportOptionsSerializationInfo;\n }\n hasSensitiveData() {\n return this.pdfPasswordSecurityOptions && this.pdfPasswordSecurityOptions.hasSensitiveData();\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\printPreviewMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nexport var printPreviewOptionsSerializationInfo = [\n { propertyName: 'defaultFileName', modelName: '@DefaultFileName', displayName: 'Default File Name', localizationId: 'DevExpress.XtraPrinting.PrintPreviewOptions.DefaultFileName', defaultVal: 'Document', editor: editorTemplates.getEditor('text') }\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\printPreviewOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { printPreviewOptionsSerializationInfo } from './printPreviewMetaData';\nexport class PrintPreviewOptions {\n static from(model, serializer) {\n return new PrintPreviewOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, printPreviewOptionsSerializationInfo, refs);\n }\n getInfo() {\n return printPreviewOptionsSerializationInfo;\n }\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\rtfExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { rtfExportMode } from './metadata';\nimport { rtfExportOptionsSerializationInfo } from './rtfMetaData';\nexport class RtfExportOptions {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n static from(model, serializer) {\n return new RtfExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, rtfExportOptionsSerializationInfo, refs);\n }\n getInfo() {\n return rtfExportOptionsSerializationInfo;\n }\n isPropertyDisabled(name) {\n var exportMode = this.rtfExportMode ? this.rtfExportMode() : rtfExportMode.defaultVal;\n if (name === 'pageRange')\n return exportMode === 'SingleFile';\n else if (name === 'emptyFirstPageHeaderFooter' || name === 'exportPageBreaks' || name === 'keepRowHeight') {\n return exportMode === 'SingleFilePageByPage';\n }\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\textMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { parseBool } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { textEncodingType, textExportMode } from './metadata';\nexport var textExportOptionsSerializationInfo = [\n textEncodingType,\n { propertyName: 'quoteStringsWithSeparators', modelName: '@QuoteStringsWithSeparators', displayName: 'Quote Strings with Separators', localizationId: 'DevExpress.XtraPrinting.TextExportOptionsBase.QuoteStringsWithSeparators', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool },\n { propertyName: 'separator', modelName: '@Separator', displayName: 'Separator', localizationId: 'DevExpress.XtraPrinting.TextExportOptionsBase.Separator', defaultVal: 'TAB', editor: editorTemplates.getEditor('text') },\n textExportMode\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\textExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { textExportOptionsSerializationInfo } from './textMetaData';\nexport class TextExportOptions {\n static from(model, serializer) {\n return new TextExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, textExportOptionsSerializationInfo, refs);\n }\n getInfo() {\n return textExportOptionsSerializationInfo;\n }\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\xlsMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { createPasswordSerializationInfo } from '@devexpress/analytics-core/analytics-internal';\nimport { fromEnum, parseBool } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { pageRange, rasterizationResolution, rasterizeImages, xlsExportHyperlinks, xlsExportMode, xlsExportOptionsSheetName, xlsRawDataMode, xlsShowGridLines, xlsTextExportMode } from './metadata';\nimport { application, author, subject, title } from './options/pdfExportDocumentOptions';\nvar documentOptionsSerializationsInfo = [\n author, application, title, subject,\n { propertyName: 'tags', modelName: '@Tags', displayName: 'Tags', localizationId: 'DevExpress.XtraPrinting.XlDocumentOptions.Tags', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'category', modelName: '@Category', displayName: 'Category', localizationId: 'DevExpress.XtraPrinting.XlDocumentOptions.Category', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'comments', modelName: '@Comments', displayName: 'Comments', localizationId: 'DevExpress.XtraPrinting.XlDocumentOptions.Comments', defaultVal: '', editor: editorTemplates.getEditor('text') },\n { propertyName: 'company', modelName: '@Company', displayName: 'Company', localizationId: 'DevExpress.XtraPrinting.XlDocumentOptions.Company', defaultVal: '', editor: editorTemplates.getEditor('text') }\n];\nvar documentOptions = { propertyName: 'documentOptions', modelName: 'DocumentOptions', displayName: 'Document Options', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.DocumentOptions', info: documentOptionsSerializationsInfo, editor: editorTemplates.getEditor('objecteditor') };\nvar encryptionOptionsSerializationsInfo = [\n {\n propertyName: 'type', modelName: '@Type', displayName: 'Type', localizationId: 'DevExpress.XtraPrinting.XlEncryptionOptions.Type', defaultVal: 'Strong', editor: editorTemplates.getEditor('combobox'), from: fromEnum,\n valuesArray: [\n { value: 'Strong', displayValue: 'Strong', localizationId: 'DevExpress.XtraPrinting.XlEncryptionType.Strong' },\n { value: 'Compatible', displayValue: 'Compatible', localizationId: 'DevExpress.XtraPrinting.XlEncryptionType.Compatible' }\n ]\n },\n createPasswordSerializationInfo({ propertyName: 'password', modelName: '@Password', displayName: 'Password', localizationId: 'DevExpress.XtraPrinting.XlEncryptionOptions.Password', defaultVal: '' })\n];\nvar encryptionOptions = { propertyName: 'encryptionOptions', modelName: 'EncryptionOptions', displayName: 'Encryption Options', localizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.EncryptionOptions', info: encryptionOptionsSerializationsInfo, editor: editorTemplates.getEditor('objecteditor') };\nexport var xlsExportOptionsSerializationInfoCommon = [\n xlsExportHyperlinks,\n pageRange,\n xlsRawDataMode,\n xlsExportOptionsSheetName,\n xlsShowGridLines,\n xlsTextExportMode,\n rasterizeImages,\n rasterizationResolution,\n { propertyName: 'fitToPrintedPageWidth', modelName: '@FitToPrintedPageWidth', displayName: 'Fit To Printed Page Width', localizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.FitToPrintedPageWidth', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool },\n { propertyName: 'fitToPrintedPageHeight', modelName: '@FitToPrintedPageHeight', displayName: 'Fit To Printed Page Height', localizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.FitToPrintedPageHeight', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool },\n {\n propertyName: 'ignoreErrors', modelName: '@IgnoreErrors', displayName: 'Ignore Errors', localizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.IgnoreErrors', editor: editorTemplates.getEditor('combobox'), defaultVal: 'None', from: fromEnum, valuesArray: [\n { value: 'None', displayValue: 'None', localizationId: 'DevExpress.XtraPrinting.XlIgnoreErrors.None' },\n { value: 'NumberStoredAsText', displayValue: 'Number Stored As Text', localizationId: 'DevExpress.XtraPrinting.XlIgnoreErrors.NumberStoredAsText' }\n ]\n },\n {\n propertyName: 'rightToLeftDocument', modelName: '@RightToLeftDocument', displayName: 'Right To Left Document', localizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.RightToLeftDocument', defaultVal: 'Default', from: fromEnum, editor: editorTemplates.getEditor('combobox'), valuesArray: [\n { value: 'True', displayValue: 'True', localizationId: 'DevExpress.Utils.DefaultBoolean.True' },\n { value: 'False', displayValue: 'False', localizationId: 'DevExpress.Utils.DefaultBoolean.False' },\n { value: 'Default', displayValue: 'Default', localizationId: 'DevExpress.Utils.DefaultBoolean.Default' }\n ]\n },\n documentOptions,\n encryptionOptions\n];\nexport var xlsExportOptionsSerializationInfoBase = [\n { propertyName: 'suppress256ColumnsWarning', modelName: '@Suppress256ColumnsWarning', displayName: 'Suppress 256 Columns Warning', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.Suppress256ColumnsWarning', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool },\n { propertyName: 'suppress65536RowsWarning', modelName: '@Suppress65536RowsWarning', displayName: 'Suppress 65536 Rows Warning', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.Suppress65536RowsWarning', defaultVal: false, editor: editorTemplates.getEditor('bool'), from: parseBool },\n {\n propertyName: 'workbookColorPaletteCompliance', modelName: '@WorkbookColorPaletteCompliance', displayName: 'Workbook Color Palette Compliance', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.WorkbookColorPaletteCompliance', editor: editorTemplates.getEditor('combobox'), defaultVal: 'ReducePaletteForExactColors', from: fromEnum,\n valuesArray: [\n { value: 'ReducePaletteForExactColors', displayValue: 'ReducePaletteForExactColors', localizationId: 'DevExpress.XtraPrinting.WorkbookColorPaletteCompliance.ReducePaletteForExactColors' },\n { value: 'AdjustColorsToDefaultPalette', displayValue: 'AdjustColorsToDefaultPalette', localizationId: 'DevExpress.XtraPrinting.WorkbookColorPaletteCompliance.AdjustColorsToDefaultPalette' }\n ]\n }\n];\nexport var xlsExportOptionsSerializationInfo = [xlsExportMode].concat(xlsExportOptionsSerializationInfoCommon, xlsExportOptionsSerializationInfoBase);\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\xlsExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { xlsExportMode } from './metadata';\nimport { xlsExportOptionsSerializationInfo } from './xlsMetaData';\nexport class XlsExportOptions {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n static from(model, serializer) {\n return new XlsExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, xlsExportOptionsSerializationInfo, refs);\n }\n getInfo() {\n return xlsExportOptionsSerializationInfo;\n }\n isPropertyDisabled(name) {\n return name === 'pageRange' && (this.xlsExportMode ? this.xlsExportMode() : xlsExportMode.defaultVal) === 'SingleFile';\n }\n hasSensitiveData() {\n return !!(this.encryptionOptions && this.encryptionOptions.password());\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\xlsxMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { xlsxExportMode } from './metadata';\nimport { xlsExportOptionsSerializationInfoCommon } from './xlsMetaData';\nexport var xlsxExportOptionsSerializationInfo = [xlsxExportMode].concat(xlsExportOptionsSerializationInfoCommon);\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\xlsxExportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { xlsxExportMode } from './metadata';\nimport { xlsxExportOptionsSerializationInfo } from './xlsxMetaData';\nexport class XlsxExportOptions {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n static from(model, serializer) {\n return new XlsxExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, xlsxExportOptionsSerializationInfo, refs);\n }\n getInfo() {\n return xlsxExportOptionsSerializationInfo;\n }\n isPropertyDisabled(name) {\n return name === 'pageRange' && (this.xlsxExportMode ? this.xlsxExportMode() : xlsxExportMode.defaultVal) === 'SingleFile';\n }\n hasSensitiveData() {\n return !!(this.encryptionOptions && this.encryptionOptions.password());\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\exportOptionsMetaData.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport { CsvExportOptions } from './csvExportOptions';\nimport { DocxExportOptions } from './docxExportOptions';\nimport { emailOptionsSerializationInfo, nativeFormatOptionsSerializationInfo } from './emailMetaData';\nimport { HtmlExportOptions } from './htmlExportOptions';\nimport { ImageExportOptions } from './imageExportOptions';\nimport { MhtExportOptions } from './mhtExportOptions';\nimport { PdfExportOptions } from './pdfExportOptions';\nimport { PrintPreviewOptions } from './printPreviewOptions';\nimport { RtfExportOptions } from './rtfExportOptions';\nimport { TextExportOptions } from './textExportOptions';\nimport { XlsExportOptions } from './xlsExportOptions';\nimport { XlsxExportOptions } from './xlsxExportOptions';\nexport var exportOptionsSerializationInfo = [\n { propertyName: 'csv', modelName: 'Csv', displayName: 'CSV Export Options', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions', from: CsvExportOptions.from, toJsonObject: CsvExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'email', modelName: 'Email', displayName: 'E-mail Options', localizationId: 'DevExpress.XtraPrinting.EmailOptions', editor: editorTemplates.getEditor('objecteditor'), info: emailOptionsSerializationInfo },\n { propertyName: 'html', modelName: 'Html', displayName: 'HTML Export Options', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptions', from: HtmlExportOptions.from, toJsonObject: HtmlExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'image', modelName: 'Image', displayName: 'Image Export Options', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions', from: ImageExportOptions.from, toJsonObject: ImageExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'mailMessage', modelName: 'MailMessage', displayName: 'Mail Message Export Options', localizationId: 'DevExpress.XtraPrinting.MailMessageExportOptions', from: MhtExportOptions.from, toJsonObject: MhtExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'mht', modelName: 'Mht', displayName: 'MHT Export Options', localizationId: 'DevExpress.XtraPrinting.MhtExportOptions', from: MhtExportOptions.from, toJsonObject: MhtExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'nativeFormat', modelName: 'NativeFormat', displayName: 'Native Format Options', localizationId: 'DevExpress.XtraPrinting.NativeFormatOptions', editor: editorTemplates.getEditor('objecteditor'), info: nativeFormatOptionsSerializationInfo },\n { propertyName: 'pdf', modelName: 'Pdf', displayName: 'PDF Export Options', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions', from: PdfExportOptions.from, toJsonObject: PdfExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'printPreview', modelName: 'PrintPreview', displayName: 'Print Preview Options', localizationId: 'DevExpress.XtraPrinting.PrintPreviewOptions', from: PrintPreviewOptions.from, toJsonObject: PrintPreviewOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'rtf', modelName: 'Rtf', displayName: 'RTF Export Options', localizationId: 'DevExpress.XtraPrinting.RtfExportOptions', from: RtfExportOptions.from, toJsonObject: RtfExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'textExportOptions', modelName: 'Text', displayName: 'Text Export Options', localizationId: 'DevExpress.XtraPrinting.TextExportOptions', from: TextExportOptions.from, toJsonObject: TextExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'xls', modelName: 'Xls', displayName: 'XLS Export Options', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions', from: XlsExportOptions.from, toJsonObject: XlsExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'xlsx', modelName: 'Xlsx', displayName: 'XLSx Export Options', localizationId: 'DevExpress.XtraPrinting.XlsxExportOptions', from: XlsxExportOptions.from, toJsonObject: XlsxExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'docx', modelName: 'Docx', displayName: 'Docx Export Options', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions', from: DocxExportOptions.from, toJsonObject: DocxExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') }\n];\n","/**\n* DevExpress HTML/JS Reporting (common\\exportOptions\\exportOptions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { exportOptionsSerializationInfo } from './exportOptionsMetaData';\nexport class ExportOptions {\n constructor(model, serializer) {\n serializer = serializer || new ModelSerializer();\n serializer.deserialize(this, model);\n }\n static from(model, serializer) {\n return new ExportOptions(model || {}, serializer);\n }\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, exportOptionsSerializationInfo, refs);\n }\n getInfo() {\n return exportOptionsSerializationInfo;\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (common\\utils\\_locker.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport class Locker {\n constructor() {\n this.lock = (action) => {\n if (!this.isUpdate) {\n this.isUpdate = true;\n action();\n this.isUpdate = false;\n }\n };\n this.isUpdate = false;\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\constants.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport var ActionId = {\n Design: 'dxxrp-design',\n FirstPage: 'dxxrp-first-page',\n PrevPage: 'dxxrp-prev-page',\n Pagination: 'dxxrp-pagination',\n NextPage: 'dxxrp-next-page',\n LastPage: 'dxxrp-last-page',\n MultipageToggle: 'dxxrp-multipage-toggle',\n HighlightEditingFields: 'dxxrp-highlight-editing-fields',\n ZoomOut: 'dxxrp-zoom-out',\n ZoomSelector: 'dxxrp-zoom-selector',\n ZoomIn: 'dxxrp-zoom-in',\n Print: 'dxxrp-print',\n PrintPage: 'dxxrp-print-page',\n ExportTo: 'dxxrp-export-menu',\n Search: 'dxxrp-search',\n FullScreen: 'dxrd-fullscreen'\n};\nexport var ExportFormatID = {\n PDF: { text: 'PDF', textId: 'ASPxReportsStringId.ExportName_pdf', format: 'pdf' },\n XLS: { text: 'XLS', textId: 'ASPxReportsStringId.ExportName_xls', format: 'xls' },\n XLSX: { text: 'XLSX', textId: 'ASPxReportsStringId.ExportName_xlsx', format: 'xlsx' },\n RTF: { text: 'RTF', textId: 'ASPxReportsStringId.ExportName_rtf', format: 'rtf' },\n MHT: { text: 'MHT', textId: 'ASPxReportsStringId.ExportName_mht', format: 'mht' },\n HTML: { text: 'HTML', textId: 'ASPxReportsStringId.ExportName_html', format: 'html' },\n Text: { text: 'Text', textId: 'ASPxReportsStringId.ExportName_txt', format: 'txt', propertyName: 'textExportOptions' },\n CSV: { text: 'CSV', textId: 'ASPxReportsStringId.ExportName_csv', format: 'csv' },\n Image: { text: 'Image', textId: 'ASPxReportsStringId.ExportName_png', format: 'image' },\n DOCX: { text: 'DOCX', textId: 'ASPxReportsStringId.ExportName_docx', format: 'docx' }\n};\nexport var PreviewElements = {\n Toolbar: 'dxrd-preview-toolbar-scrollable',\n Surface: 'dxrdp-surface',\n RightPanel: 'dxrd-right-panel-template-base',\n ExportTool: 'dxrd-export-tool'\n};\nexport var ZoomAutoBy = {\n None: 1,\n WholePage: 0,\n PageWidth: -1\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\accessibility\\_previewBricksKeyboardHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { AccessibilityControlElementBase, findFirstItemMatchesCondition, getLocalization, KeyboardHelperWithArrowButtonBase } from '@devexpress/analytics-core/analytics-internal';\nimport * as ko from 'knockout';\nexport class PreviewBricksKeyboardHelper extends KeyboardHelperWithArrowButtonBase {\n constructor(viewModel) {\n super();\n this.controlElementClassName = 'dx-accessibility-page-item';\n this.liveRegionId = 'dxrd-preview-bricks-live-region';\n this._needFocusNext = false;\n this._firstSelectedBrickIndex = 0;\n this._lastSelectedBrickIndex = 0;\n this._resetBricksIndexes = () => {\n this._firstSelectedBrickIndex = 0;\n this._lastSelectedBrickIndex = 0;\n };\n this._resetBricks = () => {\n return this._currentPage.selectBrick('');\n };\n this.delayedInit = () => {\n this._initTimeout && clearTimeout(this._initTimeout);\n this._initTimeout = setTimeout(() => {\n this.initialize();\n }, 20);\n };\n this.reset = () => {\n this._resetBricks();\n this._resetBricksIndexes();\n };\n this.active = false;\n this._getSelectedContent = viewModel.getSelectedContent;\n this._pages = viewModel.pages;\n this._goToPage = viewModel.goToPage.bind(viewModel);\n this._usePageKeyboardNavigation = viewModel.showMultipagePreview;\n this._disposables.push(viewModel.currentPage.subscribe(newPage => {\n if (newPage) {\n this._currentPage = newPage;\n this.delayedInit();\n }\n }));\n }\n dispose() {\n this._activeBricksSubscription && this._activeBricksSubscription.dispose();\n this._afterInitializeCallback = null;\n this._initTimeout && clearTimeout(this._initTimeout);\n super.dispose();\n }\n initialize() {\n if (!this._currentPage)\n return;\n this._bricks = this._currentPage.bricks;\n if (this._usePageKeyboardNavigation()) {\n this.startIndex = this._pages().indexOf(this._currentPage);\n }\n else {\n this.startIndex = 0;\n }\n super.initialize();\n this._afterInitializeCallback && this._afterInitializeCallback();\n this._afterInitializeCallback = null;\n if (this._needFocusNext) {\n this.controlElements[this.startIndex].element.focus();\n this.lastFocusItem().setAttribute('tabindex', '-1');\n this._needFocusNext = false;\n }\n this._activeBricksSubscription && this._activeBricksSubscription.dispose();\n this._activeBricksSubscription = this._currentPage.activeBricks.subscribe(activeBricks => {\n this._liveRegionTimeout && clearTimeout(this._liveRegionTimeout);\n if (!activeBricks.length)\n return;\n this._liveRegionTimeout = this.liveRegion().changeText(this._getSelectedContent(','));\n var _bricks = this._bricks();\n for (var i = 0; i < _bricks.length; i++) {\n const brick = _bricks[i];\n if (brick === activeBricks[0])\n this._firstSelectedBrickIndex = i;\n if (brick === activeBricks[activeBricks.length - 1]) {\n this._lastSelectedBrickIndex = i;\n break;\n }\n }\n });\n }\n clickHandler() { }\n itemHandleEscKey(e, index) {\n if (!this.active)\n return false;\n this.controlElements[index].element.classList.remove('dx-accessibility-active-state');\n this.active = false;\n this._resetBricks();\n return true;\n }\n _actionExecute(brick, e) {\n if (brick.navigation) {\n brick.onClick(e);\n }\n else if (brick.efIndex) {\n var editField = this._currentPage.editingFields()[brick.efIndex - 1];\n var efItems = Array.prototype.slice.call(e.target.querySelectorAll('.dx-accessibility-editing-field-item'));\n var efItem = findFirstItemMatchesCondition(efItems, (item) => ko.dataFor(item) === editField);\n if (efItem && editField.activateEditor) {\n editField.activateEditor(editField, { target: efItem, currentTarget: efItem });\n var subscription = editField.active.subscribe(value => {\n if (!value) {\n if (document.activeElement === document.body) {\n e.target.focus();\n }\n brick.active(true);\n this.active = true;\n e.target.classList.add('dx-accessibility-active-state');\n subscription.dispose();\n }\n });\n this._disposables.push(subscription);\n }\n else if (editField.onClick) {\n editField.onClick(editField, e);\n }\n }\n }\n _getNonEmptyBrick(index, reverse) {\n var nextIndex = index + (reverse ? -1 : 1);\n var _bricks = this._bricks();\n var brick = _bricks[nextIndex];\n if (reverse && nextIndex < 0 || nextIndex > _bricks.length - 1) {\n brick = this._getNonEmptyBrick(reverse ? _bricks.length : -1, reverse);\n }\n if (brick.efIndex && brick.efIndex > 0)\n return brick;\n else if (brick.accessibleDescription || brick.text() || brick.efIndex || brick.navigation)\n return brick;\n return this._getNonEmptyBrick(nextIndex, reverse);\n }\n _pageChangeHandle(action, newIndex, reverse = false) {\n this._needFocusNext = true;\n this.reset();\n if (!this.active) {\n if (this._usePageKeyboardNavigation())\n return action();\n else {\n var lastFocusItem = this.lastFocusItem();\n lastFocusItem.setAttribute('tabindex', '0');\n lastFocusItem.focus();\n return false;\n }\n }\n this._getNonEmptyBrick(newIndex, reverse).active(true);\n return true;\n }\n _activatePage(e, index) {\n if (this._bricks().length) {\n var page = this.controlElements[index];\n this.active = true;\n page.element.classList.add('dx-accessibility-active-state');\n var lastBrick = this._getNonEmptyBrick(this._lastSelectedBrickIndex - 1, false);\n lastBrick && lastBrick.active(true);\n }\n }\n itemHandleHomeKey(e, index) {\n return this._pageChangeHandle(() => super.itemHandleHomeKey(e, index), -1);\n }\n itemHandleEndKey(e, index) {\n return this._pageChangeHandle(() => super.itemHandleEndKey(e, index), this._bricks().length, true);\n }\n itemHandleLeftArrowKey(e, index) {\n return this._pageChangeHandle(() => {\n this.setFocusToPrevious(index);\n return true;\n }, this._firstSelectedBrickIndex, true);\n }\n itemHandleRightArrowKey(e, index) {\n return this._pageChangeHandle(() => {\n this.setFocusToNext(index);\n return true;\n }, this._lastSelectedBrickIndex);\n }\n itemHandleEnterKey(e, index) {\n if (this.active) {\n if (this._lastSelectedBrickIndex !== this._firstSelectedBrickIndex)\n return false;\n var brick = this._bricks()[this._lastSelectedBrickIndex];\n if (brick && brick.active()) {\n this._actionExecute(brick, e);\n }\n }\n else if (this._usePageKeyboardNavigation() && this._currentPage !== this._pages()[index]) {\n this._goToPage(index);\n this._afterInitializeCallback = () => {\n this._activatePage(e, index);\n };\n }\n else {\n this._activatePage(e, index);\n }\n return true;\n }\n itemHandleSpaceKey(e, index) {\n return this.itemHandleEnterKey(e, index);\n }\n setFocusToPrevious(currentIndex) {\n return super.setFocusToPrevious(currentIndex);\n }\n setFocusToNext(currentIndex) {\n return super.setFocusToNext(currentIndex);\n }\n createControlElement(element, index) {\n return new PreviewPageControlsElement(element, this);\n }\n}\nclass PreviewPageControlsElement extends AccessibilityControlElementBase {\n constructor(element, _keyboardHelper) {\n super(element);\n this.element = element;\n this._keyboardHelper = _keyboardHelper;\n this._focusHandler = () => {\n this._keyboardHelper.liveRegion().changeText(getLocalization('Press Enter or Space to switch to the document reading mode.', 'ASPxReportsStringId.WebDocumentViewer_AriaSwitchToDocumentReadingMode'));\n this.element.classList.remove('dx-accessibility-active-state');\n if (this._keyboardHelper.active) {\n this._keyboardHelper.reset();\n }\n this._keyboardHelper.active = false;\n };\n element.addEventListener('focus', this._focusHandler);\n }\n dispose() {\n this.element.removeEventListener('focus', this._focusHandler);\n super.dispose();\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\settings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { createGlobalModuleVariableFunc, NotifyAboutWarning, NotifyType, ShowMessage } from '@devexpress/analytics-core/analytics-internal';\nimport * as ko from 'knockout';\nexport var EditablePreviewEnabled = ko.observable(true);\nexport var SearchAvailable = ko.observable(true);\nexport var ReportServerInvokeUri = '/RSWebDocumentViewerApi/Invoke';\nexport var ReportServerExportUri = '/RSWebDocumentViewerApi/Download';\nexport var AsyncExportApproach = createGlobalModuleVariableFunc(false);\nexport var MessageHandler = createGlobalModuleVariableFunc({\n processError: (message, showForUser, prefix = '', element) => {\n showForUser && ShowMessage(message.substr(prefix.length), undefined, undefined, undefined, undefined, element);\n NotifyAboutWarning(message, false);\n },\n processMessage: (message, showForUser, element) => { showForUser && ShowMessage(message, NotifyType.success, 10000, undefined, undefined, element); },\n processWarning: (message, showForUser, element) => { showForUser && ShowMessage(message, undefined, undefined, undefined, undefined, element); }\n});\nexport var HandlerUri = createGlobalModuleVariableFunc('DXXRDV.axd');\nexport var previewDefaultResolution = createGlobalModuleVariableFunc(96);\nexport var ReportServerDownloadUri = createGlobalModuleVariableFunc('');\nexport var PollingDelay = createGlobalModuleVariableFunc(300);\nexport var TimeOut = createGlobalModuleVariableFunc(105000);\n","/**\n* DevExpress HTML/JS Reporting (viewer\\editing\\models\\checkEditingField.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ImageSource } from '../../../common/imageSource';\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { SvgTemplatesEngine } from '@devexpress/analytics-core/analytics-widgets-internal';\nimport { KeyboardEnum } from '@devexpress/analytics-core/analytics-internal';\nexport var GlyphStyle;\n(function (GlyphStyle) {\n GlyphStyle[GlyphStyle[\"StandardBox1\"] = 0] = \"StandardBox1\";\n GlyphStyle[GlyphStyle[\"StandardBox2\"] = 1] = \"StandardBox2\";\n GlyphStyle[GlyphStyle[\"YesNoBox\"] = 2] = \"YesNoBox\";\n GlyphStyle[GlyphStyle[\"YesNoSolidBox\"] = 3] = \"YesNoSolidBox\";\n GlyphStyle[GlyphStyle[\"YesNo\"] = 4] = \"YesNo\";\n GlyphStyle[GlyphStyle[\"RadioButton\"] = 5] = \"RadioButton\";\n GlyphStyle[GlyphStyle[\"Smiley\"] = 6] = \"Smiley\";\n GlyphStyle[GlyphStyle[\"Thumb\"] = 7] = \"Thumb\";\n GlyphStyle[GlyphStyle[\"Toggle\"] = 8] = \"Toggle\";\n GlyphStyle[GlyphStyle[\"Star\"] = 9] = \"Star\";\n GlyphStyle[GlyphStyle[\"Heart\"] = 10] = \"Heart\";\n})(GlyphStyle || (GlyphStyle = {}));\nexport var CheckState;\n(function (CheckState) {\n CheckState[CheckState[\"Unchecked\"] = 0] = \"Unchecked\";\n CheckState[CheckState[\"Checked\"] = 1] = \"Checked\";\n CheckState[CheckState[\"Indeterminate\"] = 2] = \"Indeterminate\";\n})(CheckState || (CheckState = {}));\nexport function createCustomGlyphStyleCss(imageSource) {\n var backgroundResult = {};\n if (imageSource) {\n var urlContent = imageSource.getDataUrl();\n if (urlContent) {\n backgroundResult = { background: 'url(' + urlContent + ') no-repeat' };\n backgroundResult['backgroundPosition'] = 'center center';\n backgroundResult['backgroundSize'] = 'cover';\n }\n }\n return backgroundResult;\n}\nexport function getCheckBoxTemplate(style, state, customGlyph) {\n if (!$.isEmptyObject(customGlyph)) {\n return 'dxrd-checkboxcustomglyph';\n }\n else {\n return SvgTemplatesEngine.getExistingTemplate('dxrd-svg-checkboxglyphs-' + style + '_' + state);\n }\n}\nexport class CheckEditingFieldViewModel extends Disposable {\n constructor(field, pageWidth, pageHeight, zoom, editingFieldsProvider) {\n super();\n this.focused = ko.observable(false);\n this._editingFieldsProvider = editingFieldsProvider;\n this.template = 'dxrp-editing-field-checkbox';\n this.field = field;\n this.zoom = zoom;\n var bounds = this.field.model().bounds;\n var checkBounds = this.field.model().brickOptions.checkBoxBounds;\n var rtl = this.field.model().brickOptions.rtlLayout;\n this.containerStyle = () => {\n return {\n height: bounds.height + 'px',\n width: bounds.width + 'px',\n top: bounds.top * 100 / pageHeight + '%',\n left: bounds.left * 100 / pageWidth + '%',\n cursor: this.field.readOnly() ? 'auto' : 'pointer'\n };\n };\n this.checkStyle = () => {\n var result = {\n height: checkBounds.height + 'px',\n width: checkBounds.width + 'px',\n top: checkBounds.top + 'px',\n left: (rtl ? (bounds.width - checkBounds.left - checkBounds.width) : checkBounds.left) + 'px'\n };\n return result;\n };\n this._disposables.push(this.customGlyphStyleCss = ko.pureComputed(() => {\n var imageSourceData = field.model().brickOptions.checkBoxGlyphOptions.customGlyphs.filter(item => item.key === this.field.editValue())[0];\n if (!imageSourceData.value)\n return {};\n var imageSource = new ImageSource(imageSourceData.value.imageType, imageSourceData.value.image);\n return createCustomGlyphStyleCss(imageSource);\n }));\n this._disposables.push(this.checkStateStyleIcon = ko.pureComputed(() => {\n return getCheckBoxTemplate(GlyphStyle[field.model().brickOptions.checkBoxGlyphOptions.glyphStyle], CheckState[this.field.editValue()], this.customGlyphStyleCss());\n }));\n }\n _toggleCheckState() {\n if (this.field.editValue() === CheckState.Checked) {\n this.field.editValue(CheckState.Unchecked);\n }\n else {\n this.field.editValue(CheckState.Checked);\n }\n }\n onKeyDown(_, e) {\n if (e.key == KeyboardEnum.Space) {\n this.toggleCheckState();\n }\n else {\n }\n }\n onBlur() {\n this.focused(false);\n }\n onFocus() {\n this.focused(true);\n }\n onClick(_, e) {\n e.target.focus();\n this.toggleCheckState();\n e.stopPropagation();\n }\n checked() {\n if (this.field.editValue() === CheckState.Checked) {\n return true;\n }\n if (this.field.editValue() === CheckState.Unchecked) {\n return false;\n }\n }\n toggleCheckState() {\n if (this.field.readOnly())\n return;\n if (!this.field.groupID()) {\n this._toggleCheckState();\n }\n else if (this.checked() === false) {\n this._editingFieldsProvider().forEach(value => {\n if (value.groupID() === this.field.groupID()) {\n value.editValue(CheckState.Unchecked);\n }\n });\n this._toggleCheckState();\n }\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\editing\\models\\textEditingField.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { brickStyleSerializationsInfo } from '../../../common/metadata';\nimport { EditingFieldExtensions } from '../../../common/utils/editingFieldExtensions';\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { processTextEditorHotKeys, CssCalculator } from '@devexpress/analytics-core/analytics-internal';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nexport class TextEditingFieldViewModelBase {\n keypressAction(data, event) {\n processTextEditorHotKeys(event, {\n esc: () => {\n this.hideEditor(false);\n },\n ctrlEnter: () => {\n this.hideEditor(true);\n }\n });\n }\n}\nexport class TextEditingFieldViewModel extends TextEditingFieldViewModelBase {\n constructor(field, pageWidth, pageHeight, zoom, bounds) {\n super();\n this.template = 'dxrp-editing-field-container';\n this.htmlValue = () => this.field.htmlValue();\n this.wordWrap = true;\n this.active = ko.observable(false);\n var brickStyle = field.model().brickOptions;\n var style = { rtl: () => brickStyle.rtl };\n new ModelSerializer().deserialize(style, JSON.parse(brickStyle.style), brickStyleSerializationsInfo);\n var cssCalculator = new CssCalculator(style, ko.observable(!!brickStyle.rtlLayout));\n var padding = cssCalculator.paddingsCss();\n var verticalPadding = parseInt(padding['paddingTop']) + parseInt(padding['paddingBottom']);\n if (cssCalculator.borderCss()['borderTop'] !== 'none') {\n verticalPadding += style['borderWidth']();\n }\n if (cssCalculator.borderCss()['borderBottom'] !== 'none') {\n verticalPadding += style['borderWidth']();\n }\n this.breakOffsetStyle = () => {\n return {\n top: bounds.offset.y * -100 / bounds.height + '%',\n left: bounds.offset.x * -100 / bounds.width + '%'\n };\n };\n this.textStyle = () => $.extend({}, cssCalculator.fontCss(), cssCalculator.foreColorCss(), cssCalculator.textAlignmentCss());\n this.zoom = zoom;\n this.field = field;\n if (brickStyle.wordWrap != undefined) {\n this.wordWrap = brickStyle.wordWrap;\n }\n this.hideEditor = (shouldCommit) => {\n setTimeout(() => {\n if (shouldCommit && this.active()) {\n if (editorOptions.onHideEditor) {\n editorOptions.onHideEditor(field);\n }\n else {\n field.editValue(field._editorValue());\n }\n }\n else {\n field._editorValue(field.editValue());\n }\n this.active(false);\n }, 1);\n };\n var editor = EditingFieldExtensions.instance().editor(field.editorName());\n var editorOptions = $.extend(true, {}, editor && editor.options || {});\n this.data = {\n value: field._editorValue,\n hideEditor: this.hideEditor,\n keypressAction: this.keypressAction,\n textStyle: this.textStyle,\n options: editorOptions,\n getOptions: (templateOptions) => { return $.extend({}, this.data.options, templateOptions); }\n };\n var isCustomEditor = !!(editor && editor.template && editor.template !== 'dxrp-editing-field-datetime');\n if (!isCustomEditor) {\n var self = this;\n this.data.options = $.extend(true, {}, editorOptions, {\n value: field._editorValue,\n onFocusOut: (e) => {\n self.hideEditor(true);\n }\n });\n }\n if (editor) {\n this.editorTemplate = editor.template || 'dxrp-editing-field-mask';\n }\n else {\n this.editorTemplate = 'dxrp-editing-field-text';\n }\n this.containerStyle = ko.pureComputed(() => {\n return $.extend({\n width: bounds.width + 'px',\n height: bounds.height + 'px',\n 'line-height': (bounds.height - verticalPadding) + 'px',\n top: bounds.top * 100 / pageHeight + '%',\n left: bounds.left * 100 / pageWidth + '%',\n cursor: this.field.readOnly() ? 'auto' : 'text'\n }, this.active() || !this.htmlValue() ? cssCalculator.borderCss() : { border: 'none' }, isCustomEditor && this.active() || (!!this.htmlValue() && !this.active()) ? { padding: 0 } : cssCalculator.paddingsCss(), { 'border-color': 'transparent' });\n });\n this.borderStyle = ko.pureComputed(() => {\n if (style['borderWidth']() > 0 && style['borders']() !== 'None') {\n return {\n left: '-' + style['borderWidth']() + 'px',\n top: '-' + style['borderWidth']() + 'px',\n paddingRight: (style['borderWidth']() * 2 - 2) + 'px',\n paddingBottom: (style['borderWidth']() * 2 - 2) + 'px'\n };\n }\n });\n }\n activateEditor(viewModel, e) {\n if (this.field.readOnly() || this.active()) {\n return;\n }\n var data = viewModel.data;\n if (data && data.options && data.options.onPreRender) {\n data.options.onPreRender(this.data);\n }\n this.active(true);\n var elementFocused = false;\n if (viewModel.options && viewModel.options.onEditorShown) {\n elementFocused = viewModel.options.onEditorShown(this.data, $.fn.constructor(e && e.currentTarget).first().get(0));\n }\n if (!elementFocused) {\n focusTextElement(e && e.currentTarget);\n }\n }\n}\nexport function focusTextElement(target) {\n var element = $.fn.constructor(target).find('input').eq(0)[0];\n if (!element)\n element = $.fn.constructor(target).find('textarea').eq(0)[0];\n element.focus();\n if (element['setSelectionRange']) {\n element['setSelectionRange'](element['value'].length, element['value'].length);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\editing\\models\\characterCombEditingField.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { focusTextElement, TextEditingFieldViewModelBase } from './textEditingField';\nimport { brickStyleSerializationsInfo } from '../../../common/metadata';\nimport { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport { CssCalculator } from '@devexpress/analytics-core/analytics-internal';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nexport class CharacterCombEditingFieldViewModel extends TextEditingFieldViewModelBase {\n constructor(field, pageWidth, pageHeight, zoom, bounds) {\n super();\n this.field = field;\n this.template = 'dxrp-character-comb-editing-field';\n this.active = ko.observable(false);\n var brickStyle = field.model().brickOptions;\n var style = { rtl: () => brickStyle.rtl };\n new ModelSerializer().deserialize(style, JSON.parse(brickStyle.style), brickStyleSerializationsInfo);\n var cssCalculator = new CssCalculator(style, ko.observable(!!brickStyle.rtlLayout));\n var verticalPadding = parseInt(cssCalculator.paddingsCss()['paddingTop']) + parseInt(cssCalculator.paddingsCss()['paddingBottom']);\n var borderCss = cssCalculator.borderCss();\n if (borderCss['borderTop'] !== 'none') {\n verticalPadding += style['borderWidth']();\n }\n if (borderCss['borderBottom'] !== 'none') {\n verticalPadding += style['borderWidth']();\n }\n this.textStyle = () => $.extend({}, cssCalculator.fontCss(), cssCalculator.foreColorCss(), cssCalculator.textAlignmentCss());\n this.hideEditor = (shouldCommit) => {\n setTimeout(() => {\n if (shouldCommit) {\n field.editValue(field._editorValue());\n }\n else {\n field._editorValue(field.editValue());\n }\n this.active(false);\n });\n };\n this.containerStyle = ko.pureComputed(() => {\n return $.extend({\n width: bounds.width + 'px',\n height: bounds.height + 'px',\n 'line-height': (bounds.height - verticalPadding) + 'px',\n top: bounds.top * 100 / pageHeight + '%',\n left: bounds.left * 100 / pageWidth + '%'\n }, cssCalculator.fontCss(), cssCalculator.foreColorCss());\n });\n var cellVerticalPadding = 0;\n var borderCellStyle = 'none';\n ['Left', 'Top', 'Right', 'Bottom'].forEach((item) => {\n if (borderCss['border' + item] !== 'none') {\n borderCellStyle = borderCss['border' + item];\n cellVerticalPadding = style['borderWidth']() * 2;\n }\n });\n var cellStyle = {\n 'border': borderCellStyle,\n 'text-align': 'center',\n 'position': 'absolute',\n 'box-sizing': 'border-box',\n 'border-color': 'transparent'\n };\n var characterCombBounds = field.model().brickOptions.characterCombBounds;\n this.cells = [];\n var rowTops = {};\n for (var i = 0; i < characterCombBounds.length; i++) {\n this.cells.push({\n style: $.extend({\n width: characterCombBounds[i].width + 'px',\n height: characterCombBounds[i].height + 'px',\n 'line-height': (characterCombBounds[i].height - cellVerticalPadding) + 'px',\n top: characterCombBounds[i].top + 'px',\n left: characterCombBounds[i].left + 'px'\n }, cellStyle),\n text: ''\n });\n rowTops[characterCombBounds[i].top] = i;\n }\n var rowsCount = Object.keys(rowTops).length;\n var colsCount = this.cells.length / rowsCount;\n CharacterCombEditingFieldViewModel.setText(this.cells, style['textAlignment'](), style.rtl(), field.editValue.peek(), rowsCount, colsCount);\n field.editValue.subscribe(newValue => {\n CharacterCombEditingFieldViewModel.setText(this.cells, style['textAlignment'](), style.rtl(), newValue, rowsCount, colsCount);\n });\n this.zoom = zoom;\n }\n activateEditor(viewModel, e) {\n if (!this.field.readOnly() && !this.active()) {\n this.active(true);\n focusTextElement(e && e.currentTarget);\n }\n }\n static setText(cells, textAlignment, rtl, text, rowsCount, colsCount) {\n for (var j = 0; j < cells.length; j++) {\n cells[j].text = '';\n }\n var textRowsCount = Math.ceil(text.length / colsCount);\n var textLastRowColCount = text.length % colsCount;\n var startRow = -1;\n if (textAlignment.indexOf('Bottom') === 0) {\n startRow = rowsCount - textRowsCount;\n }\n else if (textAlignment.indexOf('Middle') === 0) {\n startRow = Math.floor((rowsCount - textRowsCount) / 2);\n }\n else {\n startRow = 0;\n }\n var lastRowStartCol = -1;\n if (textAlignment.indexOf('Right') > 0) {\n lastRowStartCol = rtl ? 0 : (colsCount - textLastRowColCount);\n }\n else if (textAlignment.indexOf('Center') > 0) {\n lastRowStartCol = Math.floor((colsCount - textLastRowColCount) / 2);\n }\n else {\n lastRowStartCol = rtl ? (colsCount - textLastRowColCount) : 0;\n }\n var j = startRow * colsCount;\n var i = 0;\n for (; i < text.length - textLastRowColCount; i++, j++) {\n if (j >= 0 && j < cells.length) {\n cells[j].text = text[i];\n }\n }\n for (; i < text.length; i++, j++) {\n if (j >= 0 && j < cells.length) {\n cells[j + lastRowStartCol].text = text[i];\n }\n }\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_previewSelection.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { addDisposeCallback } from '@devexpress/analytics-core/analytics-internal';\nimport dxPopup from 'devextreme/ui/popup';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nfunction rectIntersection(r1, r2) {\n return !(r2.left > r1.right ||\n r2.right < r1.left ||\n r2.top > r1.bottom ||\n r2.bottom < r1.top);\n}\nexport class PreviewSelection {\n constructor(_element, _page, _click) {\n this._element = _element;\n this._page = _page;\n this._click = _click;\n this._bodyEvents = {\n move: null,\n up: null\n };\n this.dispose = () => this._dispose && this._dispose();\n this._$element = $.fn.constructor(this._element);\n var mousemove = event => this._mouseMove(event);\n var mouseup = event => this._mouseUp(event);\n var mousedown = event => this._mouseDown(event);\n this._element.addEventListener('mousemove', mousemove);\n this._element.addEventListener('mouseup', mouseup);\n this._element.addEventListener('mousedown', mousedown);\n this._dispose = () => {\n this._element.removeEventListener('mousemove', mousemove);\n this._element.removeEventListener('mouseup', mouseup);\n this._element.removeEventListener('mousedown', mousedown);\n this._dispose = null;\n this._click = null;\n this._page = null;\n this._element = null;\n mousemove = null;\n mouseup = null;\n mousedown = null;\n };\n }\n _getBodyScrollTop() {\n return document.documentElement && document.documentElement.scrollTop || (document.body && document.body.scrollTop);\n }\n _getBodyScrollLeft() {\n return document.documentElement && document.documentElement.scrollLeft || (document.body && document.body.scrollLeft);\n }\n _updateSelectionContent(event) {\n if (this._startRect.left > event.clientX) {\n this._$selectionContent.css('left', event.clientX);\n }\n else {\n this._$selectionContent.css('right', document.documentElement.clientWidth - event.clientX);\n }\n if (this._startRect.top > event.clientY) {\n this._$selectionContent.css('top', event.clientY);\n }\n else {\n this._$selectionContent.css('bottom', document.documentElement.clientHeight - event.clientY);\n }\n var offset = this._$element.offset();\n var currentRect = {\n left: (parseInt(this._$selectionContent.css('left')) - offset.left + this._getBodyScrollLeft()) / this._$element.width() * 100,\n width: this._$selectionContent.width() / this._$element.width() * 100,\n top: (parseInt(this._$selectionContent.css('top')) - offset.top + this._getBodyScrollTop()) / this._$element.height() * 100,\n height: this._$selectionContent.height() / this._$element.height() * 100\n };\n currentRect['right'] = currentRect.left + currentRect.width;\n currentRect['bottom'] = currentRect.top + currentRect.height;\n var bricks = this._page.bricks();\n for (var i = 0; i < bricks.length; i++) {\n if (!bricks[i].bricks) {\n bricks[i].active(rectIntersection({\n left: parseFloat(bricks[i].leftP),\n top: parseFloat(bricks[i].topP),\n right: parseFloat(bricks[i].leftP) + parseFloat(bricks[i].widthP),\n bottom: parseFloat(bricks[i].topP) + parseFloat(bricks[i].heightP),\n }, currentRect));\n }\n }\n }\n _mouseMove(event) {\n if (!this._startRect || !this._page.active() || PreviewSelection.disabled)\n return;\n var leftButtonPressed = event.which === 1;\n if (leftButtonPressed) {\n if (!this._$selectionContainer) {\n if (Math.abs(this._startRect.left - event.clientX) >= 2 || Math.abs(this._startRect.top - event.clientY) >= 2) {\n PreviewSelection.started = true;\n this._$selectionContainer = $.fn.constructor('
!x.visible || ko.unwrap(x.visible))\">
(
)
',\n 'dx-filtereditor-aggregate': 'and
(
,
)
').appendTo(document.body);\n this._$selectionContent = $.fn.constructor('
').appendTo(this._$selectionContainer);\n this._$selectionContent.css(this._startRect);\n this._$selectionContent.addClass('dxrd-selection-content ui-selectable-helper');\n if (dxPopup.prototype._zIndexInitValue)\n this._$selectionContent.css('z-index', dxPopup.prototype._zIndexInitValue() + 100);\n this._updateSelectionContent(event);\n this._bodyEvents.move = event => this._mouseMove(event);\n this._bodyEvents.up = event => this._mouseUp(event);\n document.body.addEventListener('mousemove', this._bodyEvents.move);\n document.body.addEventListener('mouseup', this._bodyEvents.up);\n }\n }\n else {\n this._updateSelectionContent(event);\n }\n }\n }\n _mouseUp(event) {\n this._$selectionContainer && this._$selectionContainer.remove();\n this._$selectionContainer = null;\n this._bodyEvents.move && document.body.removeEventListener('mousemove', this._bodyEvents.move);\n this._bodyEvents.up && document.body.removeEventListener('mouseup', this._bodyEvents.up);\n this._startRect = null;\n setTimeout(() => {\n PreviewSelection.started = false;\n }, 1);\n }\n _mouseDown(event) {\n if (PreviewSelection.disabled) {\n return;\n }\n this._startRect = {\n left: event.clientX,\n top: event.clientY,\n right: document.documentElement.clientWidth - event.clientX,\n bottom: document.documentElement.clientHeight - event.clientY\n };\n this._click(this._page.pageIndex);\n }\n}\nPreviewSelection.started = false;\nPreviewSelection.disabled = false;\nko.bindingHandlers['brick-selection-prog'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var values = valueAccessor(), unwrappedValues = ko.unwrap(values);\n var selection = new PreviewSelection(element, unwrappedValues.page, unwrappedValues.click);\n addDisposeCallback(element, () => {\n selection.dispose();\n });\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\editing\\models\\imageEditingField.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { CssCalculator, KeyboardEnum } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable, ModelSerializer } from '@devexpress/analytics-core/analytics-utils';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { brickStyleSerializationsInfo } from '../../../common/metadata';\nimport { EditingFieldExtensions } from '../../../common/utils/editingFieldExtensions';\nimport { PreviewSelection } from '../../internal/_previewSelection';\nexport class ImageEditingFieldViewModel extends Disposable {\n constructor(field, pageWidth, pageHeight, zoom, bounds) {\n var _a;\n super();\n this.field = field;\n this.zoom = zoom;\n this.bounds = bounds;\n this.popupTarget = '.dx-designer';\n this.popupOptions = {\n target: this.popupTarget,\n boundary: this.popupTarget,\n container: this.popupTarget\n };\n this.template = 'dxrp-editing-field-image';\n this.active = ko.observable(false);\n this.shadingEnabled = ko.observable(true);\n var brickStyle = field.model().brickOptions;\n var style = { rtl: () => brickStyle.rtl };\n new ModelSerializer().deserialize(style, JSON.parse(brickStyle.style), brickStyleSerializationsInfo);\n var cssCalculator = new CssCalculator(style, ko.observable(!!brickStyle.rtlLayout));\n this._disposables.push(this.alignment = ko.computed(() => {\n return field.editValue().alignment;\n }), this.sizeMode = ko.computed(() => {\n return field.editValue().sizeMode;\n }));\n var editor = EditingFieldExtensions.instance().editor(field.editorName()) || EditingFieldExtensions.instance().editor('ImageAndSignature');\n var options = editor.options;\n this.shadingEnabled(!!((_a = options.registrationOptions) === null || _a === void 0 ? void 0 : _a.shadingEnabled));\n this.editMode = options.editMode;\n this.containerStyle = () => {\n return $.extend({\n height: this.bounds.height * zoom() + 'px',\n width: this.bounds.width * zoom() + 'px',\n zIndex: this.active() ? 10 : 0,\n top: this.bounds.top * 100 / pageHeight + '%',\n left: this.bounds.left * 100 / pageWidth + '%'\n }, cssCalculator.borderCss(), cssCalculator.paddingsCss());\n };\n this.callbacks = $.extend({\n onDraw: (s) => this.onDraw(s),\n onFocusIn: (s) => this.onFocusIn(s),\n onFocusOut: (s) => this.onBlur(s)\n }, options.callbacks);\n }\n getImage() {\n return this.field.editValue().image;\n }\n getImageType() {\n return this.field.editValue().imageType;\n }\n getPictureEditorOptions() {\n return {\n image: this.getImage(),\n imageType: this.getImageType(),\n imageMode: ko.observable(this.editMode),\n alignment: this.alignment,\n sizeMode: this.sizeMode,\n callbacks: this.callbacks,\n active: this.active,\n zoom: this.zoom,\n popupOptions: this.popupOptions,\n shadingEnabled: this.shadingEnabled\n };\n }\n onKeyDown(_, e) {\n if (e.key == KeyboardEnum.Space) {\n }\n else {\n }\n }\n onFocusIn(s) {\n PreviewSelection.disabled = true;\n }\n onDraw(s) {\n PreviewSelection.disabled = true;\n }\n onBlur(s) {\n var options = s.getCurrentOptions();\n var result = $.extend({}, this.field.editValue(), options);\n if (!!result.imageType) {\n result.imageType = result.imageType === 'svg' ? 'svg' : ImageEditingFieldViewModel.__DefaultImageType;\n }\n var currentVal = this.field.editValue();\n var isNotEqual = Object.keys(currentVal).some(x => {\n if (!result[x] && !currentVal[x])\n return false;\n return result[x] !== currentVal[x];\n });\n if (isNotEqual)\n this.field.editValue(result);\n PreviewSelection.disabled = false;\n }\n}\nImageEditingFieldViewModel.__DefaultImageType = 'img';\n","/**\n* DevExpress HTML/JS Reporting (viewer\\editing\\models\\popupImageEditingField.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { ImageEditingFieldViewModel } from './imageEditingField';\nexport class PopupImageEditingFieldViewModel extends ImageEditingFieldViewModel {\n constructor() {\n super(...arguments);\n this.parentPopupClass = 'dxrp-editing-field-popup-container';\n this._popupInitializedClass = 'dxrp-editing-field-popup-container-initialized';\n this._getPopupContainer = (element) => $.fn.constructor(element).closest('.' + this.parentPopupClass);\n this._getPainterModel = (element) => {\n var $painter = this._getPopupContainer(element).find('.dx-painter');\n return $painter.length ? ko.dataFor($painter[0]) : null;\n };\n this._getPictureEditorModel = (element) => {\n var $popupEditing = $.fn.constructor(element).find('.dx-picture-editing');\n return $popupEditing.length ? ko.dataFor($popupEditing[0]) : null;\n };\n this._resetPictureEditor = (pictureEditorModel) => {\n pictureEditorModel.reset(this.painterData.imageSource, this.painterData.alignment, this.painterData.sizeMode, this.painterData.imageType);\n this._resetPainter(pictureEditorModel.painter);\n };\n this._resetPainter = (painter) => {\n painter.imagePainter.format(painter.imageFormatByType(this.getImageType()));\n painter.imagePainter.sizeMode(this.sizeMode());\n painter.imagePainter.alignment(this.alignment());\n painter.imagePainter.image(this.getImage());\n painter.refresh();\n };\n this.template = 'dxrp-popup-editing-field-image';\n }\n isPopupActive(element) {\n return this.active() && this._getPopupContainer(element).hasClass(this._popupInitializedClass);\n }\n getPainter() {\n if (this.painterData == null) {\n this.painterData = {\n imageSource: this.getImage(),\n imageType: this.getImageType(),\n alignment: this.alignment(),\n sizeMode: this.sizeMode(),\n zoom: this.zoom,\n canDraw: ko.observable(false)\n };\n }\n return this.painterData;\n }\n getPopupData() {\n var _showContent = ko.observable(false);\n this.popupData = {\n contentData: this,\n paintData: this.painterData,\n contentTemplate: 'dxrp-editing-field-image-editor',\n isVisible: (element) => this.isPopupActive(element),\n getPositionTarget: (element) => this._getPopupContainer(element),\n shading: this.shadingEnabled,\n showContent: _showContent,\n onShown: (e) => {\n _showContent(true);\n },\n onHiding: (e) => {\n this._getPictureEditorModel(e.component._$popupContent[0]).painter.signaturePainter.resetLastPosition();\n this._resetPainter(this._getPainterModel(e.element));\n document.activeElement['blur']();\n this.active(false);\n },\n onContentReady: (e) => {\n this._resetPainter(this._getPainterModel(e.element));\n e.component && e.component.registerKeyHandler('tab', (_) => {\n this.popupData.onHiding(e);\n });\n },\n renderedHandler: (element, model) => {\n this._resetPictureEditor(this._getPictureEditorModel(element));\n }\n };\n return this.popupData;\n }\n activateEditor(viewModel, e) {\n if (!this.field.readOnly()) {\n var _parentPopup = this._getPopupContainer(e.target);\n if (!_parentPopup.hasClass(this._popupInitializedClass))\n _parentPopup.addClass(this._popupInitializedClass);\n this.active(true);\n }\n }\n}\nexport var DefaultImageEditingFieldViewModel = PopupImageEditingFieldViewModel;\n","/**\n* DevExpress HTML/JS Reporting (viewer\\editing\\editingField.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Disposable, fromEnum } from '@devexpress/analytics-core/analytics-utils';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { EditablePreviewEnabled } from '../settings';\nimport { CharacterCombEditingFieldViewModel } from './models/characterCombEditingField';\nimport { CheckEditingFieldViewModel } from './models/checkEditingField';\nimport { DefaultImageEditingFieldViewModel } from './models/popupImageEditingField';\nimport { TextEditingFieldViewModel } from './models/textEditingField';\nexport var ImageAlignment;\n(function (ImageAlignment) {\n ImageAlignment[ImageAlignment[\"TopLeft\"] = 1] = \"TopLeft\";\n ImageAlignment[ImageAlignment[\"TopCenter\"] = 2] = \"TopCenter\";\n ImageAlignment[ImageAlignment[\"TopRight\"] = 3] = \"TopRight\";\n ImageAlignment[ImageAlignment[\"MiddleLeft\"] = 4] = \"MiddleLeft\";\n ImageAlignment[ImageAlignment[\"MiddleCenter\"] = 5] = \"MiddleCenter\";\n ImageAlignment[ImageAlignment[\"MiddleRight\"] = 6] = \"MiddleRight\";\n ImageAlignment[ImageAlignment[\"BottomLeft\"] = 7] = \"BottomLeft\";\n ImageAlignment[ImageAlignment[\"BottomCenter\"] = 8] = \"BottomCenter\";\n ImageAlignment[ImageAlignment[\"BottomRight\"] = 9] = \"BottomRight\";\n})(ImageAlignment || (ImageAlignment = {}));\nexport var ImageSizeMode;\n(function (ImageSizeMode) {\n ImageSizeMode[ImageSizeMode[\"Normal\"] = 0] = \"Normal\";\n ImageSizeMode[ImageSizeMode[\"StretchImage\"] = 1] = \"StretchImage\";\n ImageSizeMode[ImageSizeMode[\"ZoomImage\"] = 4] = \"ZoomImage\";\n ImageSizeMode[ImageSizeMode[\"Squeeze\"] = 5] = \"Squeeze\";\n ImageSizeMode[ImageSizeMode[\"Cover\"] = 7] = \"Cover\";\n})(ImageSizeMode || (ImageSizeMode = {}));\nexport var sizing = {\n propertyName: 'sizing', modelName: '@Sizing', editor: editorTemplates.getEditor('combobox'), displayName: 'Sizing', localizationId: 'DevExpress.XtraReports.UI.XRPictureBox.Sizing', defaultVal: 'Normal', from: fromEnum, valuesArray: [\n { value: 'Normal', displayValue: 'Normal', localizationId: 'DevExpress.XtraPrinting.ImageSizeMode.Normal' },\n { value: 'StretchImage', displayValue: 'Stretch Image', localizationId: 'DevExpress.XtraPrinting.ImageSizeMode.StretchImage' },\n { value: 'AutoSize', displayValue: 'Auto-Size', localizationId: 'DevExpress.XtraPrinting.ImageSizeMode.AutoSize' },\n { value: 'CenterImage', displayValue: 'Center Image', localizationId: 'DevExpress.XtraPrinting.ImageSizeMode.CenterImage' },\n { value: 'ZoomImage', displayValue: 'Zoom Image', localizationId: 'DevExpress.XtraPrinting.ImageSizeMode.ZoomImage' },\n { value: 'Squeeze', displayValue: 'Squeeze', localizationId: 'DevExpress.XtraPrinting.ImageSizeMode.Squeeze' },\n { value: 'Tile', displayValue: 'Tile', localizationId: 'DevExpress.XtraPrinting.ImageSizeMode.Tile' },\n { value: 'Cover', displayValue: 'Cover', localizationId: 'DevExpress.XtraPrinting.ImageSizeMode.Cover' }\n ]\n};\nexport var imageAlignment = {\n propertyName: 'imageAlignment', modelName: '@ImageAlignment', editor: editorTemplates.getEditor('combobox'), displayName: 'Alignment', localizationId: 'DevExpress.XtraReports.UI.XRPictureBox.Alignment', defaultVal: 'Default', from: fromEnum, valuesArray: [\n { value: 'Default', displayValue: 'Default', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.Default' },\n { value: 'TopLeft', displayValue: 'Top Left', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.TopLeft' },\n { value: 'TopCenter', displayValue: 'Top Center', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.TopCenter' },\n { value: 'TopRight', displayValue: 'Top Right', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.TopRight' },\n { value: 'MiddleLeft', displayValue: 'Middle Left', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.MiddleLeft' },\n { value: 'MiddleCenter', displayValue: 'Middle Center', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.MiddleCenter' },\n { value: 'MiddleRight', displayValue: 'Middle Right', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.MiddleRight' },\n { value: 'BottomLeft', displayValue: 'Bottom Left', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.BottomLeft' },\n { value: 'BottomCenter', displayValue: 'Bottom Center', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.BottomCenter' },\n { value: 'BottomRight', displayValue: 'Bottom Right', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.BottomRight' }\n ]\n};\nexport class EditingField extends Disposable {\n constructor(model, index, htmlProvider) {\n super();\n this._needToUseHtml = false;\n this._index = -1;\n this._model = model;\n this._index = index;\n this._readOnly = ko.observable(model.readOnly);\n this._disposables.push(this.readOnly = ko.pureComputed({\n read: () => {\n return this._readOnly() || !EditablePreviewEnabled();\n },\n write: (newVal) => {\n this._readOnly(newVal);\n }\n }));\n this.modelValue = ko.observable(model.editValue);\n this.editValue = ko.computed({\n read: () => {\n return this.modelValue();\n },\n write: (newVal) => {\n var oldVal = this.modelValue();\n this.modelValue(newVal);\n var val = this.editingFieldChanged(this, oldVal, newVal);\n val = val == null ? newVal : val;\n if (val !== oldVal) {\n this._refreshHtmlValue(val);\n }\n if (val !== newVal) {\n this.modelValue(val);\n this._editorValue(val);\n }\n }\n });\n this._editorValue = ko.observable(model.editValue);\n this.htmlValue = ko.observable(model.htmlValue);\n this._htmlProvider = htmlProvider;\n }\n _refreshHtmlValue(newValue) {\n this.htmlValue(null);\n if (this._needToUseHtml) {\n this._htmlProvider.getEditingFieldHtml(newValue, this._index).done((html) => {\n this.htmlValue(html);\n });\n }\n }\n editingFieldChanged(field, oldVal, newVal) {\n return newVal;\n }\n editorName() { return this._model.editorName; }\n id() { return this._model.id; }\n groupID() { return this._model.groupID; }\n pageIndex() { return this._model.pageIndex; }\n type() { return this._model.type; }\n model() {\n return $.extend({}, this._model, {\n readOnly: this.readOnly.peek(),\n editValue: this.editValue.peek(),\n htmlValue: this.htmlValue.peek(),\n });\n }\n createViewModel(zoom, pageWidth, pageHeight, editingFieldsProvider, bounds) {\n if (this._model.type === 'check') {\n return new CheckEditingFieldViewModel(this, pageWidth, pageHeight, zoom, editingFieldsProvider);\n }\n else if (this._model.type === 'text') {\n this._needToUseHtml = bounds.height !== this._model.bounds.height || !!this._model.brickOptions.formatString;\n if (!this._needToUseHtml) {\n this.htmlValue(null);\n }\n return new TextEditingFieldViewModel(this, pageWidth, pageHeight, zoom, bounds);\n }\n else if (this._model.type === 'charactercomb') {\n return new CharacterCombEditingFieldViewModel(this, pageWidth, pageHeight, zoom, bounds);\n }\n else if (this._model.type === 'image') {\n return new DefaultImageEditingFieldViewModel(this, pageWidth, pageHeight, zoom, bounds);\n }\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\csvExportOptionsPreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { CsvExportOptions } from '../../common/exportOptions/csvExportOptions';\nimport { useCustomSeparator } from '../../common/exportOptions/metadata';\nexport class CsvExportOptionsPreview extends CsvExportOptions {\n static from(model, serializer) {\n return new CsvExportOptionsPreview(model || {}, serializer);\n }\n isPropertyVisible(name) {\n return name !== useCustomSeparator.propertyName;\n }\n isPropertyDisabled(name) {\n return false;\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\metadata.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { rtfExportMode, getExportModeValues, docxExportMode, htmlExportMode, xlsExportMode, imageExportMode, xlsxExportMode } from '../../common/exportOptions/metadata';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nexport var rtfExportModeMergedPreview = $.extend({}, rtfExportMode, {\n valuesArray: getExportModeValues('Rtf', true, true)\n});\nexport var docxExportModeMergedPreview = $.extend({}, docxExportMode, {\n valuesArray: getExportModeValues('Docx', true, true)\n});\nexport function excludeModesForMergedDocuments(val) {\n return ko.observable('SingleFilePageByPage');\n}\nexport function excludeDifferentFilesMode(val) {\n return ko.observable(val === 'DifferentFiles' ? 'SingleFile' : val);\n}\nexport var htmlExportModePreviewBase = {\n propertyName: htmlExportMode.propertyName, modelName: htmlExportMode.modelName, defaultVal: htmlExportMode.defaultVal,\n editor: htmlExportMode.editor, displayName: htmlExportMode.displayName, localizationId: htmlExportMode.localizationId\n};\nexport var htmlExportModePreview = $.extend({}, htmlExportModePreviewBase, {\n from: excludeDifferentFilesMode,\n valuesArray: getExportModeValues('Html', true)\n});\nexport var htmlExportModeMergedPreview = $.extend({}, htmlExportModePreviewBase, {\n valuesArray: getExportModeValues('Html', true, true)\n});\nexport var xlsExportModePreviewBase = {\n propertyName: xlsExportMode.propertyName, modelName: xlsExportMode.modelName, defaultVal: xlsExportMode.defaultVal,\n editor: xlsExportMode.editor, displayName: xlsExportMode.displayName, localizationId: xlsExportMode.localizationId\n};\nexport var xlsExportModePreview = $.extend({}, xlsExportModePreviewBase, {\n from: excludeDifferentFilesMode,\n valuesArray: getExportModeValues('Xls', true)\n});\nexport var xlsExportModeMergedPreview = $.extend({}, xlsExportModePreviewBase, {\n valuesArray: getExportModeValues('Xls', true, true)\n});\nexport var imageExportModePreviewBase = {\n propertyName: imageExportMode.propertyName, modelName: imageExportMode.modelName, defaultVal: imageExportMode.defaultVal,\n editor: imageExportMode.editor, displayName: imageExportMode.displayName, localizationId: imageExportMode.localizationId\n};\nexport var imageExportModePreview = $.extend({}, imageExportModePreviewBase, {\n from: excludeDifferentFilesMode,\n valuesArray: getExportModeValues('Image', true)\n});\nexport var imageExportModeMergedPreview = $.extend({}, imageExportModePreviewBase, {\n valuesArray: getExportModeValues('Image', true, true)\n});\nexport var xlsxExportModePreviewBase = {\n propertyName: xlsxExportMode.propertyName, modelName: xlsxExportMode.modelName, defaultVal: xlsxExportMode.defaultVal,\n editor: xlsxExportMode.editor, displayName: xlsxExportMode.displayName, localizationId: xlsxExportMode.localizationId\n};\nexport var xlsxExportModePreview = $.extend({}, xlsxExportModePreviewBase, {\n from: excludeDifferentFilesMode,\n valuesArray: getExportModeValues('Xlsx', true)\n});\nexport var xlsxExportModeMergedPreview = $.extend({}, xlsxExportModePreviewBase, {\n valuesArray: getExportModeValues('Xlsx', true, true)\n});\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\htmlExportOptionsPreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { htmlExportOptionsSerializationInfoBase } from '../../common/exportOptions/htmlMetaData';\nimport { HtmlExportOptions } from '../../common/exportOptions/htmlExportOptions';\nimport { htmlExportModePreview, htmlExportModeMergedPreview, excludeModesForMergedDocuments } from './metadata';\nvar htmlExportOptionsSerializationInfoPreview = [].concat(htmlExportOptionsSerializationInfoBase);\nexport class HtmlExportOptionsPreview extends HtmlExportOptions {\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, value.getInfo(), refs);\n }\n getInfo() {\n var variableInfo = this._getVariableInfo();\n return variableInfo.concat(htmlExportOptionsSerializationInfoPreview);\n }\n _getVariableInfo() {\n return [htmlExportModePreview];\n }\n}\nexport class HtmlExportOptionsMergedPreview extends HtmlExportOptionsPreview {\n _getVariableInfo() {\n return [htmlExportModeMergedPreview];\n }\n isPropertyDisabled(name) {\n return super.isPropertyDisabled(name) || name === htmlExportModeMergedPreview.propertyName;\n }\n constructor(model, serializer) {\n super(model, serializer);\n this.htmlExportMode(excludeModesForMergedDocuments(this.htmlExportMode())());\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\imageExportOptionsPreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { imageExportOptionsSerializationInfoBase } from '../../common/exportOptions/imageMetaData';\nimport { ImageExportOptions } from '../../common/exportOptions/imageExportOptions';\nimport { imageExportModePreview, imageExportModeMergedPreview, excludeModesForMergedDocuments } from './metadata';\nvar imageExportOptionsSerializationInfoPreview = [].concat(imageExportOptionsSerializationInfoBase);\nexport class ImageExportOptionsPreview extends ImageExportOptions {\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, value.getInfo(), refs);\n }\n getInfo() {\n var variableInfo = this._getVariableInfo();\n return variableInfo.concat(imageExportOptionsSerializationInfoPreview);\n }\n _getVariableInfo() {\n return [imageExportModePreview];\n }\n}\nexport class ImageExportOptionsMergedPreview extends ImageExportOptionsPreview {\n _getVariableInfo() {\n return [imageExportModeMergedPreview];\n }\n isPropertyDisabled(name) {\n return super.isPropertyDisabled(name) || name === imageExportModeMergedPreview.propertyName;\n }\n constructor(model, serializer) {\n super(model, serializer);\n this.imageExportMode(excludeModesForMergedDocuments(this.imageExportMode())());\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\mhtExportOptionsPreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { mhtExportOptionsSerializationInfoBase } from '../../common/exportOptions/mhtMetaData';\nimport { MhtExportOptions } from '../../common/exportOptions/mhtExportOptions';\nimport { htmlExportModePreview, htmlExportModeMergedPreview, excludeModesForMergedDocuments } from './metadata';\nvar mhtExportOptionsSerializationInfoPreview = [].concat(mhtExportOptionsSerializationInfoBase);\nexport class MhtExportOptionsPreview extends MhtExportOptions {\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, value.getInfo(), refs);\n }\n getInfo() {\n var variableInfo = this._getVariableInfo();\n return variableInfo.concat(mhtExportOptionsSerializationInfoPreview);\n }\n _getVariableInfo() {\n return [htmlExportModePreview];\n }\n}\nexport class MhtExportOptionsMergedPreview extends MhtExportOptionsPreview {\n _getVariableInfo() {\n return [htmlExportModeMergedPreview];\n }\n isPropertyDisabled(name) {\n return super.isPropertyDisabled(name) || name === htmlExportModeMergedPreview.propertyName;\n }\n constructor(model, serializer) {\n super(model, serializer);\n this.htmlExportMode(excludeModesForMergedDocuments(this.htmlExportMode())());\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\rtfExportOptionsPreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { rtfExportOptionsSerializationInfoBase } from '../../common/exportOptions/rtfMetaData';\nimport { RtfExportOptions } from '../../common/exportOptions/rtfExportOptions';\nimport { rtfExportMode } from '../../common/exportOptions/metadata';\nimport { rtfExportModeMergedPreview, excludeModesForMergedDocuments } from './metadata';\nvar rtfExportOptionsSerializationInfoPreview = [].concat(rtfExportOptionsSerializationInfoBase);\nexport class RtfExportOptionsPreview extends RtfExportOptions {\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, value.getInfo(), refs);\n }\n getInfo() {\n var variableInfo = this._getVariableInfo();\n return variableInfo.concat(rtfExportOptionsSerializationInfoPreview);\n }\n _getVariableInfo() {\n return [rtfExportMode];\n }\n}\nexport class RtfExportOptionsMergedPreview extends RtfExportOptionsPreview {\n _getVariableInfo() {\n return [rtfExportModeMergedPreview];\n }\n isPropertyDisabled(name) {\n return super.isPropertyDisabled(name) || name === rtfExportModeMergedPreview.propertyName;\n }\n constructor(model, serializer) {\n super(model, serializer);\n this.rtfExportMode(excludeModesForMergedDocuments(this.rtfExportMode())());\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\xlsExportOptionsPreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { xlsExportOptionsSerializationInfoBase, xlsExportOptionsSerializationInfoCommon } from '../../common/exportOptions/xlsMetaData';\nimport { XlsExportOptions } from '../../common/exportOptions/xlsExportOptions';\nimport { xlsExportModePreview, xlsExportModeMergedPreview, excludeModesForMergedDocuments } from './metadata';\nvar xlsExportOptionsSerializationInfoPreview = [].concat(xlsExportOptionsSerializationInfoBase, xlsExportOptionsSerializationInfoCommon);\nexport class XlsExportOptionsPreview extends XlsExportOptions {\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, value.getInfo(), refs);\n }\n getInfo() {\n var variableInfo = this._getVariableInfo();\n return variableInfo.concat(xlsExportOptionsSerializationInfoPreview);\n }\n _getVariableInfo() {\n return [xlsExportModePreview];\n }\n}\nexport class XlsExportOptionsMergedPreview extends XlsExportOptionsPreview {\n _getVariableInfo() {\n return [xlsExportModeMergedPreview];\n }\n isPropertyDisabled(name) {\n return super.isPropertyDisabled(name) || name === xlsExportModeMergedPreview.propertyName;\n }\n constructor(model, serializer) {\n super(model, serializer);\n this.xlsExportMode(excludeModesForMergedDocuments(this.xlsExportMode())());\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\xlsxExportOptionsPreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { xlsExportOptionsSerializationInfoCommon } from '../../common/exportOptions/xlsMetaData';\nimport { XlsxExportOptions } from '../../common/exportOptions/xlsxExportOptions';\nimport { xlsxExportModePreview, xlsxExportModeMergedPreview, excludeModesForMergedDocuments } from './metadata';\nvar xlsxExportOptionsSerializationInfoPreview = [].concat(xlsExportOptionsSerializationInfoCommon);\nexport class XlsxExportOptionsPreview extends XlsxExportOptions {\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, value.getInfo(), refs);\n }\n getInfo() {\n var variableInfo = this._getVariableInfo();\n return variableInfo.concat(xlsxExportOptionsSerializationInfoPreview);\n }\n _getVariableInfo() {\n return [xlsxExportModePreview];\n }\n}\nexport class XlsxExportOptionsMergedPreview extends XlsxExportOptionsPreview {\n _getVariableInfo() {\n return [xlsxExportModeMergedPreview];\n }\n isPropertyDisabled(name) {\n return super.isPropertyDisabled(name) || name === xlsxExportModeMergedPreview.propertyName;\n }\n constructor(model, serializer) {\n super(model, serializer);\n this.xlsxExportMode(excludeModesForMergedDocuments(this.xlsxExportMode())());\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\docxExportOptionsPreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { pageRange, docxTableLayout, rasterizeImages, rasterizationResolution, exportPageBreaks, exportWatermarks, docxExportMode } from '../../common/exportOptions/metadata';\nimport { keepRowHeight } from '../../common/exportOptions/rtfMetaData';\nimport { docxDocumentOptions } from '../../common/exportOptions/docxMetaData';\nimport { DocxExportOptions } from '../../common/exportOptions/docxExportOptions';\nimport { docxExportModeMergedPreview, excludeModesForMergedDocuments } from './metadata';\nvar docxExportOptionsSerializationInfoPreview = [\n pageRange,\n docxTableLayout,\n keepRowHeight,\n rasterizeImages,\n rasterizationResolution,\n exportPageBreaks,\n exportWatermarks,\n docxDocumentOptions,\n];\nexport class DocxExportOptionsPreview extends DocxExportOptions {\n static toJson(value, serializer, refs) {\n return serializer.serialize(value, value.getInfo(), refs);\n }\n getInfo() {\n var variableInfo = this._getVariableInfo();\n return variableInfo.concat(docxExportOptionsSerializationInfoPreview);\n }\n _getVariableInfo() {\n return [docxExportMode];\n }\n}\nexport class DocxExportOptionsMergedPreview extends DocxExportOptionsPreview {\n _getVariableInfo() {\n return [docxExportModeMergedPreview];\n }\n isPropertyDisabled(name) {\n return super.isPropertyDisabled(name) || name === docxExportModeMergedPreview.propertyName;\n }\n constructor(model, serializer) {\n super(model, serializer);\n this.docxExportMode(excludeModesForMergedDocuments(this.docxExportMode())());\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\exportOptionsPreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ExportOptions } from '../../common/exportOptions/exportOptions';\nimport { CsvExportOptionsPreview } from './csvExportOptionsPreview';\nimport { HtmlExportOptionsPreview, HtmlExportOptionsMergedPreview } from './htmlExportOptionsPreview';\nimport { ImageExportOptionsPreview, ImageExportOptionsMergedPreview } from './imageExportOptionsPreview';\nimport { MhtExportOptionsPreview, MhtExportOptionsMergedPreview } from './mhtExportOptionsPreview';\nimport { PdfExportOptions } from '../../common/exportOptions/pdfExportOptions';\nimport { RtfExportOptionsPreview, RtfExportOptionsMergedPreview } from './rtfExportOptionsPreview';\nimport { TextExportOptions } from '../../common/exportOptions/textExportOptions';\nimport { XlsExportOptionsPreview, XlsExportOptionsMergedPreview } from './xlsExportOptionsPreview';\nimport { XlsxExportOptionsPreview, XlsxExportOptionsMergedPreview } from './xlsxExportOptionsPreview';\nimport { DocxExportOptionsPreview, DocxExportOptionsMergedPreview } from './docxExportOptionsPreview';\nimport { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';\nexport class ExportOptionsPreview extends ExportOptions {\n _generateFromFunction(exportType) {\n return (model, serializer) => {\n return new exportType(model || {}, serializer);\n };\n }\n _generateInfo() {\n return [\n { propertyName: 'csv', modelName: 'Csv', displayName: 'CSV Export Options', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions', from: CsvExportOptionsPreview.from, toJsonObject: CsvExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'html', modelName: 'Html', displayName: 'HTML Export Options', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptions', from: this._generateFromFunction(HtmlExportOptionsPreview), toJsonObject: HtmlExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'image', modelName: 'Image', displayName: 'Image Export Options', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions', from: this._generateFromFunction(ImageExportOptionsPreview), toJsonObject: ImageExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'mht', modelName: 'Mht', displayName: 'MHT Export Options', localizationId: 'DevExpress.XtraPrinting.MhtExportOptions', from: this._generateFromFunction(MhtExportOptionsPreview), toJsonObject: MhtExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'pdf', modelName: 'Pdf', displayName: 'PDF Export Options', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions', from: PdfExportOptions.from, toJsonObject: PdfExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'rtf', modelName: 'Rtf', displayName: 'RTF Export Options', localizationId: 'DevExpress.XtraPrinting.RtfExportOptions', from: this._generateFromFunction(RtfExportOptionsPreview), toJsonObject: RtfExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'textExportOptions', modelName: 'Text', displayName: 'Text Export Options', localizationId: 'DevExpress.XtraPrinting.TextExportOptions', from: TextExportOptions.from, toJsonObject: TextExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'xls', modelName: 'Xls', displayName: 'XLS Export Options', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions', from: this._generateFromFunction(XlsExportOptionsPreview), toJsonObject: XlsExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'xlsx', modelName: 'Xlsx', displayName: 'XLSx Export Options', localizationId: 'DevExpress.XtraPrinting.XlsxExportOptions', from: this._generateFromFunction(XlsxExportOptionsPreview), toJsonObject: XlsxExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'docx', modelName: 'Docx', displayName: 'Docx Export Options', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions', from: this._generateFromFunction(DocxExportOptionsPreview), toJsonObject: DocxExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') }\n ];\n }\n hasSensitiveData() {\n return (this.xls && this.xls.hasSensitiveData())\n || (this.xlsx && this.xlsx.hasSensitiveData())\n || (this.pdf && this.pdf.hasSensitiveData());\n }\n getInfo() {\n return this._generateInfo();\n }\n}\nexport class ExportOptionsMergedPreview extends ExportOptionsPreview {\n _generateInfo() {\n return [\n { propertyName: 'html', modelName: 'Html', displayName: 'HTML Export Options', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptions', from: this._generateFromFunction(HtmlExportOptionsMergedPreview), toJsonObject: HtmlExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'image', modelName: 'Image', displayName: 'Image Export Options', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions', from: this._generateFromFunction(ImageExportOptionsMergedPreview), toJsonObject: ImageExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'mht', modelName: 'Mht', displayName: 'MHT Export Options', localizationId: 'DevExpress.XtraPrinting.MhtExportOptions', from: this._generateFromFunction(MhtExportOptionsMergedPreview), toJsonObject: MhtExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'pdf', modelName: 'Pdf', displayName: 'PDF Export Options', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions', from: PdfExportOptions.from, toJsonObject: PdfExportOptions.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'rtf', modelName: 'Rtf', displayName: 'RTF Export Options', localizationId: 'DevExpress.XtraPrinting.RtfExportOptions', from: this._generateFromFunction(RtfExportOptionsMergedPreview), toJsonObject: RtfExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'xls', modelName: 'Xls', displayName: 'XLS Export Options', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions', from: this._generateFromFunction(XlsExportOptionsMergedPreview), toJsonObject: XlsExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'xlsx', modelName: 'Xlsx', displayName: 'XLSx Export Options', localizationId: 'DevExpress.XtraPrinting.XlsxExportOptions', from: this._generateFromFunction(XlsxExportOptionsMergedPreview), toJsonObject: XlsxExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') },\n { propertyName: 'docx', modelName: 'Docx', displayName: 'Docx Export Options', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions', from: this._generateFromFunction(DocxExportOptionsMergedPreview), toJsonObject: DocxExportOptionsPreview.toJson, editor: editorTemplates.getEditor('objecteditor') }\n ];\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_previewRequestWrapper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ajax, formatUnicorn, getErrorMessage } from '@devexpress/analytics-core/analytics-internal';\nimport { getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport { HandlerUri, MessageHandler, TimeOut } from '../settings';\nexport var ColumnSortOrder;\n(function (ColumnSortOrder) {\n ColumnSortOrder[ColumnSortOrder[\"None\"] = 0] = \"None\";\n ColumnSortOrder[ColumnSortOrder[\"Ascending\"] = 1] = \"Ascending\";\n ColumnSortOrder[ColumnSortOrder[\"Descending\"] = 2] = \"Descending\";\n})(ColumnSortOrder || (ColumnSortOrder = {}));\nexport class PreviewRequestWrapper {\n constructor(handlers, _callbacks) {\n this._callbacks = _callbacks;\n Object.keys(handlers || {}).forEach((name) => {\n this[name] = handlers[name];\n });\n }\n static getProcessErrorCallback(reportPreview, defaultErrorMessage, showMessage = true) {\n return function (message, jqXHR, textStatus) {\n if (jqXHR) {\n var statusCodeText = getLocalization(jqXHR.statusText, 'ASPxReportsStringId.HttpResponseStatusCode_' + jqXHR.status);\n if (defaultErrorMessage) {\n var stringFormat = getLocalization('{0} ({1} {2})', 'ASPxReportsStringId.Error_WithStatus');\n var messageWithStatusCode = formatUnicorn(stringFormat, defaultErrorMessage, jqXHR.status, statusCodeText);\n }\n else {\n messageWithStatusCode = statusCodeText;\n }\n }\n if (!reportPreview) {\n var error = getErrorMessage(jqXHR);\n MessageHandler().processError(error || messageWithStatusCode || defaultErrorMessage || 'Internal Server Error', showMessage);\n }\n else {\n reportPreview._processError(messageWithStatusCode || defaultErrorMessage, jqXHR, showMessage);\n }\n };\n }\n static getPage(url, ignoreError) {\n return ajax(url, undefined, undefined, PreviewRequestWrapper.getProcessErrorCallback(), ignoreError, { type: 'GET' });\n }\n initialize(reportPreview, parametersModel, searchModel) {\n this._reportPreview = reportPreview;\n this._parametersModel = parametersModel;\n this._searchModel = searchModel;\n }\n findTextRequest(text, ignore) {\n return ajax(HandlerUri(), 'findText', encodeURIComponent(JSON.stringify({\n text: text,\n documentId: this._reportPreview.documentId,\n matchCase: this._searchModel.matchCase(),\n wholeWord: this._searchModel.matchWholeWord(),\n searchUp: this._searchModel.searchUp()\n })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), ignore);\n }\n stopBuild(id) {\n ajax(HandlerUri(), 'stopBuild', encodeURIComponent(id), undefined, () => true);\n }\n sendCloseRequest(documentId, reportId) {\n ajax(HandlerUri(), 'close', encodeURIComponent(JSON.stringify({\n reportId: reportId,\n documentId: documentId\n })), undefined, () => true);\n }\n startBuildRequest(shouldIgnoreError) {\n var parameters = this._parametersModel.serializeParameters();\n this._callbacks && this._callbacks.parametersSubmitted && this._callbacks.parametersSubmitted(this._parametersModel, parameters);\n return ajax({\n uri: HandlerUri(),\n action: 'startBuild',\n arg: encodeURIComponent(JSON.stringify({\n reportId: this._reportPreview.reportId,\n reportUrl: this._reportPreview.reportUrl,\n drillDownKeys: this._reportPreview['_drillDownState'],\n sortingState: this._reportPreview['_sortingState'],\n timeZoneOffset: 0 - new Date().getTimezoneOffset(),\n parameters: parameters\n })),\n ignoreError: shouldIgnoreError,\n isError: (data) => !!data.error || !!(data.result && data.result.faultMessage),\n processErrorCallback: PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('Cannot create a document for the current report', 'ASPxReportsStringId.WebDocumentViewer_DocumentCreationError'))\n });\n }\n getBuildStatusRequest(documentId, shouldIgnoreError) {\n return ajax({\n uri: HandlerUri(),\n action: 'getBuildStatus',\n arg: encodeURIComponent(JSON.stringify({\n documentId: documentId,\n timeOut: Math.max(5000, TimeOut())\n })),\n processErrorCallback: PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('Error obtaining a build status', 'ASPxReportsStringId.WebDocumentViewer_GetBuildStatusError')),\n ignoreError: shouldIgnoreError,\n isError: (data) => !!data.error || !!(data.result && data.result.faultMessage) || !data.success,\n getErrorMessage: this._reportPreview._getErrorMessage\n });\n }\n getDocumentData(documentId, shouldIgnoreError) {\n return ajax(HandlerUri(), 'getDocumentData', encodeURIComponent(documentId), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('Cannot obtain additional document data for the current document', 'ASPxReportsStringId.WebDocumentViewer_GetDocumentDataError')), shouldIgnoreError);\n }\n customDocumentOperation(documentId, serializedExportOptions, editindFields, customData, hideMessageFromUser) {\n return ajax(HandlerUri(), 'documentOperation', encodeURIComponent(JSON.stringify({\n documentId: documentId,\n customData: customData,\n exportOptions: serializedExportOptions,\n editingFieldValues: editindFields\n })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('The requested document operation cannot be performed.', 'ASPxReportsStringId.WebDocumentViewer_CustomDocumentOperationsDenied_Error'), !hideMessageFromUser));\n }\n openReport(reportName) {\n return ajax(HandlerUri(), 'openReport', encodeURIComponent(reportName), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('Could not open report', 'ASPxReportsStringId.WebDocumentViewer_OpenReportError') + \" '\" + reportName + \"'\"));\n }\n drillThrough(customData) {\n return ajax(HandlerUri(), 'drillThrough', encodeURIComponent(JSON.stringify({\n reportId: this._reportPreview.reportId,\n reportUrl: this._reportPreview.reportUrl,\n documentId: this._reportPreview.documentId,\n parameters: this._parametersModel.serializeParameters(),\n editingFields: this._reportPreview.editingFieldsProvider().map(field => field.model()),\n customData: customData\n })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('Drill through operation failed', 'ASPxReportsStringId.WebDocumentViewer_DrillThroughError')));\n }\n getStartExportOperation(arg, shouldIgnoreError) {\n return ajax(HandlerUri(), 'startExport', arg, PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError')), shouldIgnoreError);\n }\n cancelExportRequest(operationId, shouldIgnoreError) {\n var arg = encodeURIComponent(JSON.stringify({\n id: operationId\n }));\n return ajax(HandlerUri(), 'cancelExport', arg, PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError')), shouldIgnoreError);\n }\n getExportStatusRequest(operationId) {\n return ajax({\n uri: HandlerUri(),\n action: 'getExportStatus',\n arg: encodeURIComponent(JSON.stringify({\n id: operationId,\n timeOut: Math.max(5000, TimeOut())\n })),\n processErrorCallback: PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('Error obtaining an export status', 'ASPxReportsStringId.WebDocumentViewer_GetExportStatusError')),\n isError: (data) => !!data.error || !!(data.result && data.result.faultMessage) || !data.success,\n getErrorMessage: this._reportPreview._getErrorMessage\n });\n }\n getEditingFieldHtml(value, editingFieldIndex) {\n return ajax(HandlerUri(), 'getEditingFieldHtmlValue', encodeURIComponent(JSON.stringify({\n documentId: this._reportPreview.documentId,\n value: value,\n editingFieldIndex: editingFieldIndex\n })));\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_utils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { previewDefaultResolution } from '../settings';\nimport * as $ from 'jquery';\nexport function getCurrentResolution(zoom) {\n return Math.floor((zoom || 1) * previewDefaultResolution());\n}\nexport function getImageBase64(url) {\n var deferred = $.Deferred();\n var background = new Image();\n background.src = url;\n background.crossOrigin = 'anonymous';\n background.onload = () => {\n var canvas = document.createElement('canvas');\n canvas.width = background.width;\n canvas.height = background.height;\n canvas.getContext('2d').drawImage(background, 0, 0);\n try {\n deferred.resolve(canvas.toDataURL());\n }\n catch (e) {\n deferred.reject(e);\n }\n };\n return deferred.promise();\n}\nexport function getEnumValues(enumType) {\n return Object.keys(enumType).filter(key => !isNaN(Number(enumType[key])));\n}\nexport function safelyRunWindowOpen(url, target = '_blank') {\n var newWindow = window.open(url, target);\n target === '_blank' && newWindow && (newWindow.opener = newWindow);\n return newWindow;\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_exportHandler.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { formatUnicorn, StringId } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable, getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport { getTemplate } from '@devexpress/analytics-core/analytics-widgets';\nimport browser from 'devextreme/core/utils/browser';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { generateGuid, isIOS, isAndroid, isMobile } from '../../common/utils/_utils';\nimport { AsyncExportApproach, HandlerUri, ReportServerDownloadUri } from '../settings';\nimport { PreviewRequestWrapper } from './_previewRequestWrapper';\nimport { safelyRunWindowOpen } from './_utils';\nexport class ExportResultRequestData {\n constructor() {\n this.RequestUrl = '';\n this.FormData = {};\n this.QueryParameters = {};\n }\n}\nexport class ExportHandler extends Disposable {\n constructor(exportSetting, preview) {\n super();\n this.preview = preview;\n this.exportActionUri = ko.observable(null);\n this.exportFormData = ko.observable([]);\n this.reportDisplayName = ko.observable(null);\n this.popupVisible = ko.observable(false);\n this.popupWidth = ko.observable(510);\n this.popupHeight = ko.observable(260);\n this.exportingFrameName = 'dxrd-exporting-frame' + generateGuid();\n this.popupButtons = [\n {\n toolbar: 'bottom', location: 'after', widget: 'dxButton',\n options: {\n text: getLocalization('Ok', StringId.DataAccessBtnOK), type: 'default', stylingMode: 'contained',\n onClick: () => this.popupVisible(false)\n }\n }\n ];\n this.printingLinkCallback = () => { };\n this.printingTextPrefix = ko.observable('');\n this.printingTextPostfix = ko.observable('');\n this.getPopupTitle = () => this.reportDisplayName() || '';\n this._exportResultRequestData = new ExportResultRequestData();\n this._showPrintNotificationDialog = true;\n this._useSameTabExport = true;\n this._useAsynchronousExport = true;\n this._workerTicker = null;\n this._workerFunctionBlobUrl = null;\n this._xhr = null;\n this._workerTickerFunction = function () {\n var started, interval;\n self.onmessage = function (e) {\n if (e.data === 'stop') {\n clearInterval(interval);\n return;\n }\n if (started)\n return;\n interval = setInterval(() => {\n postMessage.apply(self, ['tick']);\n }, 10);\n started = true;\n };\n };\n this._window = null;\n this._timeouts = [];\n if (exportSetting) {\n if (exportSetting.useAsynchronousExport !== undefined)\n this._useAsynchronousExport = exportSetting.useAsynchronousExport;\n if (exportSetting.useSameTab !== undefined)\n this._useSameTabExport = exportSetting.useSameTab;\n if (exportSetting.showPrintNotificationDialog !== undefined)\n this._showPrintNotificationDialog = exportSetting.showPrintNotificationDialog;\n }\n }\n _getUrlObject() {\n return window.URL || window['webkitURL'] || window['mozURL'] || window['msURL'] || window['oURL'];\n }\n _createWorker() {\n this._terminateWorker();\n var blob = new Blob(['(' + this._workerTickerFunction.toString() + ')()'], { type: 'text/javascript' });\n var _url = this._getUrlObject();\n this._workerFunctionBlobUrl = _url.createObjectURL(blob);\n this._workerTicker = new Worker(this._workerFunctionBlobUrl);\n return this._workerTicker;\n }\n _terminateWorker() {\n if (this._workerTicker) {\n this._workerTicker.terminate();\n this._workerTicker = null;\n }\n if (this._workerFunctionBlobUrl) {\n var _url = this._getUrlObject();\n _url && _url.revokeObjectURL(this._workerFunctionBlobUrl);\n this._workerFunctionBlobUrl = null;\n }\n }\n _callPrint(_window) {\n var browserVersion = parseInt(browser.version);\n if (_window && ((browser.chrome && 76 <= browserVersion && !isAndroid) || isIOS)) {\n var worker = this._createWorker();\n var checkOnTick = () => {\n try {\n if (_window.document && _window.document.contentType === 'application/pdf') {\n _window.print();\n worker.postMessage('stop');\n this._terminateWorker();\n }\n }\n catch (ex) {\n this._terminateWorker();\n }\n };\n worker.onerror = (e) => { checkOnTick(); };\n worker.onmessage = (e) => { checkOnTick(); };\n worker.postMessage('start');\n }\n }\n _clearExportingFrame() {\n if (this._isNewBrowser()) {\n var iframe = this.exportingFrame.contentWindow;\n iframe && iframe.location.replace('about:blank');\n }\n }\n _initPrintingWindow() {\n var printingTextParts = getLocalization('If the operation fails, you can download the {0} and print it out from another application.', 'ASPxReportsStringId.WebDocumentViewer_Print_Popup_Text').split('{0}');\n this.printingTextPrefix(printingTextParts[0]);\n this.printingTextPostfix(printingTextParts[1]);\n if (this._showPrintNotificationDialog) {\n var subscription = this.popupVisible.subscribe((newVal) => {\n if (!newVal) {\n this.printingLinkCallback = () => { };\n this._clearExportingFrame();\n subscription.dispose();\n }\n });\n this._disposables.push(subscription);\n this.popupVisible(true);\n }\n }\n _setPrintingLinkCallback(printingLinkCallback) {\n if (this._showPrintNotificationDialog) {\n this.printingLinkCallback = printingLinkCallback;\n }\n }\n _formSubmit(_requestData, _formTarget) {\n if (this.postingForm) {\n this.postingForm.target = _formTarget;\n this.exportActionUri(_requestData.RequestUrl);\n var formData = [];\n for (var key in _requestData.FormData) {\n formData.push({ name: key, value: _requestData.FormData[key] });\n }\n this.exportFormData(formData);\n this.postingForm.submit();\n }\n }\n _doExportSync(_exportWindow, printable, useSameTab, shouldChangePrintJobName) {\n this.onExportCustomEvent && this.onExportCustomEvent(this._exportResultRequestData);\n const _requestData = this._exportResultRequestData;\n useSameTab && printable && this._initPrintingWindow();\n const formTarget = useSameTab || (this._useSameTabExport && !useSameTab && isMobile) ? this.exportingFrameName : '_blank';\n if (!printable || !this._isNewBrowser() || (this._useSameTabExport && !useSameTab && isMobile)) {\n if (!this._useSameTabExport) {\n this._replaceLocation(_exportWindow, _requestData);\n }\n else {\n this._formSubmit(_requestData, formTarget);\n }\n }\n else {\n if (!_exportWindow) {\n _exportWindow = this.exportingFrame && (useSameTab || (this._useSameTabExport && isMobile)) ? this.exportingFrame.contentWindow : this._replaceLocation(null, null);\n }\n const method = this._useSameTabExport ? 'POST' : 'GET';\n this._printUsingBlob(_exportWindow, _requestData, method, shouldChangePrintJobName);\n }\n }\n _initExportWindow() {\n var message = getLocalization('Do not close this tab to get the resulting file.', 'ASPxReportsStringId.WebDocumentViewer_AsyncExportCloseWarning');\n var div = this._window.document.createElement('div');\n div.style['text-align'] = 'center';\n div.innerText = message;\n div.style.position = 'absolute';\n div.style.left = '0';\n div.style.top = '0';\n div.style.right = '0';\n div.style.fontSize = '20px';\n this._window.document.title = getLocalization('Exporting...', 'ASPxReportsStringId.WebDocumentViewer_AsyncExportTabTitle');\n this._window.document.body.appendChild(div);\n div = this._window.document.createElement('div');\n div.id = 'loading';\n div.style.position = 'absolute';\n div.style.left = '0';\n div.style.top = '0';\n div.style.bottom = '0';\n div.style.right = '0';\n div.style['text-align'] = 'center';\n div.style.margin = 'auto';\n div.style.height = '0';\n div.style.fontSize = '32px';\n this._window.document.body.appendChild(div);\n }\n _startExportAsync(args, useSameTabLocal, deferred, inlineResult, printable = false) {\n if (useSameTabLocal) {\n this._setPrintingLinkCallback(() => this._startExportAsync(args, false, deferred, inlineResult, printable));\n }\n else {\n if (!this._useSameTabExport) {\n this._window = window.open();\n this._window.onunload = () => {\n this.preview.progressBar.stop();\n this._terminateWorker();\n };\n this._initExportWindow();\n }\n }\n this.preview.progressBar.text(getLocalization('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument'));\n this.preview.progressBar.cancelText(getLocalization('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel'));\n var exportOperationIdDeferred = $.Deferred();\n var startExportOperationId = generateGuid();\n var shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId || startExportOperationId);\n this.preview.progressBar.startProgress(startExportOperationId, (operationId) => {\n this.preview.requestWrapper.cancelExportRequest(operationId, shouldIgnoreError(operationId));\n }, exportOperationIdDeferred.promise());\n this.preview.requestWrapper.getStartExportOperation(args, shouldIgnoreError())\n .done((response) => {\n this.preview.previewHandlersHelper.doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTabLocal, printable);\n })\n .fail((error) => {\n this.preview.previewHandlersHelper.errorStartExportHandler(deferred, startExportOperationId, error);\n exportOperationIdDeferred.reject();\n !this._useSameTabExport && error.responseJSON && error.responseJSON['error'] && this._showAsyncExportError(this._window, error.responseJSON['error']);\n });\n }\n export(args, actionUri, inlineResult, printable = false) {\n this._terminateWorker();\n var deferred = $.Deferred();\n var requestData = this._exportResultRequestData;\n requestData.RequestUrl = actionUri;\n if (this.preview._editingFields().length > 0 || AsyncExportApproach() || this._useAsynchronousExport || (this.preview.exportOptionsModel() && this.preview.exportOptionsModel().hasSensitiveData())) {\n setTimeout(() => {\n this._startExportAsync(args(), this._useSameTabExport, deferred, inlineResult, printable);\n });\n }\n else {\n deferred.resolve(true);\n if (this._useSameTabExport) {\n requestData.FormData['arg'] = args();\n requestData.FormData['actionKey'] = 'exportTo';\n this._setPrintingLinkCallback(() => this._doExportSync(null, true, false, false));\n }\n else {\n requestData.QueryParameters['arg'] = args();\n requestData.QueryParameters['actionKey'] = 'exportTo';\n }\n this._doExportSync(null, printable, this._useSameTabExport, false);\n }\n return deferred.promise();\n }\n _isNewBrowser() {\n var isNewChrome = browser.chrome && (parseInt(browser.version) >= 76);\n return (isNewChrome || browser.mozilla || browser['safari']);\n }\n _showAsyncExportError(window, message, status, statusText) {\n if (window) {\n var div = window.document.getElementById('loading');\n if (div) {\n if (status || statusText) {\n var stringFormat = getLocalization('{0} ({1} {2})', 'ASPxReportsStringId.Error_WithStatus');\n div.innerText = formatUnicorn(stringFormat, message, status, statusText);\n }\n else\n div.innerText = message;\n }\n }\n }\n _printUsingBlob(_exportWindow, _requestData, _method, shouldChangePrintJobName) {\n if (!this._useSameTabExport && _exportWindow && shouldChangePrintJobName) {\n _exportWindow.location.replace(_requestData.RequestUrl);\n return;\n }\n _method === 'GET' && (_requestData.RequestUrl = this._addQueryParamsToUri(_requestData.RequestUrl, _requestData.QueryParameters));\n this._executeXhr(_exportWindow, _requestData, _method, this._handleXhrReady);\n }\n _executeXhr(_exportWindow, _requestData, _method, _handleXhrReady) {\n this._prepareXhr(_exportWindow, _requestData, _method, _requestData.RequestUrl, _handleXhrReady);\n var formData = new FormData();\n for (var key in _requestData.FormData) {\n formData.append(key, _requestData.FormData[key]);\n }\n this._xhr.send(formData);\n }\n _prepareXhr(_exportWindow, _requestData, _method, _exportUrl, _handleXhrReady) {\n const _this = this;\n this._xhr = new XMLHttpRequest();\n this._xhr.onreadystatechange = function () {\n _handleXhrReady(_this, this, _exportWindow, _requestData);\n };\n this._xhr.open(_method, _exportUrl);\n this._xhr.responseType = 'blob';\n }\n _handleXhrReady(_this, _xmlHttpRequest, _exportWindow, _requestData) {\n if (_xmlHttpRequest.readyState == 4 && _xmlHttpRequest.status == 200) {\n const _url = _this._getUrlObject();\n const blobUrl = _url.createObjectURL(_xmlHttpRequest.response);\n _exportWindow && _exportWindow.location.replace(blobUrl);\n setTimeout(() => { _url.revokeObjectURL(blobUrl); }, 1);\n _this._callPrint(_exportWindow);\n }\n else if (_xmlHttpRequest.readyState == 4 && _xmlHttpRequest.status >= 400) {\n var message = getLocalization('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError');\n PreviewRequestWrapper.getProcessErrorCallback(_this.preview, message, true)('', _xmlHttpRequest, '');\n if (_exportWindow && _exportWindow.name != _this.exportingFrameName) {\n _this._showAsyncExportError(_exportWindow, message, _xmlHttpRequest.status, _xmlHttpRequest.statusText);\n }\n }\n }\n _addQueryParamsToUri(_exportUri, _queryParameters) {\n var keys = Object.keys(_queryParameters || {});\n if (keys.length > 0) {\n _exportUri += '?';\n _exportUri += keys.map(x => x + '=' + _queryParameters[x]).join('&');\n }\n return _exportUri;\n }\n _replaceLocation(_exportWindow, _requestData) {\n if (!_requestData) {\n return safelyRunWindowOpen('');\n }\n var _exportUrl = this._addQueryParamsToUri(_requestData.RequestUrl, _requestData.QueryParameters);\n _exportWindow ? _exportWindow.location.replace(_exportUrl) : (_exportWindow = safelyRunWindowOpen(_exportUrl));\n return _exportWindow;\n }\n dispose() {\n super.dispose();\n if (this._xhr)\n this._xhr.onreadystatechange = null;\n (this._timeouts || []).forEach(tic => clearTimeout(tic));\n this.removeProperties();\n }\n updateExportStatus(progress, operationId) {\n this.preview.progressBar && this.preview.progressBar.progress(progress);\n if (this._window) {\n var div = this._window.document.getElementById('loading');\n div && (div.innerText = getLocalization('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument') + ' ' + progress + '%');\n this._window.document.title = getLocalization('Exporting...', 'ASPxReportsStringId.WebDocumentViewer_AsyncExportTabTitle') + progress + '%';\n }\n if (progress >= 100) {\n this.preview.progressBar.complete(operationId);\n }\n }\n getExportStatus(operationId) {\n var deferred = $.Deferred();\n this._timeouts.push(setTimeout(() => {\n this.preview.requestWrapper.getExportStatusRequest(operationId)\n .done((response) => {\n this.preview.previewHandlersHelper.doneExportStatusHandler(deferred, operationId, response);\n })\n .fail((error) => {\n this.preview.previewHandlersHelper.errorExportStatusHandler(deferred, operationId, error);\n !this._useSameTabExport && error.responseJSON && error.responseJSON['error'] && this._showAsyncExportError(this._window, error.responseJSON['error']);\n });\n }, 250));\n return deferred.promise();\n }\n getExportResult(operationId, inlineDisposition, useSameTab, token, printable = false, uri = '') {\n var requestData = this._exportResultRequestData;\n if (uri) {\n requestData.RequestUrl = uri;\n }\n else if (token) {\n requestData.RequestUrl = ReportServerDownloadUri();\n requestData.QueryParameters['token'] = token;\n requestData.QueryParameters['printable'] = printable.toString();\n }\n else {\n var arg = encodeURIComponent(JSON.stringify({ id: operationId, inlineResult: !!inlineDisposition }));\n requestData.RequestUrl = HandlerUri();\n if (this._useSameTabExport) {\n requestData.FormData['actionKey'] = 'getExportResult';\n requestData.FormData['arg'] = arg;\n }\n else {\n requestData.QueryParameters['actionKey'] = 'getExportResult';\n requestData.QueryParameters['arg'] = arg;\n }\n }\n this._window && (this._window.onunload = null);\n this._doExportSync(this._window, printable, useSameTab, !!uri);\n this._window = null;\n }\n}\nko.bindingHandlers['dxViewerExport'] = {\n init: function (element, valueAccessor) {\n var exportHandler = valueAccessor();\n var templateHtml = getTemplate('dxrd-export-tool-content');\n $.fn.constructor(element).append(templateHtml);\n var exportFrame = document.createElement('iframe');\n exportFrame.name = exportHandler.exportingFrameName;\n element.querySelector('.dxrd-visually-hidden').appendChild(exportFrame);\n exportHandler.exportingFrame = exportFrame;\n exportHandler.postingForm = element.querySelector('form');\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\accessibility\\_previewEditingFieldsKeyboardHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { AccessibilityControlElementBase, AccessibilityKeyboardHelperBase } from '@devexpress/analytics-core/analytics-internal';\nimport * as ko from 'knockout';\nexport class PreviewEditingFieldsKeyboardHelper extends AccessibilityKeyboardHelperBase {\n constructor() {\n super(...arguments);\n this.controlElementClassName = 'dx-accessibility-editing-field-item';\n this.accessibilityCompliantEnabled = true;\n }\n initialize() {\n super.initialize();\n this.setTabIndexes(0);\n }\n clickHandler() { }\n itemHandleEnterKey(e, index) {\n var item = this.controlElements[index];\n item.actionExecute(e);\n return true;\n }\n itemHandleSpaceKey(e, index) {\n return this.itemHandleEnterKey(e, index);\n }\n createControlElement(element, index) {\n return new PreviewEditingFieldsElement(element, ko.dataFor(element));\n }\n}\nclass PreviewEditingFieldsElement extends AccessibilityControlElementBase {\n constructor(element, model) {\n super(element);\n this.element = element;\n this.model = model;\n this._processFocus = true;\n this._isClick = (e) => this._processFocus = false;\n this._activateHandler = (e) => {\n if (this.model.activateEditor && this._processFocus) {\n this.model.activateEditor(this.model, { target: this.element, currentTarget: this.element });\n this.element.setAttribute('tabindex', '-1');\n var subscription = this.model.active.subscribe(value => {\n if (!value) {\n this.element.setAttribute('tabindex', '0');\n if (document.activeElement === document.body) {\n this._processFocus = false;\n this.element.focus();\n }\n subscription.dispose();\n }\n });\n this._disposables.push(subscription);\n }\n };\n this._blur = (e) => {\n this._processFocus = true;\n };\n element.addEventListener('mousedown', this._isClick);\n element.addEventListener('focus', this._activateHandler);\n element.addEventListener('blur', this._blur);\n }\n dispose() {\n this.element.removeEventListener('mousedown', this._isClick);\n this.element.removeEventListener('focus', this._activateHandler);\n this.element.removeEventListener('blur', this._blur);\n super.dispose();\n }\n actionExecute(e) {\n if (this.model.activateEditor)\n this._activateHandler(e);\n else if (this.model.onClick)\n this.model.onClick(this.model, e);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_brickUtils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nexport function convertToPercent(childSize, parentSize) {\n return childSize * 100 / parentSize + '%';\n}\nexport function getBrickValueForKey(brick, key = 'text') {\n var brickTextProperty = brick.content && brick.content.filter(x => x.Key === key)[0];\n return brickTextProperty && brickTextProperty.Value;\n}\nexport function brickText(brick, editingFieldsProvider) {\n var fields = editingFieldsProvider ? editingFieldsProvider() : [];\n if (brick.efIndex && brick.efIndex > 0 && brick.efIndex <= fields.length && fields[brick.efIndex - 1].type() === 'text') {\n return fields[brick.efIndex - 1].editValue();\n }\n else {\n return getBrickValueForKey(brick);\n }\n}\nexport function updateBricksPosition(brick, height, width) {\n if (!brick) {\n return;\n }\n brick[brick.rtl ? 'rightP' : 'leftP'] = convertToPercent(brick.left, width);\n brick.widthP = convertToPercent(brick.width, width);\n brick.topP = convertToPercent(brick.top, height);\n brick.heightP = convertToPercent(brick.height, height);\n brick.bricks && brick.bricks.forEach((childBrick) => {\n updateBricksPosition(childBrick, height, width);\n });\n}\nexport function initializeBrick(brick, processClick, zoom, editingFieldBricks) {\n if (!brick) {\n return;\n }\n !!brick.active ? brick.active(false) : (brick.active = ko.observable(false));\n brick['onClick'] = (e) => { processClick && processClick(brick, e); };\n brick.bricks && brick.bricks.forEach(childBrick => {\n if (!childBrick)\n return;\n childBrick.top += brick.top;\n childBrick.left += brick.left;\n initializeBrick(childBrick, processClick, zoom, editingFieldBricks);\n });\n if (brick.efIndex > 0) {\n editingFieldBricks.push(brick);\n }\n brick.text = () => brickText(brick);\n brick.accessibleDescription = getBrickValueForKey(brick, 'AccessibleDescription');\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_page.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Disposable, getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { generateGuid } from '../../common/utils/_utils';\nimport { PreviewEditingFieldsKeyboardHelper } from '../accessibility/_previewEditingFieldsKeyboardHelper';\nimport { HandlerUri, previewDefaultResolution } from '../settings';\nimport { brickText, initializeBrick, updateBricksPosition } from './_brickUtils';\nimport { PreviewRequestWrapper } from './_previewRequestWrapper';\nimport { PreviewSelection } from './_previewSelection';\nimport { getCurrentResolution } from './_utils';\nexport class PreviewPage extends Disposable {\n constructor(preview, pageIndex, processClick, loading) {\n super();\n this.isClientVisible = ko.observable(false);\n this.originalHeight = ko.observable(0);\n this.originalWidth = ko.observable(0);\n this.loadingText = getLocalization('Loading...', 'AnalyticsCoreStringId.Loading');\n this.realZoom = ko.observable(1);\n this.actualResolution = 0;\n this.currentScaleFactor = ko.observable(1);\n this.imageHeight = ko.observable(0);\n this.imageWidth = ko.observable(0);\n this.imageSrc = ko.observable('').extend({ rateLimit: { timeout: 100, method: 'notifyWhenChangesStop' } });\n this.displayImageSrc = ko.observable('');\n this.brick = ko.observable(null);\n this.brickLoading = ko.observable(true);\n this.bricks = ko.computed(() => {\n return this.getBricksFlatList(this.brick());\n });\n this.activeBricks = ko.computed(() => {\n return this.bricks().filter((x) => x.active());\n });\n this.clickableBricks = ko.computed(() => {\n return this.bricks().filter((x) => !!x.navigation);\n });\n this.active = ko.observable(false);\n this.maxZoom = 0;\n this.disableResolutionReduction = false;\n this._lastZoom = 0;\n this._selectedBrickPath = null;\n this.pageIndex = pageIndex;\n this.documentId = preview._currentDocumentId || ko.observable(null);\n this._disposables.push(this.imageSrc.subscribe((newVal) => {\n var documentId = this.documentId.peek();\n this._lastGetPageDeferred && this._lastGetPageDeferred.resolve(null);\n var currentGetPageDeferred = $.Deferred();\n currentGetPageDeferred\n .done((response) => {\n if (!response)\n return;\n this.imageHeight(response.height);\n this.imageWidth(response.width);\n this.currentScaleFactor(this._currentScaleFactor);\n this.displayImageSrc('data:image/png;base64,' + response.base64string);\n this._onPageLoaded(response, processClick, preview._editingFields);\n }).fail((_e) => {\n this._onPageLoadFailed();\n });\n var ignoreError = preview._closeDocumentRequests && (() => preview._closeDocumentRequests[documentId] || currentGetPageDeferred.state() != 'pending');\n PreviewRequestWrapper.getPage(newVal, ignoreError)\n .done((response) => {\n currentGetPageDeferred.resolve(response);\n }).fail((_e) => {\n currentGetPageDeferred.reject(_e);\n });\n this._lastGetPageDeferred = currentGetPageDeferred;\n }));\n var unifier = ko.isObservable(preview._unifier) ? preview._unifier : ko.observable(preview._unifier || generateGuid());\n this.pageLoading = loading || ko.observable(true);\n this.originalHeight(ko.unwrap(preview._pageHeight));\n this.originalWidth(ko.unwrap(preview._pageWidth));\n this.zoom = preview._zoom;\n this.imageWidth(this.originalWidth() * this._getPixelRatio());\n this.imageHeight(this.originalHeight() * this._getPixelRatio());\n this._disposables.push(this.isClientVisible.subscribe((newVal) => {\n if (newVal) {\n this._setPageImgSrc(this.documentId(), unifier(), this.zoom());\n }\n }));\n this.color = ko.isObservable(preview._pageBackColor) ? preview._pageBackColor.peek() : '';\n this.width = ko.pureComputed(() => {\n return this.imageWidth() * this.zoom() / this.currentScaleFactor() / this._getPixelRatio();\n }).extend({ deferred: true });\n this.height = ko.pureComputed(() => {\n return this.imageHeight() * this.zoom() / this.currentScaleFactor() / this._getPixelRatio();\n }).extend({ deferred: true });\n this.isEmpty = pageIndex === -1 && !this.brick() && !processClick;\n this.resetBrickRecusive = (brick) => {\n if (brick && brick.active) {\n brick.active(false);\n if (brick.bricks) {\n brick.bricks.forEach((childBrick) => { this.resetBrickRecusive(childBrick); });\n }\n }\n };\n this.selectBrick = (path, ctrlKey) => {\n if (PreviewSelection.started)\n return;\n processClick && processClick(null);\n var currentBrick = this.brick();\n !ctrlKey && this.resetBrickRecusive(currentBrick);\n if (!path) {\n return;\n }\n if (!currentBrick) {\n this._selectedBrickPath = path;\n return;\n }\n var pathElements = path.split(',');\n pathElements.forEach((el) => {\n currentBrick = currentBrick.bricks[parseInt(el)];\n });\n currentBrick.active(true);\n };\n this._disposables.push(ko.computed(() => {\n if (!this.active()) {\n this.resetBrickRecusive(this.brick());\n this._selectedBrickPath = null;\n }\n }));\n this.editingFieldsKeyboardHelper = new PreviewEditingFieldsKeyboardHelper();\n this._disposables.push(this.editingFieldsKeyboardHelper);\n }\n _initializeEditingFields(editingFieldBricks, previewEditngFields, originalWidth, originalHeight) {\n if (this.editingFields) {\n var oldEditFields = ko.unwrap(this.editingFields());\n if (oldEditFields && oldEditFields.length > 0) {\n oldEditFields.forEach(field => field.dispose && field.dispose());\n }\n this.editingFields.dispose();\n }\n this.editingFields = ko.pureComputed(() => {\n if (!previewEditngFields || editingFieldBricks.length === 0) {\n return [];\n }\n var allEditingFields = previewEditngFields();\n var pageFieldViewModels = [];\n for (var i = 0; i < editingFieldBricks.length; i++) {\n var brick = editingFieldBricks[i];\n var editingField = allEditingFields[brick.efIndex - 1];\n if (!editingField)\n return [];\n editingField.brick = brick;\n pageFieldViewModels.push(editingField.createViewModel(this.zoom, originalWidth, originalHeight, () => allEditingFields, brick.absoluteBounds));\n brick.text = (brick => (() => brickText(brick, () => allEditingFields)))(brick);\n }\n return pageFieldViewModels;\n });\n }\n _getPixelRatio() {\n return window['devicePixelRatio'] || 1;\n }\n _onPageLoaded(result, processClick, previewEditingFields) {\n if (this._isDisposed)\n return;\n this.pageLoading(false);\n try {\n if (!result || !result.brick) {\n return;\n }\n this.brickColumnWidthArray = result.columnWidthArray;\n this.originalWidth(result.brick.width);\n this.originalHeight(result.brick.height);\n var editignFieldBricks = [];\n this.initializeBrick(result.brick, processClick, this.zoom, editignFieldBricks);\n this._initializeEditingFields(editignFieldBricks, previewEditingFields, result.brick.width, result.brick.height);\n this._selectedBrickPath && this.selectBrick(this._selectedBrickPath);\n }\n finally {\n this.brickLoading(false);\n }\n }\n _onPageLoadFailed() {\n if (this._isDisposed)\n return;\n if (this.isClientVisible()) {\n this.pageLoading(false);\n this.pageIndex !== -1 && this.brickLoading(false);\n }\n }\n updateSize(zoom) {\n var newResolution = getCurrentResolution(zoom);\n this.realZoom(newResolution / previewDefaultResolution());\n return newResolution;\n }\n clearBricks() {\n this.brickLoading(true);\n }\n dispose() {\n super.dispose();\n this._isDisposed = true;\n }\n _setPageImgSrc(documentId, unifier, zoom) {\n if (!documentId || this.pageIndex === -1) {\n return;\n }\n if (this.maxZoom && this.maxZoom < zoom) {\n zoom = this.maxZoom;\n }\n if (this._lastZoom < zoom) {\n this._lastZoom = zoom;\n }\n else {\n if (this.actualResolution && this.disableResolutionReduction && this.imageSrc())\n return;\n }\n var newResolution = this.updateSize(zoom);\n if ((this.actualResolution === newResolution || newResolution < 9) && this.imageSrc()) {\n return;\n }\n this.actualResolution = newResolution;\n this._currentScaleFactor = zoom;\n var imageResolution = Math.floor(newResolution * this._getPixelRatio());\n this.imageSrc(HandlerUri() +\n '?actionKey=getPage&unifier=' + unifier +\n '&arg=' + encodeURIComponent(JSON.stringify({ pageIndex: this.pageIndex, documentId: documentId, resolution: imageResolution, includeBricks: this.brickLoading() })));\n }\n _clear() {\n this.pageIndex = -1;\n this.isClientVisible(false);\n this._setPageImgSrc(null, null, 1);\n this.actualResolution = 0;\n }\n initializeBrick(brick, processClick, zoom, editingFieldBricks) {\n initializeBrick(brick, processClick, this.zoom, editingFieldBricks);\n updateBricksPosition(brick, brick.height, brick.width);\n this.brick(brick);\n }\n clickToBrick(s, e) {\n var target = $.fn.constructor(e.currentTarget);\n var offset = target.offset();\n var xPerc = (e.clientX - offset.left + window.scrollX) / target.width() * 100;\n var yPerc = (e.clientY - offset.top + window.scrollY) / target.height() * 100;\n var bricks = s.bricks();\n for (var i = 0; i < bricks.length; i++) {\n if (parseFloat(bricks[i].topP) < yPerc && parseFloat(bricks[i].topP) + parseFloat(bricks[i].heightP) > yPerc\n && parseFloat(bricks[i].leftP) < xPerc && parseFloat(bricks[i].leftP) + parseFloat(bricks[i].widthP) > xPerc) {\n bricks[i].onClick && bricks[i].onClick(e);\n break;\n }\n }\n }\n getBricksFlatList(brick) {\n if (brick) {\n var bricks = [];\n var innerBricksLength = brick.bricks && brick.bricks.length || 0;\n for (var i = 0; i < innerBricksLength; i++) {\n bricks = bricks.concat(this.getBricksFlatList(brick.bricks[i]));\n }\n bricks.push(brick);\n return bricks;\n }\n return [];\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_previewHandlersHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport { PollingDelay } from '../settings';\nexport class PreviewHandlersHelper {\n constructor(preview) {\n this._preview = preview;\n }\n doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTab = false, printable = false) {\n try {\n if (!response) {\n exportOperationIdDeferred.reject();\n this._preview.progressBar.complete(startExportOperationId);\n return;\n }\n var exportOperationId = response;\n exportOperationIdDeferred.resolve(exportOperationId);\n var progress = 0;\n var doGetExportStatus = (operationId) => {\n var _a;\n if (!((_a = this._preview) === null || _a === void 0 ? void 0 : _a.exportHandler))\n return;\n var promise = this._preview.exportHandler.getExportStatus(operationId);\n promise.done((result) => {\n if (result && result.requestAgain) {\n if (progress < result.progress) {\n progress = result.progress;\n this._preview.exportHandler.updateExportStatus(result.progress, operationId);\n }\n var doStatusRequest = () => { doGetExportStatus(operationId); };\n PollingDelay() ? setTimeout(doStatusRequest, PollingDelay()) : doStatusRequest();\n }\n else {\n this._preview.progressBar.complete(operationId);\n if (!result.requestAgain && result.completed && !this._preview._cancelExportRequests[operationId]) {\n this._preview.exportHandler.updateExportStatus(result.progress, operationId);\n this._preview.exportHandler.getExportResult(operationId, inlineResult, useSameTab, result.token, printable, result.uri);\n }\n }\n });\n };\n doGetExportStatus(exportOperationId);\n }\n finally {\n deferred.resolve(true);\n this._preview._startBuildOperationId = '';\n }\n }\n errorStartExportHandler(deferred, startExportOperationId, error) {\n this._preview.progressBar.complete(startExportOperationId);\n deferred.reject();\n }\n doneExportStatusHandler(deferred, operationId, response) {\n try {\n if (!response) {\n deferred.resolve({ requestAgain: false });\n this._preview.progressBar.complete(operationId);\n return;\n }\n this._preview.progressBar && this._preview.progressBar.progress() < response.progress && this._preview.progressBar.progress(response.progress);\n deferred.resolve(response);\n }\n finally {\n if (!deferred.state || deferred.state() === 'pending') {\n deferred.resolve({ requestAgain: false });\n }\n }\n }\n errorExportStatusHandler(deferred, operationId, error) {\n this._preview.progressBar.complete(operationId);\n deferred.resolve({ requestAgain: false, completed: false });\n }\n doneStartBuildHandler(deferred, response, startBuildOperationId, doucmentIdDeferred) {\n try {\n var removeAllEmptyPages = (all) => {\n all && this._preview.pages.removeAll();\n this._preview.removeEmptyPages();\n };\n if (!response || !response.documentId) {\n doucmentIdDeferred.reject();\n this._preview.progressBar.complete(startBuildOperationId);\n removeAllEmptyPages();\n return;\n }\n var documentId = response.documentId;\n var stopBuildRequest = this._preview._stopBuildRequests[startBuildOperationId];\n var closeDocumentRequest = this._preview._closeDocumentRequests[startBuildOperationId];\n if (startBuildOperationId && (stopBuildRequest || closeDocumentRequest)) {\n if (closeDocumentRequest) {\n closeDocumentRequest && this._preview.closeDocument(documentId);\n }\n else {\n stopBuildRequest && this._preview.stopBuild(documentId);\n }\n doucmentIdDeferred.reject();\n this._preview.progressBar.complete(startBuildOperationId);\n removeAllEmptyPages();\n return;\n }\n this._preview._currentDocumentId(documentId);\n doucmentIdDeferred.resolve(documentId);\n var doGetBuildStatus = this._preview.getDoGetBuildStatusFunc();\n doGetBuildStatus(documentId);\n }\n finally {\n deferred.resolve(true);\n }\n }\n errorStartBuildHandler(deferred, startBuildOperationId, error) {\n this._preview.pageLoading(false);\n this._preview.errorMessage(getLocalization('Document creation was cancelled due to server error', 'WebDocumentViewer_DocumentCreationCancelled'));\n this._preview.progressBar.complete(startBuildOperationId);\n deferred.resolve(true);\n this._preview.removeEmptyPages();\n }\n errorGetBuildStatusHandler(deferred, error, ignoreError) {\n deferred.resolve({ requestAgain: false, completed: false });\n }\n processPages(pageCount, stopProcessingPredicate) {\n var wereNoPagesAndNewOnesExist = this._preview.pageIndex() === -1 && pageCount > 0;\n if (wereNoPagesAndNewOnesExist) {\n this._preview.pageIndex(0);\n }\n for (var i = 0; i < pageCount && !stopProcessingPredicate(); i++) {\n var createNewPage = (index) => {\n return this._preview.createPage(index, this._preview.createBrickClickProcessor(index));\n };\n if (i < this._preview.pages().length) {\n var page = this._preview.pages()[i];\n if (!page || page.isEmpty) {\n page = createNewPage(i);\n this._preview.pages.splice(i, 1, page);\n }\n if (page.pageIndex === -1) {\n page.pageIndex = i;\n if (this._preview.pageIndex.peek() === i) {\n page.isClientVisible(true);\n }\n }\n }\n else {\n var newPage = createNewPage(i);\n this._preview.pages.push(newPage);\n }\n }\n this._preview._raiseOnSizeChanged();\n if (wereNoPagesAndNewOnesExist) {\n var pageIndex = this._preview.pages().length ? 0 : -1;\n this._preview.goToPage(pageIndex, true);\n }\n }\n doneGetBuildStatusHandler(deferred, documentId, response, stopProcessingPredicate) {\n try {\n if (!response) {\n deferred.resolve({ requestAgain: false });\n return;\n }\n this._preview.progressBar.progress() < response.progress && !this._preview._stopBuildRequests[documentId] && !stopProcessingPredicate()\n && this._preview.progressBar.progress(response.progress);\n this.processPages(response.pageCount, stopProcessingPredicate);\n deferred.resolve(response);\n }\n finally {\n if (deferred.state() === 'pending') {\n deferred.resolve({ requestAgain: false });\n }\n }\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_progressViewModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ListKeyboardHelper } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable, getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nexport class ProgressViewModel extends Disposable {\n constructor(enableKeyboardSupport) {\n super();\n this.progress = ko.observable(0);\n this._forceInvisible = ko.observable(false);\n this._cancelExportRequests = {};\n this.inProgress = ko.observable(false);\n this.cancelText = ko.observable(getLocalization('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel'));\n this.operationId = ko.observable();\n this.text = ko.observable('');\n this.cssClasses = ko.observable();\n this.cancelVisible = ko.pureComputed(() => !!this.operationId() && !this.isCancelling());\n this.isCancelling = ko.observable(false);\n this.visible = ko.pureComputed({\n read: () => {\n if (this._forceInvisible()) {\n return false;\n }\n return this.inProgress();\n },\n write: (visibleState) => {\n this._forceInvisible(!visibleState);\n }\n });\n if (enableKeyboardSupport) {\n this.progressBarAccessibility = new ListKeyboardHelper();\n this._disposables.push(this.progressBarAccessibility);\n }\n this._disposables.push(this.cancelVisible, this.visible);\n }\n wasCancelRequested(id) {\n return !!(id && this._cancelExportRequests[id]);\n }\n setPosition(position) {\n if (!position) {\n this.cssClasses({\n 'dxrd-align-default': true\n });\n }\n else {\n this.cssClasses({\n 'dxrd-align-bottom': position.bottom,\n 'dxrd-align-top': position.top,\n 'dxrd-align-left': position.left,\n 'dxrd-align-right': position.right\n });\n }\n }\n complete(completeOperationId) {\n if (completeOperationId === this.operationId() || this._startOperationId === completeOperationId || !completeOperationId) {\n this.inProgress(false);\n this.progress(0);\n this._startOperationId = null;\n this.operationId(null);\n this._lastOperationDeferred && this._lastOperationDeferred.resolve(completeOperationId);\n this.rejectLastOperationIdDeferred();\n this.isCancelling(false);\n }\n }\n dispose() {\n this.rejectLastOperationIdDeferred();\n super.dispose();\n }\n rejectLastOperationIdDeferred() {\n this._lastOperationIdDeferred && this._lastOperationIdDeferred.reject();\n }\n rejectLastOperationDeferred() {\n this._lastOperationDeferred && this._lastOperationDeferred.reject();\n }\n startProgress(startOperationId, onStop, operationIdPromise) {\n if (this.inProgress()) {\n this.stop();\n this.rejectLastOperationDeferred();\n this.rejectLastOperationIdDeferred();\n }\n this._startOperationId = startOperationId;\n this.inProgress(true);\n this.progress(0);\n var newOperationDeferred = $.Deferred();\n var newOperationIdDeferred = $.Deferred();\n this._lastOperationDeferred = newOperationDeferred;\n this._lastOperationIdDeferred = newOperationIdDeferred;\n operationIdPromise\n .done(operationId => {\n newOperationIdDeferred.resolve(operationId);\n }).fail(() => {\n newOperationIdDeferred.reject();\n newOperationDeferred.reject();\n this.complete(startOperationId);\n });\n newOperationIdDeferred.done(operationId => {\n this.operationId(operationId);\n });\n this.stop = () => {\n this.isCancelling(true);\n this.text(getLocalization('Cancelling...', 'ASPxReportsStringId.WebDocumentViewer_Cancelling'));\n var operationId = this.operationId();\n var finalizeId = operationId || this._startOperationId;\n try {\n $.isFunction(onStop) && onStop(finalizeId);\n if (operationId)\n this._cancelExportRequests[operationId] = true;\n if (this._startOperationId)\n this._cancelExportRequests[this._startOperationId] = true;\n }\n finally {\n }\n };\n return this._lastOperationDeferred.promise();\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_sortingProcessor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ColumnSortOrder } from './_previewRequestWrapper';\nexport class SortingProcessor {\n constructor(_getSortingStage) {\n this._getSortingStage = _getSortingStage;\n }\n doSorting(sortData, shiftKey, ctrlKey) {\n if (!sortData)\n return;\n if (ctrlKey) {\n if (this._detachSorting(sortData))\n return;\n }\n else if (shiftKey)\n this._appendSorting(sortData);\n else\n this._applySorting(sortData);\n return true;\n }\n _applySorting(sortData) {\n var sortingStage = this._getSortingStage();\n for (var i = 0; i < sortingStage.length; i++) {\n if (sortingStage[i] && sortingStage[i].Key === sortData.target) {\n var value = sortingStage[i].Value || [];\n for (var index = 0; index < value.length; index++) {\n if (value[index] && (value[index].fieldName === sortData.field)) {\n if (index != 0) {\n var x = value.splice(index, 1)[0];\n this._changeSortOrder(x);\n value.unshift(x);\n }\n else\n this._changeSortOrder(value[index]);\n }\n else\n value[index].sortOrder = ColumnSortOrder.None;\n }\n return;\n }\n }\n }\n _appendSorting(sortData) {\n var sortingStage = this._getSortingStage();\n for (var i = 0; i < sortingStage.length; i++) {\n if (sortingStage[i] && sortingStage[i].Key === sortData.target) {\n var value = sortingStage[i].Value || [];\n for (var index = 0; index < value.length; index++) {\n if (value[index] && (value[index].fieldName === sortData.field)) {\n if (index != value.length - 1) {\n var x = value.splice(index, 1)[0];\n this._changeSortOrder(x);\n value.push(x);\n return;\n }\n this._changeSortOrder(value[index]);\n return;\n }\n }\n }\n }\n }\n _detachSorting(sortData) {\n var skipProcessing = false;\n var sortingStage = this._getSortingStage();\n for (var i = 0; i < sortingStage.length; i++) {\n if (sortingStage[i] && sortingStage[i].Key === sortData.target) {\n (sortingStage[i].Value || []).forEach(f => {\n if (f.sortOrder === ColumnSortOrder.None)\n skipProcessing = true;\n else\n f.sortOrder = ColumnSortOrder.None;\n });\n return;\n }\n }\n return skipProcessing;\n }\n _changeSortOrder(fieldInfo) {\n fieldInfo.sortOrder = fieldInfo.sortOrder === ColumnSortOrder.Ascending ? ColumnSortOrder.Descending : ColumnSortOrder.Ascending;\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\reportPreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { CustomSortedArrayStore, formatUnicorn, getErrorMessage } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable, ModelSerializer, getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { generateGuid, transformNewLineCharacters, isIOS } from '../common/utils/_utils';\nimport { PreviewBricksKeyboardHelper } from './accessibility/_previewBricksKeyboardHelper';\nimport { ZoomAutoBy } from './constants';\nimport { EditingField } from './editing/editingField';\nimport { ExportOptionsMergedPreview, ExportOptionsPreview } from './exportOptions/exportOptionsPreview';\nimport { ExportHandler } from './internal/_exportHandler';\nimport { PreviewPage } from './internal/_page';\nimport { PreviewHandlersHelper } from './internal/_previewHandlersHelper';\nimport { PreviewRequestWrapper } from './internal/_previewRequestWrapper';\nimport { ProgressViewModel } from './internal/_progressViewModel';\nimport { SortingProcessor } from './internal/_sortingProcessor';\nimport { safelyRunWindowOpen } from './internal/_utils';\nimport { EditablePreviewEnabled, HandlerUri, MessageHandler, PollingDelay } from './settings';\nexport class ReportPreview extends Disposable {\n constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, enableKeyboardSupport, exportSettings, element) {\n super();\n this.enableKeyboardSupport = enableKeyboardSupport;\n this.element = element;\n this.predefinedZoomLevels = ko.observableArray([5, 2, 1.5, 1, 0.75, 0.5, 0.25]);\n this._pageWidth = ko.observable(818);\n this._pageHeight = ko.observable(1058);\n this._pageBackColor = ko.observable('');\n this._currentReportId = ko.observable(null);\n this._currentReportUrl = ko.observable(null);\n this._currentDocumentId = ko.observable(null);\n this._unifier = ko.observable('');\n this._stopBuildRequests = {};\n this._closeReportRequests = {};\n this._closeDocumentRequests = {};\n this._cancelExportRequests = {};\n this._editingFields = ko.observable([]);\n this._startBuildOperationId = '';\n this._editingValuesSubscriptions = [];\n this._drillDownState = [];\n this._sortingState = [];\n this._sortingProcessor = new SortingProcessor(() => this._sortingState || []);\n this._getBuildStatusDeferreds = [];\n this._timeouts = [];\n this._deferreds = [];\n this.getSelectedContent = (punctuationMark = '') => {\n var currentPage = this.pages()[this.pageIndex()];\n if (!currentPage || !currentPage.brickColumnWidthArray) {\n return '';\n }\n var activeBricks = [];\n var getActiveBricks = function (currentBrick, resultArray) {\n if (!currentBrick) {\n return;\n }\n currentBrick.active() && currentBrick.genlIndex != -1 && activeBricks.push(currentBrick);\n currentBrick.bricks && currentBrick.bricks.length != 0 && currentBrick.bricks.forEach((innerBrick) => { getActiveBricks(innerBrick, resultArray); });\n };\n getActiveBricks(currentPage.brick(), activeBricks);\n if (!activeBricks) {\n return '';\n }\n var sortedActiveBricks = [];\n var extendWithSpaces = function (width, text) {\n var spaceCount = width - text.length;\n for (var i = 0; i <= spaceCount; i++) {\n text += ' ';\n }\n return text;\n };\n var firstUsedColumn = currentPage.brickColumnWidthArray.length, lastUsedColumn = -1;\n activeBricks.forEach((activeBrick) => {\n var row = sortedActiveBricks[activeBrick.row];\n if (!row) {\n row = [];\n sortedActiveBricks[activeBrick.row] = row;\n }\n row[activeBrick.col] = activeBrick.accessibleDescription || activeBrick.text();\n if (firstUsedColumn > activeBrick.col) {\n firstUsedColumn = activeBrick.col;\n }\n if (lastUsedColumn < activeBrick.col) {\n lastUsedColumn = activeBrick.col;\n }\n });\n var result = '';\n sortedActiveBricks.forEach((row, index) => {\n for (var c = firstUsedColumn; c <= lastUsedColumn; c++) {\n var rowText = row[c] ? row[c] + punctuationMark : '';\n result += c == lastUsedColumn ? rowText : extendWithSpaces(currentPage.brickColumnWidthArray[c], rowText);\n }\n if (index != sortedActiveBricks.length - 1) {\n result += '\\r\\n';\n }\n });\n return result;\n };\n this.rtlReport = ko.observable(false);\n this.currentPage = ko.observable(null);\n this.originalParametersInfo = ko.observable(null);\n this.pageIndex = ko.observable(-1);\n this.showMultipagePreview = ko.observable(false);\n this.documentMap = ko.observable();\n this.exportOptionsModel = ko.observable();\n this.pageLoading = ko.observable(false);\n this.errorMessage = ko.observable('');\n this.documentBuilding = ko.observable(false);\n this.reportOpening = ko.observable(false);\n this.pages = ko.observableArray([]).extend({ rateLimit: { timeout: 20, method: 'notifyWhenChangesStop' } });\n this.isAutoFit = ko.observable(true);\n this.autoFitBy = ko.observable(ZoomAutoBy.WholePage);\n this.exportDisabled = ko.pureComputed(() => {\n var inProgress = this.progressBar.inProgress();\n var documentBuilding = this.documentBuilding();\n return this.pageIndex() === -1 || inProgress || documentBuilding;\n });\n this._zoom = ko.observable(1);\n this.zoom = ko.pureComputed({\n read: () => {\n var autoFitBy = this.autoFitBy();\n if (autoFitBy != ZoomAutoBy.None || this._zoom() === 0) {\n return autoFitBy;\n }\n return this._zoom();\n },\n write: (val) => {\n if (val > 0) {\n this.autoFitBy(ZoomAutoBy.None);\n this._zoom(val);\n }\n else {\n this.autoFitBy(val);\n }\n }\n });\n this.editingFieldsProvider = () => this._editingFields();\n this._currentPageText = ko.pureComputed(() => {\n if (this.pageIndex() === -1) {\n return getLocalization('0 pages', 'ASPxReportsStringId.WebDocumentViewer_0Pages');\n }\n else {\n var ofText = getLocalization('of', 'ASPxReportsStringId.ToolBarItemText_OfLabel');\n return (this.pageIndex() + 1) + ' ' + ofText + ' ' + this.pages().length;\n }\n });\n this._raiseOnSizeChanged = () => { this.onSizeChanged() && this.onSizeChanged()(); };\n this.previewSize = ko.observable(0);\n this.onSizeChanged = ko.observable();\n this.previewVisible = ko.observable(false);\n this.editingFieldsHighlighted = ko.observable(false);\n this.canSwitchToDesigner = true;\n this.allowURLsWithJSContent = false;\n this.zoomStep = ko.observable(0.05);\n this._progressFirstTime = false;\n this.emptyDocumentCaption = ko.pureComputed(() => {\n var parametersInfo = this.originalParametersInfo();\n var parametersExist = parametersInfo && parametersInfo.parameters.some(x => x.Visible);\n var newCaption = '';\n if (this.documentBuilding()) {\n if (this.currentPage()) {\n if (!this._progressFirstTime)\n newCaption = formatUnicorn(getLocalization('Progress {0}%', 'ASPxReportsStringId.WebDocumentViewer_AriaDocumentProgress'), this.progressBar.progress().toString());\n else\n newCaption = this.progressBar.progress() + '%';\n this._progressFirstTime = true;\n }\n else {\n newCaption = getLocalization('Creating the document...', 'PreviewStringId.Msg_CreatingDocument');\n }\n }\n else if (parametersExist && !this.documentId) {\n newCaption = getLocalization('Waiting for parameter values...', 'PreviewStringId.Msg_WaitingForParameterValues');\n }\n else if (this.documentId) {\n this._progressFirstTime = false;\n if (this.pageIndex() !== -1 && !this.progressBar.inProgress()) {\n newCaption = getLocalization('Document is ready', 'ASPxReportsStringId.WebDocumentViewer_AriaDocumentReady');\n }\n else {\n newCaption = getLocalization('The document does not contain any pages.', 'PreviewStringId.Msg_EmptyDocument');\n }\n }\n else if (this.reportOpening()) {\n this._progressFirstTime = false;\n newCaption = getLocalization('Loading...', 'AnalyticsCoreStringId.Loading');\n }\n else if (this.errorMessage()) {\n newCaption = this.errorMessage();\n }\n return newCaption;\n }).extend({ rateLimit: { timeout: 1000 } });\n this.exportOptionsTabVisible = ko.observable(true);\n HandlerUri(handlerUri || HandlerUri());\n this.progressBar = new ProgressViewModel(enableKeyboardSupport);\n this.editingFieldChanged = callbacks && callbacks.editingFieldChanged;\n this.previewHandlersHelper = previewHandlersHelper || new PreviewHandlersHelper(this);\n this.requestWrapper = previewRequestWrapper || new PreviewRequestWrapper(null, callbacks);\n this.rtlViewer = rtl;\n this.exportHandler = new ExportHandler(exportSettings, this);\n if (callbacks) {\n this.customProcessBrickClick = callbacks.previewClick;\n this.customizeExportOptions = callbacks.customizeExportOptions;\n this.exportHandler.onExportCustomEvent = callbacks.onExport;\n this._onGetBuildStatus = callbacks._onGetBuildStatus;\n this._onGetDocumentDetails = callbacks._onGetDocumentDetails;\n }\n this._disposables.push(EditablePreviewEnabled.subscribe((newValue) => !newValue && this.editingFieldsHighlighted(false)));\n this._disposables.push(this.documentBuilding.subscribe((newVal) => {\n if (!newVal) {\n this._unifier(generateGuid());\n var documentId = this._currentDocumentId();\n var pageCount = this.pages().length;\n for (var i = 0; i < pageCount; i++) {\n var page = this.pages()[i];\n if (!page.pageLoading()) {\n page.clearBricks();\n }\n page.updateSize(this._zoom());\n page.actualResolution = 0;\n page.isClientVisible() && page._setPageImgSrc(documentId, this._unifier(), this._zoom());\n }\n if (callbacks && callbacks.documentReady && documentId) {\n var self = this;\n this._timeouts.push(setTimeout(function () {\n callbacks.documentReady(documentId, self._currentReportId(), pageCount);\n }));\n }\n }\n }));\n this._disposables.push(this._currentDocumentId.subscribe((newVal) => {\n this._unifier(newVal ? generateGuid() : '');\n }));\n this._disposables.push(this.previewSize.subscribe(() => this._raiseOnSizeChanged()));\n this._disposables.push(this.zoom);\n this._disposables.push(this.exportDisabled);\n this._disposables.push(this._currentPageText);\n this._disposables.push(this.progressBar);\n this._disposables.push(this.emptyDocumentCaption);\n this._disposables.push(this.showMultipagePreview.subscribe(() => {\n if (!this.showMultipagePreview()) {\n var currentPage = this.pages()[this.pageIndex()];\n currentPage && currentPage.isClientVisible(true);\n }\n }));\n this._disposables.push(this._zoom.subscribe(() => {\n if (this.showMultipagePreview()) {\n this.pages().forEach((page) => {\n page.updateSize(page.zoom());\n page.isClientVisible(false);\n });\n this._raiseOnSizeChanged();\n }\n else {\n var currentPage = this.pages()[this.pageIndex()];\n currentPage && currentPage.isClientVisible.notifySubscribers(currentPage.isClientVisible.peek());\n }\n }));\n this._disposables.push(ko.computed(() => {\n var pagesArray = this.pages();\n var pageIndex = this.pageIndex();\n if (!pagesArray || pageIndex >= pagesArray.length)\n return;\n var currentPage = null;\n if (pageIndex >= 0)\n currentPage = pagesArray[pageIndex];\n if (currentPage != this.currentPage.peek())\n this.currentPage(currentPage);\n }));\n if (enableKeyboardSupport) {\n this.previewBrickKeyboardHelper = new PreviewBricksKeyboardHelper(this);\n this._disposables.push(this.previewBrickKeyboardHelper);\n }\n }\n _doDrillDown(drillDownKey) {\n this._drillDownState.forEach((x) => x.Key === drillDownKey && (x.Value = !x.Value));\n var documentId = this._currentDocumentId();\n this.closeDocument();\n this.progressBar.complete(documentId);\n this.documentMap(null);\n for (var i = this.pages().length - 1; i >= 0; i--) {\n var page = this.pages()[i];\n if (i > this.pageIndex()) {\n this.pages.remove(page);\n }\n else {\n page._clear();\n }\n }\n this._startBuildRequest();\n }\n _doSorting(sortData, shiftKey, ctrlKey) {\n if (!this._sortingProcessor.doSorting(sortData, shiftKey, ctrlKey))\n return;\n this.closeDocument();\n this.documentMap(null);\n this.pages().forEach(page => page._clear());\n this._startBuildRequest();\n }\n dispose() {\n super.dispose();\n (this._timeouts || []).forEach(tic => clearTimeout(tic));\n (this._deferreds || []).forEach(deferred => deferred.reject());\n this.exportHandler && this.exportHandler.dispose();\n this.removeProperties();\n this._sortingProcessor = null;\n }\n removeEmptyPages(all) {\n all && this.pages.removeAll();\n for (var idx = this.pages().length - 1; idx >= 0; idx--) {\n var tempPage = this.pages()[idx];\n (tempPage.isEmpty || tempPage.pageIndex === -1) && this.pages.remove(tempPage);\n }\n }\n _initialize() {\n this._drillDownState = [];\n this._sortingState = [];\n this.closeDocument();\n this._editingFields([]);\n this._editingValuesSubscriptions.forEach(item => item.dispose());\n this._editingValuesSubscriptions = [];\n this.documentMap(null);\n this.pageIndex(-1);\n this.pageLoading(true);\n this.errorMessage('');\n this.progressBar.complete(null);\n this._getBuildStatusDeferreds.forEach(a => a.reject());\n this._getBuildStatusDeferreds = [];\n this.pages().forEach(x => x.dispose());\n this.pages([this.createPage(-1, undefined, this.pageLoading)]);\n this.exportHandler.reportDisplayName(null);\n }\n createPage(pageIndex, processClick, loading) {\n return new PreviewPage(this, pageIndex, processClick, loading);\n }\n _cleanTabInfo() {\n this.exportOptionsModel(null);\n this.documentMap(null);\n }\n _clearReportInfo() {\n this._cleanTabInfo();\n this.closeReport();\n this.originalParametersInfo(null);\n }\n createBrickClickProcessor(cyclePageIndex) {\n var _self = this;\n return (brick, e) => {\n _self.goToPage(cyclePageIndex, true);\n if (!brick)\n return;\n var page = _self.pages()[cyclePageIndex];\n if (!page)\n return;\n page.selectBrick('');\n var shiftKey = !!(e && e.shiftKey);\n var ctrlKey = !!(e && e.ctrlKey);\n var brickNavigation = brick && brick.navigation;\n var defaultHandler = () => {\n if (brickNavigation) {\n if (brickNavigation.drillDownKey && _self.reportId && _self._doDrillDown && _self._drillDownState.length > 0) {\n if (_self._startBuildOperationId)\n return;\n _self._doDrillDown(brickNavigation.drillDownKey);\n }\n else if (brickNavigation.sortData && _self.reportId && _self._doSorting && _self._sortingState.length > 0) {\n if (_self._startBuildOperationId)\n return;\n _self._doSorting(brickNavigation.sortData, shiftKey, ctrlKey);\n }\n if (brickNavigation.pageIndex >= 0) {\n var targetPage = _self.pages().filter(page => page.pageIndex === brickNavigation.pageIndex)[0];\n if (targetPage) {\n _self.goToPage(brickNavigation.pageIndex);\n targetPage.selectBrick(brickNavigation.indexes);\n _self.brickClickDocumentMapHandler && _self.brickClickDocumentMapHandler(brickNavigation);\n }\n }\n else {\n var validateUrl = function (url) {\n var isUrlString = typeof url === 'string';\n if (isUrlString) {\n url = url.toLowerCase();\n }\n if (url === 'empty') {\n return false;\n }\n return _self.allowURLsWithJSContent || (isUrlString && (url.indexOf('javascript:') === -1));\n };\n if (brickNavigation.url && validateUrl(brickNavigation.url)) {\n safelyRunWindowOpen(brickNavigation.url, brickNavigation.target || '_blank');\n }\n }\n }\n };\n if (_self.customProcessBrickClick && _self.customProcessBrickClick(cyclePageIndex, brick, defaultHandler))\n return;\n defaultHandler();\n };\n }\n delayedInit() {\n this.previewBrickKeyboardHelper && this.previewBrickKeyboardHelper.delayedInit();\n }\n openReport(reportName) {\n this._clearReportInfo();\n var deferred = $.Deferred();\n this._deferreds.push(deferred);\n this._openReportOperationDeferred = deferred;\n this.requestWrapper.openReport(reportName).done((response) => {\n deferred.resolve(response);\n }).fail((error) => {\n deferred.reject(error);\n });\n return this.initialize(deferred.promise());\n }\n drillThrough(customData, closeCurrentReport = true) {\n var deferred = $.Deferred();\n this.requestWrapper.drillThrough(customData).done(response => {\n if (closeCurrentReport) {\n this._clearReportInfo();\n this.initialize(deferred.promise());\n }\n deferred.resolve(response);\n }).fail((error) => {\n deferred.reject(error);\n });\n return deferred.promise();\n }\n _sortCustomParametersLookUpValues(reportParameterInfo) {\n var _a;\n if (!reportParameterInfo || !reportParameterInfo.knownEnums)\n return;\n (_a = reportParameterInfo.parameters) === null || _a === void 0 ? void 0 : _a.forEach((parameter) => {\n if (!parameter.LookUpValues)\n return;\n if (reportParameterInfo.knownEnums.some(x => x.enumType === parameter.TypeName)) {\n CustomSortedArrayStore._sortItems(parameter.LookUpValues, 'Description');\n }\n });\n }\n initialize(initializeDataPromise) {\n this.reportOpening(true);\n this._currentReportId(null);\n this._currentReportUrl(null);\n this._currentDocumentId(null);\n this._initialize();\n var _initializeDeferred = $.Deferred();\n this._deferreds.push(_initializeDeferred);\n _initializeDeferred.done(() => {\n initializeDataPromise.done((previewInitialize) => {\n this.reportOpening(false);\n if (previewInitialize && !previewInitialize.error && (previewInitialize.reportId || previewInitialize.documentId)) {\n this._currentReportId(previewInitialize.reportId);\n this._currentReportUrl(previewInitialize.reportUrl);\n this._currentDocumentId(previewInitialize.documentId);\n this.rtlReport(previewInitialize.rtlReport);\n var pageSettings = previewInitialize.pageSettings;\n if (pageSettings) {\n if (pageSettings.height)\n this._pageHeight(pageSettings.height);\n if (pageSettings.width)\n this._pageWidth(pageSettings.width);\n this._pageBackColor((pageSettings.color && this.readerMode) ? 'rgba(' + pageSettings.color + ')' : '');\n }\n var deserializedExportOptions = this._deserializeExportOptions(previewInitialize.exportOptions, !this.reportId && (!previewInitialize.documentData || !previewInitialize.documentData.canPerformContinuousExport));\n var customizeExportOptionsArgs = { exportOptions: deserializedExportOptions, panelVisible: true };\n this.customizeExportOptions && this.customizeExportOptions(customizeExportOptionsArgs);\n this.exportOptionsTabVisible(customizeExportOptionsArgs.panelVisible);\n this.exportOptionsModel(deserializedExportOptions);\n this._sortCustomParametersLookUpValues(previewInitialize.parametersInfo);\n this.originalParametersInfo(previewInitialize.parametersInfo);\n if (previewInitialize.documentId) {\n var documentIdPromise = $.Deferred().resolve(previewInitialize.documentId).promise();\n this.progressBar.startProgress(null, () => { this.stopBuild(); }, documentIdPromise)\n .always(() => { this.documentBuilding(false); });\n this.documentBuilding(true);\n var doGetBuildStatusFunc = this.getDoGetBuildStatusFunc();\n doGetBuildStatusFunc(previewInitialize.documentId);\n }\n }\n else {\n this.pageLoading(false);\n this._processError(getLocalization('The report preview initialization has failed', 'ASPxReportsStringId.WebDocumentViewer_InitializationError'), previewInitialize && previewInitialize.error);\n }\n }).fail((error) => {\n this.reportOpening(false);\n this.removeEmptyPages();\n });\n }).resolve();\n return initializeDataPromise;\n }\n _deserializeExportOptions(exportOptionsString, isMerged) {\n var jsonModel = exportOptionsString && JSON.parse(exportOptionsString);\n return isMerged ? new ExportOptionsMergedPreview(jsonModel) : new ExportOptionsPreview(jsonModel);\n }\n deactivate() {\n this._initialize();\n this._cleanTabInfo();\n this.closeReport();\n this._currentDocumentId(null);\n this._currentReportId(null);\n this._currentReportUrl(null);\n this.originalParametersInfo(null);\n }\n startBuild() {\n this._initialize();\n return this._startBuildRequest();\n }\n customDocumentOperation(customData, hideMessageFromUser) {\n var documentId = this._currentDocumentId();\n if (this.documentBuilding() || !documentId)\n return;\n var serializedExportOptions = this.exportOptionsModel() ? JSON.stringify(new ModelSerializer().serialize(this.exportOptionsModel())) : null;\n var editingFields = () => this._editingFields && this._editingFields().map(item => item.editValue());\n var deferred = $.Deferred();\n setTimeout(() => this.requestWrapper.customDocumentOperation(documentId, serializedExportOptions, editingFields(), customData, hideMessageFromUser)\n .done((response) => {\n try {\n if (response && response.message) {\n if (response.succeeded) {\n MessageHandler().processMessage(response.message, !hideMessageFromUser, this._getToastMessageContainer());\n }\n else {\n MessageHandler().processError(response.message, !hideMessageFromUser, undefined, this._getToastMessageContainer());\n }\n }\n }\n finally {\n deferred.resolve(response);\n }\n })\n .fail(error => {\n var response = { message: getLocalization('The requested document operation cannot be performed.', 'ASPxReportsStringId.WebDocumentViewer_CustomDocumentOperationsDenied_Error') };\n deferred.reject(response);\n }));\n return deferred.promise();\n }\n _initializeStartBuild(documentIdPromise) {\n if (this.documentBuilding() || this._startBuildOperationId) {\n return false;\n }\n this._startBuildOperationId = generateGuid();\n this._currentDocumentId(null);\n this.progressBar.text(getLocalization('Creating the document...', 'PreviewStringId.Msg_CreatingDocument'));\n this.progressBar.cancelText(getLocalization('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel'));\n this.progressBar.startProgress(this._startBuildOperationId, () => { this.stopBuild(); }, documentIdPromise)\n .always(() => { this.documentBuilding(false); });\n this.documentBuilding(true);\n return true;\n }\n _startBuildRequest() {\n var docuemntIdDeferred = $.Deferred();\n if (!this._initializeStartBuild(docuemntIdDeferred)) {\n return null;\n }\n var deferred = $.Deferred();\n var currentReportId = this._currentReportId();\n var startBuildOperationId = this._startBuildOperationId;\n var shouldIgnoreError = () => this._closeReportRequests[currentReportId];\n this.requestWrapper.startBuildRequest(shouldIgnoreError)\n .done((response) => {\n this.previewHandlersHelper && this.previewHandlersHelper.doneStartBuildHandler(deferred, response, startBuildOperationId, docuemntIdDeferred);\n })\n .fail((error) => {\n this.previewHandlersHelper && this.previewHandlersHelper.errorStartBuildHandler(deferred, startBuildOperationId, error);\n docuemntIdDeferred.reject();\n });\n deferred.always(() => this._startBuildOperationId = '');\n return deferred.promise();\n }\n getBuildStatus(documentId) {\n var deferred = $.Deferred();\n this._deferreds.push(deferred);\n var sessionDeferred = $.Deferred();\n this._getBuildStatusDeferreds.push(sessionDeferred);\n this._timeouts.push(setTimeout(() => {\n var ignorePredicate = () => this._closeDocumentRequests && this._closeDocumentRequests[documentId];\n this.requestWrapper.getBuildStatusRequest(documentId, ignorePredicate)\n .done((response) => {\n sessionDeferred.resolve(response);\n })\n .fail((error) => {\n sessionDeferred.reject(error);\n });\n sessionDeferred.done((response) => {\n this._onGetBuildStatus && this._onGetBuildStatus(response);\n this.previewHandlersHelper && this.previewHandlersHelper.doneGetBuildStatusHandler(deferred, documentId, response, ignorePredicate);\n }).fail((error) => {\n this.previewHandlersHelper && this.previewHandlersHelper.errorGetBuildStatusHandler(deferred, error, ignorePredicate);\n });\n }, 250));\n return deferred.promise();\n }\n getDoGetBuildStatusFunc() {\n var preview = this;\n var doGetBuildStatus = (documentId) => {\n var promise = preview.getBuildStatus(documentId);\n promise.done((result) => {\n if (documentId !== preview._currentDocumentId())\n return;\n if (result && result.requestAgain && !preview._closeDocumentRequests[documentId]) {\n var doStatusRequest = () => {\n if (!preview._closeDocumentRequests[documentId]) {\n doGetBuildStatus(documentId);\n }\n };\n PollingDelay() ? this._timeouts.push(setTimeout(doStatusRequest, PollingDelay())) : doStatusRequest();\n }\n else {\n try {\n if (result.error || !result.requestAgain && !result.pageCount) {\n preview.pageLoading(false);\n preview.removeEmptyPages(!result.pageCount);\n if (!preview.pages().length)\n preview.pageIndex(-1);\n return;\n }\n if (!result.completed) {\n return;\n }\n else if (result.pageCount < preview.pages().length) {\n preview.pageIndex(Math.min(result.pageCount - 1, preview.pageIndex()));\n preview.pages.splice(result.pageCount, preview.pages().length);\n }\n preview.getDocumentData(documentId);\n }\n finally {\n preview.progressBar.complete(documentId);\n this._timeouts.push(setTimeout(preview._raiseOnSizeChanged, 1000));\n }\n }\n });\n };\n return doGetBuildStatus;\n }\n getDocumentData(documentId) {\n var ignoreErrorPredicate = () => this._closeDocumentRequests[documentId];\n var documentDataDeferred = $.Deferred();\n this._deferreds.push(documentDataDeferred);\n documentDataDeferred.done((response) => {\n if (!response) {\n return;\n }\n this.previewHandlersHelper.processPages(response.pageCount, () => false);\n this._onGetDocumentDetails && this._onGetDocumentDetails(response);\n this.exportHandler.reportDisplayName(response.displayName);\n this._drillDownState = response.drillDownKeys || [];\n this._sortingState = response.sortingState || [];\n if (response.canPerformContinuousExport === false && this.reportId) {\n var deserializedExportOptions = this._deserializeExportOptions(response.exportOptions, true);\n var customizeExportOptionsArgs = { exportOptions: deserializedExportOptions, panelVisible: true };\n this.customizeExportOptions && this.customizeExportOptions(customizeExportOptionsArgs);\n this.exportOptionsTabVisible(customizeExportOptionsArgs.panelVisible);\n this.exportOptionsModel(deserializedExportOptions);\n }\n this.documentMap(response.documentMap);\n this._editingValuesSubscriptions.forEach(item => item.dispose());\n this._editingValuesSubscriptions = [];\n this._editingFields((response.editingFields || []).map((item, index) => {\n var field = this.createEditingField(item, index);\n if (this.editingFieldChanged) {\n field.editingFieldChanged = this.editingFieldChanged;\n }\n this._editingValuesSubscriptions.push(field.editValue);\n return field;\n }));\n });\n this.requestWrapper.getDocumentData(documentId, ignoreErrorPredicate)\n .done(response => {\n documentDataDeferred.resolve(response);\n })\n .fail(error => {\n documentDataDeferred.reject(error);\n });\n }\n exportDocumentTo(format, inlineResult) {\n if (!this._currentDocumentId())\n return;\n var serializedExportOptions = this.exportOptionsModel() ? JSON.stringify(new ModelSerializer().serialize(this.exportOptionsModel())) : null;\n var args = () => encodeURIComponent(JSON.stringify({\n documentId: this._currentDocumentId(),\n exportOptions: serializedExportOptions,\n format: format,\n inlineResult: inlineResult,\n editingFieldValues: this._editingFields && this._editingFields().map(item => {\n var editValue = item.editValue();\n if (typeof editValue === 'string')\n return transformNewLineCharacters(editValue);\n return editValue;\n })\n }));\n this.exportHandler.export(args, HandlerUri(), inlineResult);\n }\n printDocument(pageIndex) {\n if (!this._currentDocumentId())\n return;\n var exportOptions = new ExportOptionsPreview({});\n exportOptions.pdf['showPrintDialogOnOpen'] = true;\n pageIndex = parseInt(pageIndex);\n if ((!!pageIndex && pageIndex > 0 || pageIndex === 0) && (this.pages().length > pageIndex)) {\n (exportOptions.pdf['pageRange'] = pageIndex + 1);\n }\n var serializedExportOptions = JSON.stringify(new ModelSerializer().serialize(exportOptions));\n var args = () => encodeURIComponent(JSON.stringify({\n documentId: this._currentDocumentId(),\n exportOptions: serializedExportOptions,\n format: 'printpdf',\n inlineResult: !isIOS,\n editingFieldValues: this._editingFields && this._editingFields().map(item => item.editValue())\n }));\n this.exportHandler.export(args, HandlerUri(), true, true);\n }\n stopBuild(documentId) {\n var id = documentId || this._currentDocumentId();\n if (!id) {\n this._startBuildOperationId && (this._stopBuildRequests[this._startBuildOperationId] = true);\n return;\n }\n this._stopBuildRequests[id] = true;\n this.requestWrapper.stopBuild(id);\n }\n closeDocument(documentId) {\n var _documentId = documentId || this._currentDocumentId();\n if (!_documentId) {\n this._startBuildOperationId && (this._closeDocumentRequests[this._startBuildOperationId] = true);\n return;\n }\n this._closeDocumentRequests[_documentId] = true;\n this.progressBar.complete(documentId);\n this.requestWrapper.sendCloseRequest(_documentId);\n }\n closeReport() {\n this._openReportOperationDeferred && this._openReportOperationDeferred.reject();\n var currentReportId = this._currentReportId();\n if (!currentReportId) {\n return;\n }\n this._closeReportRequests[currentReportId] = true;\n this.requestWrapper.sendCloseRequest(null, currentReportId);\n }\n goToPage(pageIndex, forcePageChanging, throttle) {\n if (!forcePageChanging && this.pageIndex.peek() === pageIndex || this.pages.peek().length === 0 || pageIndex < 0 || pageIndex >= this.pages.peek().length) {\n return;\n }\n if (this._goToPageTimer !== undefined) {\n clearTimeout(this._goToPageTimer);\n }\n var updateActivePage = (activePageIndex) => {\n this.pages.peek().forEach((page) => {\n var visible = page.pageIndex === activePageIndex;\n page.active(visible);\n page.isClientVisible(visible);\n });\n this._goToPageTimer = undefined;\n };\n if (throttle)\n this._timeouts.push(this._goToPageTimer = setTimeout(() => updateActivePage(this.pageIndex()), throttle));\n else\n updateActivePage(pageIndex);\n this.pageIndex(pageIndex);\n }\n createEditingField(item, index) {\n return new EditingField(item, index, this.requestWrapper);\n }\n currentPageAriaLabelImgAlt(index) {\n return formatUnicorn(getLocalization('Report Preview page {0} of {1}', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPreviewPage'), index + 1, this.pages().length);\n }\n _getErrorMessage(jqXHR) {\n var serverError = getErrorMessage(jqXHR);\n if (!serverError)\n return jqXHR && jqXHR.responseJSON && jqXHR.responseJSON.result && jqXHR.responseJSON.result.faultMessage ?\n jqXHR.responseJSON.result.faultMessage :\n serverError;\n return serverError;\n }\n _processError(error, jqXHR, showForUser = true) {\n var prefix = error + ': ';\n var serverError = this._getErrorMessage(jqXHR);\n serverError && (error = prefix + serverError);\n MessageHandler().processError(error, showForUser, serverError && prefix, this._getToastMessageContainer());\n }\n _getToastMessageContainer() {\n var _a;\n return (_a = this.element) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('dx-designer-viewport')[0];\n }\n get reportId() {\n return this._currentReportId();\n }\n get reportUrl() {\n return this._currentReportUrl();\n }\n get documentId() {\n return this._currentDocumentId();\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\binding\\jsReportViewer.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { updateLocalization } from '@devexpress/analytics-core/analytics-utils';\nexport class JSReportViewer {\n constructor(_previewModel) {\n this._previewModel = _previewModel;\n }\n get previewModel() {\n return this._previewModel();\n }\n set previewModel(newVal) {\n this._previewModel(newVal);\n }\n previewExists() {\n return this.previewModel && this.previewModel.reportPreview;\n }\n GetReportPreview() {\n return this.previewExists();\n }\n GetPreviewModel() {\n return this.previewModel;\n }\n GetParametersModel() {\n return this.previewModel && this.previewModel.GetParametersModel();\n }\n PerformCustomDocumentOperation(customData, hideMessageFromUser) {\n return this.previewExists() && this.previewModel.PerformCustomDocumentOperation(customData, hideMessageFromUser);\n }\n OpenReport(reportName) {\n return this.previewExists() && this.previewModel.OpenReport(reportName);\n }\n Print(pageIndex) {\n return this.previewExists() && this.previewModel.Print(pageIndex);\n }\n ExportTo(format, inlineResult) {\n this.previewExists() && this.previewModel.ExportTo(format, inlineResult);\n }\n GetCurrentPageIndex() {\n return this.previewExists() && this.previewModel.GetCurrentPageIndex();\n }\n GoToPage(pageIndex) {\n this.previewExists() && this.previewModel.GoToPage(pageIndex);\n }\n Close() {\n this.previewExists() && this.previewModel.Close();\n }\n ResetParameters() {\n this.previewModel && this.previewModel.ResetParameters();\n }\n StartBuild() {\n return this.previewModel && this.previewModel.StartBuild();\n }\n UpdateLocalization(localization) {\n updateLocalization(localization);\n }\n AdjustControlCore() {\n this.previewModel && this.previewModel.updateSurfaceSize && this.previewModel.updateSurfaceSize();\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\documentMap\\_documentMapItemsProvider.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nexport class DocumentMapItemsProvider {\n constructor(bookmark) {\n this.bookmarkDict = {};\n this.getItems = (pathRequest) => {\n var result = $.Deferred();\n if (bookmark) {\n if (pathRequest.fullPath) {\n var nodes = this._selectNode(bookmark, pathRequest.fullPath);\n result.resolve(nodes);\n }\n else {\n var root = this._getRootNode(bookmark);\n result.resolve(root);\n }\n }\n else {\n result.reject();\n }\n return result.promise();\n };\n }\n _selectNode(root, path) {\n if (!!this.bookmarkDict[path]) {\n return this.bookmarkDict[path];\n }\n var pathComponents = path.split('.'), currentNode = root;\n if (pathComponents[0] !== '0') {\n return null;\n }\n for (var i = 1, index = pathComponents[i]; i < pathComponents.length; i++, index = pathComponents[i]) {\n if (currentNode && currentNode.nodes && currentNode.nodes[index]) {\n currentNode = currentNode.nodes[index];\n }\n else {\n return null;\n }\n }\n var result = DocumentMapItemsProvider.fillNode(currentNode);\n if (result && result.length !== 0) {\n this.bookmarkDict[path] = result;\n }\n return result;\n }\n static fillNode(bookmark) {\n if (!bookmark || !bookmark.nodes || bookmark.nodes.length <= 0) {\n return null;\n }\n return bookmark.nodes.map((node, i) => { return { name: i + '', displayName: node.text, isList: node.nodes && node.nodes.length > 0, bookmark: node, specifics: 'node' }; });\n }\n _getRootNode(bookmark) {\n return [{ name: '0', displayName: bookmark.text, isList: bookmark.nodes && bookmark.nodes.length > 0, bookmark: bookmark, specifics: 'node' }];\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\documentMap\\_documentMapTreeListController.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nexport class DocumentMapTreeListController {\n constructor() {\n this.selectedItem = ko.observable(null);\n this.clickHandler = (item) => void 0;\n }\n itemsFilter(item) {\n return true;\n }\n hasItems(item) {\n return item.isList === true;\n }\n canSelect(value) {\n return true;\n }\n select(value) {\n if (this.canSelect(value) && value !== this.selectedItem.peek()) {\n this.selectedItem.peek() && this.selectedItem.peek().isSelected(false);\n this.selectedItem(value);\n value.isSelected(true);\n }\n }\n showIconsForChildItems() {\n return false;\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\documentMap\\_documentMapModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { TreeListKeyboardHelper } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable, TabInfo } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport { DocumentMapItemsProvider } from './_documentMapItemsProvider';\nimport { DocumentMapTreeListController } from './_documentMapTreeListController';\nexport class DocumentMapModel extends Disposable {\n constructor(reportPreview) {\n super();\n this._selectedPath = ko.observable('0');\n this._setSelectedPathByNavigationNode = (nodes, brickNavigation, path = '0') => {\n nodes.forEach((item, index) => {\n if (item.indexes === brickNavigation.indexes && item.pageIndex === brickNavigation.pageIndex) {\n this._selectedPath(path + '.' + index.toString());\n }\n else if (item.nodes) {\n this._selectedPath(this._setSelectedPathByNavigationNode(item.nodes, brickNavigation, path + '.' + index.toString()));\n }\n });\n return this._selectedPath();\n };\n var treeListController = new DocumentMapTreeListController();\n this.isEmpty = ko.pureComputed(() => {\n return !(reportPreview.documentMap() && reportPreview.documentMap().nodes && (reportPreview.documentMap().nodes.length !== 0));\n });\n treeListController.clickHandler = (item) => {\n var bookmark = item.data.bookmark;\n if (bookmark) {\n var pageIndex = bookmark.pageIndex < 0 ? 0 : bookmark.pageIndex;\n reportPreview.pages.peek()[pageIndex].selectBrick(bookmark.indexes);\n }\n };\n reportPreview.brickClickDocumentMapHandler = (brickNavigation) => {\n if (reportPreview.documentMap && reportPreview.documentMap())\n this._setSelectedPathByNavigationNode(reportPreview.documentMap().nodes, brickNavigation);\n };\n this._disposables.push({ dispose: () => delete reportPreview.brickClickDocumentMapHandler });\n var documentMapTabVisible = ko.pureComputed(() => !this.isEmpty());\n this.tabInfo = new TabInfo({\n text: 'Document Map',\n template: 'dxrd-preview-document-map',\n model: this,\n keyboardHelper: new TreeListKeyboardHelper(),\n localizationId: 'DevExpress.XtraPrinting.PrintingSystemCommand.DocumentMap',\n imageClassName: 'reportexplorer',\n imageTemplateName: 'dxrd-svg-tabs-reportexplorer',\n visible: documentMapTabVisible\n });\n this.documentMapOptions = ko.pureComputed(() => {\n return {\n itemsProvider: new DocumentMapItemsProvider(reportPreview.documentMap()),\n expandRootItems: true,\n selectedPath: this._selectedPath,\n treeListController: treeListController,\n onItemsVisibilityChanged: () => { var _a, _b; return (_b = (_a = this.tabInfo) === null || _a === void 0 ? void 0 : _a.keyboardHelper) === null || _b === void 0 ? void 0 : _b.initialize(); }\n };\n });\n this._disposables.push(this.tabInfo, documentMapTabVisible, this.documentMapOptions, this.isEmpty);\n }\n dispose() {\n super.dispose();\n this.removeProperties();\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\exportOptions\\exportOptionsModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { AccordionKeyboardHelper } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable, TabInfo } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport { ActionId, ExportFormatID } from '../constants';\nexport class ExportOptionsModel extends Disposable {\n constructor(reportPreview, enableKeyboardSupport) {\n super();\n this.actions = [];\n this._reportPreview = reportPreview;\n var tabPanelVisible = ko.pureComputed(() => !!reportPreview.exportOptionsModel() && (!reportPreview.exportOptionsTabVisible || reportPreview.exportOptionsTabVisible()));\n this.tabInfo = new TabInfo({\n text: 'Export Options',\n template: 'dxrd-preview-export-options',\n model: reportPreview.exportOptionsModel,\n keyboardHelper: enableKeyboardSupport ? new AccordionKeyboardHelper() : undefined,\n localizationId: 'DevExpress.XtraPrinting.ExportOptions',\n imageClassName: 'properties',\n imageTemplateName: 'dxrd-svg-tabs-properties',\n visible: tabPanelVisible\n });\n var actionExportTo = {\n id: ActionId.ExportTo,\n text: 'Export To',\n textId: 'ASPxReportsStringId.WebDocumentViewer_ExportToText',\n disabled: reportPreview.exportDisabled,\n visible: true,\n clickAction: (model) => {\n if (reportPreview.exportDisabled())\n return;\n this._exportDocumentByFormat(model.itemData.format);\n },\n templateName: 'dxrd-preview-export-to',\n imageTemplateName: 'dxrd-svg-preview-export-export-to',\n eventHandlers: new ExportOptionsEventHandlers()\n };\n var exportItems = ko.pureComputed(() => {\n var result = this._getExportFormatItems();\n return [{\n text: 'Export To',\n textId: 'ASPxReportsStringId.WebDocumentViewer_ExportToText',\n imageClassName: 'dxrd-image-export-to',\n imageTemplateName: actionExportTo.imageTemplateName,\n items: result\n }];\n });\n actionExportTo['items'] = exportItems;\n this.actions.push(actionExportTo);\n this._disposables.push(tabPanelVisible, this.tabInfo, exportItems);\n }\n _getExportFormatItems() {\n var result = [];\n var exportOptionsModel = this._reportPreview.exportOptionsModel();\n if (exportOptionsModel) {\n exportOptionsModel.pdf && result.push(ExportFormatID.PDF);\n exportOptionsModel.xls && result.push(ExportFormatID.XLS);\n exportOptionsModel.xlsx && result.push(ExportFormatID.XLSX);\n exportOptionsModel.rtf && result.push(ExportFormatID.RTF);\n exportOptionsModel.docx && result.push(ExportFormatID.DOCX);\n exportOptionsModel.mht && result.push(ExportFormatID.MHT);\n exportOptionsModel.html && result.push(ExportFormatID.HTML);\n exportOptionsModel.textExportOptions && result.push(ExportFormatID.Text);\n exportOptionsModel.csv && result.push(ExportFormatID.CSV);\n exportOptionsModel.image && result.push(ExportFormatID.Image);\n }\n return result;\n }\n _exportDocumentByFormat(format) {\n format && this._reportPreview.exportDocumentTo(format);\n }\n getActions(context) {\n return this.actions;\n }\n dispose() {\n super.dispose();\n this.disposeArray(this.actions);\n this.removeProperties();\n }\n}\nexport class ExportOptionsEventHandlers {\n onSubmenuShowing(popupContainer, element) {\n return (e) => {\n e.submenu._overlay.option('container', popupContainer);\n e.submenu._overlay.option('focusStateEnabled', false);\n e.submenu._overlay.option('position', { my: 'left top', at: 'left bottom', of: element, collision: 'none', boundary: popupContainer });\n this._menuButton = e.component.option('focusedElement');\n e.submenu._attachHoverEvents();\n };\n }\n onSubmenuShown(e) {\n var submenu = e.submenu;\n submenu.registerKeyHandler('escape', (e) => submenu.hide());\n submenu.registerKeyHandler('leftArrow', (e) => submenu.hide());\n submenu.registerKeyHandler('rightArrow', (e) => submenu.hide());\n }\n onSubmenuHiding(e) {\n if (e.model.eventHandlers._menuButton) {\n e.component.option('focusedElement', e.model.eventHandlers._menuButton);\n e.component.focus();\n }\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\_mobilePage.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { PreviewPage } from '../../internal/_page';\nexport class MobilePreviewPage extends PreviewPage {\n constructor(preview, pageIndex, processClick, loading) {\n super(preview, pageIndex, processClick, loading);\n this.maxZoom = 1;\n this.selectBrick = (path, ctrlKey) => {\n var currentBrick = this.brick();\n !ctrlKey && this.resetBrickRecusive(currentBrick);\n if (!path) {\n return;\n }\n if (!currentBrick) {\n this['_selectedBrickPath'] = path;\n return;\n }\n this.bricks().forEach((brick) => { brick.indexes === path && brick.active(true); });\n };\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\mobilePreview.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ReportPreview } from '../reportPreview';\nimport { ZoomAutoBy } from '../constants';\nimport { MobilePreviewPage } from './internal/_mobilePage';\nimport * as ko from 'knockout';\nexport class MobileReportPreview extends ReportPreview {\n constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, mobileSettings = { readerMode: true, animationEnabled: true }) {\n super(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl);\n this.availablePages = ko.observable(null);\n this.visiblePages = ko.computed(() => {\n if (!this.availablePages()) {\n return this.pages();\n }\n else {\n return this.pages().filter((x) => { return this.availablePages().indexOf(x.pageIndex) !== -1; });\n }\n });\n this.topOffset = ko.observable(0);\n this.previewWrapperSize = ko.observable({ width: 0, height: 0 });\n this.searchPanelVisible = ko.observable(false);\n this.actionsVisible = ko.observable(false);\n this.scrollReachedLeft = ko.observable(false);\n this.scrollReachedRight = ko.observable(false);\n this.scrollReachedTop = ko.observable(true);\n this.scrollReachedBottom = ko.observable(true);\n this.zoomUpdating = ko.observable(false);\n this.mobileZoom = ko.computed({\n read: () => {\n var currentZoom = this.zoom();\n return currentZoom > 0 ? currentZoom : this._zoom();\n },\n write: (newVal) => {\n this.zoom(newVal);\n }\n });\n this.readerMode = mobileSettings.readerMode;\n var globalAnimationEnabled = mobileSettings.animationEnabled;\n this.animationSettings = { zoomEnabled: ko.observable(globalAnimationEnabled), swipeEnabled: ko.observable(globalAnimationEnabled) };\n this.canSwitchToDesigner = false;\n this.autoFitBy(ZoomAutoBy.PageWidth);\n this.showMultipagePreview(true);\n this._disposables.push(this.interactionDisabled = ko.pureComputed(() => this.pages().length === 0), this.searchPanelVisible.subscribe((newVal) => {\n if (newVal) {\n this.actionsVisible(false);\n }\n }));\n }\n createPage(pageIndex, processClick, loading) {\n return new MobilePreviewPage(this, pageIndex, processClick, loading);\n }\n createBrickClickProcessor(cyclePageIndex) {\n var _clickHandler = super.createBrickClickProcessor(cyclePageIndex);\n var func = (brick) => {\n if (this.zoomUpdating())\n return;\n if (cyclePageIndex !== this.pageIndex()) {\n this.actionsVisible(false);\n var supscription = this.actionsVisible.subscribe((newVal) => {\n supscription.dispose();\n this.actionsVisible(false);\n });\n }\n _clickHandler(brick);\n };\n return func;\n }\n _hasActiveEditingFields() {\n return this.visiblePages().some(p => {\n var pageEditFields = ko.unwrap(p.editingFields);\n return pageEditFields && pageEditFields.some(x => ko.unwrap(x.active));\n });\n }\n showActions(s) {\n if (s.zoomUpdating() || s.interactionDisabled())\n return;\n var searchVisible = s.searchPanelVisible();\n if (!searchVisible) {\n if (!this._hasActiveEditingFields()) {\n s.actionsVisible(!s.actionsVisible());\n }\n }\n else {\n s.searchPanelVisible(!searchVisible);\n }\n }\n onSlide(e) {\n this.scrollReachedLeft(true);\n this.scrollReachedRight(true);\n if (this.autoFitBy() === ZoomAutoBy.None && e.removedItems && e.removedItems[0].blocks().length === 1 && e.addedItems && e.addedItems[0].blocks().length === 1)\n this.autoFitBy(ZoomAutoBy.PageWidth);\n }\n goToPage(pageIndex, forcePage) {\n super.goToPage(pageIndex, forcePage);\n }\n getScrollViewOptions() {\n var options = {\n onUpdated: (e) => { this.setScrollReached(e); },\n direction: 'both',\n pushBackValue: 0,\n bounceEnabled: false,\n disabled: this.zoomUpdating\n };\n return options;\n }\n setScrollReached(e) {\n this.scrollReachedLeft(e.reachedLeft);\n this.scrollReachedRight(e.reachedRight);\n this.scrollReachedTop(e.reachedTop);\n this.scrollReachedBottom(e.reachedBottom);\n }\n dispose() {\n this.mobileZoom.dispose();\n this.visiblePages.dispose();\n super.dispose();\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\accessibility\\_searchKeyboardHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { formatUnicorn, getLocalization, ListKeyboardHelper } from '@devexpress/analytics-core/analytics-internal';\nexport class SearchKeyboardHelper extends ListKeyboardHelper {\n constructor(searchModel) {\n super();\n this.liveRegionId = 'dxrd-preview-search-live-region';\n this._disposables.push(searchModel.searchResult.subscribe(result => {\n if (result.length > 0)\n this.liveRegion().changeText(formatUnicorn(getLocalization('{0} results are available', 'ASPxReportsStringId.WebDocumentViewer_AriaSearchResultsAvailable'), result.length));\n else if (!searchModel.loading() && !!searchModel.searchText())\n this.liveRegion().changeText(searchModel.noResultText());\n }));\n this._disposables.push(searchModel.searchText.subscribe(inputValue => {\n if (!!inputValue)\n this.liveRegion().changeText(formatUnicorn(getLocalization('You searched for {0}', 'ASPxReportsStringId.WebDocumentViewer_AriaSearchString'), '\"' + inputValue + '\"'));\n }));\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\search\\_searchResultNavigator.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nexport class SearchResultNavigator extends Disposable {\n constructor(searchModel, reportPreview) {\n super();\n this.currentResult = ko.observable(null);\n var goToMatchedResult = (foundResult) => {\n if (!foundResult) {\n return;\n }\n reportPreview.goToPage && reportPreview.goToPage(foundResult.pageIndex);\n var page = reportPreview.pages.peek()[foundResult.pageIndex];\n page && page.selectBrick(foundResult.indexes);\n };\n this.getFirstMatchFromPage = (pageIndex, up, thisPageOnly) => {\n if (!searchModel.searchResult() || searchModel.searchResult().length === 0) {\n return null;\n }\n var firstMatch;\n var sortOutResult = (index) => {\n searchModel.searchResult().forEach((m) => {\n if (thisPageOnly && m.pageIndex === index) {\n if (!firstMatch || (m.id < firstMatch.id && !up || m.id > firstMatch.id && up)) {\n firstMatch = m;\n }\n }\n else {\n if (m.pageIndex >= index && !up && (!firstMatch || m.id < firstMatch.id) || m.pageIndex <= index && up && (!firstMatch || m.id > firstMatch.id)) {\n firstMatch = m;\n }\n }\n });\n };\n sortOutResult(pageIndex);\n !firstMatch && sortOutResult(up ? reportPreview.pages().length : 0);\n return firstMatch;\n };\n var _setCurrentResult = (highlight, resultId, thisPageOnly) => {\n if (searchModel.searchResult() && searchModel.searchResult().length !== 0) {\n var currentResult = (resultId >= 0 && searchModel.searchResult().length > resultId) ?\n searchModel.searchResult()[resultId] :\n this.getFirstMatchFromPage(reportPreview.pageIndex.peek(), searchModel.searchUp.peek(), thisPageOnly);\n this.currentResult(currentResult);\n highlight && goToMatchedResult(this.currentResult.peek());\n }\n else {\n reportPreview.pages() && reportPreview.pages()[reportPreview.pageIndex()] && reportPreview.pages()[reportPreview.pageIndex()].selectBrick('');\n }\n };\n this.goToResult = (id) => {\n if (id !== 0 && !id) {\n return null;\n }\n _setCurrentResult(true, id);\n };\n this._disposables.push(reportPreview.pageIndex.subscribe((newPageIndex) => {\n if (this.currentResult() && newPageIndex === this.currentResult().pageIndex)\n return;\n this.currentResult(null);\n }));\n this._disposables.push(searchModel.searchResult.subscribe(() => {\n _setCurrentResult(true);\n }));\n this.next = (up) => {\n if (!searchModel.searchResult()) {\n return false;\n }\n if (!this.currentResult()) {\n var prevPageIndex = (reportPreview.pageIndex() === 0 ? reportPreview.pages.length : reportPreview.pageIndex()) - 1;\n var pageIndexToSearchFrom = up ? prevPageIndex : reportPreview.pageIndex();\n var firstResult = this.getFirstMatchFromPage(pageIndexToSearchFrom, up);\n this.currentResult(firstResult);\n if (firstResult) {\n goToMatchedResult(firstResult);\n return true;\n }\n else {\n return false;\n }\n }\n var id, currentId = this.currentResult().id;\n if (up) {\n id = (currentId === 0) ? searchModel.searchResult().length - 1 : (currentId - 1);\n }\n else {\n id = (currentId === searchModel.searchResult().length - 1) ? 0 : (currentId + 1);\n }\n this.currentResult(searchModel.searchResult()[id]);\n goToMatchedResult(this.currentResult());\n return true;\n };\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\search\\_searchViewModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { formatUnicorn } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable, getLocalization, TabInfo } from '@devexpress/analytics-core/analytics-utils';\nimport DataSource from 'devextreme/data/data_source';\nimport * as ko from 'knockout';\nimport { SearchKeyboardHelper } from '../accessibility/_searchKeyboardHelper';\nimport { ActionId } from '../constants';\nimport { SearchAvailable } from '../settings';\nimport { SearchResultNavigator } from './_searchResultNavigator';\nexport class SearchViewModel extends Disposable {\n constructor(reportPreview, enableKeyboardSupport) {\n super();\n this._searchIgnoreObs = ko.observable(false);\n this.itemClickAction = (e) => {\n this.goToResult(e.data);\n };\n this.actions = [];\n this.focusRequested = ko.observable(true);\n this.matchWholeWord = ko.observable(false);\n this.matchCase = ko.observable(false);\n this.searchUp = ko.observable(false);\n this.searchText = ko.observable();\n this.searchResult = ko.observable();\n this.loading = ko.observable(false);\n this._renderedSearchResult = ko.observable([]);\n this.resetSearchResult();\n this._resultNavigator = SearchViewModel.createResultNavigator(this, reportPreview);\n this.clean = () => { this.searchText(''); };\n this._disposables.push(reportPreview._currentDocumentId.subscribe((newVal) => {\n this.resetSearchResult();\n }));\n this._disposables.push(reportPreview._currentReportId.subscribe((newVal) => {\n this.resetSearchResult();\n }));\n this.findUp = () => { this.searchUp(true); this.findNext(); };\n this.findDown = () => { this.searchUp(false); this.findNext(); };\n this.goToResult = (result) => { this._resultNavigator.goToResult(result.id); };\n var newSearch = (text, matchCase, matchWholeWord) => {\n this._searchTimeout && clearTimeout(this._searchTimeout);\n this._searchTimeout = setTimeout(() => {\n this._resultNavigator.currentResult(null);\n if (!text) {\n reportPreview.pages() && reportPreview.pages()[reportPreview.pageIndex()] && reportPreview.pages()[reportPreview.pageIndex()].selectBrick('');\n this.searchResult([]);\n return;\n }\n var mCase = this.matchCase();\n text = mCase ? this.searchText() : this.searchText().toLocaleLowerCase();\n var cache = this.matchWholeWord()\n ? mCase ? this._cachedWholeWordWithCaseRequests : this._cachedWholeWordRequests\n : mCase ? this._cachedCaseSensitiveRequests : this._cachedRequests;\n if (cache[text]) {\n this.loading(false);\n this.searchResult(cache[text]);\n return;\n }\n this.loading(true);\n this._searchIgnoreObs(true);\n this._searchIgnoreObs = ko.observable(false);\n var self = this;\n ((ignore) => {\n reportPreview.requestWrapper.findTextRequest(text, ignore).done(function (result) {\n if (!ignore())\n self.findTextRequestDone(result, cache[text]);\n }).fail(function (error) {\n if (!ignore()) {\n self.searchResult([]);\n self.loading(false);\n }\n });\n })(this._searchIgnoreObs);\n }, 100);\n };\n this.findNext = () => {\n if (this.loading()) {\n return;\n }\n this._resultNavigator.next(this.searchUp()) || newSearch(this.searchText(), this.matchCase(), this.matchWholeWord());\n };\n this._disposables.push(this.searchText.subscribe(newVal => { newSearch(newVal, this.matchCase(), this.matchWholeWord()); }), this.matchCase.subscribe(newVal => { newSearch(this.searchText(), newVal, this.matchWholeWord()); }), this.matchWholeWord.subscribe(newVal => { newSearch(this.searchText(), this.matchCase(), newVal); }));\n var disabled = ko.pureComputed(() => {\n var documentId = reportPreview['_currentDocumentId']();\n var pageIndex = reportPreview.pageIndex();\n return reportPreview.documentBuilding() || !documentId || pageIndex === -1;\n });\n var visible = ko.pureComputed(() => SearchAvailable());\n this._disposables.push(disabled, visible);\n this.actions.push({\n id: ActionId.Search,\n text: getLocalization('Search', 'ASPxReportsStringId.SearchDialog_Header'),\n imageClassName: 'dxrd-image-search',\n imageTemplateName: 'dxrd-svg-preview-search',\n disabled: disabled,\n visible: visible,\n hasSeparator: true,\n hotKey: { ctrlKey: false, keyCode: 70 },\n clickAction: () => {\n if (!this.tabInfo.active()) {\n this.tabInfo.active(true);\n }\n else {\n this.tabInfo.active.notifySubscribers(true);\n }\n }\n });\n this.tabInfo = new TabInfo({\n text: 'Search',\n template: 'dxrd-preview-search',\n model: this,\n keyboardHelper: enableKeyboardSupport ? new SearchKeyboardHelper(this) : undefined,\n localizationId: 'ASPxReportsStringId.SearchDialog_Header',\n imageClassName: 'search',\n imageTemplateName: 'dxrd-svg-preview-search',\n visible: ko.pureComputed(() => !disabled() && SearchAvailable())\n });\n this._disposables.push(this.searchResult.subscribe((newVal) => {\n if (newVal) {\n this._renderedSearchResult(newVal.map((item) => { return { data: item }; }));\n }\n }));\n this._disposables.push(this.tabInfo);\n var dataSource = null;\n this._disposables.push(this.searchResultDataSource = ko.pureComputed(() => {\n dataSource && dataSource.dispose();\n dataSource = new DataSource({\n store: this._renderedSearchResult(),\n paginate: this._renderedSearchResult().length > 20,\n pageSize: 20\n });\n return dataSource;\n }));\n }\n resetSearchResult() {\n this._cachedRequests = {};\n this._cachedWholeWordRequests = {};\n this._cachedCaseSensitiveRequests = {};\n this._cachedWholeWordWithCaseRequests = {};\n this.searchResult([]);\n this.searchText('');\n }\n findTextRequestDone(result, cache) {\n this.loading(false);\n if (!result) {\n this.searchResult([]);\n return;\n }\n cache = (result.success ? result.matches : []) || [];\n this.searchResult(cache);\n }\n dispose() {\n this._searchTimeout && clearTimeout(this._searchTimeout);\n super.dispose();\n }\n onItemRendered(e) {\n this._timeoutItemRendered && clearTimeout(this._timeoutItemRendered);\n this._timeoutItemRendered = setTimeout(() => {\n this.tabInfo.keyboardHelper && this.tabInfo.keyboardHelper.initialize();\n }, 100);\n }\n getActions(context) {\n return this.actions;\n }\n noResultText() {\n return formatUnicorn(getLocalization('No results found for {0}', 'ASPxReportsStringId.WebDocumentViewer_AriaSearchNoResults'), '\"' + this.searchText() + '\"');\n }\n get disabled() { return this.loading(); }\n}\nSearchViewModel.createResultNavigator = (seacrhModel, reportPreview) => {\n return new SearchResultNavigator(seacrhModel, reportPreview);\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\_mobileSearch.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { SearchViewModel } from '../../search/_searchViewModel';\nimport { SearchAvailable } from '../../settings';\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport { addDisposeCallback } from '@devexpress/analytics-core/analytics-internal';\nimport dxTextBox from 'devextreme/ui/text_box';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nexport class MobileSearchViewModel extends SearchViewModel {\n constructor(reportPreview, gallery) {\n super(reportPreview);\n this.height = ko.observable(0);\n this['_resultNavigator']['_disposables'].forEach((x) => { x.dispose(); });\n var _galleryCurrentItemBlocksSubscription;\n var currentBlocksSubscribe = (selectedIndex) => {\n this._killSubscription(_galleryCurrentItemBlocksSubscription);\n _galleryCurrentItemBlocksSubscription = gallery.items()[selectedIndex].blocks.subscribe((newBlocks) => this.updatePagesInBlocks(newBlocks));\n this.updatePagesInBlocks(gallery.items()[selectedIndex].blocks());\n };\n var _gallerySelectedIndexSubscription;\n var currentIndexSubscribe = () => {\n this._killSubscription(_gallerySelectedIndexSubscription);\n _gallerySelectedIndexSubscription = gallery.selectedIndex.subscribe((newSelectedIndex) => currentBlocksSubscribe(newSelectedIndex));\n currentBlocksSubscribe(gallery.selectedIndex());\n };\n this._disposables.push(gallery.items.subscribe((newItems) => currentIndexSubscribe()));\n currentIndexSubscribe();\n this._disposables.push(this.searchResult.subscribe((newResult) => {\n if (!newResult || newResult.length === 0) {\n reportPreview.availablePages(null);\n reportPreview.pages().forEach(page => page.resetBrickRecusive(page.brick()));\n }\n else {\n reportPreview.availablePages(newResult.map(x => x.pageIndex));\n }\n var blocks = gallery.items()[gallery.selectedIndex()].blocks();\n blocks.forEach(block => {\n block.page && block.page.resetBrickRecusive(block.page.brick());\n this._updateBricks(block.page, this.searchResult());\n });\n }));\n this.searchPanelVisible = reportPreview.searchPanelVisible;\n this.editorVisible = ko.observable(false);\n this._disposables.push(this.searchPanelVisible.subscribe((newVal) => {\n if (!newVal || !SearchAvailable()) {\n this.stopSearching();\n }\n else {\n this.height(MobileSearchViewModel.maxHeight);\n }\n }));\n this.enabled = SearchAvailable;\n }\n focusEditor(event) {\n if (this.searchPanelVisible()) {\n this.editorVisible(true);\n var previewSearch = $.fn.constructor('.dxrdp-search-editor');\n var searchEditor = dxTextBox['getInstance'](previewSearch.get(0));\n searchEditor.focus();\n setTimeout(() => {\n event.currentTarget.blur();\n searchEditor.focus();\n }, 1);\n }\n }\n _killSubscription(subscription) {\n var index = this._disposables.indexOf(subscription);\n if (index == -1)\n return;\n subscription && subscription.dispose();\n this._disposables.splice(index, 1);\n }\n _updateBricks(page, searchResult) {\n if (page.brick() && searchResult && searchResult.length > 0) {\n var results = searchResult.filter((x) => { return x.pageIndex === page.pageIndex; });\n for (var i = 0; i < results.length; i++) {\n page.selectBrick(results[i].indexes, true);\n }\n }\n else {\n var subscription = page.brick.subscribe((newVal) => {\n subscription.dispose();\n this._updateBricks(page, this.searchResult());\n });\n }\n }\n updatePagesInBlocks(blocks) {\n blocks.forEach(block => {\n if (block.page && this.searchResult() && this.searchResult().length > 0) {\n this._updateBricks(block.page, this.searchResult());\n }\n });\n }\n stopSearching() {\n this.height(0);\n this.editorVisible(false);\n this.searchResult(null);\n }\n startSearch() {\n if (this.searchResult() === null)\n this.findNext();\n }\n}\nMobileSearchViewModel.maxHeight = 80;\nexport class SearchBarModel extends Disposable {\n constructor(viewModel, element, $searchText) {\n super();\n this.viewModel = viewModel;\n this._disposables.push(viewModel.height.subscribe((newValue) => {\n if (!newValue) {\n element.style.display = 'none';\n }\n else {\n element.style.display = 'block';\n }\n $searchText.css({\n 'opacity': Math.min((newValue / MobileSearchViewModel.maxHeight), 1)\n });\n }));\n }\n dispose() {\n super.dispose();\n this.viewModel.stopSearching();\n }\n}\nko.bindingHandlers['dxrdSearchBar'] = {\n init: function (element, valueAccessor) {\n var viewModel = ko.unwrap(valueAccessor());\n var $element = $.fn.constructor(element);\n element.style.display = 'none';\n var $searchText = $element.find('.dxrdp-taptosearch-text');\n var searchBarModel = new SearchBarModel(viewModel, element, $searchText);\n addDisposeCallback(element, function () {\n searchBarModel.dispose();\n });\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\gallery\\_galleryModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { getCurrentResolution } from '../../../internal/_utils';\nimport { previewDefaultResolution } from '../../../settings';\nimport { ZoomAutoBy } from '../../../constants';\nimport * as ko from 'knockout';\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nexport class GalleryModel extends Disposable {\n constructor(preview, previewWrapperSize) {\n super();\n this.preview = preview;\n this.previewWrapperSize = previewWrapperSize;\n this._spacing = 1;\n this._animationTimeout = null;\n this.repaint = ko.observable({});\n this.repaintTimeout = ko.observable();\n this.horizontal = ko.observable(1);\n this.vertical = ko.observable(1);\n this.pageCount = 0;\n this.isAnimated = ko.observable(false);\n this.items = ko.observableArray([{ blocks: ko.observableArray([]) }, { blocks: ko.observableArray([]) }, { blocks: ko.observableArray([]) }]);\n this.currentBlockText = ko.observable('');\n this.selectedIndexReal = ko.observable(0);\n this.selectedIndex = ko.observable(0);\n var oldIndex = this.selectedIndex();\n this._disposables.push(this.contentSize = ko.pureComputed(() => {\n var blocks = this.items()[this.selectedIndex()].blocks();\n var width, height;\n if (blocks.length === 1) {\n var block = blocks[0];\n var position = block.position();\n width = Math.max(position.width, block.page.width());\n height = Math.max(position.height, block.page.height());\n }\n return { width: width ? width + 'px' : 'auto', height: height ? height + 'px' : 'auto' };\n }));\n this.animationEnabled = preview.animationSettings.swipeEnabled;\n var _calcHorizontalVertical = () => {\n var _zoom = preview._zoom();\n var pageHeight = Math.ceil(preview._pageHeight() * getCurrentResolution(_zoom) / previewDefaultResolution());\n var pageWidth = Math.ceil(preview._pageWidth() * getCurrentResolution(_zoom) / previewDefaultResolution());\n var _containerSize = previewWrapperSize();\n var horizontal = (preview.autoFitBy() != ZoomAutoBy.PageWidth && (Math.floor(_containerSize.width / (pageWidth + 2 * this._spacing)))) || 1;\n var vertical = Math.floor(_containerSize.height / (pageHeight + 2 * this._spacing)) || 1;\n this.horizontal(horizontal);\n this.vertical(vertical);\n };\n var updateGalleryContent = () => {\n _calcHorizontalVertical();\n this.pageCount = this.horizontal() * this.vertical();\n this.updateContent(preview, this.pageCount);\n };\n this._disposables.push(previewWrapperSize.subscribe(() => {\n this.items().forEach(item => item.blocks().forEach(block => block.repaint = true));\n updateGalleryContent();\n var currentGalleryItem = this.items()[this.selectedIndex()];\n this.updateBlocks(currentGalleryItem, this.pageCount, preview, this.selectedIndexReal(), preview.animationSettings.zoomEnabled());\n this.repaint.valueHasMutated();\n }));\n this._disposables.push(preview.visiblePages.subscribe(() => {\n for (var i = 0; i < this.items().length; i++) {\n this.items()[i].blocks([]);\n this.items()[i].realIndex = -1;\n }\n updateGalleryContent();\n }));\n this._disposables.push(preview.pageIndex.subscribe(updateGalleryContent));\n this._disposables.push(preview.zoomUpdating.subscribe((newVal) => {\n if (newVal)\n return;\n clearTimeout(this.repaintTimeout());\n this.repaintTimeout(setTimeout(() => this.repaint.valueHasMutated(), 410));\n }));\n this._disposables.push(preview._zoom.subscribe(() => {\n _calcHorizontalVertical();\n var pageCount = this.horizontal() * this.vertical();\n if (this.pageCount !== pageCount) {\n this.pageCount = pageCount;\n this.items().forEach(item => item.blocks().forEach(block => block.repaint = true));\n this.updateContent(preview, pageCount);\n }\n else if (this.pageCount === 1) {\n var block = this.items()[this.selectedIndex()].blocks()[0];\n this.items().forEach((item, index) => {\n if (index != this.selectedIndex())\n item.blocks().forEach(block => block.repaint = true);\n });\n setTimeout(() => {\n block.position({\n left: block.position().left,\n top: block.position().top,\n height: Math.max(this.previewWrapperSize().height, block.page.height()),\n width: Math.max(this.previewWrapperSize().width, block.page.width())\n });\n });\n }\n }));\n this._disposables.push(this.selectedIndexReal.subscribe((newVal) => {\n if (newVal >= 0) {\n this.changePage(preview);\n }\n else if (newVal < 0) {\n this.selectedIndexReal(0);\n }\n }));\n this._disposables.push(this.selectedIndex.subscribe((newVal) => {\n var result = newVal - oldIndex;\n if (result === -2 || result === 1) {\n this.selectedIndexReal(this.selectedIndexReal() + 1);\n }\n else if (result === 2 || result === -1) {\n this.selectedIndexReal(this.selectedIndexReal() - 1);\n }\n oldIndex = newVal;\n }));\n this._disposables.push(this.swipeLeftEnable = ko.computed(() => {\n return this.selectedIndexReal() !== 0;\n }));\n this._disposables.push(this.swipeRightEnable = ko.computed(() => {\n return this.selectedIndexReal() != (Math.ceil(preview.visiblePages().length / (this.horizontal() * this.vertical())) - 1);\n }));\n }\n _createBlock(previewPage, className, visible) {\n previewPage.disableResolutionReduction = true;\n previewPage.maxZoom = 1;\n var classSet = {};\n if (this.animationEnabled() && this.pageCount > 1) {\n className && (classSet[className] = true);\n classSet['dxrdp-animation'] = true;\n }\n return {\n page: previewPage,\n visible: visible,\n classSet: classSet,\n position: ko.observable({ top: 0, left: 0, width: 0, height: 0 })\n };\n }\n dispose() {\n clearTimeout(this.repaintTimeout());\n super.dispose();\n }\n updatePagesVisible(preview) {\n if (this.items()[this.selectedIndex()]) {\n var someActive = false;\n var pages = this.items()[this.selectedIndex()].blocks();\n if (pages.length > 0) {\n for (var i = 0; i < pages.length; i++) {\n if (pages[i].page) {\n pages[i].page.isClientVisible(true);\n if (pages[i].page.active()) {\n someActive = true;\n }\n }\n }\n if (!someActive) {\n pages[0].page && preview.goToPage(pages[0].page.pageIndex);\n }\n }\n }\n }\n updateCurrentBlock() {\n if (this.items()[this.selectedIndex()]) {\n var blocks = this.items()[this.selectedIndex()].blocks();\n if (blocks.length > 0) {\n if (blocks.length > 1) {\n this.currentBlockText([blocks[0].page.pageIndex + 1, blocks[blocks.length - 1].page.pageIndex + 1].join(' - '));\n }\n else {\n if (blocks[0].page) {\n this.currentBlockText((this.preview.pageIndex() + 1).toString());\n }\n }\n }\n }\n }\n updateContent(preview, pagesCount) {\n var itemsCount = Math.ceil(preview.visiblePages().length / pagesCount);\n var pageIndex = 0;\n var isCurrentBlock = false;\n var realIndex = 0;\n for (var i = 0; i < itemsCount; i++) {\n for (var j = 0; j < pagesCount; j++) {\n if (preview.visiblePages()[pageIndex].active()) {\n isCurrentBlock = true;\n realIndex = i;\n break;\n }\n pageIndex++;\n if (preview.visiblePages().length === pageIndex) {\n break;\n }\n }\n if (isCurrentBlock)\n break;\n }\n if (this.selectedIndexReal() !== realIndex) {\n this.selectedIndexReal(realIndex);\n }\n else {\n this.changePage(preview);\n }\n }\n updateBlockPositions(blocks, visible) {\n var height = this.previewWrapperSize().height / this.vertical();\n var width = this.previewWrapperSize().width / this.horizontal();\n for (var i = 0; i < blocks.length; i++) {\n var vertical = Math.floor((i) / this.horizontal());\n var horizontal = i - (this.horizontal() * vertical);\n var left = horizontal * width;\n if (blocks[i].visible === visible || blocks[i].visible === true) {\n blocks[i].position({\n top: vertical * height,\n left: left,\n width: width,\n height: height\n });\n blocks[i].visible = true;\n }\n else {\n blocks[i].position({\n top: vertical * height,\n left: blocks[i].classSet['left'] ? ((this.previewWrapperSize().width + left) * -1) : this.previewWrapperSize().width + left,\n width: width,\n height: height\n });\n }\n }\n }\n updateStartBlocks(galleryItem, pages) {\n var currentBlockPages = galleryItem.blocks().map(x => x.page);\n var firstPage = pages.indexOf(currentBlockPages[0]);\n if (firstPage !== -1) {\n for (var i = 0; i < firstPage; i++) {\n galleryItem.blocks.splice(i, 0, this._createBlock(pages[i], 'left', false));\n }\n }\n else {\n firstPage = currentBlockPages.indexOf(pages[0]);\n if (firstPage !== -1) {\n galleryItem.blocks.splice(0, firstPage);\n }\n }\n return firstPage;\n }\n updateLastBlocks(galleryItem, pages) {\n var currentBlockPages = galleryItem.blocks().map(x => x.page);\n var lastPage = pages.indexOf(currentBlockPages[currentBlockPages.length - 1]);\n if (lastPage === pages.length - 1) {\n return 0;\n }\n if (lastPage !== -1) {\n for (var i = lastPage + 1; i < pages.length; i++) {\n galleryItem.blocks.splice(i, 0, this._createBlock(pages[i], 'right', false));\n }\n }\n else {\n lastPage = currentBlockPages.indexOf(pages[pages.length - 1]);\n galleryItem.blocks.splice(lastPage + 1, currentBlockPages.length - lastPage);\n }\n return lastPage;\n }\n updateBlocks(galleryItem, pagesCount, preview, index, useAnimation = false) {\n var blocks = galleryItem.blocks();\n if (galleryItem.realIndex !== index\n || (blocks.length !== pagesCount || blocks[0].page.pageIndex === -1)\n || blocks.some(x => x.repaint)) {\n galleryItem.realIndex = index;\n clearTimeout(this._animationTimeout);\n var startIndex = pagesCount * index;\n if (startIndex < 0 || startIndex >= preview.visiblePages().length) {\n galleryItem.blocks([]);\n return;\n }\n var pages = [];\n for (var i = startIndex; i < startIndex + pagesCount; i++) {\n if (i >= preview.visiblePages().length) {\n break;\n }\n pages.push(preview.visiblePages()[i]);\n }\n var first = this.updateStartBlocks(galleryItem, pages);\n var last = this.updateLastBlocks(galleryItem, pages);\n if (first === -1 && last === -1) {\n galleryItem.blocks([]);\n for (var i = 0; i < pages.length; i++) {\n galleryItem.blocks.splice(i, 0, this._createBlock(pages[i], null, true));\n }\n }\n this.updateBlockPositions(galleryItem.blocks(), true);\n var self = this;\n if (useAnimation) {\n this._animationTimeout = setTimeout(() => {\n self.updateBlockPositions(galleryItem.blocks(), false);\n }, 400);\n }\n else {\n self.updateBlockPositions(galleryItem.blocks(), false);\n }\n }\n }\n changePage(preview) {\n var pagesCount = this.horizontal() * this.vertical();\n var itemsCount = Math.ceil(preview.visiblePages().length / pagesCount);\n if (this.selectedIndex() === this.items().length - 1) {\n this.updateBlocks(this.items()[0], pagesCount, preview, this.selectedIndexReal() + 1);\n this.updateBlocks(this.items()[1], pagesCount, preview, this.selectedIndexReal() - 1);\n }\n else if (this.selectedIndex() === 0) {\n this.updateBlocks(this.items()[2], pagesCount, preview, this.selectedIndexReal() - 1);\n this.updateBlocks(this.items()[1], pagesCount, preview, this.selectedIndexReal() + 1);\n }\n else {\n this.updateBlocks(this.items()[0], pagesCount, preview, this.selectedIndexReal() - 1);\n this.updateBlocks(this.items()[2], pagesCount, preview, this.selectedIndexReal() + 1);\n }\n var currentGalleryItem = this.items()[this.selectedIndex()];\n this.updateBlocks(currentGalleryItem, pagesCount, preview, this.selectedIndexReal(), preview.animationSettings.zoomEnabled());\n if (!this.isAnimated()) {\n this.updatePagesVisible(preview);\n }\n this.updateCurrentBlock();\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\_paginator.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Disposable, getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nexport class MobilePaginator extends Disposable {\n constructor(reportPreview, gallery) {\n super();\n this.visible = ko.observable(false).extend({ notify: 'always' });\n this._disposables.push(this.text = ko.computed(() => {\n setTimeout(() => { this.visible(true); }, 1);\n if (reportPreview.pageIndex() === -1) {\n return getLocalization('0 pages', 'ASPxReportsStringId.WebDocumentViewer_0Pages');\n }\n else {\n var ofText = getLocalization('of', 'ASPxReportsStringId.ToolBarItemText_OfLabel');\n var pageText = getLocalization('Page', 'ASPxReportsStringId.ToolBarItemText_PageLabel');\n return pageText + ' ' + gallery.currentBlockText() + ' ' + ofText + ' ' + reportPreview.pages().length;\n }\n }));\n }\n}\nko.bindingHandlers['dxrdMobilePaginator'] = {\n init: function (element, valueAccessor) {\n var values = valueAccessor();\n var $element = $.fn.constructor(element);\n var timeoutId = null;\n var hideAnimationTimeoutId = null;\n values.visible.subscribe((newVal) => {\n if (newVal) {\n $element.removeClass('dxrdp-hide').addClass('dxrdp-show');\n timeoutId && clearTimeout(timeoutId);\n timeoutId = setTimeout(() => { values.visible(false); }, 2000);\n }\n else {\n $element.removeClass('dxrdp-show').addClass('dxrdp-hide');\n hideAnimationTimeoutId && clearTimeout(hideAnimationTimeoutId);\n hideAnimationTimeoutId = setTimeout(() => {\n $element.removeClass('dxrdp-hide');\n }, 500);\n }\n });\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\_groupEditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { PropertyGridEditor } from '@devexpress/analytics-core/analytics-widgets';\nexport class ParametersGroupEditor extends PropertyGridEditor {\n constructor(info, level, parentDisabled, textToSearch) {\n super(info, level, parentDisabled, textToSearch);\n this.isGroupLabel = true;\n }\n _setPadding(position, value) {\n var padding = super._setPadding(position, value);\n padding['padding-' + position] = 10;\n padding['padding-bottom'] = 6;\n return padding;\n }\n createObjectProperties() {\n var editorOptions = this.editorOptions;\n this.collapsed(!editorOptions.expanded && editorOptions.titleVisible);\n this.hideEditorHeader = !editorOptions.titleVisible;\n this.hideCollapsingImage = !editorOptions.showExpandButton;\n this.hideBorder = editorOptions.borderVisible === false;\n this.showHorizontally = editorOptions.orientation === 'Horizontal';\n this.level = -1;\n this.editorCreated(true);\n return super.createObjectProperties();\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\editorTemplates.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport { formatUnicorn } from '@devexpress/analytics-core/analytics-internal';\nimport { ParametersGroupEditor } from './_groupEditor';\nexport var viewerEditorTemplates = {\n multiValue: {\n header: 'dxrd-multivalue', extendedOptions: {\n onMultiTagPreparing: (args) => {\n var selectedItemsLength = args.selectedItems.length, totalCount = args.model.items.length;\n if (selectedItemsLength === totalCount) {\n var stringFormat = getLocalization('All selected ({0})', 'ASPxReportsStringId.WebDocumentViewer_MultiValueEditor_AllSelected');\n args.text = formatUnicorn(stringFormat, selectedItemsLength);\n }\n }\n }\n },\n groupEditor: { header: 'dx-emptyHeader', custom: 'dxrd-parameters-property-editor', content: 'dxrd-parameters-editor-content', editorType: ParametersGroupEditor },\n rangeEditor: { header: 'dxrv-range-parameter' },\n multiValueEditable: { custom: 'dxrd-multivalue-editable' },\n selectBox: { header: 'dx-selectbox' },\n separatorEditor: { header: 'dx-emptyHeader', custom: 'dxrd-parameters-separator' }\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\parameters\\parameterHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { viewerEditorTemplates } from '../widgets/editorTemplates';\nimport { getLocalization, Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { selectPlaceholder, SortedArrayStore } from '@devexpress/analytics-core/analytics-internal';\nimport ArrayStore from 'devextreme/data/array_store';\nimport { getEditorType as analytics_getEditorType } from '@devexpress/analytics-core/analytics-internal';\nimport DataSource from 'devextreme/data/data_source';\nexport function getEditorType(typeString) {\n if (typeString === 'multiValueWithLookUp') {\n return viewerEditorTemplates.multiValue;\n }\n if (typeString === 'multiValue') {\n return viewerEditorTemplates.multiValueEditable;\n }\n if (typeString === 'Enum') {\n return viewerEditorTemplates.selectBox;\n }\n return undefined;\n}\nexport class ParameterHelper extends Disposable {\n constructor() {\n super(...arguments);\n this._customizeParameterEditors = ko.observable();\n this.getUnspecifiedDisplayText = () => { return getLocalization('(none)', 'PreviewStringId.NoneString'); };\n }\n _isKnownEnumType(type) {\n return !!this._knownEnums && this._knownEnums.some((knownEnumType) => { return knownEnumType.enumType === type; });\n }\n static getSerializationValue(value, dateConverter) {\n if (value instanceof Array) {\n return value.map((item) => {\n var itemValue = ko.isObservable(item === null || item === void 0 ? void 0 : item.value) ? item.value() : item;\n return (itemValue instanceof Date) ? dateConverter(itemValue) : itemValue;\n });\n }\n return (value instanceof Date) ? dateConverter(value) : value;\n }\n static createDefaultDataSource(store) {\n return new DataSource({\n store: store,\n paginate: true,\n pageSize: 100\n });\n }\n initialize(knownEnums, callbacks) {\n if (arguments.length > 0) {\n this._knownEnums = knownEnums;\n if (callbacks) {\n callbacks.customizeParameterEditors && this._customizeParameterEditors(callbacks.customizeParameterEditors);\n callbacks.customizeParameterLookUpSource && (this.customizeParameterLookUpSource = callbacks.customizeParameterLookUpSource);\n }\n }\n }\n createInfo(parameter) {\n var parameterDescriptor = parameter.getParameterDescriptor();\n var typeString = this.isEnumType(parameter) ? 'Enum' : ko.unwrap(parameterDescriptor.type);\n var editorType = getEditorType(typeString);\n var info = {\n propertyName: 'value',\n displayName: parameterDescriptor['displayName'],\n localizationId: parameterDescriptor['localizationId'],\n editor: editorType || analytics_getEditorType(typeString),\n editorOptions: {}\n };\n if (parameterDescriptor.type === 'System.Guid') {\n info.editorOptions.isNullable = parameterDescriptor.allowNull;\n }\n this.assignValueStore(info, parameter);\n return info;\n }\n addShowCleanButton(info, parameter) {\n info.editorOptions.showClearButton = parameter.allowNull;\n info.editorOptions.placeholder = ko.computed(() => {\n if (ko.unwrap(parameter.allowNull))\n return this.getUnspecifiedDisplayText();\n return ko.unwrap(parameter.isMultiValue) ? selectPlaceholder() : '';\n });\n }\n assignValueStore(info, parameter) {\n var items = this.getEnumCollection(parameter);\n info['valueStore'] = this.getItemsSource(parameter.getParameterDescriptor(), items, true);\n }\n createMultiValue(parameter, value) {\n var newValue = ko.observable();\n if (value !== null && value !== void 0) {\n newValue(value);\n }\n return { value: newValue, getInfo: () => { return [parameter.multiValueInfo()]; } };\n }\n createMultiValueArray(fromArray, parameter, convertSingleValue) {\n var converter = convertSingleValue ? convertSingleValue : this.getValueConverter(ko.unwrap(parameter.type));\n return ko.observableArray(fromArray.map((item) => {\n return this.createMultiValue(parameter, converter(item));\n }));\n }\n isEnumType(parameter) {\n return this._isKnownEnumType(ko.unwrap(parameter.type));\n }\n getItemsSource(parameterDescriptor, items, sort) {\n if (items) {\n var newItems;\n if (this.customizeParameterLookUpSource)\n newItems = this.customizeParameterLookUpSource(parameterDescriptor, items.slice(0));\n return newItems ? newItems : ParameterHelper.createDefaultDataSource(sort ? new SortedArrayStore(items, 'displayValue') : new ArrayStore(items));\n }\n return items;\n }\n getEnumCollection(parameter) {\n var type = ko.unwrap(parameter.type);\n if (this._isKnownEnumType(type)) {\n var currentKnownEnumInfo = this._knownEnums.filter((knownEnumType) => { return knownEnumType.enumType === type; })[0];\n if (currentKnownEnumInfo && currentKnownEnumInfo.values && currentKnownEnumInfo.values.length !== 0) {\n return currentKnownEnumInfo.values.map((val) => { return { value: val.value, displayValue: val.displayName }; });\n }\n }\n }\n getParameterInfo(parameter) {\n var valueInfo = this.createInfo(parameter);\n parameter.multiValueInfo($.extend(true, {}, valueInfo, { propertyName: 'value' }));\n if (parameter.allowNull !== undefined) {\n this.addShowCleanButton(valueInfo, parameter);\n }\n if (ko.unwrap(parameter.isMultiValue)) {\n valueInfo.editor = getEditorType(parameter['isMultiValueWithLookUp'] ? 'multiValueWithLookUp' : 'multiValue');\n valueInfo['addHandler'] = () => { return this.createMultiValue(parameter); };\n }\n valueInfo.editor.custom = valueInfo.editor.custom || 'dxrd-parameters-property-editor';\n if (this._customizeParameterEditors()) {\n this._customizeParameterEditors()(parameter.getParameterDescriptor(), valueInfo);\n }\n return valueInfo;\n }\n getValueConverter(type) {\n return (val => { return val; });\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\parameters\\multiValuesHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { compareArrays } from '@devexpress/analytics-core/analytics-internal';\nimport * as ko from 'knockout';\nexport class MultiValuesHelper {\n constructor(value, items, selectAllValues) {\n this.items = items;\n this.selectedItems = ko.observableArray([]);\n this.value = value;\n this.dataSource = items;\n var allValues;\n this.maxDisplayedTags = Math.min(((items && items.length) || 1) - 1, MultiValuesHelper.maxDisplayedTags);\n this.isSelectedAll = ko.pureComputed({\n read: () => this.value().length == items.length,\n write: (selectAll) => {\n var newValue = selectAll ? (allValues || (allValues = items.map(x => x.value))) : [];\n if (!compareArrays(this.value.peek(), newValue))\n this.value(newValue);\n }\n });\n if (selectAllValues)\n this.isSelectedAll(true);\n }\n}\nMultiValuesHelper.maxDisplayedTags = 3;\n","/**\n* DevExpress HTML/JS Reporting (viewer\\parameters\\previewParameterHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ParameterHelper } from './parameterHelper';\nimport { viewerEditorTemplates } from '../widgets/editorTemplates';\nimport { parseDate, integerValueConverter, floatValueConverter } from '@devexpress/analytics-core/analytics-internal';\nimport { requiredValidationRules } from '@devexpress/analytics-core/analytics-widgets-internal';\nimport * as $ from 'jquery';\nexport class PreviewParameterHelper extends ParameterHelper {\n constructor(knownEnums, callbacks) {\n super();\n this.callbacks = callbacks;\n this.initialize(knownEnums, callbacks);\n }\n mapLookUpValues(type, lookUpValues) {\n var converter = this.getValueConverter(type);\n return $.map(lookUpValues || [], (lookUpValue) => { return { value: converter(lookUpValue.Value), displayValue: lookUpValue.Description }; });\n }\n static fixPropertyName(propertyName) {\n return propertyName.replace(/\\./g, '_');\n }\n static getPrivatePropertyName(propertyName) {\n return '_' + PreviewParameterHelper.fixPropertyName(propertyName);\n }\n createInfo(parameter) {\n var info = super.createInfo(parameter);\n info.propertyName = PreviewParameterHelper.getPrivatePropertyName(parameter.path);\n if (!parameter.isMultiValue && (parameter.lookUpValues() || this.isEnumType(parameter))) {\n info.editorOptions.searchEnabled = true;\n if (!parameter.allowNull)\n info.editorOptions.allowClearing = false;\n }\n if (parameter.isRange) {\n info.editor = this.getRangeEditor();\n return info;\n }\n if ((parameter.type === 'System.DateTime' || parameter.isTypesCurrentType(parameter.intTypes.concat(parameter.floatTypes), parameter.type)) && !parameter.allowNull && !parameter.isMultiValue && !parameter.isMultiValueWithLookUp) {\n info.validationRules = requiredValidationRules;\n }\n else if (parameter.type === 'System.Guid') {\n info.editorOptions.displayCustomValue = false;\n }\n return info;\n }\n assignValueStore(info, parameter) {\n var _helper = this;\n if (!parameter.isMultiValueWithLookUp) {\n Object.defineProperty(info, 'valueStore', {\n get: () => {\n var items = [];\n var needSorting = false;\n if (parameter.isFilteredLookUpSettings || parameter.lookUpValues() && parameter.lookUpValues().length !== 0) {\n items = parameter.lookUpValues();\n }\n else {\n items = _helper.getEnumCollection(parameter);\n needSorting = true;\n }\n if (parameter.valueStoreCache)\n return parameter.valueStoreCache;\n var itemsSource = _helper.getItemsSource(parameter.getParameterDescriptor(), items, needSorting);\n if (itemsSource)\n parameter.valueStoreCache = itemsSource;\n return itemsSource;\n },\n set: (values) => {\n parameter.lookUpValues(values);\n }\n });\n }\n }\n isEnumType(parameter) {\n return parameter.isFilteredLookUpSettings || !!parameter.lookUpValues() || super.isEnumType(parameter);\n }\n getValueConverter(type) {\n if (type === 'System.DateTime') {\n return (dateString) => { return parseDate(dateString); };\n }\n else if (['System.Int16', 'System.Int32', 'System.Int64'].indexOf(type) > -1) {\n return val => integerValueConverter(val, '0');\n }\n else if (['System.Single', 'System.Double', 'System.Decimal'].indexOf(type) > -1) {\n return val => floatValueConverter(val, '0');\n }\n return super.getValueConverter(type);\n }\n getRangeEditor() {\n return viewerEditorTemplates.rangeEditor;\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\parameters\\previewParameter.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { compareArrays } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport { Editor } from '@devexpress/analytics-core/analytics-widgets';\nimport ArrayStore from 'devextreme/data/array_store';\nimport * as ko from 'knockout';\nimport { MultiValuesHelper } from './multiValuesHelper';\nimport { ParameterHelper } from './parameterHelper';\nimport { PreviewParameterHelper } from './previewParameterHelper';\nexport class PreviewParameter extends Disposable {\n constructor(parameterInfo, parameterHelper) {\n super();\n this.hasVerticalLabel = ko.observable(false);\n this.valueInfo = ko.observable();\n this.lookUpValues = ko.observableArray();\n this.valueStoreCache = null;\n this.multiValueInfo = ko.observable();\n this.intTypes = ['System.Int16', 'System.Int32', 'System.Int64'];\n this.floatTypes = ['System.Single', 'System.Double', 'System.Decimal'];\n this.isTypesCurrentType = (types, type) => types.indexOf(type) > -1;\n this.tag = parameterInfo.Tag;\n this.type = parameterInfo.TypeName;\n this.isRange = parameterInfo.Value && parameterInfo.Value.Start !== undefined && parameterInfo.Value.End !== undefined;\n this.path = parameterInfo.Path;\n this.visible = ko.observable(parameterInfo.Visible);\n this.enabled = ko.observable(parameterInfo.Enabled);\n this.isFilteredLookUpSettings = parameterInfo.IsFilteredLookUpSettings;\n this.hasBindedExpressions = !!(parameterInfo.EnabledExpression || parameterInfo.VisibleExpression);\n this.hasVisibleExpression = !!parameterInfo.VisibleExpression;\n this._originalLookUpValues = parameterInfo.LookUpValues ? parameterHelper.mapLookUpValues(this.type, parameterInfo.LookUpValues || []) : null;\n this.lookUpValues(this._originalLookUpValues);\n this.lookUpValues.subscribe(() => { this.valueStoreCache = null; });\n this.isMultiValue = parameterInfo.MultiValue;\n this.selectAllValues = parameterInfo.SelectAllValues;\n this.allowNull = parameterInfo.AllowNull;\n this.isMultiValueWithLookUp = this.isMultiValue && !!this.lookUpValues();\n this._originalValue = parameterInfo.Value;\n if (parameterInfo.ValueInfo && this.isTypesCurrentType(this.intTypes.concat(this.floatTypes), this.type) && !this.isMultiValueWithLookUp) {\n this._originalValue = parameterInfo.ValueInfo;\n }\n this.getParameterDescriptor = () => {\n return {\n description: parameterInfo.Description,\n displayName: parameterInfo.Description || parameterInfo.Name,\n name: parameterInfo.Name,\n tag: parameterInfo.Tag,\n type: parameterInfo.TypeName,\n value: this._originalValue,\n multiValue: parameterInfo.MultiValue,\n selectAllValues: parameterInfo.SelectAllValues,\n allowNull: parameterInfo.AllowNull,\n hasLookUpValues: !!this.lookUpValues() || parameterHelper.isEnumType(this),\n visible: parameterInfo.Visible,\n enabled: parameterInfo.Enabled\n };\n };\n this._disposables.push(ko.computed(() => {\n var info = parameterHelper.getParameterInfo(this);\n info.propertyName = PreviewParameterHelper.getPrivatePropertyName(parameterInfo.Path);\n info.editor.editorType = info.editor.editorType || Editor;\n info.editorOptions.hasVerticalLabel = this.hasVerticalLabel();\n this.valueInfo(info);\n }));\n this.initialize(this._originalValue, parameterHelper);\n }\n static _compareValues(value1, value2) {\n if (value1 instanceof Date && value2 instanceof Date) {\n return value1 - value2 === 0;\n }\n return value1 === value2;\n }\n safeAssignObservable(name, value) {\n if (this[name]) {\n if (PreviewParameter._compareValues(this[name](), value()))\n this[name](null);\n var isEqual = false;\n if (value() instanceof MultiValuesHelper && Array.isArray(value().items))\n isEqual = compareArrays(this[name]().items, value().items);\n else if (Array.isArray(value()))\n isEqual = compareArrays(this[name](), value());\n if (!isEqual) {\n this[name](value());\n }\n }\n else {\n this[name] = value;\n }\n }\n initialize(value, parameterHelper) {\n var resultValue;\n if (this.isMultiValueWithLookUp) {\n this.safeAssignObservable('_value', ko.observableArray((value || []).map((arrayItem) => {\n return parameterHelper.getValueConverter(this.type)(arrayItem);\n })));\n var multiValuesHelper = new MultiValuesHelper(this._value, this.lookUpValues(), this.selectAllValues);\n var newItems;\n if (parameterHelper.customizeParameterLookUpSource)\n newItems = parameterHelper.customizeParameterLookUpSource(this.getParameterDescriptor(), multiValuesHelper.dataSource);\n if (newItems) {\n multiValuesHelper.dataSource = newItems;\n }\n else {\n var store = new ArrayStore({\n data: multiValuesHelper.dataSource,\n key: 'value',\n });\n multiValuesHelper.dataSource = ParameterHelper.createDefaultDataSource(store);\n }\n resultValue = ko.observable(multiValuesHelper);\n }\n else if (this.isMultiValue) {\n resultValue = value ? parameterHelper.createMultiValueArray(value, this) : ko.observableArray();\n }\n else if (this.allowNull && !value && value !== false) {\n resultValue = ko.observable(null);\n }\n else if (this.isRange) {\n var converter = parameterHelper.getValueConverter(this.type);\n resultValue = ko.observableArray([this._originalValue.Start, this._originalValue.End].map(x => ko.unwrap(converter(x))));\n }\n else {\n resultValue = ko.observable(parameterHelper.getValueConverter(this.type)(value));\n }\n this.safeAssignObservable('value', resultValue);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\parameters\\parameterPanelItemBase.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { floatValueConverter, getUniqueName, integerValueConverter } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport { viewerEditorTemplates } from '../widgets/editorTemplates';\nimport { PreviewParameter } from './previewParameter';\nimport { PreviewParameterHelper } from './previewParameterHelper';\nexport class ParameterPanelItemBase extends Disposable {\n constructor(parameterHelper, layoutInfo) {\n super();\n this.parameterHelper = parameterHelper;\n this.layoutInfo = layoutInfo;\n this._parameters = [];\n this._separatorNames = [];\n this._groupLayoutItems = [];\n this.isEmpty = ko.observable(true);\n this.getInfo = ko.observable([]);\n this.parameterHelper = parameterHelper || new PreviewParameterHelper();\n }\n _fixGroupPropertyName(name) {\n return getUniqueName(Object.keys(this), name.toLocaleLowerCase().replace(/\\s/g, '_'));\n }\n _proceedLayoutInfo(layoutInfo, previewParameters) {\n this.getInfo([]);\n this._groupLayoutItems = [];\n layoutInfo.layoutItems.forEach(itemInfo => {\n if (itemInfo.type === 'Group') {\n var groupItemInfo = itemInfo;\n var name = this._fixGroupPropertyName(groupItemInfo.title);\n var info = {\n propertyName: name,\n displayName: groupItemInfo.title,\n editor: viewerEditorTemplates.groupEditor,\n editorOptions: {\n expanded: groupItemInfo.expanded,\n titleVisible: groupItemInfo.titleVisible,\n showExpandButton: groupItemInfo.showExpandButton,\n borderVisible: itemInfo.borderVisible,\n orientation: groupItemInfo.orientation\n }\n };\n var item = new ParameterPanelItemBase(this.parameterHelper, groupItemInfo);\n this[name] = item;\n this._groupLayoutItems.push(item);\n this.getInfo(this.getInfo().concat(info));\n }\n else if (itemInfo.type === 'Parameter') {\n var parameterLayoutInfo = itemInfo;\n var previewParameter = previewParameters.filter(x => x.path === parameterLayoutInfo.path)[0];\n previewParameter && this._add(previewParameter, parameterLayoutInfo);\n }\n else if (itemInfo.type === 'Separator') {\n var generatedName = this._fixGroupPropertyName('Separator');\n this[generatedName] = { name: ko.observable(generatedName) };\n info = {\n propertyName: generatedName,\n editor: viewerEditorTemplates.separatorEditor\n };\n this.getInfo(this.getInfo().concat(info));\n this._separatorNames.push(generatedName);\n }\n });\n }\n _add(parameter, parameterInfo) {\n if (this._parameters.indexOf(parameter) === -1) {\n this._parameters.push(parameter);\n }\n if (!parameter.visible() && !parameter.hasVisibleExpression) {\n return parameter;\n }\n parameter.hasVerticalLabel(parameterInfo.labelOrientation === 'Vertical');\n this[PreviewParameterHelper.getPrivatePropertyName(parameter.path)] = parameter.value;\n var parameterPropertyName = PreviewParameterHelper.fixPropertyName(parameter.path);\n if (parameter.isMultiValue || !parameter.isTypesCurrentType(parameter.intTypes.concat(parameter.floatTypes), parameter.type)) {\n this[parameterPropertyName] = parameter.value;\n }\n else {\n this[parameterPropertyName] = ko.pureComputed({\n read: () => {\n var parseValue = parameter.value();\n if (parseValue === null || parseValue === undefined) {\n return parseValue;\n }\n if (parameter.isTypesCurrentType(parameter.intTypes, parameter.type)) {\n parseValue = parseInt(parseValue);\n }\n else if (parameter.isTypesCurrentType(parameter.floatTypes, parameter.type)) {\n parseValue = parseFloat(parseValue);\n }\n return parseValue;\n },\n write: (newVal) => {\n var expandValue = newVal;\n if (parameter.allowNull && (expandValue === '' || expandValue === undefined)) {\n expandValue = null;\n }\n else if (parameter.isTypesCurrentType(parameter.intTypes, parameter.type)) {\n expandValue = integerValueConverter(expandValue, '0');\n }\n else if (parameter.isTypesCurrentType(parameter.floatTypes, parameter.type)) {\n expandValue = floatValueConverter(expandValue, '0');\n }\n parameter.value(expandValue);\n }\n });\n }\n this.getInfo(this.getInfo().concat(parameter.valueInfo()));\n return parameter;\n }\n isPropertyDisabled(name) {\n var parameter = this._parameters.filter(parameter => PreviewParameterHelper.getPrivatePropertyName(parameter.path) === name)[0];\n return parameter && !parameter.enabled();\n }\n isPropertyVisible(name) {\n var parameter = this._parameters.filter(parameter => PreviewParameterHelper.getPrivatePropertyName(parameter.path) === name)[0];\n return !parameter || parameter.visible();\n }\n initialize(originalParametersInfo, parameters) {\n this._parameters.forEach((usedParameter) => {\n delete this[PreviewParameterHelper.fixPropertyName(usedParameter.path)];\n delete this[PreviewParameterHelper.getPrivatePropertyName(usedParameter.path)];\n });\n this._parameters = [];\n if (!originalParametersInfo) {\n this.isEmpty(true);\n this.getInfo([]);\n return;\n }\n parameters = parameters || (originalParametersInfo.parameters || []).map((parameter) => {\n var previewParameter = new PreviewParameter(parameter, this.parameterHelper);\n this._parameters.push(previewParameter);\n return previewParameter;\n });\n var layoutInfo = originalParametersInfo.parameterPanelLayout || this.layoutInfo;\n layoutInfo && this._proceedLayoutInfo(layoutInfo, parameters);\n this._groupLayoutItems.forEach(item => item.initialize({}, parameters));\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\parameters\\previewParametersViewModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { AccordionKeyboardHelper, ajax } from '@devexpress/analytics-core/analytics-internal';\nimport { getLocalization, TabInfoWithPropertyGrid } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport { HandlerUri } from '../settings';\nimport { ParameterHelper } from './parameterHelper';\nimport { ParameterPanelItemBase } from './parameterPanelItemBase';\nimport { PreviewParameter } from './previewParameter';\nimport * as $ from 'jquery';\nexport class PreviewParametersViewModel extends ParameterPanelItemBase {\n constructor(reportPreview, parameterHelper, enableKeyboardSupport) {\n super(parameterHelper);\n this._needToUpdateParameter = ko.observable(false);\n this._getParametersStateRequest = (argsObject) => {\n return ajax(HandlerUri(), 'getParametersState', encodeURIComponent(JSON.stringify(argsObject)), (message, jqXHR, textStatus) => this._reportPreview._processError(getLocalization('Cannot supply filtered lookup values to a report parameter editor', 'ASPxReportsStringId.WebDocumentViewer_GetLookUpValuesError'), jqXHR));\n };\n this._getDoneGetParametersStateHandler = (changedParameter) => {\n var parametersViewModel = this;\n return (response) => {\n try {\n if (!response || !response.parameters) {\n return;\n }\n response.parameters.forEach((parametersInfoCollection) => {\n var matchedParameter = parametersViewModel._parameters.filter((p) => { return p.path === parametersInfoCollection.Key; })[0];\n if (!parametersViewModel._shouldProcessParameter(matchedParameter))\n return;\n matchedParameter.visible(parametersInfoCollection.Value.visible);\n matchedParameter.enabled(parametersInfoCollection.Value.enabled);\n if (parametersViewModel._parameters.indexOf(changedParameter) < parametersViewModel._parameters.indexOf(matchedParameter) && parametersInfoCollection.Value.lookUpValues != null) {\n parametersViewModel._setLookUpValues(matchedParameter, parametersInfoCollection.Value.lookUpValues);\n }\n });\n }\n finally {\n parametersViewModel.parametersLoading(false);\n }\n };\n };\n this._getFailGetParametersStateHandler = () => {\n var parametersViewModel = this;\n return (jqXHRError) => {\n parametersViewModel.parametersLoading(false);\n };\n };\n this.restore = () => {\n if (this.parametersLoading()) {\n return;\n }\n try {\n this.parametersLoading(true);\n this._parameters.forEach((parameter) => {\n if (!this._shouldProcessParameter(parameter))\n return;\n parameter.lookUpValues(parameter._originalLookUpValues);\n parameter.initialize(parameter._originalValue, this.parameterHelper);\n });\n }\n finally {\n this.parameterHelper.callbacks && this.parameterHelper.callbacks.parametersReset && this.parameterHelper.callbacks.parametersReset(this, this._parameters);\n this.parametersLoading(false);\n }\n };\n this.getInfo = ko.observable(null);\n this.processInvisibleParameters = false;\n this.parametersLoading = ko.observable(false);\n this.prevParametersStateRequest = $.Deferred();\n this._reportPreview = reportPreview;\n this.validateAndSubmit = (params) => {\n var result = params && params.validationGroup && params.validationGroup.validate && params.validationGroup.validate();\n if (!result || result.isValid)\n this.submit();\n };\n this.submit = () => {\n if (this.parametersLoading())\n return;\n this.parametersLoading(true);\n var promise = reportPreview.startBuild();\n promise && promise.done((val) => { this.parametersLoading(false); });\n };\n this._disposables.push(reportPreview.originalParametersInfo.subscribe((originalParametersInfo) => {\n this.initialize(originalParametersInfo);\n }));\n this.initialize(reportPreview.originalParametersInfo());\n var notEmpty = ko.pureComputed(() => !this.isEmpty());\n this.tabInfo = new TabInfoWithPropertyGrid({\n text: 'Parameters',\n template: 'dxrd-preview-parameters',\n model: this,\n keyboardHelper: enableKeyboardSupport ? new AccordionKeyboardHelper() : undefined,\n localizationId: 'PreviewStringId.RibbonPreview_Parameters_Caption',\n imageClassName: 'parameters',\n imageTemplateName: 'dxrd-svg-tabs-parameters',\n visible: notEmpty\n });\n var popupVisibleSwitch = ko.observable(false);\n var popupVisible = ko.pureComputed({\n read: () => {\n return notEmpty() && popupVisibleSwitch();\n },\n write: (newVal) => {\n return popupVisibleSwitch(newVal);\n }\n });\n this.popupInfo = { visible: popupVisible, notEmpty: notEmpty };\n this._disposables.push(this.popupInfo);\n this._disposables.push({\n dispose: () => {\n var _a;\n clearTimeout(this._updateParametersTimeOut);\n (_a = this.prevParametersStateRequest) === null || _a === void 0 ? void 0 : _a.reject();\n }\n });\n }\n get _visibleParameters() {\n return this._parameters.filter((p) => { return p.visible(); });\n }\n _shouldProcessParameter(param) {\n return this.processInvisibleParameters || (param && (param.visible() || param.hasVisibleExpression || param.isFilteredLookUpSettings));\n }\n _convertLocalDateToUTC(localDate) {\n return new Date(Date.UTC(localDate.getFullYear(), localDate.getMonth(), localDate.getDate(), localDate.getHours(), localDate.getMinutes(), localDate.getSeconds()));\n }\n subscribeParameter(parameter) {\n var needToUpdateParameter = this._needToUpdateParameter() || (this._shouldProcessParameter(parameter)) &&\n (parameter.isFilteredLookUpSettings || parameter.hasBindedExpressions);\n this._needToUpdateParameter(needToUpdateParameter);\n if (this._shouldProcessParameter(parameter)) {\n this._disposables.push((parameter.isMultiValueWithLookUp ? parameter._value : parameter.value).subscribe((newValue) => {\n if (this._needToUpdateParameter()) {\n this.updateParameters(parameter);\n }\n }));\n }\n }\n _setLookUpValues(parameter, lookUpValues) {\n if (!lookUpValues) {\n parameter.lookUpValues([]);\n return;\n }\n parameter.lookUpValues(this.parameterHelper.mapLookUpValues(parameter.type, lookUpValues));\n var _parameterValuesContainedInLookUps = this._getParameterValuesContainedInLookups(lookUpValues, parameter);\n if (parameter.isMultiValue) {\n parameter.initialize(_parameterValuesContainedInLookUps.length > 0 ? _parameterValuesContainedInLookUps : [], this.parameterHelper);\n }\n else {\n parameter.initialize(_parameterValuesContainedInLookUps[0] && _parameterValuesContainedInLookUps[0].Value || (lookUpValues.length > 0 ? lookUpValues[0].Value : null), this.parameterHelper);\n }\n }\n _getParameterValuesContainedInLookups(parameterLookUpValues, parameter) {\n if (parameterLookUpValues) {\n if (parameter.isMultiValue) {\n var selectedItems = parameter.value().value();\n return selectedItems.filter((item) => this._filterParameterValuesContainsInLookups(parameterLookUpValues, parameter.type, item).length > 0);\n }\n else {\n return this._filterParameterValuesContainsInLookups(parameterLookUpValues, parameter.type, parameter.value());\n }\n }\n return [];\n }\n _filterParameterValuesContainsInLookups(parameterLookUpValues, parameterType, value) {\n return parameterLookUpValues.filter((x) => PreviewParameter._compareValues(this.parameterHelper.getValueConverter(parameterType)(x.Value), value));\n }\n initialize(originalParametersInfo) {\n originalParametersInfo && this.parameterHelper.initialize(originalParametersInfo.knownEnums);\n super.initialize(originalParametersInfo);\n if (!originalParametersInfo)\n return;\n var layout = originalParametersInfo.parameterPanelLayout;\n if ((!layout || layout.layoutItems.length === 0) && originalParametersInfo.parameters) {\n this._parameters.forEach(x => this._add(x, {}));\n }\n this.isEmpty(this._visibleParameters.length === 0);\n var actualParametersInfo = [];\n this._parameters.forEach(x => {\n this.subscribeParameter(x);\n actualParametersInfo.push({ value: x.value, parameterDescriptor: x.getParameterDescriptor(), lookUpValues: x.lookUpValues });\n });\n if (this.parameterHelper.callbacks && this.parameterHelper.callbacks.parametersInitialized) {\n this.parameterHelper.callbacks.parametersInitialized(this, actualParametersInfo, this.submit, originalParametersInfo.shouldRequestParameters);\n }\n if (this._reportPreview.documentId)\n return;\n if (!originalParametersInfo.shouldRequestParameters || this.isEmpty()) {\n this.submit();\n }\n else {\n this._reportPreview.removeEmptyPages();\n this.tabInfo.active(true);\n if (this.tabInfo.visible() && ko.isWriteableObservable(this.tabInfo.collapsed))\n this.tabInfo.collapsed(false);\n this.popupInfo.visible(true);\n this._reportPreview.pageLoading(false);\n }\n }\n getPathsAfterPath(parameterPath) {\n var startIndex = 0;\n for (var index = 0; index < this._parameters.length; index++) {\n if (this._parameters[index].path === parameterPath) {\n startIndex = index + 1;\n break;\n }\n }\n var paths = this._parameters\n .filter((param, index) => {\n return this._shouldProcessParameter(param) &&\n (param.hasBindedExpressions || param.isFilteredLookUpSettings && index >= startIndex);\n })\n .map((x) => x.path);\n return paths || [];\n }\n serializeParameters() {\n var params = [], self = this;\n this._parameters.forEach((parameter) => {\n var convertItem = (item) => {\n return (parameter.type === 'System.DateTime' && !!item && (item instanceof Date)) ? self._convertLocalDateToUTC(item) : item;\n };\n var value = parameter.isMultiValueWithLookUp ? parameter._value() : parameter.value();\n if (parameter.allowNull) {\n if ((parameter.isMultiValue && Array.isArray(value) && value.length === 0) || value === '') {\n value = null;\n }\n }\n params.push({ Value: ParameterHelper.getSerializationValue(value, convertItem), Key: parameter.path, TypeName: parameter.type });\n });\n return params;\n }\n updateParameters(changedParameter) {\n var requiredParameterPaths = this.getPathsAfterPath(changedParameter.path);\n if (!requiredParameterPaths || requiredParameterPaths.length === 0) {\n return;\n }\n var changedParameterIndex = this._parameters.indexOf(changedParameter);\n var updateTopChangedParameter = (index, changedParameter, requiredParameterPaths) => {\n this._topChangedParameter = { index: index, changedParameter: changedParameter, requiredParameterPaths: requiredParameterPaths };\n };\n if (this._topChangedParameter && changedParameterIndex !== -1) {\n if (this._topChangedParameter.index > changedParameterIndex)\n updateTopChangedParameter(changedParameterIndex, changedParameter, requiredParameterPaths);\n return;\n }\n updateTopChangedParameter(changedParameterIndex, changedParameter, requiredParameterPaths);\n this.prevParametersStateRequest.reject();\n var deferred = $.Deferred();\n this._updateParametersTimeOut = setTimeout(() => {\n this.parametersLoading(true);\n var argsObject = {\n reportId: this._reportPreview.reportId,\n reportUrl: this._reportPreview.reportUrl,\n requiredParameterPaths: this._topChangedParameter.requiredParameterPaths,\n parameters: this.serializeParameters(),\n changedParameterPath: this._topChangedParameter.changedParameter.path,\n timeZoneOffset: 0 - new Date().getTimezoneOffset()\n };\n this._getParametersStateRequest(argsObject)\n .done((result) => deferred.resolve(result))\n .fail(() => deferred.resolve());\n deferred.done(this._getDoneGetParametersStateHandler(this._topChangedParameter.changedParameter));\n deferred.fail(this._getFailGetParametersStateHandler());\n this.prevParametersStateRequest = deferred;\n this._topChangedParameter = null;\n }, 20);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\_sizeUtils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport function updatePreviewContentSizeMobile(previewWrapperSize, $root) {\n return () => {\n var height = $root.outerHeight();\n var width = $root.outerWidth();\n previewWrapperSize({ width, height });\n };\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\_editorTemplates.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport var editorTemplates = {\n rangeEditor: { header: 'dxrv-range-parameter-mobile' },\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\_mobilePreviewParameterHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { PreviewParameterHelper } from '../../parameters/previewParameterHelper';\nimport { editorTemplates } from './_editorTemplates';\nexport class MobilePreviewParameterHelper extends PreviewParameterHelper {\n getRangeEditor() {\n return editorTemplates.rangeEditor;\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\utils\\_mobileActionList.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { SearchAvailable } from '../../settings';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nexport class MobileActionList extends Disposable {\n constructor(actions) {\n super();\n this.actions = actions;\n this.visible = ko.observable(false);\n }\n dispose() {\n this.actions.forEach(action => {\n if (action.content && action.content.dispose) {\n action.content.dispose();\n delete action.content.dispose;\n }\n });\n super.dispose();\n }\n}\nexport function getPreviewActionsMobile(options) {\n var exportToModel = {\n visible: ko.observable(false),\n items: ko.pureComputed(() => {\n var allFormats = options.exportModel._getExportFormatItems();\n var availableFormats = options.exportTypes().filter(x => allFormats.indexOf(x) !== -1);\n if (availableFormats.length > 9) {\n availableFormats.splice(9, availableFormats.length - 9);\n }\n else if (availableFormats.length < 9) {\n var notUsedFormats = allFormats.filter(x => availableFormats.indexOf(x) === -1);\n availableFormats.push.apply(availableFormats, notUsedFormats.slice(0, 9 - availableFormats.length));\n }\n return availableFormats.map((item) => {\n item.action = (model) => { options.exportModel._exportDocumentByFormat(model && model.format); };\n return item;\n });\n })\n };\n var actions = [\n {\n clickAction: () => {\n options.searchModel.searchPanelVisible(true);\n options.searchModel.editorVisible(true);\n options.searchModel.focusEditor({ currentTarget: $.fn.constructor('.dxrdp-taptosearch') });\n options.reportPreview.actionsVisible(false);\n },\n imageClassName: 'dxrd-image-search',\n imageTemplateName: 'dxrd-svg-preview-search',\n visible: SearchAvailable\n },\n {\n clickAction: () => { exportToModel.visible(!exportToModel.visible()); },\n imageClassName: 'dxrd-image-export-to',\n imageTemplateName: 'dxrd-svg-preview-export-export-to',\n visible: true,\n content: {\n name: 'dxrd-menu-export-content',\n data: exportToModel,\n dispose: () => {\n exportToModel.items().forEach(item => {\n delete item.action;\n });\n exportToModel.items.dispose();\n }\n }\n },\n {\n clickAction: () => {\n options.parametersModel.popupInfo.visible(!options.parametersModel.popupInfo.visible());\n options.reportPreview.actionsVisible(false);\n },\n imageClassName: 'dxrd-image-parameters',\n imageTemplateName: 'dxrd-svg-tabs-parameters',\n visible: options.parametersModel.popupInfo.notEmpty\n }\n ];\n options.callbacks && options.callbacks.customizeActions && options.callbacks.customizeActions(actions);\n return new MobileActionList(actions);\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_previewModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nexport class PreviewDisposableModel extends Disposable {\n constructor(options) {\n super();\n this.rootStyle = options.rootStyle;\n this.reportPreview = options.reportPreview;\n this.parametersModel = options.parametersModel;\n this.exportModel = options.exportModel;\n this.searchModel = options.searchModel;\n this.rtl = options.rtl;\n this._disposables.push(options.reportPreview);\n this._disposables.push(options.parametersModel);\n this._disposables.push(options.exportModel);\n this._disposables.push(options.searchModel);\n }\n _addDisposable(object) {\n this._disposables.push(object);\n }\n dispose() {\n super.dispose();\n this.removeProperties();\n }\n GetParametersModel() {\n return this.parametersModel;\n }\n OpenReport(reportName) {\n this.reportPreview.openReport(reportName);\n }\n Print(pageIndex) {\n this.reportPreview.printDocument(pageIndex);\n }\n ExportTo(format, inlineResult) {\n if (!this.reportPreview.exportDisabled()) {\n this.reportPreview.exportDocumentTo(format || 'pdf', inlineResult);\n }\n }\n GetCurrentPageIndex() {\n return this.reportPreview.pageIndex();\n }\n GoToPage(pageIndex) {\n this.reportPreview.goToPage(pageIndex);\n }\n Close() {\n this.reportPreview.deactivate();\n }\n ResetParameters() {\n this.parametersModel && this.parametersModel.restore();\n }\n StartBuild() {\n this.parametersModel && this.parametersModel.submit();\n }\n PerformCustomDocumentOperation(customData, hideMessageFromUser) {\n return this.reportPreview.customDocumentOperation(customData, hideMessageFromUser);\n }\n}\nexport class PreviewModel extends PreviewDisposableModel {\n constructor(options) {\n super(options);\n this.documentMapModel = options.documentMapModel;\n this.tabPanel = options.tabPanel;\n this.actionLists = options.actionLists;\n this.accessibilityCompliant = options.accessibilityCompliant;\n this._disposables.push(options.documentMapModel);\n this._disposables.push(options.tabPanel);\n this._disposables.push(options.actionLists);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\_mobilePreviewModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as ko from 'knockout';\nimport { PreviewDisposableModel } from '../../internal/_previewModel';\nexport class MobilePreviewModel extends PreviewDisposableModel {\n constructor(options) {\n super(options);\n this.slideOptions = options.slideOptions;\n this.gallery = options.gallery;\n this.paginator = options.paginator;\n this.brickEventsDisabled = options.brickEventsDisabled;\n this.availableFormats = options.availableFormats;\n this._disposables.push(options.gallery);\n if (ko.isComputed(options.brickEventsDisabled))\n this._disposables.push(options.brickEventsDisabled);\n if (options.slideOptions && ko.isComputed(options.slideOptions.scrollAvailable))\n this._disposables.push(options.slideOptions.scrollAvailable);\n if (options.slideOptions && ko.isComputed(options.slideOptions.swipeEnabled))\n this._disposables.push(options.slideOptions.swipeEnabled);\n this._disposables.push(options.paginator);\n this._disposables.push(options.searchModel);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\_parametersPopup.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { getLocalization, Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport { StringId, formatDate } from '@devexpress/analytics-core/analytics-internal';\nexport class ParametersPopupModelBase extends Disposable {\n constructor(formModel) {\n super();\n this.formModel = formModel;\n this._submit = (params) => {\n var result = params.validationGroup && params.validationGroup.validate && params.validationGroup.validate();\n if (!result || result.isValid) {\n this.formModel.submit && this.formModel.submit();\n this.visible(false);\n }\n };\n this._reset = () => {\n this.formModel.reset && this.formModel.reset();\n };\n this._cancel = () => {\n this.formModel.cancel && this.formModel.cancel();\n this.visible(false);\n };\n this.showIcons = ko.observable(false);\n this.className = '';\n this.visible = formModel.visible;\n this.cancelDisabled = ko.observable(false);\n this.actionButtons = [\n { className: 'dxrdp-parameters-reset', text: getLocalization('Reset', 'ASPxReportsStringId.ParametersPanel_Reset'), action: this._reset, disabled: false, visible: !!formModel.reset, id: 'dxrv-mobile-reset' },\n { className: 'dxrdp-parameters-cancel', text: getLocalization('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel'), action: this._cancel, disabled: this.cancelDisabled, visible: true, id: 'dxrv-mobile-cancel' },\n { className: 'dxrdp-parameters-submit', text: getLocalization('Submit', 'ASPxReportsStringId.ParametersPanel_Submit'), action: this._submit, disabled: false, visible: true, id: 'dxrv-mobile-submit' }\n ];\n this.actionIcons = [\n { className: 'dxrdp-parameters-reset dxrdp-image-parameters-reset', action: this._reset, disabled: false, visible: !!formModel.reset },\n { className: 'dxrdp-parameters-cancel dxrdp-image-parameters-cancel', action: this._cancel, disabled: this.cancelDisabled, visible: true },\n { className: 'dxrdp-parameters-submit dxrdp-image-parameters-submit', action: this._submit, disabled: false, visible: true }\n ];\n }\n cacheElementContent(element) {\n this._parametersButtonContaner = element;\n this.initVisibilityIcons();\n }\n dispose() {\n super.dispose();\n this._parametersButtonContaner = null;\n }\n initVisibilityIcons() {\n if (!this._parametersButtonContaner)\n return;\n var result = this.showIcons();\n var nodeTop = this._parametersButtonContaner.offset().top;\n this._parametersButtonContaner.find('.dxrdp-parameter-action').each((_, el) => {\n result = nodeTop !== el.getBoundingClientRect().top;\n });\n this.showIcons(result);\n }\n}\nexport class ParametersPopupModel extends ParametersPopupModelBase {\n constructor(model, _reportPreview) {\n super({ visible: model.popupInfo.visible, submit: model.submit, reset: model.restore });\n this.model = model;\n this._reportPreview = _reportPreview;\n this._disposables.push(ko.computed(() => {\n this.cancelDisabled(!this._reportPreview._currentDocumentId() || this._reportPreview.pages().length === 0);\n }));\n this.contentTemplate = 'dxrv-preview-parameters-mobile-content';\n this.title = getLocalization('Parameters', 'DevExpress.XtraReports.UI.XtraReport.Parameters');\n }\n}\nexport class DateRangeParemeterPopupModel extends ParametersPopupModelBase {\n constructor(model) {\n super({\n visible: model._popupVisible, cancel: () => {\n this.model.startDate(this._oldStart);\n this.model.endDate(this._oldEnd);\n this.model.applyValue();\n }\n });\n this.model = model;\n this.getStringDate = (value) => formatDate(value);\n this.model.calendarHeight = undefined;\n var defaultButtonSettings = {\n stylingMode: 'contained',\n focusStateEnabled: false,\n activeStateEnabled: false\n };\n this.startButton = Object.assign({ text: ko.computed(() => this.model.startDate() && this.getStringDate(this.model.startDate()) || getLocalization('Start Date', 'AnalyticsCoreStringId.Mobile_DateRange_StartDate')), focused: ko.observable(false), onClick: () => {\n this.startButton.focused(true),\n this.endButton.focused(false);\n } }, defaultButtonSettings);\n this.endButton = Object.assign({ text: ko.computed(() => this.model.endDate() && this.getStringDate(this.model.endDate()) || getLocalization('End Date', 'AnalyticsCoreStringId.Mobile_DateRange_EndDate')), focused: ko.observable(true), onClick: () => {\n this.endButton.focused(true),\n this.startButton.focused(false);\n } }, defaultButtonSettings);\n this._disposables.push(this.endButton.text);\n this._disposables.push(this.startButton.text);\n var submitAction = this.actionButtons.filter(action => action.id == 'dxrv-mobile-submit')[0];\n if (submitAction)\n submitAction.text = getLocalization('OK', StringId.DataAccessBtnOK);\n this._disposables.push(this.textRangeValue = ko.computed({\n read: () => { return this.model._displayText(); },\n write: (val) => { this.model.applyDate(val.range(), true); }\n }));\n this._oldStart = this.model.startDate();\n this._oldEnd = this.model.endDate();\n this.title = getLocalization('Date Range Parameter', 'AnalyticsCoreStringId.Mobile_DateRange_Title');\n this.contentTemplate = 'dxrv-preview-date-range-mobile';\n this.className = 'dxrv-preview-date-range-mobile-popup';\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\constants.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nexport var MobilePreviewElements = {\n Surface: 'dxrdp-surface-mobile',\n Search: 'dxrdp-search-mobile',\n Pages: 'dxrdp-pages-mobile',\n MobileActions: 'dxrdp-surface-mobile-bottom',\n Parameters: 'dxrd-menu-parameters-content'\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_sizeUtils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ZoomAutoBy } from '../constants';\nimport { getSizeFactor, accessibilityFontSizeZoomFactor } from '@devexpress/analytics-core/analytics-internal';\nimport { TabPanel } from '@devexpress/analytics-core/analytics-utils';\nimport * as $ from 'jquery';\nexport function stringToPosition(position) {\n var lowerCased = (position || '').toLowerCase();\n if (!lowerCased || lowerCased === 'default') {\n return null;\n }\n var top = lowerCased.indexOf('top') !== -1;\n var right = lowerCased.indexOf('right') !== -1;\n return { top: top, bottom: !top, right: right, left: !right };\n}\nexport function getDockedElementCallback($targetElement, $viewer, $window, selector, position = null) {\n if (!selector)\n return $.noop;\n return (viewer) => {\n if ($viewer.length === 0)\n $viewer = $.fn.constructor(viewer);\n if ($targetElement.length === 0)\n $targetElement = $viewer.find(selector);\n if ($window.length === 0)\n $window = $.fn.constructor(window);\n if (!position || position.bottom) {\n var elementTop = parseInt($targetElement.css('bottom')) + $targetElement.height();\n var viewerTop = $viewer.offset().top;\n var viewerHeight = $viewer.height();\n var windowContentHeight = $window.height() + $window.scrollTop();\n var result = viewerTop + viewerHeight - windowContentHeight;\n if (result < viewerHeight - elementTop) {\n result = Math.max(0, result);\n var transform = 'translateY(-' + result * accessibilityFontSizeZoomFactor() + 'px)';\n $targetElement.css({\n '-webkit-transform': transform,\n 'transform': transform\n });\n }\n }\n else {\n var previewWrapper = $viewer.find('.dxrd-preview-wrapper')[0];\n var clientRect = previewWrapper && previewWrapper.getBoundingClientRect();\n if (!clientRect || clientRect.top < 0 && (clientRect.height + clientRect.top < $targetElement.outerHeight()))\n return;\n var translateY = clientRect.top < 0 ? -clientRect.top : 0;\n var transform = 'translateY(' + translateY * accessibilityFontSizeZoomFactor() + 'px)';\n $targetElement.css({\n '-webkit-transform': transform,\n 'transform': transform\n });\n }\n };\n}\nfunction _getRightAreaWidth($container) {\n var rightAreaWidth = ($container.find('.dxrd-right-panel:visible').outerWidth() || 0) + ($container.find('.dxrd-right-tabs:visible').outerWidth() || 0);\n return isNaN(rightAreaWidth) ? 0 : rightAreaWidth;\n}\nexport function updatePreviewContentSize(previewSize, root, rtl) {\n var _cashedSizeFactorClass = 'lg';\n return (tabPanelPosition) => {\n var $_root = $.fn.constructor(root);\n var $root = $_root.find('.dxrd-preview');\n var $viewPort = $.fn.constructor(root).children('.dx-designer-viewport');\n var sizeFactor = getSizeFactor($_root.outerWidth());\n if (!!$viewPort.length && _cashedSizeFactorClass !== sizeFactor) {\n $viewPort.removeClass('dx-designer-viewport-' + _cashedSizeFactorClass);\n $viewPort.addClass('dx-designer-viewport-' + sizeFactor);\n }\n _cashedSizeFactorClass = sizeFactor;\n var rightAreaWidth = _getRightAreaWidth($root);\n var surfaceWidth = ($root.width() - rightAreaWidth - 10) * accessibilityFontSizeZoomFactor();\n var cssStyleData = (tabPanelPosition === TabPanel.Position.Left) ? { 'right': '', 'left': rightAreaWidth } : { 'right': rightAreaWidth, 'left': '' };\n $root.find('.dxrd-preview-wrapper').css(cssStyleData);\n previewSize(surfaceWidth);\n };\n}\nexport function updatePreviewZoomWithAutoFit(width, height, $element, autoFitBy = ZoomAutoBy.WholePage) {\n var $previewWrapper = $element.closest('.dxrd-preview-wrapper');\n var $preview = $element.closest('.dxrd-preview');\n if ($previewWrapper.length === 0 || $preview.length === 0) {\n return 1;\n }\n var surfaceWidth = $preview.width() - _getRightAreaWidth($preview) - 10;\n var topAreaHeight = parseFloat($previewWrapper.css('top').split('px')[0]);\n var designerHeight = $preview.outerHeight();\n var surfaceHeight = designerHeight - topAreaHeight;\n if (autoFitBy === ZoomAutoBy.PageWidth) {\n return (surfaceWidth - 12) / width;\n }\n var heightZoom = surfaceHeight / (height + 6);\n var widthZoom = surfaceWidth / width;\n return Math.min(heightZoom, widthZoom);\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_progressBarUtils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { stringToPosition, getDockedElementCallback } from './_sizeUtils';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nexport function getUpdateProgressBarCallback(progressBarSettings, designerModel, reportPreview, rootElement, $window = $.fn.constructor(window)) {\n var keepProgressBarVisible = !progressBarSettings || progressBarSettings.keepOnVisibleArea !== false;\n var position = stringToPosition(progressBarSettings && progressBarSettings.position);\n reportPreview.progressBar.setPosition(position);\n if (!keepProgressBarVisible)\n return $.noop;\n var $root = $.fn.constructor(rootElement);\n var $progress = $root.find('.dxrd-preview-progress');\n var updateProgressBarPosition = getDockedElementCallback($progress, $root, $window, '.dxrd-preview-progress', position);\n designerModel._addDisposable(reportPreview.progressBar.visible.subscribe((isVisible) => {\n isVisible && updateProgressBarPosition(rootElement);\n }));\n var wrappedUpdateProgressPosition = () => {\n if (reportPreview.progressBar && ko.unwrap(reportPreview.progressBar.visible))\n updateProgressBarPosition(rootElement);\n };\n window.addEventListener('scroll', wrappedUpdateProgressPosition);\n designerModel._addDisposable({\n dispose: () => {\n window.removeEventListener('scroll', wrappedUpdateProgressPosition);\n }\n });\n return wrappedUpdateProgressPosition;\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\utils\\_mobileInitializer.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { MobileReportPreview } from '../mobilePreview';\nimport { MobileSearchViewModel } from '../internal/_mobileSearch';\nimport { GalleryModel } from '../internal/gallery/_galleryModel';\nimport { MobilePaginator } from '../internal/_paginator';\nimport { PreviewParametersViewModel } from '../../parameters/previewParametersViewModel';\nimport { PreviewRequestWrapper } from '../../internal/_previewRequestWrapper';\nimport { updatePreviewContentSizeMobile } from '../internal/_sizeUtils';\nimport { MobilePreviewParameterHelper } from '../internal/_mobilePreviewParameterHelper';\nimport { ExportOptionsModel } from '../../exportOptions/exportOptionsModel';\nimport { ExportFormatID, PreviewElements } from '../../constants';\nimport { getPreviewActionsMobile } from './_mobileActionList';\nimport { MobilePreviewModel } from '../internal/_mobilePreviewModel';\nimport { ParametersPopupModel } from '../internal/_parametersPopup';\nimport { MobilePreviewElements } from '../constants';\nimport { getUpdateProgressBarCallback } from '../../internal/_progressBarUtils';\nimport { getDockedElementCallback } from '../../internal/_sizeUtils';\nimport { appendStaticContextToRootViewModel, staticContext } from '@devexpress/analytics-core/analytics-internal';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nexport function createMobilePreview(bindingSettings) {\n var callbacks = bindingSettings.callbacks;\n var bindingModel = bindingSettings.model;\n var bindingElement = bindingSettings.element;\n var previewWrapper = new PreviewRequestWrapper(null, callbacks), reportPreview = new MobileReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, undefined, bindingModel.mobileModeSettings);\n var $root = $.fn.constructor(bindingElement);\n var updatePreviewContentSize_ = updatePreviewContentSizeMobile(reportPreview.previewWrapperSize, $root);\n updatePreviewContentSize_();\n var gallery = new GalleryModel(reportPreview, reportPreview.previewWrapperSize);\n var searchModel = new MobileSearchViewModel(reportPreview, gallery);\n var parametersModel = new PreviewParametersViewModel(reportPreview, new MobilePreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, callbacks));\n var exportModel = new ExportOptionsModel(reportPreview);\n reportPreview.allowURLsWithJSContent = bindingModel.allowURLsWithJSContent;\n previewWrapper.initialize(reportPreview, parametersModel, searchModel);\n var exportTypes = ko.observableArray([\n ExportFormatID.PDF, ExportFormatID.XLS, ExportFormatID.XLSX,\n ExportFormatID.RTF, ExportFormatID.DOCX, ExportFormatID.HTML,\n ExportFormatID.Text, ExportFormatID.CSV, ExportFormatID.Image\n ]);\n var mobileActions = getPreviewActionsMobile({ reportPreview, exportModel, parametersModel, searchModel, exportTypes, callbacks: callbacks });\n reportPreview.pageIndex.subscribe(function (newVal) { mobileActions.visible(false); });\n reportPreview.actionsVisible = mobileActions.visible;\n var designerModelOptions = {\n rootStyle: 'dxrd-preview dxrdp-mobile dxd-back-primary',\n reportPreview: reportPreview,\n parametersModel: parametersModel,\n exportModel: exportModel,\n searchModel: searchModel,\n rtl: reportPreview.rtlViewer,\n brickEventsDisabled: ko.observable(false),\n gallery: gallery,\n paginator: new MobilePaginator(reportPreview, gallery),\n availableFormats: exportTypes\n };\n var designerModel = new MobilePreviewModel(designerModelOptions);\n designerModel.slideOptions = {\n dispose: () => {\n var model = designerModel.slideOptions;\n if (ko.isComputed(model.swipeEnabled))\n model.swipeEnabled.dispose();\n if (ko.isComputed(model.scrollAvailable))\n model.scrollAvailable.dispose();\n },\n readerMode: reportPreview.readerMode,\n animationSettings: reportPreview.animationSettings,\n searchPanel: searchModel,\n topOffset: reportPreview.topOffset,\n previewWrapperSize: reportPreview.previewWrapperSize,\n reachedTop: reportPreview.scrollReachedTop,\n reachedLeft: reportPreview.scrollReachedLeft,\n reachedRight: reportPreview.scrollReachedRight,\n scrollAvailable: ko.computed(() => {\n return !(reportPreview.scrollReachedTop() && reportPreview.scrollReachedLeft()\n && reportPreview.scrollReachedRight() && reportPreview.scrollReachedBottom());\n }),\n disabled: reportPreview.interactionDisabled,\n swipeEnabled: ko.computed(() => {\n if (reportPreview.zoomUpdating()) {\n return false;\n }\n if (searchModel.height() > 0 && !searchModel.editorVisible()) {\n return false;\n }\n if (!reportPreview.scrollReachedLeft() && !reportPreview.scrollReachedRight()) {\n return false;\n }\n return true;\n }),\n autoFitBy: reportPreview.autoFitBy,\n galleryIsAnimated: gallery.isAnimated,\n repaintTimeout: gallery.repaintTimeout,\n zoomUpdating: reportPreview.zoomUpdating,\n brickEventsDisabled: designerModel.brickEventsDisabled\n };\n var parametersPopup = new ParametersPopupModel(parametersModel, reportPreview);\n designerModel.parts = [\n { id: MobilePreviewElements.Surface, templateName: MobilePreviewElements.Surface, model: designerModel.reportPreview },\n { id: MobilePreviewElements.Search, templateName: MobilePreviewElements.Search, model: designerModel.searchModel },\n { id: MobilePreviewElements.Pages, templateName: MobilePreviewElements.Pages, model: designerModel.paginator },\n { id: MobilePreviewElements.MobileActions, templateName: MobilePreviewElements.MobileActions, model: mobileActions },\n { id: MobilePreviewElements.Parameters, templateName: MobilePreviewElements.Parameters, model: parametersPopup },\n { id: PreviewElements.ExportTool, templateName: PreviewElements.ExportTool, model: designerModel.reportPreview.exportHandler }\n ];\n callbacks && callbacks.customizeParts && callbacks.customizeParts(designerModel.parts);\n var $actions = $root.find('.dxrdp-mobile-actions');\n var $window = $.fn.constructor(window);\n var updateProgressPosition = getUpdateProgressBarCallback(bindingModel.progressBarSettings, designerModel, reportPreview, bindingElement, $window);\n var updateMobilePreviewActionsPosition_ = getDockedElementCallback($actions, $root, $window, '.dxrdp-mobile-actions');\n var updateSizesCallback = () => {\n updatePreviewContentSize_ && updatePreviewContentSize_();\n updateProgressPosition && updateProgressPosition();\n };\n designerModel.updateSurfaceSize = updateSizesCallback;\n designerModel.resizeCallback = () => {\n if (parametersModel.popupInfo.visible()) {\n parametersPopup.initVisibilityIcons();\n }\n updateSizesCallback();\n if (reportPreview.actionsVisible())\n updateMobilePreviewActionsPosition_(bindingElement);\n };\n window.addEventListener('resize', designerModel.resizeCallback);\n var onScroll = () => {\n if (reportPreview.actionsVisible())\n updateMobilePreviewActionsPosition_(bindingElement);\n };\n window.addEventListener('scroll', onScroll);\n designerModel._addDisposable({\n dispose: () => {\n window.removeEventListener('resize', designerModel.resizeCallback);\n window.removeEventListener('scroll', onScroll);\n designerModel.slideOptions.dispose();\n mobileActions.dispose();\n }\n });\n designerModel._addDisposable(reportPreview.actionsVisible.subscribe((newValue) => {\n if (newValue)\n updateMobilePreviewActionsPosition_(bindingElement);\n }));\n appendStaticContextToRootViewModel(designerModel, staticContext);\n if (bindingElement && !reportPreview.canSwitchToDesigner && bindingSettings.applyBindings) {\n callbacks.beforeRender && callbacks.beforeRender(designerModel);\n $.fn.constructor(bindingElement).children().remove();\n ko.applyBindings(designerModel, bindingElement);\n }\n return designerModel;\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\search\\_utils.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { getLocalization } from '@devexpress/analytics-core/analytics-utils';\nexport var formatSearchResult = function (value) { return value && (getLocalization('page', 'ASPxReportsStringId.WebDocumentViewer_SearchPageNumberText') + ' ' + (value.pageIndex + 1)); };\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_actions.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ActionId, ZoomAutoBy } from '../constants';\nimport { EditablePreviewEnabled } from '../settings';\nimport { getLocalization, Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { ActionListsBase, parseZoom } from '@devexpress/analytics-core/analytics-internal';\nexport class PreviewDesignerActions extends Disposable {\n constructor(reportPreview, fullscreen) {\n super();\n this.actions = [];\n var designAction = {\n id: ActionId.Design,\n text: 'Design',\n displayText: () => getLocalization('Design', 'ASPxReportsStringId.ToolBarItemText_Design'),\n imageClassName: 'dxrd-image-design',\n imageTemplateName: 'dxrd-svg-preview-report_designer',\n templateName: reportPreview.canSwitchToDesigner ? 'dxrd-toolbar-two-way-switch' : undefined,\n disabled: ko.observable(false),\n visible: reportPreview.canSwitchToDesigner,\n hotKey: { ctrlKey: true, keyCode: 68 },\n clickAction: () => {\n reportPreview.previewVisible(false);\n reportPreview.deactivate();\n }\n };\n designAction.contentData = {\n items: [\n { itemData: designAction, active: false },\n { getDisplayText: () => getLocalization('Preview', 'ASPxReportsStringId.ToolBarItemText_Preview'), active: true }\n ]\n };\n this.actions.push(designAction);\n this.actions.push({\n id: ActionId.FullScreen,\n text: getLocalization('Full Screen', 'ASPxReportsStringId.ToolBarItemText_FullScreen'),\n imageClassName: 'dxrd-image-fullscreen',\n imageTemplateName: () => fullscreen() ? 'dxrd-svg-toolbar-fullscreen-exit' : 'dxrd-svg-toolbar-fullscreen',\n disabled: ko.observable(false),\n visible: !reportPreview.canSwitchToDesigner,\n selected: fullscreen,\n clickAction: () => {\n fullscreen(!fullscreen());\n }\n });\n this._disposables.push(fullscreen);\n }\n dispose() {\n super.dispose();\n this.removeProperties();\n }\n getActions(context) {\n return this.actions;\n }\n}\nexport class ActionLists extends ActionListsBase {\n constructor(reportPreview, globalActionProviders, customizeActions, enabled) {\n super(enabled);\n this._reportPreview = reportPreview;\n this.globalActionProviders = globalActionProviders;\n this.toolbarItems = ko.computed(() => {\n var globalActions = [];\n globalActionProviders().forEach((actionProvider) => {\n globalActions.push.apply(globalActions, actionProvider.getActions(reportPreview));\n });\n customizeActions && customizeActions(globalActions);\n return globalActions;\n });\n this._disposables.push(this.toolbarItems);\n }\n processShortcut(actions, e) {\n if (this.shouldIgnoreProcessing(e))\n return;\n super.processShortcut(actions, e);\n }\n dispose() {\n super.dispose();\n this.resetObservableArray(this.globalActionProviders);\n this.removeProperties();\n }\n}\nexport class PreviewActions extends Disposable {\n constructor(reportPreview) {\n super();\n this.actions = [];\n var printDisabled = reportPreview.exportDisabled;\n this.actions.push({\n id: ActionId.FirstPage,\n text: getLocalization('First Page', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_FirstPage'),\n imageClassName: 'dxrd-image-preview-first',\n imageTemplateName: 'dxrd-svg-preview-first_page',\n disabled: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.pageIndex() < 1; })),\n visible: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.previewVisible(); })),\n hotKey: { ctrlKey: true, keyCode: 37 },\n clickAction: () => {\n if (reportPreview.pageIndex() > 0) {\n reportPreview.goToPage(0);\n }\n }\n });\n this.actions.push({\n id: ActionId.PrevPage,\n text: getLocalization('Previous Page', 'ASPxReportsStringId.ToolBarItemText_PreviousPage'),\n imageClassName: 'dxrd-image-preview-prev',\n imageTemplateName: 'dxrd-svg-preview-previous_page',\n disabled: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.pageIndex() < 1; })),\n visible: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.previewVisible(); })),\n hotKey: { ctrlKey: false, keyCode: 37 },\n clickAction: () => {\n if (reportPreview.pageIndex() >= 1) {\n reportPreview.goToPage(reportPreview.pageIndex() - 1, false, 500);\n }\n },\n });\n var paginationSelectBoxViewModel = {\n id: ActionId.Pagination,\n text: 'Pagination',\n imageClassName: 'dxrd-image-pager',\n disabled: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.pages().length === 0 || reportPreview.pageIndex() === -1; })),\n visible: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.previewVisible(); })),\n clickAction: $.noop,\n selectedItem: this.wrapDisposable(ko.pureComputed({\n read: () => {\n if (reportPreview.pageIndex() < 0) {\n return null;\n }\n var items = paginationSelectBoxViewModel.pageItems();\n return items && items.store && (items.store.length > reportPreview.pageIndex()) && items.store[reportPreview.pageIndex()];\n },\n write: (newValue) => {\n if (!!newValue && (newValue.index || newValue.index === 0)) {\n reportPreview.goToPage(newValue.index);\n }\n },\n deferEvaluation: true\n })),\n pageItems: this.wrapDisposable(ko.pureComputed(() => {\n var pageCount = reportPreview.pages().length;\n if (pageCount === 0 || reportPreview.pageIndex.peek() === -1) {\n return [];\n }\n var pagesArray = new Array();\n for (var i = 0; i < pageCount;) {\n pagesArray.push({ index: i, text: ++i });\n }\n return {\n store: pagesArray,\n paginate: pageCount > 200,\n pageSize: 100\n };\n })),\n currentPage: reportPreview._currentPageText,\n focusOut: (e) => {\n if (!paginationSelectBoxViewModel._isPageChanged(e.component.option('text'))) {\n reportPreview._currentPageText.notifySubscribers(reportPreview._currentPageText());\n }\n },\n keyUp: (e) => {\n if (e.event.which !== 13)\n return;\n if (paginationSelectBoxViewModel._isPageChanged(e.component.option('text'))) {\n paginationSelectBoxViewModel.opened(false);\n }\n },\n _isPageChanged: (value) => {\n var val = parseInt && parseInt(value);\n if (!!val && val-- > 0 && val < reportPreview.pages().length) {\n reportPreview.goToPage(val);\n return true;\n }\n return false;\n },\n displayExpr: function (value) {\n var pageIndex = reportPreview.pageIndex.peek();\n if (pageIndex === -1 || !value || pageIndex === value.index) {\n return reportPreview._currentPageText.peek();\n }\n else {\n return value.text;\n }\n },\n itemTemplate: function (value) { return value.text; },\n searchMode: 'startswith',\n searchEnabled: ko.observable(true),\n searchTimeout: 10,\n opened: ko.observable(false),\n templateName: 'dxrd-preview-pager'\n };\n this.actions.push(paginationSelectBoxViewModel);\n this.actions.push({\n id: ActionId.NextPage,\n text: getLocalization('Next Page', 'ASPxReportsStringId.ToolBarItemText_NextPage'),\n imageClassName: 'dxrd-image-preview-next',\n imageTemplateName: 'dxrd-svg-preview-next_page',\n disabled: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.pageIndex() < 0 || reportPreview.pageIndex() >= reportPreview.pages().length - 1; })),\n visible: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.previewVisible(); })),\n hotKey: { ctrlKey: false, keyCode: 39 },\n clickAction: () => {\n if (reportPreview.pageIndex() < reportPreview.pages().length - 1) {\n reportPreview.goToPage(reportPreview.pageIndex() + 1, false, 500);\n }\n }\n });\n this.actions.push({\n id: ActionId.LastPage,\n text: getLocalization('Last Page', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_LastPage'),\n imageClassName: 'dxrd-image-preview-last',\n imageTemplateName: 'dxrd-svg-preview-last_page',\n disabled: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.pageIndex() < 0 || reportPreview.pageIndex() >= reportPreview.pages().length - 1; })),\n visible: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.previewVisible(); })),\n hotKey: { ctrlKey: true, keyCode: 39 },\n clickAction: () => {\n if (reportPreview.pageIndex() < reportPreview.pages().length - 1) {\n reportPreview.goToPage(reportPreview.pages().length - 1);\n }\n }\n });\n this.actions.push({\n id: ActionId.MultipageToggle,\n text: getLocalization('Toggle Multipage Mode', 'ASPxReportsStringId.WebDocumentViewer_ToggleMultipageMode'),\n imageClassName: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.showMultipagePreview() ? 'dxrd-image-preview-single-page' : 'dxrd-image-preview-multipage'; })),\n imageTemplateName: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.showMultipagePreview() ? 'dxrd-svg-preview-single_page' : 'dxrd-svg-preview-multi_page_preview'; })),\n disabled: ko.observable(false),\n visible: this.wrapDisposable(ko.pureComputed(() => { return reportPreview.previewVisible(); })),\n hotKey: { ctrlKey: true, keyCode: 77 },\n clickAction: () => {\n var zoom = reportPreview._zoom();\n reportPreview.showMultipagePreview(!reportPreview.showMultipagePreview());\n reportPreview.zoom(zoom);\n },\n hasSeparator: true\n });\n this.actions.push({\n id: ActionId.ZoomOut,\n text: getLocalization('Zoom Out', 'DevExpress.XtraPrinting.PrintingSystemCommand.ZoomOut'),\n imageClassName: 'dxrd-image-zoomout',\n imageTemplateName: 'dxrd-svg-toolbar-zoomout',\n disabled: ko.observable(false),\n visible: true,\n zoomStep: reportPreview.zoomStep,\n hotKey: { ctrlKey: false, keyCode: 109 },\n clickAction: () => {\n var currentZoom = reportPreview.zoom();\n var zoomLevel = currentZoom > 0 ? currentZoom : reportPreview._zoom();\n reportPreview.zoom(Math.max(zoomLevel - reportPreview.zoomStep(), 0.1));\n },\n hasSeparator: true\n });\n this.actions.push({\n id: ActionId.ZoomSelector,\n text: getLocalization('Zoom to Whole Page', 'DevExpress.XtraPrinting.PrintingSystemCommand.ZoomToWholePage'),\n imageClassName: 'dxrd-image-zoom',\n disabled: ko.observable(false),\n visible: true,\n hotKey: { ctrlKey: true, keyCode: 187 },\n clickAction: () => {\n reportPreview.zoom(0);\n },\n templateName: 'dxrd-zoom-autofit-select-template',\n displayExpr: (val) => {\n if (val === ZoomAutoBy.PageWidth) {\n return getLocalization('Page Width', 'DevExpress.XtraReports.UI.XtraReport.PageWidth');\n }\n else if (Math.round(val * 100) === 0) {\n return getLocalization('Whole Page', 'PreviewStringId.MenuItem_ZoomWholePage');\n }\n else {\n return Math.round((val || reportPreview.zoom.peek()) * 100) + '%';\n }\n },\n onCustomItemCreating: (e) => { e.customItem = parseZoom(e.text); },\n zoom: reportPreview.zoom,\n zoomLevels: reportPreview.predefinedZoomLevels,\n zoomItems: this.wrapDisposable(ko.pureComputed(() => {\n var items = reportPreview.predefinedZoomLevels.slice(0);\n if (reportPreview.showMultipagePreview() === false && items.indexOf(0) === -1) {\n items.push(ZoomAutoBy.PageWidth);\n items.push(ZoomAutoBy.WholePage);\n }\n return items;\n }))\n });\n this.actions.push({\n id: ActionId.ZoomIn,\n text: getLocalization('Zoom In', 'DevExpress.XtraPrinting.PrintingSystemCommand.ZoomIn'),\n imageClassName: 'dxrd-image-zoomin',\n imageTemplateName: 'dxrd-svg-toolbar-zoomin',\n disabled: ko.observable(false),\n visible: true,\n zoomStep: reportPreview.zoomStep,\n hotKey: { ctrlKey: false, keyCode: 107 },\n clickAction: () => {\n var currentZoom = reportPreview.zoom();\n var zoomLevel = currentZoom > 0 ? currentZoom : reportPreview._zoom();\n reportPreview.zoom(Math.min(zoomLevel + reportPreview.zoomStep(), 10));\n }\n });\n this.actions.push({\n id: ActionId.HighlightEditingFields,\n text: getLocalization('Highlight Editing Fields', 'DevExpress.XtraPrinting.PrintingSystemCommand.HighlightEditingFields'),\n imageClassName: 'dxrp-image-hightlight-editing-fields',\n imageTemplateName: 'dxrd-svg-toolbar-hightlightEditingFields',\n disabled: this.wrapDisposable(ko.pureComputed(() => reportPreview.editingFieldsProvider().length < 1)),\n visible: this.wrapDisposable(ko.pureComputed(() => {\n var available = EditablePreviewEnabled();\n var viewerVisible = reportPreview.previewVisible();\n return available && viewerVisible;\n })),\n selected: this.wrapDisposable(ko.pureComputed(() => reportPreview.editingFieldsHighlighted())),\n hotKey: { ctrlKey: true, keyCode: 72 },\n clickAction: () => {\n reportPreview.editingFieldsHighlighted(!reportPreview.editingFieldsHighlighted());\n },\n hasSeparator: true\n });\n this.actions.push({\n id: ActionId.Print,\n text: getLocalization('Print', 'ASPxReportsStringId.DocumentViewer_RibbonPrintGroupText'),\n imageClassName: 'dxrd-image-print',\n imageTemplateName: 'dxrd-svg-preview-print',\n hasSeparator: true,\n disabled: printDisabled,\n visible: true,\n hotKey: { ctrlKey: true, keyCode: 80 },\n clickAction: () => {\n if (printDisabled()) {\n return;\n }\n reportPreview.printDocument();\n }\n });\n this.actions.push({\n id: ActionId.PrintPage,\n text: getLocalization('Print Page', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_PrintPage'),\n imageClassName: 'dxrd-image-print-page',\n imageTemplateName: 'dxrd-svg-preview-print_page',\n disabled: printDisabled,\n visible: true,\n clickAction: () => {\n if (printDisabled()) {\n return;\n }\n reportPreview.printDocument(reportPreview.pageIndex());\n }\n });\n }\n wrapDisposable(object) {\n this._disposables.push(object);\n return object;\n }\n dispose() {\n super.dispose();\n this.removeProperties();\n }\n getActions(context) {\n return this.actions;\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_initializer.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { appendStaticContextToRootViewModel, initGlobalize, processErrorEvent, RequestHelper, resolveFromPromises, staticContext, ToolbarKeyboardHelper } from '@devexpress/analytics-core/analytics-internal';\nimport { addCultureInfo, ajaxSetup, TabPanel } from '@devexpress/analytics-core/analytics-utils';\nimport config from 'devextreme/core/config';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { createFullscreenComputed, cultureInfo, processZoomFactor } from '../../common/utils/_utils';\nimport { PreviewElements } from '../constants';\nimport { DocumentMapModel } from '../documentMap/_documentMapModel';\nimport { ExportOptionsModel } from '../exportOptions/exportOptionsModel';\nimport { createMobilePreview } from '../mobile/utils/_mobileInitializer';\nimport { PreviewParameterHelper } from '../parameters/previewParameterHelper';\nimport { PreviewParametersViewModel } from '../parameters/previewParametersViewModel';\nimport { ReportPreview } from '../reportPreview';\nimport { SearchViewModel } from '../search/_searchViewModel';\nimport { formatSearchResult } from '../search/_utils';\nimport { AsyncExportApproach, EditablePreviewEnabled, ReportServerDownloadUri, ReportServerExportUri, ReportServerInvokeUri, SearchAvailable } from '../settings';\nimport { ActionLists, PreviewActions, PreviewDesignerActions } from './_actions';\nimport { PreviewModel } from './_previewModel';\nimport { PreviewRequestWrapper } from './_previewRequestWrapper';\nimport { getUpdateProgressBarCallback } from './_progressBarUtils';\nimport { updatePreviewContentSize } from './_sizeUtils';\nexport function createDesktopPreview(bindingSettings) {\n processZoomFactor(bindingSettings.model.accessibilityCompliant);\n var enableKeyboardSupport = !!bindingSettings.model.accessibilityCompliant;\n var callbacks = bindingSettings.callbacks;\n var bindingModel = bindingSettings.model;\n var bindingElement = bindingSettings.element;\n var previewWrapper = new PreviewRequestWrapper(null, callbacks), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element), searchModel = new SearchViewModel(reportPreview, enableKeyboardSupport);\n var documentMapModel = new DocumentMapModel(reportPreview);\n var parametersModel = new PreviewParametersViewModel(reportPreview, new PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);\n var exportModel = new ExportOptionsModel(reportPreview, enableKeyboardSupport);\n reportPreview.canSwitchToDesigner = !bindingModel.previewVisible;\n reportPreview.allowURLsWithJSContent = bindingModel.allowURLsWithJSContent;\n previewWrapper.initialize(reportPreview, parametersModel, searchModel);\n var tabPanel = new TabPanel({\n tabs: [\n parametersModel.tabInfo,\n exportModel.tabInfo,\n searchModel.tabInfo,\n documentMapModel.tabInfo\n ],\n width: 400,\n autoSelectTab: true,\n rtl: bindingModel.rtl\n });\n tabPanel.collapsed(true);\n var fullscreenEnabled = createFullscreenComputed(bindingElement, reportPreview);\n var previewActions = new PreviewActions(reportPreview);\n var designPreviewActions = new PreviewDesignerActions(reportPreview, fullscreenEnabled);\n var globalActionProviders = ko.observableArray([previewActions, exportModel, searchModel, designPreviewActions]);\n var actionLists = new ActionLists(reportPreview, globalActionProviders, callbacks && callbacks.customizeActions, reportPreview.previewVisible);\n reportPreview.previewVisible(bindingModel.previewVisible);\n var designerModelOptions = {\n rootStyle: 'dxrd-preview dxd-back-primary-invariant' + (reportPreview.canSwitchToDesigner ? ' dxrd-designer-preview' : ''),\n reportPreview: reportPreview,\n parametersModel: parametersModel,\n exportModel: exportModel,\n searchModel: searchModel,\n documentMapModel: documentMapModel,\n tabPanel: tabPanel,\n actionLists: actionLists,\n rtl: reportPreview.rtlViewer,\n accessibilityCompliant: bindingModel.accessibilityCompliant\n };\n var designerModel = new PreviewModel(designerModelOptions);\n designerModel._addDisposable(previewActions);\n designerModel._addDisposable(designPreviewActions);\n designerModel.parts = [\n { id: PreviewElements.Toolbar, templateName: PreviewElements.Toolbar, model: { actionLists: actionLists, keyboardHelper: new ToolbarKeyboardHelper(actionLists.toolbarItems), canSwitchToDesigner: reportPreview.canSwitchToDesigner } },\n { id: PreviewElements.Surface, templateName: PreviewElements.Surface, model: designerModel.reportPreview },\n { id: PreviewElements.RightPanel, templateName: PreviewElements.RightPanel, model: designerModel },\n { id: PreviewElements.ExportTool, templateName: PreviewElements.ExportTool, model: designerModel.reportPreview.exportHandler }\n ];\n callbacks && callbacks.customizeParts && callbacks.customizeParts(designerModel.parts);\n var $window = $.fn.constructor(window);\n var timers = [];\n var updateProgressPosition = getUpdateProgressBarCallback(bindingModel.progressBarSettings, designerModel, reportPreview, bindingElement, $window);\n var updatePreviewContentSize_ = updatePreviewContentSize(reportPreview.previewSize, bindingElement, bindingModel.rtl);\n if (bindingModel.tabPanelSettings) {\n bindingModel.tabPanelSettings.width && tabPanel.width(parseInt(bindingModel.tabPanelSettings.width));\n bindingModel.tabPanelSettings.position && tabPanel.position(bindingModel.tabPanelSettings.position);\n }\n var updateSizesCallback = () => {\n updatePreviewContentSize_ && updatePreviewContentSize_(tabPanel.position());\n updateProgressPosition && updateProgressPosition();\n };\n designerModel.updateSurfaceSize = updateSizesCallback;\n designerModel.resizeCallback = updateSizesCallback;\n window.addEventListener('resize', designerModel.resizeCallback);\n designerModel._addDisposable(fullscreenEnabled);\n designerModel._addDisposable(fullscreenEnabled.subscribe(designerModel.resizeCallback));\n designerModel._addDisposable(tabPanel.width.subscribe(() => {\n timers.push(setTimeout(() => updatePreviewContentSize_(tabPanel.position()), 1));\n }));\n designerModel._addDisposable(tabPanel.position.subscribe((newVal) => {\n updatePreviewContentSize_(newVal);\n }));\n designerModel._addDisposable(tabPanel.isEmpty.subscribe(() => {\n timers.push(setTimeout(() => {\n updatePreviewContentSize_(tabPanel.position());\n }, 1));\n }));\n updateSizesCallback();\n designerModel._addDisposable({\n dispose: () => {\n window.removeEventListener('resize', designerModel.resizeCallback);\n designerModel.updateSurfaceSize = null;\n designerModel.resizeCallback = null;\n timers.forEach(x => clearTimeout(x));\n updatePreviewContentSize_ = null;\n updateProgressPosition = null;\n }\n });\n appendStaticContextToRootViewModel(designerModel, {\n _static: Object.assign(Object.assign({}, staticContext._static), { formatSearchResult: formatSearchResult })\n }, 'dx-report-viewer');\n if (bindingElement && !reportPreview.canSwitchToDesigner && bindingSettings.applyBindings) {\n callbacks.beforeRender && callbacks.beforeRender(designerModel);\n $.fn.constructor(bindingElement).children().remove();\n ko.applyBindings(designerModel, bindingElement);\n }\n return designerModel;\n}\nfunction _createPreview(bindingSettings) {\n var bindingModel = bindingSettings.model;\n bindingModel.previewVisible = bindingModel.previewVisible !== undefined ? bindingModel.previewVisible : true;\n bindingModel.allowURLsWithJSContent = bindingModel.allowURLsWithJSContent !== undefined ? bindingModel.allowURLsWithJSContent : false;\n bindingModel.accessibilityCompliant = bindingModel.accessibilityCompliant !== undefined ? bindingModel.accessibilityCompliant : false;\n bindingSettings.applyBindings = bindingSettings.applyBindings !== undefined ? bindingSettings.applyBindings : true;\n const disposableCallback = bindingSettings.callbacks && bindingSettings.callbacks.onServerError && processErrorEvent(bindingSettings.callbacks.onServerError);\n config({ rtlEnabled: !!bindingModel.rtl });\n if (bindingModel.remoteSettings && (bindingModel.remoteSettings.authToken || bindingModel.remoteSettings.serverUri)) {\n AsyncExportApproach(true);\n bindingModel.handlerUri = RequestHelper.generateUri(bindingModel.remoteSettings.serverUri, ReportServerInvokeUri);\n SearchAvailable(false);\n EditablePreviewEnabled(false);\n ReportServerDownloadUri(RequestHelper.generateUri(bindingModel.remoteSettings.serverUri, ReportServerExportUri));\n if (bindingModel.remoteSettings.authToken) {\n ajaxSetup.ajaxSettings = {\n headers: {\n 'Authorization': 'Bearer ' + bindingModel.remoteSettings.authToken\n }\n };\n }\n }\n var designerModel;\n if (bindingModel.isMobile) {\n designerModel = createMobilePreview(bindingSettings);\n }\n else {\n designerModel = createDesktopPreview(bindingSettings);\n }\n if (disposableCallback) {\n designerModel._addDisposable(disposableCallback);\n }\n return designerModel;\n}\nexport function createPreview(bindingSettings) {\n if (bindingSettings.model && bindingSettings.model.localization) {\n addCultureInfo({\n messages: bindingSettings.model.localization\n });\n }\n var localizationCallbacks = [];\n bindingSettings.callbacks && bindingSettings.callbacks.customizeLocalization && bindingSettings.callbacks.customizeLocalization(localizationCallbacks);\n return resolveFromPromises(localizationCallbacks, () => {\n return _createPreview(bindingSettings);\n });\n}\nexport function createAndInitPreviewModel(viewerModel, element, callbacks, applyBindings) {\n return createPreviewModel(viewerModel, element, callbacks, applyBindings).done((previewModel) => {\n initPreviewModel(previewModel, viewerModel);\n });\n}\nexport function createPreviewModel(viewerModel, element, callbacks, applyBindings) {\n initGlobalize(viewerModel);\n return createPreview({ model: viewerModel, element: element, callbacks: callbacks, applyBindings: applyBindings }).done(() => {\n $.extend(true, cultureInfo, viewerModel.cultureInfoList);\n });\n}\nexport function initPreviewModel(previewModel, viewerModel) {\n if (viewerModel.reportId || viewerModel.documentId) {\n previewModel.reportPreview.initialize($.Deferred().resolve(viewerModel).promise());\n }\n else {\n var unwrappedUrl = ko.unwrap(viewerModel.reportUrl);\n if (unwrappedUrl) {\n previewModel.OpenReport(unwrappedUrl);\n }\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\binding\\jsReportViewerBinding.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { DxAnalyticsComponentCommon, JSDesignerBindingCommon, _wrapModelInObservable } from '@devexpress/analytics-core/analytics-internal';\nimport { addCultureInfo } from '@devexpress/analytics-core/analytics-utils';\nimport { registerBaseBinding } from '@devexpress/analytics-core/analytics-widgets-internal';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { EventGenerator } from '../../common/binding/eventGenerator';\nimport { createPreviewModel, initPreviewModel } from '../internal/_initializer';\nimport { JSReportViewer } from './jsReportViewer';\nexport class JSReportViewerBinding extends JSDesignerBindingCommon {\n constructor(_options, customEventRaiser) {\n super(_options, customEventRaiser);\n this._deferreds = [];\n _options.viewerModel = _wrapModelInObservable(_options.viewerModel);\n this.sender = new JSReportViewer(_options.viewerModel);\n this._closeReportOnDisposing = !_options.keepReportOnComponentDisposal;\n _options.callbacks && _options.callbacks._eventSenderCreated && _options.callbacks._eventSenderCreated(this.sender);\n this._callbacks = this._initializeCallbacks();\n this._callbacks && this._callbacks.onInitializing && this._callbacks.onInitializing();\n }\n dispose() {\n if (this._closeReportOnDisposing && this.sender && this.sender.Close)\n this.sender.Close();\n (this._deferreds || []).forEach((deferred) => {\n deferred.reject();\n });\n super.dispose();\n }\n _initializeCallbacks() {\n if (this._options.callbacks) {\n var previewEvents = EventGenerator.generatePreviewEvents((eventName, args) => {\n this._fireEvent(eventName, args);\n });\n this._checkCallbackName(previewEvents);\n var availablePreviewEvents = this._generateCallbackDictionary(previewEvents);\n return availablePreviewEvents;\n }\n }\n _applyBindings(model, _$element) {\n this._disposables.push(model);\n _$element.children().remove();\n var child = _$element.append(this._templateHtml).children()[0];\n if (!child)\n return;\n ko.cleanNode(child);\n this._callbacks && this._callbacks.beforeRender && this._callbacks.beforeRender(model);\n ko.applyBindings(model, child);\n this._fireEvent('Init');\n }\n _createModel(element) {\n return createPreviewModel(this._options, element, this._callbacks, false);\n }\n applyBindings(element) {\n var _$element = $.fn.constructor(element);\n _$element.addClass('dx-designer');\n if (this._options.reportPreview && this._options.parts) {\n this._applyBindings(this._options, _$element);\n return;\n }\n var requestOptions = this._options.requestOptions;\n var applyModel = () => {\n if (requestOptions && requestOptions.invokeAction) {\n this._options.handlerUri = this._getServerActionUrl(requestOptions.host, requestOptions.invokeAction);\n }\n this._deferreds.push(this._createModel(element)\n .done((previewModel) => {\n this.sender.previewModel = previewModel;\n if (this._options.reportUrl) {\n if (ko.isSubscribable(this._options.reportUrl)) {\n this._disposables.push(this._options.reportUrl.subscribe((newVal) => {\n this.sender.OpenReport(newVal);\n }));\n }\n }\n this._createDisposeFunction(element);\n this._applyBindings(this.sender.previewModel, _$element);\n initPreviewModel(previewModel, this._options);\n }));\n };\n if (requestOptions) {\n this._getLocalizationRequest().done((localization) => {\n localization && addCultureInfo(localization);\n }).always(() => {\n applyModel();\n });\n }\n else {\n applyModel();\n }\n }\n}\nconst dxReportViewerBindingName = 'dxReportViewer';\nexport class DxReportViewer extends DxAnalyticsComponentCommon {\n getBindingName() {\n return dxReportViewerBindingName;\n }\n}\nregisterBaseBinding(dxReportViewerBindingName, '$data');\nko.bindingHandlers[dxReportViewerBindingName] = {\n init: function (element, valueAccessor) {\n new JSReportViewerBinding(ko.unwrap(valueAccessor()) || {}).applyBindings(element);\n return { controlsDescendantBindings: true };\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\accessibility\\_dateRangeKeyboardHelper.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { AccessibilityKeyboardHelperBase, ControlElementWithParentHighlight, ListKeyboardHelper } from '@devexpress/analytics-core/analytics-internal';\nexport class DateRangeDialogElementsKeyboardHelper extends AccessibilityKeyboardHelperBase {\n constructor(_hide, _visible) {\n super();\n this._hide = _hide;\n this._visible = _visible;\n this.controlElementClassName = 'dx-accessibility-daterange-item';\n this.predefinedDateRangesKeyboardHelper = new PredefinedDateRangesKeyboardHelper(this);\n this._disposables.push(this.predefinedDateRangesKeyboardHelper, this._visible.subscribe(newVal => {\n var timeout = setTimeout(() => { newVal && this.predefinedDateRangesKeyboardHelper.focus(); }, 300);\n this._disposables.push({ dispose: () => clearTimeout(timeout) });\n }));\n }\n createControlElement(element, index) {\n return new ControlElementWithParentHighlight(element, this.getContainer().getElementsByClassName('dxrv-daterange-editor-item')[index]);\n }\n itemHandleEscKey(e, index) {\n this._hide();\n return true;\n }\n itemHandleUpArrowKey(e, index) {\n if (!!(e && e.altKey)) {\n this._hide();\n return true;\n }\n return super.itemHandleUpArrowKey(e, index);\n }\n itemHandleTabKey(e, index) {\n var nextIndex = this.setFocusToNext(index);\n if (nextIndex == 0) {\n this.predefinedDateRangesKeyboardHelper.focus();\n }\n return true;\n }\n itemHandleShiftTabKey(e, index) {\n var nextIndex = this.setFocusToPrevious(index);\n if (nextIndex == 0) {\n this.predefinedDateRangesKeyboardHelper.focus();\n }\n return true;\n }\n}\nexport class PredefinedDateRangesKeyboardHelper extends ListKeyboardHelper {\n constructor(owner) {\n super();\n this.owner = owner;\n }\n itemHandleEscKey(e, index) {\n this.owner.itemHandleEscKey.call(this.owner, e, 0);\n return true;\n }\n itemHandleTabKey(e, index) {\n this.owner.setFocusToNext(0);\n return true;\n }\n itemHandleShiftTabKey(e, index) {\n this.owner.setFocusToPrevious(0);\n return true;\n }\n itemHandleUpArrowKey(e, index) {\n if (!!(e && e.altKey)) {\n return this.owner.itemHandleUpArrowKey.call(this.owner, e);\n }\n return super.itemHandleUpArrowKey(e, index);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (dx-reporting-svg-bindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { addToBindingsCache } from '@devexpress/analytics-core/analytics-widgets-internal';\naddToBindingsCache('template: \\'dxrd-svg-actions-add_field_to_column_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-add_field_to_column_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-add_field_to_data_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-add_field_to_data_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-add_field_to_filter_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-add_field_to_filter_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-add_field_to_row_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-add_field_to_row_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-add_group\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-add_group'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-add_parameter\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-add_parameter'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-add_separator\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-add_separator'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-align_bottoms\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-align_bottoms'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-align_centers\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-align_centers'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-align_lefts\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-align_lefts'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-align_middles\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-align_middles'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-align_rights\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-align_rights'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-align_tops\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-align_tops'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-align_to_grid\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-align_to_grid'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-apply_localization_service\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-apply_localization_service'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-bottom_margin\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-bottom_margin'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-bring_to_front\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-bring_to_front'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-center_horizontally\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-center_horizontally'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-center_vertically\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-center_vertically'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-convert\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-convert'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-convertation\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-convertation'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-decrease_horizontal_spacing\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-decrease_horizontal_spacing'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-decrease_vertical_spacing\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-decrease_vertical_spacing'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-delete_cell\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-delete_cell'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-delete_column\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-delete_column'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-delete_row\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-delete_row'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-detail\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-detail'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-detail_report\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-detail_report'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-distribute_columns_evenly\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-distribute_columns_evenly'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-distribute_rows_evenly\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-distribute_rows_evenly'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-fit_bounds_to_text\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-fit_bounds_to_text'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-fit_text_to_bounds\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-fit_text_to_bounds'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-fit_to_container\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-fit_to_container'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-group_footer\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-group_footer'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-group_header\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-group_header'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-increase_horizontal_spacing\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-increase_horizontal_spacing'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-increase_vertical_spacing\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-increase_vertical_spacing'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-insert_cell\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-insert_cell'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-insert_column_to_left\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-insert_column_to_left'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-insert_column_to_right\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-insert_column_to_right'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-insert_row_above\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-insert_row_above'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-insert_row_below\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-insert_row_below'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-make_horizontal_spacing_equal\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-make_horizontal_spacing_equal'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-make_same_height\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-make_same_height'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-make_same_sizes\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-make_same_sizes'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-make_same_width\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-make_same_width'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-make_vertical_spacing_equal\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-make_vertical_spacing_equal'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-master_report\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-master_report'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-none\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-none'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-page_footer\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-page_footer'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-page_header\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-page_header'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-remove_horizontal_spacing\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-remove_horizontal_spacing'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-remove_vertical_spacing\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-remove_vertical_spacing'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-report_footer\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-report_footer'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-report_header\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-report_header'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-reset\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-reset'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-send_to_back\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-send_to_back'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-size_to_grid\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-size_to_grid'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-subband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-subband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-top_margin\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-top_margin'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-ungroup\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-ungroup'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-vertical_detail\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-vertical_detail'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-vertical_header\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-vertical_header'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-actions-vertical_total\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-actions-vertical_total'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-bottom_margin\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-bottom_margin'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-detail\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-detail'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-detail_report\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-detail_report'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-group_footer\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-group_footer'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-group_header\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-group_header'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-master_report\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-master_report'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-page_footer\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-page_footer'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-page_header\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-page_header'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-report_footer\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-report_footer'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-report_header\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-report_header'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-sub_band\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-sub_band'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-top_margin\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-top_margin'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-vertical_detail\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-vertical_detail'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-vertical_header\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-vertical_header'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-bands-vertical_total\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-bands-vertical_total'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-axes\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-axes'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-axisx\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-axisx'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-axisy\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-axisy'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-chart\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-chart'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-constantline\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-constantline'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-constantlines\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-constantlines'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-defaultpane\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-defaultpane'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-diagram\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-diagram'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-legend\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-legend'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-panes\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-panes'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-series\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-series'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-seriescollection\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-seriescollection'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-title\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-title'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-chartstructure-titles\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-chartstructure-titles'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Heart_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Heart_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Heart_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Heart_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-RadioButton_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-RadioButton_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-RadioButton_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-RadioButton_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Smiley_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Smiley_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Smiley_Indeterminate\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Smiley_Indeterminate'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Smiley_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Smiley_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-StandardBox1_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-StandardBox1_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-StandardBox1_Indeterminate\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-StandardBox1_Indeterminate'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-StandardBox1_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-StandardBox1_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-StandardBox2_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-StandardBox2_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-StandardBox2_Indeterminate\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-StandardBox2_Indeterminate'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-StandardBox2_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-StandardBox2_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Star_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Star_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Star_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Star_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Thumb_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Thumb_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Thumb_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Thumb_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Toggle_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Toggle_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-Toggle_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-Toggle_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-YesNoBox_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-YesNoBox_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-YesNoBox_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-YesNoBox_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-YesNoSolidBox_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-YesNoSolidBox_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-YesNoSolidBox_Indeterminate\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-YesNoSolidBox_Indeterminate'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-YesNoSolidBox_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-YesNoSolidBox_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-YesNo_Checked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-YesNo_Checked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-checkboxglyphs-YesNo_Unchecked\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-checkboxglyphs-YesNo_Unchecked'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-color_gear\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-color_gear'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-errorPanel-collectErrors\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-errorPanel-collectErrors'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-errorPanel-error\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-errorPanel-error'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-errorPanel-information\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-errorPanel-information'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-errorPanel-notification\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-errorPanel-notification'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-errorPanel-notification_empty\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-errorPanel-notification_empty'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-errorPanel-warning\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-errorPanel-warning'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-bottommarginband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-bottommarginband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-calcbool\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-calcbool'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-calcdate\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-calcdate'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-calcdefault\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-calcdefault'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-calcfloat\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-calcfloat'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-calcinteger\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-calcinteger'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-calcstring\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-calcstring'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-component\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-component'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-components\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-components'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-detailband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-detailband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-detailreportband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-detailreportband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-formattingrule\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-formattingrule'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-formattingrules\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-formattingrules'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-groupfooterband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-groupfooterband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-groupheaderband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-groupheaderband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-master_report\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-master_report'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-pagefooterband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-pagefooterband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-pageheaderband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-pageheaderband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-parametergroup\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-parametergroup'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-parameterseparator\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-parameterseparator'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-reportfooterband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-reportfooterband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-reportheaderband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-reportheaderband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-stylemodel\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-stylemodel'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-styles\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-styles'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-subband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-subband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-topmarginband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-topmarginband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-verticaldetailband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-verticaldetailband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-verticalheaderband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-verticalheaderband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-verticaltotalband\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-verticaltotalband'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrbarcode\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrbarcode'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrcharactercomb\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrcharactercomb'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrchart\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrchart'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrcheckbox\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrcheckbox'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrcrossbandbox\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrcrossbandbox'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrcrossbandline\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrcrossbandline'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrcrosstab\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrcrosstab'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrgauge\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrgauge'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrlabel\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrlabel'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrline\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrline'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrpagebreak\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrpagebreak'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrpageinfo\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrpageinfo'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrpanel\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrpanel'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrpdfcontent\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrpdfcontent'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrpdfsignature\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrpdfsignature'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrpicturebox\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrpicturebox'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrpivotgrid\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrpivotgrid'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrrichtext\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrrichtext'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrshape\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrshape'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrsparkline\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrsparkline'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrsubreport\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrsubreport'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrtable\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrtable'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrtablecell\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrtablecell'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrtableofcontents\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrtableofcontents'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrtablerow\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrtablerow'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-fieldlist-xrzipcode\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrzipcode'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-landscape\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-landscape'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-add_datasource\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-add_datasource'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-back\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-back'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-exit\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-exit'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-localization\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-localization'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-newreport\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-newreport'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-new_via_wizard\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-new_via_wizard'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-menu-run_wizard\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-run_wizard'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-multi_select\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-multi_select'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-none\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-none'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-alignment_bottomcenter\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-alignment_bottomcenter'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-alignment_bottomleft\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-alignment_bottomleft'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-alignment_bottomright\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-alignment_bottomright'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-alignment_middlecenter\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-alignment_middlecenter'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-alignment_middleleft\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-alignment_middleleft'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-alignment_middleright\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-alignment_middleright'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-alignment_topcenter\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-alignment_topcenter'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-alignment_topleft\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-alignment_topleft'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-alignment_topright\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-alignment_topright'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-image_gallery\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-image_gallery'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-size_mode_cover\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-size_mode_cover'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-size_mode_normal\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-size_mode_normal'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-size_mode_squeeze\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-size_mode_squeeze'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-size_mode_stretchimage\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-size_mode_stretchimage'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-size_mode_zoomimage\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-size_mode_zoomimage'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-toolbar_brush_options\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-toolbar_brush_options'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-toolbar_clear\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-toolbar_clear'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-toolbar_open\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-toolbar_open'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-toolbar_reset\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-toolbar_reset'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-pictureeditor-toolbar_size_mode_and_alignment\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-toolbar_size_mode_and_alignment'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-portrait\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-portrait'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-export-to-csv\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-csv'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-export-to-html\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-html'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-export-to-image\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-image'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-export-to-mht\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-mht'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-export-to-pdf\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-pdf'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-export-to-rtf\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-rtf'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-export-to-txt\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-txt'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-export-to-xls\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-xls'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-export-to-xlsx\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-xlsx'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-export-to\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-export-Export\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-Export'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-first_page\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-first_page'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-last_page\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-last_page'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-multi_page_preview\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-multi_page_preview'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-next_page\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-next_page'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-previous_page\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-previous_page'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-print\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-print'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-print_page\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-print_page'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-print_preview\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-print_preview'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-report_designer\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-report_designer'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-search\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-search'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-single_page\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-single_page'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-sort_asc\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-sort_asc'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-preview-sort_desc\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-sort_desc'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-reportexplorer-component\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-reportexplorer-component'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-reportexplorer-components\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-reportexplorer-components'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-reportexplorer-formatting_rule\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-reportexplorer-formatting_rule'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-reportexplorer-formatting_rules\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-reportexplorer-formatting_rules'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-reportexplorer-style\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-reportexplorer-style'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-reportexplorer-styles\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-reportexplorer-styles'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-reportexplorer-tablecell\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-reportexplorer-tablecell'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-reportexplorer-tablerow\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-reportexplorer-tablerow'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-area3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-area3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-bubbles\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-bubbles'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-candle_stick\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-candle_stick'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-doughnut\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-doughnut'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-doughnut3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-doughnut3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-full_stacked_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-full_stacked_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-full_stacked_area3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-full_stacked_area3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-full_stacked_bar\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-full_stacked_bar'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-full_stacked_bar3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-full_stacked_bar3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-full_stacked_line\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-full_stacked_line'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-full_stacked_line3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-full_stacked_line3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-full_stacked_spline_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-full_stacked_spline_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-full_stacked_spline_area3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-full_stacked_spline_area3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-funnel\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-funnel'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-funnel3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-funnel3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-gantt\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-gantt'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-line\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-line'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-line3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-line3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-manhattan_bar3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-manhattan_bar3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-nested_doughnut\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-nested_doughnut'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-pie\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-pie'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-pie3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-pie3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-point\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-point'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-polar_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-polar_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-polar_line\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-polar_line'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-polar_point\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-polar_point'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-radar_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-radar_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-radar_line\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-radar_line'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-radar_point\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-radar_point'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-range_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-range_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-range_area3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-range_area3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-range_bar\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-range_bar'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-scatter_line\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-scatter_line'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-side_by_side_bar\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-side_by_side_bar'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-side_by_side_bar3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-side_by_side_bar3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-side_by_side_full_stacked_bar\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-side_by_side_full_stacked_bar'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-side_by_side_full_stacked_bar3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-side_by_side_full_stacked_bar3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-side_by_side_gantt\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-side_by_side_gantt'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-side_by_side_range_bar\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-side_by_side_range_bar'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-side_by_side_stacked_bar\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-side_by_side_stacked_bar'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-side_by_side_stacked_bar3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-side_by_side_stacked_bar3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-spline\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-spline'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-spline3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-spline3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-spline_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-spline_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-spline_area3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-spline_area3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-stacked_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stacked_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-stacked_area3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stacked_area3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-stacked_bar\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stacked_bar'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-stacked_bar3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stacked_bar3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-stacked_line\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stacked_line'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-stacked_line3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stacked_line3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-stacked_spline_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stacked_spline_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-stacked_spline_area3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stacked_spline_area3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-step_area\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-step_area'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-step_area3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-step_area3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-step_line\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-step_line'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-step_line3d\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-step_line3d'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-stock\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stock'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-swift_plot\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-swift_plot'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-series-waterfall\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-waterfall'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-tabs-collapse\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-collapse'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-tabs-expand\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-expand'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-tabs-expressions\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-expressions'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-tabs-fieldlist\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-fieldlist'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-tabs-parameters\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-parameters'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-tabs-reportexplorer\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-reportexplorer'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-tabs-search\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-search'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-bottom_center\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-bottom_center'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-bottom_left\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-bottom_left'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-bottom_right\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-bottom_right'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-left_bottom_vertical\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-left_bottom_vertical'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-left_center_vertical\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-left_center_vertical'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-left_top_vertical\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-left_top_vertical'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-right_bottom_vertical\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-right_bottom_vertical'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-right_center_vertical\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-right_center_vertical'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-right_top_vertical\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-right_top_vertical'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-top_center\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-top_center'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-top_left\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-top_left'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-titles-top_right\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-titles-top_right'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-todo-chart\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-todo-chart'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-todo-pdfcontent\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-todo-pdfcontent'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-todo-pdfsignature\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-todo-pdfsignature'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-todo-pivotgrid\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-todo-pivotgrid'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-todo-sparkline\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-todo-sparkline'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-fullscreen-exit\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-fullscreen-exit'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-fullscreen\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-fullscreen'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-hightlightEditingFields\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-hightlightEditingFields'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-scripts\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-scripts'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbar-validateBindingMode\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbar-validateBindingMode'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-barcode\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-barcode'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-charactercomb\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-charactercomb'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-chart\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-chart'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-checkbox\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-checkbox'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-crossbandbox\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-crossbandbox'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-crossbandline\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-crossbandline'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-crosstab\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-crosstab'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-gauge\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-gauge'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-label\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-label'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-line\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-line'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-pagebreak\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-pagebreak'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-pageinfo\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-pageinfo'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-panel\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-panel'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-pdfcontent\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-pdfcontent'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-pdfsignature\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-pdfsignature'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-picturebox\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-picturebox'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-pivotgrid\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-pivotgrid'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-richtext\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-richtext'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-shape\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-shape'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-sparkline\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-sparkline'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-subreport\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-subreport'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-table\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-table'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-tableofcontents\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-tableofcontents'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-toolbox-zipcode\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-zipcode'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-crosstab-columns\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-crosstab-columns'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-crosstab-data\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-crosstab-data'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-crosstab-fields\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-crosstab-fields'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-crosstab-rows\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-crosstab-rows'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-CrossTabReport\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-CrossTabReport'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-EmptyReport\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-EmptyReport'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-LabelReport\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-LabelReport'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-StandardReport\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-StandardReport'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-UndefinedReport\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-UndefinedReport'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-VerticalReport\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-VerticalReport'; } }; });\naddToBindingsCache('template: \\'dxrd-svg-wizard-warning\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-warning'; } }; });\n","/**\n* DevExpress HTML/JS Reporting (dx-reporting-svg-templates.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { SvgTemplatesEngine } from '@devexpress/analytics-core/analytics-widgets-internal';\nSvgTemplatesEngine.addTemplates({\n 'dxrd-svg-actions-add_field_to_column_area': '',\n 'dxrd-svg-actions-add_field_to_data_area': '',\n 'dxrd-svg-actions-add_field_to_filter_area': '',\n 'dxrd-svg-actions-add_field_to_row_area': '',\n 'dxrd-svg-actions-add_group': '',\n 'dxrd-svg-actions-add_parameter': '',\n 'dxrd-svg-actions-add_separator': '',\n 'dxrd-svg-actions-align_bottoms': '',\n 'dxrd-svg-actions-align_centers': '',\n 'dxrd-svg-actions-align_lefts': '',\n 'dxrd-svg-actions-align_middles': '',\n 'dxrd-svg-actions-align_rights': '',\n 'dxrd-svg-actions-align_tops': '',\n 'dxrd-svg-actions-align_to_grid': '',\n 'dxrd-svg-actions-apply_localization_service': '',\n 'dxrd-svg-actions-bottom_margin': '',\n 'dxrd-svg-actions-bring_to_front': '',\n 'dxrd-svg-actions-center_horizontally': '',\n 'dxrd-svg-actions-center_vertically': '',\n 'dxrd-svg-actions-convert': '',\n 'dxrd-svg-actions-convertation': '',\n 'dxrd-svg-actions-decrease_horizontal_spacing': '',\n 'dxrd-svg-actions-decrease_vertical_spacing': '',\n 'dxrd-svg-actions-delete_cell': '',\n 'dxrd-svg-actions-delete_column': '',\n 'dxrd-svg-actions-delete_row': '',\n 'dxrd-svg-actions-detail': '',\n 'dxrd-svg-actions-detail_report': '',\n 'dxrd-svg-actions-distribute_columns_evenly': '',\n 'dxrd-svg-actions-distribute_rows_evenly': '',\n 'dxrd-svg-actions-fit_bounds_to_text': '',\n 'dxrd-svg-actions-fit_text_to_bounds': '',\n 'dxrd-svg-actions-fit_to_container': '',\n 'dxrd-svg-actions-group_footer': '',\n 'dxrd-svg-actions-group_header': '',\n 'dxrd-svg-actions-increase_horizontal_spacing': '',\n 'dxrd-svg-actions-increase_vertical_spacing': '',\n 'dxrd-svg-actions-insert_cell': '',\n 'dxrd-svg-actions-insert_column_to_left': '',\n 'dxrd-svg-actions-insert_column_to_right': '',\n 'dxrd-svg-actions-insert_row_above': '',\n 'dxrd-svg-actions-insert_row_below': '',\n 'dxrd-svg-actions-make_horizontal_spacing_equal': '',\n 'dxrd-svg-actions-make_same_height': '',\n 'dxrd-svg-actions-make_same_sizes': '',\n 'dxrd-svg-actions-make_same_width': '',\n 'dxrd-svg-actions-make_vertical_spacing_equal': '',\n 'dxrd-svg-actions-master_report': '',\n 'dxrd-svg-actions-none': '',\n 'dxrd-svg-actions-page_footer': '',\n 'dxrd-svg-actions-page_header': '',\n 'dxrd-svg-actions-remove_horizontal_spacing': '',\n 'dxrd-svg-actions-remove_vertical_spacing': '',\n 'dxrd-svg-actions-report_footer': '',\n 'dxrd-svg-actions-report_header': '',\n 'dxrd-svg-actions-reset': '',\n 'dxrd-svg-actions-send_to_back': '',\n 'dxrd-svg-actions-size_to_grid': '',\n 'dxrd-svg-actions-subband': '',\n 'dxrd-svg-actions-top_margin': '',\n 'dxrd-svg-actions-ungroup': '',\n 'dxrd-svg-actions-vertical_detail': '',\n 'dxrd-svg-actions-vertical_header': '',\n 'dxrd-svg-actions-vertical_total': '',\n 'dxrd-svg-bands-bottom_margin': '',\n 'dxrd-svg-bands-detail': '',\n 'dxrd-svg-bands-detail_report': '',\n 'dxrd-svg-bands-group_footer': '',\n 'dxrd-svg-bands-group_header': '',\n 'dxrd-svg-bands-master_report': '',\n 'dxrd-svg-bands-page_footer': '',\n 'dxrd-svg-bands-page_header': '',\n 'dxrd-svg-bands-report_footer': '',\n 'dxrd-svg-bands-report_header': '',\n 'dxrd-svg-bands-sub_band': '',\n 'dxrd-svg-bands-top_margin': '',\n 'dxrd-svg-bands-vertical_detail': '',\n 'dxrd-svg-bands-vertical_header': '',\n 'dxrd-svg-bands-vertical_total': '',\n 'dxrd-svg-chartstructure-axes': '',\n 'dxrd-svg-chartstructure-axisx': '',\n 'dxrd-svg-chartstructure-axisy': '',\n 'dxrd-svg-chartstructure-chart': '',\n 'dxrd-svg-chartstructure-constantline': '',\n 'dxrd-svg-chartstructure-constantlines': '',\n 'dxrd-svg-chartstructure-defaultpane': '',\n 'dxrd-svg-chartstructure-diagram': '',\n 'dxrd-svg-chartstructure-legend': '',\n 'dxrd-svg-chartstructure-panes': '',\n 'dxrd-svg-chartstructure-series': '',\n 'dxrd-svg-chartstructure-seriescollection': '',\n 'dxrd-svg-chartstructure-title': '',\n 'dxrd-svg-chartstructure-titles': '',\n 'dxrd-svg-checkboxglyphs-Heart_Checked': '',\n 'dxrd-svg-checkboxglyphs-Heart_Unchecked': '',\n 'dxrd-svg-checkboxglyphs-RadioButton_Checked': '',\n 'dxrd-svg-checkboxglyphs-RadioButton_Unchecked': '',\n 'dxrd-svg-checkboxglyphs-Smiley_Checked': '',\n 'dxrd-svg-checkboxglyphs-Smiley_Indeterminate': '',\n 'dxrd-svg-checkboxglyphs-Smiley_Unchecked': '',\n 'dxrd-svg-checkboxglyphs-StandardBox1_Checked': '',\n 'dxrd-svg-checkboxglyphs-StandardBox1_Indeterminate': '',\n 'dxrd-svg-checkboxglyphs-StandardBox1_Unchecked': '',\n 'dxrd-svg-checkboxglyphs-StandardBox2_Checked': '',\n 'dxrd-svg-checkboxglyphs-StandardBox2_Indeterminate': '',\n 'dxrd-svg-checkboxglyphs-StandardBox2_Unchecked': '',\n 'dxrd-svg-checkboxglyphs-Star_Checked': '',\n 'dxrd-svg-checkboxglyphs-Star_Unchecked': '',\n 'dxrd-svg-checkboxglyphs-Thumb_Checked': '',\n 'dxrd-svg-checkboxglyphs-Thumb_Unchecked': '',\n 'dxrd-svg-checkboxglyphs-Toggle_Checked': '',\n 'dxrd-svg-checkboxglyphs-Toggle_Unchecked': '',\n 'dxrd-svg-checkboxglyphs-YesNoBox_Checked': '',\n 'dxrd-svg-checkboxglyphs-YesNoBox_Unchecked': '',\n 'dxrd-svg-checkboxglyphs-YesNoSolidBox_Checked': '',\n 'dxrd-svg-checkboxglyphs-YesNoSolidBox_Indeterminate': '',\n 'dxrd-svg-checkboxglyphs-YesNoSolidBox_Unchecked': '',\n 'dxrd-svg-checkboxglyphs-YesNo_Checked': '',\n 'dxrd-svg-checkboxglyphs-YesNo_Unchecked': '',\n 'dxrd-svg-color_gear': '',\n 'dxrd-svg-errorPanel-collectErrors': '',\n 'dxrd-svg-errorPanel-error': '',\n 'dxrd-svg-errorPanel-information': '',\n 'dxrd-svg-errorPanel-notification': '',\n 'dxrd-svg-errorPanel-notification_empty': '',\n 'dxrd-svg-errorPanel-warning': '',\n 'dxrd-svg-fieldlist-bottommarginband': '',\n 'dxrd-svg-fieldlist-calcbool': '',\n 'dxrd-svg-fieldlist-calcdate': '',\n 'dxrd-svg-fieldlist-calcdefault': '',\n 'dxrd-svg-fieldlist-calcfloat': '',\n 'dxrd-svg-fieldlist-calcinteger': '',\n 'dxrd-svg-fieldlist-calcstring': '',\n 'dxrd-svg-fieldlist-component': '',\n 'dxrd-svg-fieldlist-components': '',\n 'dxrd-svg-fieldlist-detailband': '',\n 'dxrd-svg-fieldlist-detailreportband': '',\n 'dxrd-svg-fieldlist-formattingrule': '',\n 'dxrd-svg-fieldlist-formattingrules': '',\n 'dxrd-svg-fieldlist-groupfooterband': '',\n 'dxrd-svg-fieldlist-groupheaderband': '',\n 'dxrd-svg-fieldlist-master_report': '',\n 'dxrd-svg-fieldlist-pagefooterband': '',\n 'dxrd-svg-fieldlist-pageheaderband': '',\n 'dxrd-svg-fieldlist-parametergroup': '',\n 'dxrd-svg-fieldlist-parameterseparator': '',\n 'dxrd-svg-fieldlist-reportfooterband': '',\n 'dxrd-svg-fieldlist-reportheaderband': '',\n 'dxrd-svg-fieldlist-stylemodel': '',\n 'dxrd-svg-fieldlist-styles': '',\n 'dxrd-svg-fieldlist-subband': '',\n 'dxrd-svg-fieldlist-topmarginband': '',\n 'dxrd-svg-fieldlist-verticaldetailband': '',\n 'dxrd-svg-fieldlist-verticalheaderband': '',\n 'dxrd-svg-fieldlist-verticaltotalband': '',\n 'dxrd-svg-fieldlist-xrbarcode': '',\n 'dxrd-svg-fieldlist-xrcharactercomb': '',\n 'dxrd-svg-fieldlist-xrchart': '',\n 'dxrd-svg-fieldlist-xrcheckbox': '',\n 'dxrd-svg-fieldlist-xrcrossbandbox': '',\n 'dxrd-svg-fieldlist-xrcrossbandline': '',\n 'dxrd-svg-fieldlist-xrcrosstab': '',\n 'dxrd-svg-fieldlist-xrgauge': '',\n 'dxrd-svg-fieldlist-xrlabel': '',\n 'dxrd-svg-fieldlist-xrline': '',\n 'dxrd-svg-fieldlist-xrpagebreak': '',\n 'dxrd-svg-fieldlist-xrpageinfo': '',\n 'dxrd-svg-fieldlist-xrpanel': '',\n 'dxrd-svg-fieldlist-xrpdfcontent': '',\n 'dxrd-svg-fieldlist-xrpdfsignature': '',\n 'dxrd-svg-fieldlist-xrpicturebox': '',\n 'dxrd-svg-fieldlist-xrpivotgrid': '',\n 'dxrd-svg-fieldlist-xrrichtext': '',\n 'dxrd-svg-fieldlist-xrshape': '',\n 'dxrd-svg-fieldlist-xrsparkline': '',\n 'dxrd-svg-fieldlist-xrsubreport': '',\n 'dxrd-svg-fieldlist-xrtable': '',\n 'dxrd-svg-fieldlist-xrtablecell': '',\n 'dxrd-svg-fieldlist-xrtableofcontents': '',\n 'dxrd-svg-fieldlist-xrtablerow': '',\n 'dxrd-svg-fieldlist-xrzipcode': '',\n 'dxrd-svg-landscape': '',\n 'dxrd-svg-menu-add_datasource': '',\n 'dxrd-svg-menu-back': '',\n 'dxrd-svg-menu-exit': '',\n 'dxrd-svg-menu-localization': '',\n 'dxrd-svg-menu-newreport': '',\n 'dxrd-svg-menu-new_via_wizard': '',\n 'dxrd-svg-menu-run_wizard': '',\n 'dxrd-svg-multi_select': '',\n 'dxrd-svg-none': '',\n 'dxrd-svg-pictureeditor-alignment_bottomcenter': '',\n 'dxrd-svg-pictureeditor-alignment_bottomleft': '',\n 'dxrd-svg-pictureeditor-alignment_bottomright': '',\n 'dxrd-svg-pictureeditor-alignment_middlecenter': '',\n 'dxrd-svg-pictureeditor-alignment_middleleft': '',\n 'dxrd-svg-pictureeditor-alignment_middleright': '',\n 'dxrd-svg-pictureeditor-alignment_topcenter': '',\n 'dxrd-svg-pictureeditor-alignment_topleft': '',\n 'dxrd-svg-pictureeditor-alignment_topright': '',\n 'dxrd-svg-pictureeditor-image_gallery': '',\n 'dxrd-svg-pictureeditor-size_mode_cover': '',\n 'dxrd-svg-pictureeditor-size_mode_normal': '',\n 'dxrd-svg-pictureeditor-size_mode_squeeze': '',\n 'dxrd-svg-pictureeditor-size_mode_stretchimage': '',\n 'dxrd-svg-pictureeditor-size_mode_zoomimage': '',\n 'dxrd-svg-pictureeditor-toolbar_brush_options': '',\n 'dxrd-svg-pictureeditor-toolbar_clear': '',\n 'dxrd-svg-pictureeditor-toolbar_open': '',\n 'dxrd-svg-pictureeditor-toolbar_reset': '',\n 'dxrd-svg-pictureeditor-toolbar_size_mode_and_alignment': '',\n 'dxrd-svg-portrait': '',\n 'dxrd-svg-preview-export-export-to-csv': '',\n 'dxrd-svg-preview-export-export-to-html': '',\n 'dxrd-svg-preview-export-export-to-image': '',\n 'dxrd-svg-preview-export-export-to-mht': '',\n 'dxrd-svg-preview-export-export-to-pdf': '',\n 'dxrd-svg-preview-export-export-to-rtf': '',\n 'dxrd-svg-preview-export-export-to-txt': '',\n 'dxrd-svg-preview-export-export-to-xls': '',\n 'dxrd-svg-preview-export-export-to-xlsx': '',\n 'dxrd-svg-preview-export-export-to': '',\n 'dxrd-svg-preview-export-Export': '',\n 'dxrd-svg-preview-first_page': '',\n 'dxrd-svg-preview-last_page': '',\n 'dxrd-svg-preview-multi_page_preview': '',\n 'dxrd-svg-preview-next_page': '',\n 'dxrd-svg-preview-previous_page': '',\n 'dxrd-svg-preview-print': '',\n 'dxrd-svg-preview-print_page': '',\n 'dxrd-svg-preview-print_preview': '',\n 'dxrd-svg-preview-report_designer': '',\n 'dxrd-svg-preview-search': '',\n 'dxrd-svg-preview-single_page': '',\n 'dxrd-svg-preview-sort_asc': '',\n 'dxrd-svg-preview-sort_desc': '',\n 'dxrd-svg-reportexplorer-component': '',\n 'dxrd-svg-reportexplorer-components': '',\n 'dxrd-svg-reportexplorer-formatting_rule': '',\n 'dxrd-svg-reportexplorer-formatting_rules': '',\n 'dxrd-svg-reportexplorer-style': '',\n 'dxrd-svg-reportexplorer-styles': '',\n 'dxrd-svg-reportexplorer-tablecell': '',\n 'dxrd-svg-reportexplorer-tablerow': '',\n 'dxrd-svg-series-area': '',\n 'dxrd-svg-series-area3d': '',\n 'dxrd-svg-series-bubbles': '',\n 'dxrd-svg-series-candle_stick': '',\n 'dxrd-svg-series-doughnut': '',\n 'dxrd-svg-series-doughnut3d': '',\n 'dxrd-svg-series-full_stacked_area': '',\n 'dxrd-svg-series-full_stacked_area3d': '',\n 'dxrd-svg-series-full_stacked_bar': '',\n 'dxrd-svg-series-full_stacked_bar3d': '',\n 'dxrd-svg-series-full_stacked_line': '',\n 'dxrd-svg-series-full_stacked_line3d': '',\n 'dxrd-svg-series-full_stacked_spline_area': '',\n 'dxrd-svg-series-full_stacked_spline_area3d': '',\n 'dxrd-svg-series-funnel': '',\n 'dxrd-svg-series-funnel3d': '',\n 'dxrd-svg-series-gantt': '',\n 'dxrd-svg-series-line': '',\n 'dxrd-svg-series-line3d': '',\n 'dxrd-svg-series-manhattan_bar3d': '',\n 'dxrd-svg-series-nested_doughnut': '',\n 'dxrd-svg-series-pie': '',\n 'dxrd-svg-series-pie3d': '',\n 'dxrd-svg-series-point': '',\n 'dxrd-svg-series-polar_area': '',\n 'dxrd-svg-series-polar_line': '',\n 'dxrd-svg-series-polar_point': '',\n 'dxrd-svg-series-radar_area': '',\n 'dxrd-svg-series-radar_line': '',\n 'dxrd-svg-series-radar_point': '',\n 'dxrd-svg-series-range_area': '',\n 'dxrd-svg-series-range_area3d': '',\n 'dxrd-svg-series-range_bar': '',\n 'dxrd-svg-series-scatter_line': '',\n 'dxrd-svg-series-side_by_side_bar': '',\n 'dxrd-svg-series-side_by_side_bar3d': '',\n 'dxrd-svg-series-side_by_side_full_stacked_bar': '',\n 'dxrd-svg-series-side_by_side_full_stacked_bar3d': '',\n 'dxrd-svg-series-side_by_side_gantt': '',\n 'dxrd-svg-series-side_by_side_range_bar': '',\n 'dxrd-svg-series-side_by_side_stacked_bar': '',\n 'dxrd-svg-series-side_by_side_stacked_bar3d': '',\n 'dxrd-svg-series-spline': '',\n 'dxrd-svg-series-spline3d': '',\n 'dxrd-svg-series-spline_area': '',\n 'dxrd-svg-series-spline_area3d': '',\n 'dxrd-svg-series-stacked_area': '',\n 'dxrd-svg-series-stacked_area3d': '',\n 'dxrd-svg-series-stacked_bar': '',\n 'dxrd-svg-series-stacked_bar3d': '',\n 'dxrd-svg-series-stacked_line': '',\n 'dxrd-svg-series-stacked_line3d': '',\n 'dxrd-svg-series-stacked_spline_area': '',\n 'dxrd-svg-series-stacked_spline_area3d': '',\n 'dxrd-svg-series-step_area': '',\n 'dxrd-svg-series-step_area3d': '',\n 'dxrd-svg-series-step_line': '',\n 'dxrd-svg-series-step_line3d': '',\n 'dxrd-svg-series-stock': '',\n 'dxrd-svg-series-swift_plot': '',\n 'dxrd-svg-series-waterfall': '',\n 'dxrd-svg-tabs-collapse': '',\n 'dxrd-svg-tabs-expand': '',\n 'dxrd-svg-tabs-expressions': '',\n 'dxrd-svg-tabs-fieldlist': '',\n 'dxrd-svg-tabs-parameters': '',\n 'dxrd-svg-tabs-reportexplorer': '',\n 'dxrd-svg-tabs-search': '',\n 'dxrd-svg-titles-bottom_center': '',\n 'dxrd-svg-titles-bottom_left': '',\n 'dxrd-svg-titles-bottom_right': '',\n 'dxrd-svg-titles-left_bottom_vertical': '',\n 'dxrd-svg-titles-left_center_vertical': '',\n 'dxrd-svg-titles-left_top_vertical': '',\n 'dxrd-svg-titles-right_bottom_vertical': '',\n 'dxrd-svg-titles-right_center_vertical': '',\n 'dxrd-svg-titles-right_top_vertical': '',\n 'dxrd-svg-titles-top_center': '',\n 'dxrd-svg-titles-top_left': '',\n 'dxrd-svg-titles-top_right': '',\n 'dxrd-svg-todo-chart': '',\n 'dxrd-svg-todo-pdfcontent': '',\n 'dxrd-svg-todo-pdfsignature': '',\n 'dxrd-svg-todo-pivotgrid': '',\n 'dxrd-svg-todo-sparkline': '',\n 'dxrd-svg-toolbar-fullscreen-exit': '',\n 'dxrd-svg-toolbar-fullscreen': '',\n 'dxrd-svg-toolbar-hightlightEditingFields': '',\n 'dxrd-svg-toolbar-scripts': '',\n 'dxrd-svg-toolbar-validateBindingMode': '',\n 'dxrd-svg-toolbox-barcode': '',\n 'dxrd-svg-toolbox-charactercomb': '',\n 'dxrd-svg-toolbox-chart': '',\n 'dxrd-svg-toolbox-checkbox': '',\n 'dxrd-svg-toolbox-crossbandbox': '',\n 'dxrd-svg-toolbox-crossbandline': '',\n 'dxrd-svg-toolbox-crosstab': '',\n 'dxrd-svg-toolbox-gauge': '',\n 'dxrd-svg-toolbox-label': '',\n 'dxrd-svg-toolbox-line': '',\n 'dxrd-svg-toolbox-pagebreak': '',\n 'dxrd-svg-toolbox-pageinfo': '',\n 'dxrd-svg-toolbox-panel': '',\n 'dxrd-svg-toolbox-pdfcontent': '',\n 'dxrd-svg-toolbox-pdfsignature': '',\n 'dxrd-svg-toolbox-picturebox': '',\n 'dxrd-svg-toolbox-pivotgrid': '',\n 'dxrd-svg-toolbox-richtext': '',\n 'dxrd-svg-toolbox-shape': '',\n 'dxrd-svg-toolbox-sparkline': '',\n 'dxrd-svg-toolbox-subreport': '',\n 'dxrd-svg-toolbox-table': '',\n 'dxrd-svg-toolbox-tableofcontents': '',\n 'dxrd-svg-toolbox-zipcode': '',\n 'dxrd-svg-wizard-crosstab-columns': '',\n 'dxrd-svg-wizard-crosstab-data': '',\n 'dxrd-svg-wizard-crosstab-fields': '',\n 'dxrd-svg-wizard-crosstab-rows': '',\n 'dxrd-svg-wizard-CrossTabReport': '',\n 'dxrd-svg-wizard-EmptyReport': '',\n 'dxrd-svg-wizard-LabelReport': '',\n 'dxrd-svg-wizard-StandardReport': '',\n 'dxrd-svg-wizard-UndefinedReport': '',\n 'dxrd-svg-wizard-VerticalReport': '',\n 'dxrd-svg-wizard-warning': '',\n});\n","/**\n* DevExpress HTML/JS Reporting (dx-viewer-bindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { addToBindingsCache } from '@devexpress/analytics-core/analytics-widgets-internal';\naddToBindingsCache('style: $data.customGlyphStyleCss', function ($context, $element) { return { 'style': function () { return $context.$data.customGlyphStyleCss; } }; });\naddToBindingsCache('dxSelectBox: { dataSource: items, displayExpr: \\'displayName\\', value: popupModel.textRangeValue, useItemTextAsTitle: true , placeholder: $root.getLocalization(\\'Select Period\\', \\'AnalyticsCoreStringId.Mobile_DateRange_SelectPeriod\\') }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.items, 'displayExpr': 'displayName', 'value': $context.$data.popupModel.textRangeValue, 'useItemTextAsTitle': true, 'placeholder': $context.$root.getLocalization('Select Period', 'AnalyticsCoreStringId.Mobile_DateRange_SelectPeriod') }; } }; });\naddToBindingsCache('text: $root.getLocalization(\\'From\\',\\'AnalyticsCoreStringId.Mobile_DateRange_From\\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('From', 'AnalyticsCoreStringId.Mobile_DateRange_From'); } }; });\naddToBindingsCache('css: { \\'dx-button-default\\': popupModel.startButton.focused }, dxButton: popupModel.startButton', function ($context, $element) { return { 'css': function () { return { 'dx-button-default': $context.$data.popupModel.startButton.focused }; }, 'dxButton': function () { return $context.$data.popupModel.startButton; } }; });\naddToBindingsCache('text: $root.getLocalization(\\'Until\\',\\'AnalyticsCoreStringId.Mobile_DateRange_Until\\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Until', 'AnalyticsCoreStringId.Mobile_DateRange_Until'); } }; });\naddToBindingsCache('css: { \\'dx-button-default\\': popupModel.endButton.focused }, dxButton: popupModel.endButton', function ($context, $element) { return { 'css': function () { return { 'dx-button-default': $context.$data.popupModel.endButton.focused }; }, 'dxButton': function () { return $context.$data.popupModel.endButton; } }; });\naddToBindingsCache('if: popupModel.startButton.focused', function ($context, $element) { return { 'if': function () { return $context.$data.popupModel.startButton.focused; } }; });\naddToBindingsCache('template: { name: \\'dxrv-daterange-calendar\\', data: _createTemplateData(startDate, undefined) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrv-daterange-calendar', 'data': $context.$data._createTemplateData($context.$data.startDate, undefined) }; } }; });\naddToBindingsCache('if: popupModel.endButton.focused', function ($context, $element) { return { 'if': function () { return $context.$data.popupModel.endButton.focused; } }; });\naddToBindingsCache('template: { name: \\'dxrv-daterange-calendar\\', data: _createTemplateData(endDate, startDate) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrv-daterange-calendar', 'data': $context.$data._createTemplateData($context.$data.endDate, $context.$data.startDate) }; } }; });\naddToBindingsCache('dxclick: clickToBrick, styleunit: { width: width, height: height }, autoFit: { autoFitBy: $root.reportPreview.autoFitBy, zoom: zoom, width: originalWidth, height: originalHeight, previewSize: $root.reportPreview.previewSize, brickLoading: brickLoading, skipIfInvisible: true }', function ($context, $element) { return { 'dxclick': function () { return $context.$data.clickToBrick; }, 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height }; }, 'autoFit': function () { return { 'autoFitBy': $context.$root.reportPreview.autoFitBy, 'zoom': $context.$data.zoom, 'width': $context.$data.originalWidth, 'height': $context.$data.originalHeight, 'previewSize': $context.$root.reportPreview.previewSize, 'brickLoading': $context.$data.brickLoading, 'skipIfInvisible': true }; } }; });\naddToBindingsCache('styleunit: { width: width, height: height, lineHeight: height }, style: { \\'background-color\\': color }, visible: pageLoading, text: loadingText', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height, 'lineHeight': $context.$data.height }; }, 'style': function () { return { 'background-color': $context.$data.color }; }, 'visible': function () { return $context.$data.pageLoading; }, 'text': function () { return $context.$data.loadingText; } }; });\naddToBindingsCache('attr: { src: displayImageSrc }, style:{ \\'background-color\\': color }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.displayImageSrc }; }, 'style': function () { return { 'background-color': $context.$data.color }; } }; });\naddToBindingsCache('css: { \\'dxrdp-active\\': active() && $parents[1].blocks().length > 1 }, visible: !$root.slideOptions.readerMode', function ($context, $element) { return { 'css': function () { return { 'dxrdp-active': $context.$data.active() && $context.$parents[1].blocks().length > 1 }; }, 'visible': function () { return !$context.$root.slideOptions.readerMode; } }; });\naddToBindingsCache('style: { top: topP, left: $data.leftP, right: $data.rightP, height: heightP, width: widthP }, css: { \\'dxrd-report-preview-brick-selected\\': $data.active }', function ($context, $element) { return { 'style': function () { return { 'top': $context.$data.topP, 'left': $context.$data.leftP, 'right': $context.$data.rightP, 'height': $context.$data.heightP, 'width': $context.$data.widthP }; }, 'css': function () { return { 'dxrd-report-preview-brick-selected': $context.$data.active }; } }; });\naddToBindingsCache('foreach: activeBricks', function ($context, $element) { return { 'foreach': function () { return $context.$data.activeBricks; } }; });\naddToBindingsCache('template: { name: \"dxrd-page-brick-mobile\", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-brick-mobile', 'data': $context.$data }; } }; });\naddToBindingsCache('if: !brickLoading() && $data.editingFields', function ($context, $element) { return { 'if': function () { return !$context.$data.brickLoading() && $context.$data.editingFields; } }; });\naddToBindingsCache('foreach: editingFields', function ($context, $element) { return { 'foreach': function () { return $context.$data.editingFields; } }; });\naddToBindingsCache('styleunit:{ height: height }, dxrdSearchBar: $data', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height }; }, 'dxrdSearchBar': function () { return $context.$data; } }; });\naddToBindingsCache('visible: !$data.editorVisible(), dxclick: function(s, e) { $data.focusEditor(e); }', function ($context, $element) { return { 'visible': function () { return !$context.$data.editorVisible(); }, 'dxclick': function () { return function (s, e) { $context.$data.focusEditor(e); }; } }; });\naddToBindingsCache('text: $root.getLocalization(\\'Tap here to Search\\', \\'ASPxReportsStringId.WebDocumentViewer_Mobile_TapHereToSearch\\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Tap here to Search', 'ASPxReportsStringId.WebDocumentViewer_Mobile_TapHereToSearch'); } }; });\naddToBindingsCache('visible: $data.editorVisible()', function ($context, $element) { return { 'visible': function () { return $context.$data.editorVisible(); } }; });\naddToBindingsCache('dxTextBox: { value: searchText, onEnterKey: function() { $data.startSearch(); } }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.searchText, 'onEnterKey': function () { $context.$data.startSearch(); } }; } }; });\naddToBindingsCache('dxMenu: { wrapperAttr: { class: \\'dxrd-preview-export-to\\' }, items: items, onItemClick: clickAction }, attr: { title: $root.getLocalization(text, $data.textId) }', function ($context, $element) { return { 'dxMenu': function () { return { 'wrapperAttr': { 'class': 'dxrd-preview-export-to' }, 'items': $context.$data.items, 'onItemClick': $context.$data.clickAction }; }, 'attr': function () { return { 'title': $context.$root.getLocalization($context.$data.text, $context.$data.textId) }; } }; });\naddToBindingsCache('attr: { title: $root.getLocalization(text, $data.textId) }', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$root.getLocalization($context.$data.text, $context.$data.textId) }; } }; });\naddToBindingsCache('text: $root.getLocalization($data.text, $data.textId)', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization($context.$data.text, $context.$data.textId); } }; });\naddToBindingsCache('css: ko.unwrap($data.imageClassName), template: { name: ko.unwrap($data.imageTemplateName), if: !!ko.unwrap($data.imageTemplateName)}', function ($context, $element) { return { 'css': function () { return $context.ko.unwrap($context.$data.imageClassName); }, 'template': function () { return { 'name': $context.ko.unwrap($context.$data.imageTemplateName), 'if': !!$context.ko.unwrap($context.$data.imageTemplateName) }; } }; });\naddToBindingsCache('visible: visible, css: $data.imageClassName, template: { name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, dxclick: clickAction', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'css': function () { return $context.$data.imageClassName; }, 'template': function () { return { 'name': $context.$data.imageTemplateName, 'if': !!$context.ko.unwrap($context.$data.imageTemplateName) }; }, 'dxclick': function () { return $context.$data.clickAction; } }; });\naddToBindingsCache('dxrdMobilePaginator: $data', function ($context, $element) { return { 'dxrdMobilePaginator': function () { return $context.$data; } }; });\naddToBindingsCache('text : text', function ($context, $element) { return { 'text': function () { return $context.$data.text; } }; });\naddToBindingsCache('dxPopover: { wrapperAttr: { class: \\'dxrd-menu-export-popover\\' }, width: \\'266px\\', height: \\'266px\\', visible: visible, target: \\'.dxrdp-mobile-action.dxrd-image-export-to\\', container: $root.getPopupContainer($element), }', function ($context, $element) { return { 'dxPopover': function () { return { 'wrapperAttr': { 'class': 'dxrd-menu-export-popover' }, 'width': '266px', 'height': '266px', 'visible': $context.$data.visible, 'target': '.dxrdp-mobile-action.dxrd-image-export-to', 'container': $context.$root.getPopupContainer($element) }; } }; });\naddToBindingsCache('dxclick: action, text: text', function ($context, $element) { return { 'dxclick': function () { return $context.$data.action; }, 'text': function () { return $context.$data.text; } }; });\naddToBindingsCache('dxPopup: { wrapperAttr: { class: \\'dxrd-menu-parameters-popup\\' }, showTitle: false, width: \\'100vw\\', height: \\'100vh\\', visible: visible, container: $root.getPopupContainer($element), }', function ($context, $element) { return { 'dxPopup': function () { return { 'wrapperAttr': { 'class': 'dxrd-menu-parameters-popup' }, 'showTitle': false, 'width': '100vw', 'height': '100vh', 'visible': $context.$data.visible, 'container': $context.$root.getPopupContainer($element) }; } }; });\naddToBindingsCache('dxValidationGroup: {}, css: className', function ($context, $element) { return { 'dxValidationGroup': function () { return {}; }, 'css': function () { return $context.$data.className; } }; });\naddToBindingsCache('text: $data.title', function ($context, $element) { return { 'text': function () { return $context.$data.title; } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\', useNative: false, scrollByThumb: true, bounceEnabled: false }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'bounceEnabled': false }; } }; });\naddToBindingsCache('foreach: { data: $data.actionButtons }, cacheElement: { action: function(element) { $data.cacheElementContent(element); } }', function ($context, $element) { return { 'foreach': function () { return { 'data': $context.$data.actionButtons }; }, 'cacheElement': function () { return { 'action': function (element) { $context.$data.cacheElementContent(element); } }; } }; });\naddToBindingsCache('dxButton: { text: text, onClick: function(params){ $data.action(params) }, disabled: disabled, visible: visible }, css: className', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$data.text, 'onClick': function (params) { $context.$data.action(params); }, 'disabled': $context.$data.disabled, 'visible': $context.$data.visible }; }, 'css': function () { return $context.$data.className; } }; });\naddToBindingsCache('visible: showIcons, foreach: { data: $data.actionIcons }', function ($context, $element) { return { 'visible': function () { return $context.$data.showIcons; }, 'foreach': function () { return { 'data': $context.$data.actionIcons }; } }; });\naddToBindingsCache('dxButton: { onClick: function(params){ $data.action(params)}, disabled: disabled }, css: className', function ($context, $element) { return { 'dxButton': function () { return { 'onClick': function (params) { $context.$data.action(params); }, 'disabled': $context.$data.disabled }; }, 'css': function () { return $context.$data.className; } }; });\naddToBindingsCache('dxPropertyGrid: { target: ko.observable($data) }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.ko.observable($context.$data) }; } }; });\naddToBindingsCache('dxrvDateRangeEditor: {value: $data.value(), isMobile: true }', function ($context, $element) { return { 'dxrvDateRangeEditor': function () { return { 'value': $context.$data.value(), 'isMobile': true }; } }; });\naddToBindingsCache('if: $data.format', function ($context, $element) { return { 'if': function () { return $context.$data.format; } }; });\naddToBindingsCache('ifnot: $data.format', function ($context, $element) { return { 'ifnot': function () { return $context.$data.format; } }; });\naddToBindingsCache('if: $data.enabled', function ($context, $element) { return { 'if': function () { return $context.$data.enabled; } }; });\naddToBindingsCache('if: $data.content', function ($context, $element) { return { 'if': function () { return $context.$data.content; } }; });\naddToBindingsCache('template: $data.content', function ($context, $element) { return { 'template': function () { return $context.$data.content; } }; });\naddToBindingsCache('template: { name: \\'dxrv-preview-parameters-mobile\\', data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrv-preview-parameters-mobile', 'data': $context.$data }; } }; });\naddToBindingsCache('template: { name: $data.contentTemplate, data: model }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.contentTemplate, 'data': $context.$data.model }; } }; });\naddToBindingsCache('style: { pointerEvents: $data.documentId === null ? \\'none\\' : \\'\\', touchEvents: $data.documentId === null ? \\'none\\' : \\'\\' }, styleunit: { top: topOffset, height: previewWrapperSize().height, width: previewWrapperSize().width }, slide: $root.slideOptions, mobileZoom: { zoom: mobileZoom, zoomUpdating: zoomUpdating }, dxclick: function(s,e) { if(!$root.brickEventsDisabled()) { $data.showActions(s,e); } }, css: { \\'dxrp-editing-fields-hightlighted\\': editingFieldsHighlighted }', function ($context, $element) { return { 'style': function () { return { 'pointerEvents': $context.$data.documentId === null ? 'none' : '', 'touchEvents': $context.$data.documentId === null ? 'none' : '' }; }, 'styleunit': function () { return { 'top': $context.$data.topOffset, 'height': $context.$data.previewWrapperSize().height, 'width': $context.$data.previewWrapperSize().width }; }, 'slide': function () { return $context.$root.slideOptions; }, 'mobileZoom': function () { return { 'zoom': $context.$data.mobileZoom, 'zoomUpdating': $context.$data.zoomUpdating }; }, 'dxclick': function () { return function (s, e) { if (!$context.$root.brickEventsDisabled()) {\n $context.$data.showActions(s, e);\n } }; }, 'css': function () { return { 'dxrp-editing-fields-hightlighted': $context.$data.editingFieldsHighlighted }; } }; });\naddToBindingsCache('style: { pointerEvents: $data.zoomUpdating() ? \\'none\\' : \\'\\', touchEvents: $data.zoomUpdating() ? \\'none\\' : \\'\\' }, dxGalleryReportPreview: { dataSource: $root.gallery.items, gallery: $root.gallery, animationEnabled: $root.gallery.animationEnabled, disabled: $data.zoomUpdating, selectedIndex: $root.gallery.selectedIndex, width:\\'100%\\', height: \\'100%\\', showIndicator: false, loop: true, onSelectionChanged: onSlide, swipeEnabled: $root.slideOptions.swipeEnabled }', function ($context, $element) { return { 'style': function () { return { 'pointerEvents': $context.$data.zoomUpdating() ? 'none' : '', 'touchEvents': $context.$data.zoomUpdating() ? 'none' : '' }; }, 'dxGalleryReportPreview': function () { return { 'dataSource': $context.$root.gallery.items, 'gallery': $context.$root.gallery, 'animationEnabled': $context.$root.gallery.animationEnabled, 'disabled': $context.$data.zoomUpdating, 'selectedIndex': $context.$root.gallery.selectedIndex, 'width': '100%', 'height': '100%', 'showIndicator': false, 'loop': true, 'onSelectionChanged': $context.$data.onSlide, 'swipeEnabled': $context.$root.slideOptions.swipeEnabled }; } }; });\naddToBindingsCache('dxScrollView: $root.reportPreview.getScrollViewOptions()', function ($context, $element) { return { 'dxScrollView': function () { return $context.$root.reportPreview.getScrollViewOptions(); } }; });\naddToBindingsCache('style: $root.gallery.contentSize()', function ($context, $element) { return { 'style': function () { return $context.$root.gallery.contentSize(); } }; });\naddToBindingsCache('styleunit: position, css: $data.classSet', function ($context, $element) { return { 'styleunit': function () { return $context.$data.position; }, 'css': function () { return $context.$data.classSet; } }; });\naddToBindingsCache('styleunit: { width: Math.max(page.width(), position().width), height: Math.max(page.height(), position().height) }, style: { \\'background-color\\': page.color }', function ($context, $element) { return { 'styleunit': function () { return { 'width': Math.max($context.$data.page.width(), $context.$data.position().width), 'height': Math.max($context.$data.page.height(), $context.$data.position().height) }; }, 'style': function () { return { 'background-color': $context.$data.page.color }; } }; });\naddToBindingsCache('css: { \\'dxrdp-active\\': page.active() && $parents[0].blocks().length > 1, \\'dxrdp-page-padding\\': $parents[0].blocks().length > 1 }, visible: $root.slideOptions.readerMode', function ($context, $element) { return { 'css': function () { return { 'dxrdp-active': $context.$data.page.active() && $context.$parents[0].blocks().length > 1, 'dxrdp-page-padding': $context.$parents[0].blocks().length > 1 }; }, 'visible': function () { return $context.$root.slideOptions.readerMode; } }; });\naddToBindingsCache('styleunit: { width: page.width, height: page.height }, style: { pointerEvents: $root.brickEventsDisabled() ? \\'none\\' : \\'\\', touchEvents: $root.brickEventsDisabled() ? \\'none\\' : \\'\\' }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.page.width, 'height': $context.$data.page.height }; }, 'style': function () { return { 'pointerEvents': $context.$root.brickEventsDisabled() ? 'none' : '', 'touchEvents': $context.$root.brickEventsDisabled() ? 'none' : '' }; } }; });\naddToBindingsCache('template: {name: \\'dxrd-preview-progress-bar\\', data: progressBar }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-preview-progress-bar', 'data': $context.$data.progressBar }; } }; });\naddToBindingsCache('foreach: $data.blocks()', function ($context, $element) { return { 'foreach': function () { return $context.$data.blocks(); } }; });\naddToBindingsCache('if: $data.page', function ($context, $element) { return { 'if': function () { return $context.$data.page; } }; });\naddToBindingsCache('template: { name :\\'dxrd-preview-page-mobile\\', data: page }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-preview-page-mobile', 'data': $context.$data.page }; } }; });\naddToBindingsCache('style: containerStyle(), zoom: zoom, css: { active: active(), readonly: field.readOnly() }', function ($context, $element) { return { 'style': function () { return $context.$data.containerStyle(); }, 'zoom': function () { return $context.$data.zoom; }, 'css': function () { return { 'active': $context.$data.active(), 'readonly': $context.$data.field.readOnly() }; } }; });\naddToBindingsCache('style: borderStyle()', function ($context, $element) { return { 'style': function () { return $context.$data.borderStyle(); } }; });\naddToBindingsCache('dxclick: activateEditor', function ($context, $element) { return { 'dxclick': function () { return $context.$data.activateEditor; } }; });\naddToBindingsCache('style: textStyle(), css: {\\'dxrp-editing-field-text-wordwrap\\': !wordWrap}', function ($context, $element) { return { 'style': function () { return $context.$data.textStyle(); }, 'css': function () { return { 'dxrp-editing-field-text-wordwrap': !$context.$data.wordWrap }; } }; });\naddToBindingsCache('style: breakOffsetStyle(), html: htmlValue()', function ($context, $element) { return { 'style': function () { return $context.$data.breakOffsetStyle(); }, 'html': function () { return $context.$data.htmlValue(); } }; });\naddToBindingsCache('style: textStyle(), css: {\\'dxrp-editing-field-text-wordwrap\\': !wordWrap}, text: field.editValue()', function ($context, $element) { return { 'style': function () { return $context.$data.textStyle(); }, 'css': function () { return { 'dxrp-editing-field-text-wordwrap': !$context.$data.wordWrap }; }, 'text': function () { return $context.$data.field.editValue(); } }; });\naddToBindingsCache('value: value, valueUpdate: \\'keypress\\', style: textStyle(), event: { blur: hideEditor, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.value; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle(); }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { $context.$data.value = _z; } }; } }; });\naddToBindingsCache('dxTextBox: options, childStyle: { style: textStyle(), selector: \\'.dx-texteditor-input\\'}', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.options; }, 'childStyle': function () { return { 'style': $context.$data.textStyle(), 'selector': '.dx-texteditor-input' }; } }; });\naddToBindingsCache('dxNumberBox: options, childStyle: { style: textStyle(), selector: \\'.dx-texteditor-input\\'}', function ($context, $element) { return { 'dxNumberBox': function () { return $context.$data.options; }, 'childStyle': function () { return { 'style': $context.$data.textStyle(), 'selector': '.dx-texteditor-input' }; } }; });\naddToBindingsCache('dxDateBox: $data.getOptions({ dropDownOptions: { container: $root.getPopupContainer($element), position: { at: \\'left bottom\\', collision: \\'flipfit flip\\', my: \\'left top\\', boundary: $root.getPopupContainer($element), of: $element } } }), childStyle: { style: textStyle(), selector: \\'.dx-texteditor-input\\'}', function ($context, $element) { return { 'dxDateBox': function () { return $context.$data.getOptions({ 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'position': { 'at': 'left bottom', 'collision': 'flipfit flip', 'my': 'left top', 'boundary': $context.$root.getPopupContainer($element), 'of': $element } } }); }, 'childStyle': function () { return { 'style': $context.$data.textStyle(), 'selector': '.dx-texteditor-input' }; } }; });\naddToBindingsCache('style: containerStyle()', function ($context, $element) { return { 'style': function () { return $context.$data.containerStyle(); } }; });\naddToBindingsCache('dxPictureEditor: $data.getPictureEditorOptions()', function ($context, $element) { return { 'dxPictureEditor': function () { return $context.$data.getPictureEditorOptions(); } }; });\naddToBindingsCache('style: containerStyle(), zoom: zoom, click: onClick', function ($context, $element) { return { 'style': function () { return $context.$data.containerStyle(); }, 'zoom': function () { return $context.$data.zoom; }, 'click': function () { return $context.$data.onClick; } }; });\naddToBindingsCache('style: checkStyle(), template: {name: $data.checkStateStyleIcon, if: !!ko.unwrap($data.checkStateStyleIcon)}', function ($context, $element) { return { 'style': function () { return $context.$data.checkStyle(); }, 'template': function () { return { 'name': $context.$data.checkStateStyleIcon, 'if': !!$context.ko.unwrap($context.$data.checkStateStyleIcon) }; } }; });\naddToBindingsCache('style: checkStyle()', function ($context, $element) { return { 'style': function () { return $context.$data.checkStyle(); } }; });\naddToBindingsCache('style: { fill: checked() ? \\'black\\' : \\'transparent\\' }', function ($context, $element) { return { 'style': function () { return { 'fill': $context.$data.checked() ? 'black' : 'transparent' }; } }; });\naddToBindingsCache('style: containerStyle(), dxclick: activateEditor, zoom: zoom, css: { active: active(), readonly: field.readOnly() }', function ($context, $element) { return { 'style': function () { return $context.$data.containerStyle(); }, 'dxclick': function () { return $context.$data.activateEditor; }, 'zoom': function () { return $context.$data.zoom; }, 'css': function () { return { 'active': $context.$data.active(), 'readonly': $context.$data.field.readOnly() }; } }; });\naddToBindingsCache('style: style, text: text', function ($context, $element) { return { 'style': function () { return $context.$data.style; }, 'text': function () { return $context.$data.text; } }; });\naddToBindingsCache('value: field._editorValue, valueUpdate: \\'keypress\\', style: textStyle(), event: { blur: hideEditor, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.field._editorValue; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle(); }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { Object($context.$data.field)._editorValue = _z; } }; } }; });\naddToBindingsCache('if: !active() || field.readOnly()', function ($context, $element) { return { 'if': function () { return !$context.$data.active() || $context.$data.field.readOnly(); } }; });\naddToBindingsCache('if: htmlValue()', function ($context, $element) { return { 'if': function () { return $context.$data.htmlValue(); } }; });\naddToBindingsCache('ifnot: htmlValue()', function ($context, $element) { return { 'ifnot': function () { return $context.$data.htmlValue(); } }; });\naddToBindingsCache('if: active() && !field.readOnly()', function ($context, $element) { return { 'if': function () { return $context.$data.active() && !$context.$data.field.readOnly(); } }; });\naddToBindingsCache('template: { name: editorTemplate, data: data }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.editorTemplate, 'data': $context.$data.data }; } }; });\naddToBindingsCache('template: \\'dxrp-editing-field-image-editor\\'', function ($context, $element) { return { 'template': function () { return 'dxrp-editing-field-image-editor'; } }; });\naddToBindingsCache('foreach: cells', function ($context, $element) { return { 'foreach': function () { return $context.$data.cells; } }; });\naddToBindingsCache('attr: { \\'action\\': exportActionUri }, foreach: exportFormData', function ($context, $element) { return { 'attr': function () { return { 'action': $context.$data.exportActionUri }; }, 'foreach': function () { return $context.$data.exportFormData; } }; });\naddToBindingsCache('attr: {\\'name\\': name, \\'value\\': value}', function ($context, $element) { return { 'attr': function () { return { 'name': $context.$data.name, 'value': $context.$data.value }; } }; });\naddToBindingsCache('dxPopup: { width: popupWidth, height: popupHeight, title: getPopupTitle(), visible: popupVisible, showCloseButton: true, toolbarItems: popupButtons, wrapperAttr: { class: \\'dxrd-print-dialog dx-editors dx-widget\\' }, container: $root.getPopupContainer($element), position: { of: $root.getPopupContainer($element) } }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': $context.$data.popupWidth, 'height': $context.$data.popupHeight, 'title': $context.$data.getPopupTitle(), 'visible': $context.$data.popupVisible, 'showCloseButton': true, 'toolbarItems': $context.$data.popupButtons, 'wrapperAttr': { 'class': 'dxrd-print-dialog dx-editors dx-widget' }, 'container': $context.$root.getPopupContainer($element), 'position': { 'of': $context.$root.getPopupContainer($element) } }; } }; });\naddToBindingsCache('text: $root.getLocalization(\\'The browser sent the document to the printer.\\', \\'ASPxReportsStringId.WebDocumentViewer_Print_Popup_Caption\\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('The browser sent the document to the printer.', 'ASPxReportsStringId.WebDocumentViewer_Print_Popup_Caption'); } }; });\naddToBindingsCache('text: printingTextPrefix', function ($context, $element) { return { 'text': function () { return $context.$data.printingTextPrefix; } }; });\naddToBindingsCache('click: printingLinkCallback, text: $root.getLocalization(\\'document in PDF format\\', \\'ASPxReportsStringId.WebDocumentViewer_Print_Popup_LinkText\\')', function ($context, $element) { return { 'click': function () { return $context.$data.printingLinkCallback; }, 'text': function () { return $context.$root.getLocalization('document in PDF format', 'ASPxReportsStringId.WebDocumentViewer_Print_Popup_LinkText'); } }; });\naddToBindingsCache('text: printingTextPostfix', function ($context, $element) { return { 'text': function () { return $context.$data.printingTextPostfix; } }; });\naddToBindingsCache('if: $data.printingTextPrefix', function ($context, $element) { return { 'if': function () { return $context.$data.printingTextPrefix; } }; });\naddToBindingsCache('if: $data.printingTextPostfix', function ($context, $element) { return { 'if': function () { return $context.$data.printingTextPostfix; } }; });\naddToBindingsCache('text: $root.getLocalization(\\'Export Options\\', \\'DevExpress.XtraReports.UI.XtraReport.ExportOptions\\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Export Options', 'DevExpress.XtraReports.UI.XtraReport.ExportOptions'); } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\\'useKeyboard\\', false); } }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });\naddToBindingsCache('accessibilityKeyboardHelper: $data.keyboardHelper', function ($context, $element) { return { 'accessibilityKeyboardHelper': function () { return $context.$data.keyboardHelper; } }; });\naddToBindingsCache('dxPropertyGrid: { target: model }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.model }; } }; });\naddToBindingsCache('attr: { \\'aria-label\\': $root.getLocalization(text, $data.textId), \\'aria-hidden\\': ko.unwrap($data.visible) ? \\'false\\' : \\'true\\', \\'aria-disabled\\': $data.disabled() ? \\'true\\' : \\'false\\' }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$root.getLocalization($context.$data.text, $context.$data.textId), 'aria-hidden': $context.ko.unwrap($context.$data.visible) ? 'false' : 'true', 'aria-disabled': $context.$data.disabled() ? 'true' : 'false' }; } }; });\naddToBindingsCache('dxMenu: { wrapperAttr: { class: \\'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\\' }, disabled: $data.disabled(), items: items, cssClass: \\'dxrdp-export-to-menu\\', onItemClick: clickAction, onSubmenuShowing: $data.eventHandlers.onSubmenuShowing($root.getPopupContainer($element), $element), onSubmenuShown: $data.eventHandlers.onSubmenuShown, onSubmenuHiding: $data.eventHandlers.onSubmenuHiding, tabIndex: \\'-1\\' }, attr: { title: $root.getLocalization(text, $data.textId) }', function ($context, $element) { return { 'dxMenu': function () { return { 'wrapperAttr': { 'class': 'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted' }, 'disabled': $context.$data.disabled(), 'items': $context.$data.items, 'cssClass': 'dxrdp-export-to-menu', 'onItemClick': $context.$data.clickAction, 'onSubmenuShowing': $context.$data.eventHandlers.onSubmenuShowing($context.$root.getPopupContainer($element), $element), 'onSubmenuShown': $context.$data.eventHandlers.onSubmenuShown, 'onSubmenuHiding': $context.$data.eventHandlers.onSubmenuHiding, 'tabIndex': '-1' }; }, 'attr': function () { return { 'title': $context.$root.getLocalization($context.$data.text, $context.$data.textId) }; } }; });\naddToBindingsCache('css: ko.unwrap($data.imageClassName), template: ko.unwrap($data.imageTemplateName)', function ($context, $element) { return { 'css': function () { return $context.ko.unwrap($context.$data.imageClassName); }, 'template': function () { return $context.ko.unwrap($context.$data.imageTemplateName); } }; });\naddToBindingsCache('if: model', function ($context, $element) { return { 'if': function () { return $context.$data.model; } }; });\naddToBindingsCache('dxclick: function(_, event){ onClick(event); event.stopPropagation(); }, style: { top: topP, left: $data.leftP, right: $data.rightP, height: heightP, width: widthP }, css: { \\'dxrd-report-preview-brick-selected\\': $data.active, \\'dxrd-report-preview-brick-selectable\\': !($data.bricks) }', function ($context, $element) { return { 'dxclick': function () { return function (_, event) { $context.$data.onClick(event); event.stopPropagation(); }; }, 'style': function () { return { 'top': $context.$data.topP, 'left': $context.$data.leftP, 'right': $context.$data.rightP, 'height': $context.$data.heightP, 'width': $context.$data.widthP }; }, 'css': function () { return { 'dxrd-report-preview-brick-selected': $context.$data.active, 'dxrd-report-preview-brick-selectable': !($context.$data.bricks) }; } }; });\naddToBindingsCache('css: { \\'dxrdp-navigation-brick-drill-down\\' : !!navigation.drillDownKey, \\'dxrdp-navigation-brick-sorting\\' : !!navigation.sortData, \\'dxrdp-navigation-brick-sorting-desc\\': navigation.sortData && navigation.sortData.order === 1, \\'dxrdp-navigation-brick-sorting-asc\\': navigation.sortData && navigation.sortData.order === 2 }', function ($context, $element) { return { 'css': function () { return { 'dxrdp-navigation-brick-drill-down': !!$context.$data.navigation.drillDownKey, 'dxrdp-navigation-brick-sorting': !!$context.$data.navigation.sortData, 'dxrdp-navigation-brick-sorting-desc': $context.$data.navigation.sortData && $context.$data.navigation.sortData.order === 1, 'dxrdp-navigation-brick-sorting-asc': $context.$data.navigation.sortData && $context.$data.navigation.sortData.order === 2 }; } }; });\naddToBindingsCache('attr: {\\'aria-label\\': $parent.currentPageAriaLabelImgAlt($data.pageIndex) }, dxclick: clickToBrick, \\'brick-selection-prog\\': { page: $data, preview: $parent, click: function(pageIndex) { $parent.goToPage(pageIndex) } }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$parent.currentPageAriaLabelImgAlt($context.$data.pageIndex) }; }, 'dxclick': function () { return $context.$data.clickToBrick; }, 'brick-selection-prog': function () { return { 'page': $context.$data, 'preview': $context.$parent, 'click': function (pageIndex) { $context.$parent.goToPage(pageIndex); } }; } }; });\naddToBindingsCache('styleunit: { \\'width\\': width() + 2, \\'height\\': height() + 2 }, visible: pageLoading', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width() + 2, 'height': $context.$data.height() + 2 }; }, 'visible': function () { return $context.$data.pageLoading; } }; });\naddToBindingsCache('styleunit: { \\'paddingTop\\': height() / 2.3 }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingTop': $context.$data.height() / 2.3 }; } }; });\naddToBindingsCache('text: loadingText', function ($context, $element) { return { 'text': function () { return $context.$data.loadingText; } }; });\naddToBindingsCache('attr: { src: displayImageSrc, \\'alt\\': $parent.currentPageAriaLabelImgAlt($data.pageIndex) }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.displayImageSrc, 'alt': $context.$parent.currentPageAriaLabelImgAlt($context.$data.pageIndex) }; } }; });\naddToBindingsCache('accessibilityKeyboardHelper: $data.editingFieldsKeyboardHelper', function ($context, $element) { return { 'accessibilityKeyboardHelper': function () { return $context.$data.editingFieldsKeyboardHelper; } }; });\naddToBindingsCache('if: $data.navigation', function ($context, $element) { return { 'if': function () { return $context.$data.navigation; } }; });\naddToBindingsCache('foreach: clickableBricks', function ($context, $element) { return { 'foreach': function () { return $context.$data.clickableBricks; } }; });\naddToBindingsCache('template: { name: \"dxrd-page-brick-clickable\", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-brick-clickable', 'data': $context.$data }; } }; });\naddToBindingsCache('dxclick: activateEditor, css: parentPopupClass', function ($context, $element) { return { 'dxclick': function () { return $context.$data.activateEditor; }, 'css': function () { return $context.$data.parentPopupClass; } }; });\naddToBindingsCache('dxPainter: $data.getPainter()', function ($context, $element) { return { 'dxPainter': function () { return $context.$data.getPainter(); } }; });\naddToBindingsCache('dxPopup: { width: contentData.containerStyle().width, height: contentData.containerStyle().height, position: { boundary: $root.getPopupContainer($element), of: getPositionTarget($element), collision: \\'flipfit flipfit\\' }, container: $root.getPopupContainer($element), showTitle: false, target: $root.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: onContentReady, onHiding: onHiding, onShown: onShown, shading: shading, wrapperAttr: { class: \\'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\\' }, animation: { show: { type: \\'slide\\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \\'fade\\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: isVisible($element) }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': $context.$data.contentData.containerStyle().width, 'height': $context.$data.contentData.containerStyle().height, 'position': { 'boundary': $context.$root.getPopupContainer($element), 'of': $context.$data.getPositionTarget($element), 'collision': 'flipfit flipfit' }, 'container': $context.$root.getPopupContainer($element), 'showTitle': false, 'target': $context.$root.getPopupContainer($element), 'deferRendering': false, 'hideOnOutsideClick': true, 'showCloseButton': false, 'onContentReady': $context.$data.onContentReady, 'onHiding': $context.$data.onHiding, 'onShown': $context.$data.onShown, 'shading': $context.$data.shading, 'wrapperAttr': { 'class': 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }, 'animation': { 'show': { 'type': 'slide', 'duration': 0, 'to': { 'opacity': 1 }, 'from': { 'opacity': 0 } }, 'hide': { 'type': 'fade', 'duration': 100, 'to': { 'opacity': 0 }, 'from': { 'opacity': 1 } } }, 'visible': $context.$data.isVisible($element) }; } }; });\naddToBindingsCache('template: { name: \\'dx-picture-editing-popup\\', data: $data.getPopupData() }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-picture-editing-popup', 'data': $context.$data.getPopupData() }; } }; });\naddToBindingsCache('if: showContent', function ($context, $element) { return { 'if': function () { return $context.$data.showContent; } }; });\naddToBindingsCache('template: { name: contentTemplate, data: contentData, afterRender: $data.renderedHandler }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.contentTemplate, 'data': $context.$data.contentData, 'afterRender': $context.$data.renderedHandler }; } }; });\naddToBindingsCache('attr: { \\'aria-label\\': $root.getLocalization(\\'Zoom\\', \\'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox\\'), \\'aria-hidden\\': ko.unwrap($data.visible) ? \\'false\\' : \\'true\\', \\'aria-disabled\\': $data.disabled() ? \\'true\\' : \\'false\\' }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$root.getLocalization('Zoom', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox'), 'aria-hidden': $context.ko.unwrap($context.$data.visible) ? 'false' : 'true', 'aria-disabled': $context.$data.disabled() ? 'true' : 'false' }; } }; });\naddToBindingsCache('dxSelectBox: { items: zoomItems, value: $data.zoom, displayExpr: displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: $root.getPopupContainer($element), position: { my: \\'left top\\', at: \\'left bottom\\', of: $element }, wrapperAttr: { class: \\'dx-zoom-selectbox-popup-wrapper\\' } }, tabIndex: \\'-1\\', inputAttr: { \\'aria-label\\': $root.getLocalization(\\'Zoom\\', \\'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox\\') }}', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.zoomItems, 'value': $context.$data.zoom, 'displayExpr': $context.$data.displayExpr, 'displayCustomValue': true, 'acceptCustomValue': true, 'onCustomItemCreating': $context.$data.onCustomItemCreating, 'useItemTextAsTitle': true, 'width': 140, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'position': { 'my': 'left top', 'at': 'left bottom', 'of': $element }, 'wrapperAttr': { 'class': 'dx-zoom-selectbox-popup-wrapper' } }, 'tabIndex': '-1', 'inputAttr': { 'aria-label': $context.$root.getLocalization('Zoom', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox') } }; } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\', direction: \\'horizontal\\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\\'useKeyboard\\', false); } }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'direction': 'horizontal', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });\naddToBindingsCache('keyDownActions: actionLists, accessibilityKeyboardHelper: $data.keyboardHelper', function ($context, $element) { return { 'keyDownActions': function () { return $context.$data.actionLists; }, 'accessibilityKeyboardHelper': function () { return $context.$data.keyboardHelper; } }; });\naddToBindingsCache('visible: active() && visible(), accessibilityKeyboardHelper: $data.keyboardHelper', function ($context, $element) { return { 'visible': function () { return $context.$data.active() && $context.$data.visible(); }, 'accessibilityKeyboardHelper': function () { return $context.$data.keyboardHelper; } }; });\naddToBindingsCache('text: $root.getLocalization(\\'Search\\', \\'ASPxReportsStringId.SearchDialog_Header\\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Search', 'ASPxReportsStringId.SearchDialog_Header'); } }; });\naddToBindingsCache('dxSearchEditor: { searchModel: $data, inputAttr: { \\'type\\': \\'search\\', \\'title\\': $root.getLocalization(\\'Search\\', \\'ASPxReportsStringId.SearchDialog_Header\\') }}', function ($context, $element) { return { 'dxSearchEditor': function () { return { 'searchModel': $context.$data, 'inputAttr': { 'type': 'search', 'title': $context.$root.getLocalization('Search', 'ASPxReportsStringId.SearchDialog_Header') } }; } }; });\naddToBindingsCache('dxCheckBox: { value: matchCase, text: $root.getLocalization(\\'Match case\\', \\'ASPxReportsStringId.SearchDialog_Case\\')}', function ($context, $element) { return { 'dxCheckBox': function () { return { 'value': $context.$data.matchCase, 'text': $context.$root.getLocalization('Match case', 'ASPxReportsStringId.SearchDialog_Case') }; } }; });\naddToBindingsCache('dxCheckBox: { value: matchWholeWord, text: $root.getLocalization(\\'Match whole word only\\', \\'ASPxReportsStringId.SearchDialog_WholeWord\\')}', function ($context, $element) { return { 'dxCheckBox': function () { return { 'value': $context.$data.matchWholeWord, 'text': $context.$root.getLocalization('Match whole word only', 'ASPxReportsStringId.SearchDialog_WholeWord') }; } }; });\naddToBindingsCache('text: $root.getLocalization(\\'Search result\\', \\'ASPxReportsStringId.WebDocumentViewer_SearchResultText\\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Search result', 'ASPxReportsStringId.WebDocumentViewer_SearchResultText'); } }; });\naddToBindingsCache('dxLoadIndicator: { visible: $data.loading }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': $context.$data.loading }; } }; });\naddToBindingsCache('dxList: { dataSource: searchResultDataSource, pageLoadMode: \\'scrollBottom\\', focusStateEnabled:false, hoverStateEnabled:false, onItemRendered: onItemRendered, noDataText: loading() ? \\'\\' : noResultText(), encodeNoDataText: true, visible: !loading() }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.searchResultDataSource, 'pageLoadMode': 'scrollBottom', 'focusStateEnabled': false, 'hoverStateEnabled': false, 'onItemRendered': $context.$data.onItemRendered, 'noDataText': $context.$data.loading() ? '' : $context.$data.noResultText(), 'encodeNoDataText': true, 'visible': !$context.$data.loading() }; } }; });\naddToBindingsCache('dxAction: { model: $data, action: $parent.itemClickAction }, attr: {\\'aria-label\\': $data.data.text + \\', \\' + $root.dx._static.formatSearchResult($data.data) + \\', \\' + ($parent.searchResult().indexOf($data.data) + 1) + \\' of \\' + $parent.searchResult().length }', function ($context, $element) { return { 'dxAction': function () { return { 'model': $context.$data, 'action': $context.$parent.itemClickAction }; }, 'attr': function () { return { 'aria-label': $context.$data.data.text + ', ' + $context.$root.dx._static.formatSearchResult($context.$data.data) + ', ' + ($context.$parent.searchResult().indexOf($context.$data.data) + 1) + ' of ' + $context.$parent.searchResult().length }; } }; });\naddToBindingsCache('text: $data.data.text', function ($context, $element) { return { 'text': function () { return $context.$data.data.text; } }; });\naddToBindingsCache('text: $root.dx._static.formatSearchResult($data.data)', function ($context, $element) { return { 'text': function () { return $context.$root.dx._static.formatSearchResult($context.$data.data); } }; });\naddToBindingsCache('visible: visible, css: $data.cssClasses, accessibilityKeyboardHelper: $data.progressBarAccessibility', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'css': function () { return $context.$data.cssClasses; }, 'accessibilityKeyboardHelper': function () { return $context.$data.progressBarAccessibility; } }; });\naddToBindingsCache('style : { width: progress() + \\'%\\' }', function ($context, $element) { return { 'style': function () { return { 'width': $context.$data.progress() + '%' }; } }; });\naddToBindingsCache('text: cancelText, visible: $data.cancelVisible, dxAction: { model: $data, action: function() { $data.stop && stop(); }}', function ($context, $element) { return { 'text': function () { return $context.$data.cancelText; }, 'visible': function () { return $context.$data.cancelVisible; }, 'dxAction': function () { return { 'model': $context.$data, 'action': function () { $context.$data.stop && $context.$data.stop(); } }; } }; });\naddToBindingsCache('text: $root.getLocalization(\\'Preview Parameters\\', \\'ASPxReportsStringId.ReportDesigner_Preview_ParametersTitle\\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Preview Parameters', 'ASPxReportsStringId.ReportDesigner_Preview_ParametersTitle'); } }; });\naddToBindingsCache('text: $root.getLocalization(\\'The report does not contain any parameters.\\', \\'ASPxReportsStringId.WebDocumentViewer_NoParameters\\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('The report does not contain any parameters.', 'ASPxReportsStringId.WebDocumentViewer_NoParameters'); } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\\'useKeyboard\\', false); } }, dxValidationGroup: {}, accessibilityKeyboardHelper: $data.keyboardHelper', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; }, 'dxValidationGroup': function () { return {}; }, 'accessibilityKeyboardHelper': function () { return $context.$data.keyboardHelper; } }; });\naddToBindingsCache('dxLoadIndicator: { visible: model.parametersLoading }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': $context.$data.model.parametersLoading }; } }; });\naddToBindingsCache('dxButton: { text: $root.getLocalization(\\'Reset\\', \\'ASPxReportsStringId.ParametersPanel_Reset\\'), onClick: function() { model.restore(); } }', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$root.getLocalization('Reset', 'ASPxReportsStringId.ParametersPanel_Reset'), 'onClick': function () { $context.$data.model.restore(); } }; } }; });\naddToBindingsCache('dxButton: { text: $root.getLocalization(\\'Submit\\', \\'ASPxReportsStringId.ParametersPanel_Submit\\'), onClick: function(params) { model.validateAndSubmit(params); } }', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$root.getLocalization('Submit', 'ASPxReportsStringId.ParametersPanel_Submit'), 'onClick': function (params) { $context.$data.model.validateAndSubmit(params); } }; } }; });\naddToBindingsCache('attr: { \\'aria-label\\': $root.getLocalization(\\'Pager\\', \\'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox\\') , \\'aria-hidden\\': ko.unwrap($data.visible) ? \\'false\\' : \\'true\\', \\'aria-disabled\\': $data.disabled() ? \\'true\\' : \\'false\\' }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$root.getLocalization('Pager', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox'), 'aria-hidden': $context.ko.unwrap($context.$data.visible) ? 'false' : 'true', 'aria-disabled': $context.$data.disabled() ? 'true' : 'false' }; } }; });\naddToBindingsCache('dxSelectBox: { dataSource: pageItems, value: selectedItem, opened: opened, displayExpr: displayExpr, useItemTextAsTitle: true, onFocusOut: focusOut, onKeyUp: keyUp, itemTemplate: itemTemplate, searchMode: searchMode, searchEnabled: searchEnabled, searchTimeout: searchTimeout, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), wrapperAttr: { class: \\'dx-page-selectbox-popup-wrapper\\' }, }, tabIndex: \\'-1\\', inputAttr: { \\'aria-label\\': $root.getLocalization(\\'Pager\\', \\'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox\\') } }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.pageItems, 'value': $context.$data.selectedItem, 'opened': $context.$data.opened, 'displayExpr': $context.$data.displayExpr, 'useItemTextAsTitle': true, 'onFocusOut': $context.$data.focusOut, 'onKeyUp': $context.$data.keyUp, 'itemTemplate': $context.$data.itemTemplate, 'searchMode': $context.$data.searchMode, 'searchEnabled': $context.$data.searchEnabled, 'searchTimeout': $context.$data.searchTimeout, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'wrapperAttr': { 'class': 'dx-page-selectbox-popup-wrapper' } }, 'tabIndex': '-1', 'inputAttr': { 'aria-label': $context.$root.getLocalization('Pager', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox') } }; } }; });\naddToBindingsCache('text: $root.getLocalization(\\'Document Map\\', \\'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap\\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Document Map', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap'); } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'onHover\\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\\'useKeyboard\\', false); } }, accessibilityKeyboardHelper: $parent.keyboardHelper', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; }, 'accessibilityKeyboardHelper': function () { return $context.$parent.keyboardHelper; } }; });\naddToBindingsCache('treelist: documentMapOptions', function ($context, $element) { return { 'treelist': function () { return $context.$data.documentMapOptions; } }; });\naddToBindingsCache('if: searchText().length', function ($context, $element) { return { 'if': function () { return $context.$data.searchText().length; } }; });\naddToBindingsCache('if: (model && !model.isEmpty())', function ($context, $element) { return { 'if': function () { return ($context.$data.model && !$context.$data.model.isEmpty()); } }; });\naddToBindingsCache('if: (!model || model.isEmpty())', function ($context, $element) { return { 'if': function () { return (!$context.$data.model || $context.$data.model.isEmpty()); } }; });\naddToBindingsCache('template: { name: \\'dx-propertieseditor\\', data: $data.propertyGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.propertyGrid }; } }; });\naddToBindingsCache('dxTemplate : { name: \\'item\\' }', function () { return { dxTemplate: { name: 'item' } }; });\naddToBindingsCache('visible: reportPreview.previewVisible, cssArray: [ $data.rootStyle , { \\'dx-rtl\\' : $data.rtl, \\'dx-ltr\\': !$data.rtl } ]', function ($context, $element) { return { 'visible': function () { return $context.$data.reportPreview.previewVisible; }, 'cssArray': function () { return [$context.$data.rootStyle, { 'dx-rtl': $context.$data.rtl, 'dx-ltr': !$context.$data.rtl }]; } }; });\naddToBindingsCache('textCopier, css: { \\'dx-rtl\\': $data.rtlReport, \\'dxrp-editing-fields-hightlighted\\': editingFieldsHighlighted }', function ($context, $element) { return { 'textCopier': function () { return undefined; }, 'css': function () { return { 'dx-rtl': $context.$data.rtlReport, 'dxrp-editing-fields-hightlighted': $context.$data.editingFieldsHighlighted }; } }; });\naddToBindingsCache('accessibilityKeyboardHelper: $data.previewBrickKeyboardHelper', function ($context, $element) { return { 'accessibilityKeyboardHelper': function () { return $context.$data.previewBrickKeyboardHelper; } }; });\naddToBindingsCache('autoFit: { autoFitBy: $parent.autoFitBy, zoom: zoom, width: originalWidth, height: originalHeight, rightPanelWidth: $root.tabPanel.width, previewSize: $parent.previewSize, brickLoading: brickLoading }, styleunit: { width: width, height: height }', function ($context, $element) { return { 'autoFit': function () { return { 'autoFitBy': $context.$parent.autoFitBy, 'zoom': $context.$data.zoom, 'width': $context.$data.originalWidth, 'height': $context.$data.originalHeight, 'rightPanelWidth': $context.$root.tabPanel.width, 'previewSize': $context.$parent.previewSize, 'brickLoading': $context.$data.brickLoading }; }, 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height }; } }; });\naddToBindingsCache('lazyImages: { enabled: showMultipagePreview, updateCallback: onSizeChanged }', function ($context, $element) { return { 'lazyImages': function () { return { 'enabled': $context.$data.showMultipagePreview, 'updateCallback': $context.$data.onSizeChanged }; } }; });\naddToBindingsCache('styleunit: { \\'width\\': width(), \\'height\\': height() }, toView: { active: active }, css : { \\'dxrd-report-preview-active\\': active }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width(), 'height': $context.$data.height() }; }, 'toView': function () { return { 'active': $context.$data.active }; }, 'css': function () { return { 'dxrd-report-preview-active': $context.$data.active }; } }; });\naddToBindingsCache('css: { \\'dxrd-visually-hidden\\': currentPage() }', function ($context, $element) { return { 'css': function () { return { 'dxrd-visually-hidden': $context.$data.currentPage() }; } }; });\naddToBindingsCache('text: emptyDocumentCaption()', function ($context, $element) { return { 'text': function () { return $context.$data.emptyDocumentCaption(); } }; });\naddToBindingsCache('attr: { \\'aria-label\\': $root.getLocalization(\\'Clipboard\\', \\'ASPxReportsStringId.WebDocumentViewer_AriaClipboard\\') }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$root.getLocalization('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard') }; } }; });\naddToBindingsCache('dxViewerExport: $data', function ($context, $element) { return { 'dxViewerExport': function () { return $context.$data; } }; });\naddToBindingsCache('with: progressBar', function ($context, $element) { return { 'with': function () { return $context.$data.progressBar; } }; });\naddToBindingsCache('template: \\'dxrd-preview-progress-bar\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-preview-progress-bar'; } }; });\naddToBindingsCache('if: !showMultipagePreview()', function ($context, $element) { return { 'if': function () { return !$context.$data.showMultipagePreview(); } }; });\naddToBindingsCache('with: currentPage', function ($context, $element) { return { 'with': function () { return $context.$data.currentPage; } }; });\naddToBindingsCache('if: pageLoading() || (!pageLoading() && displayImageSrc())', function ($context, $element) { return { 'if': function () { return $context.$data.pageLoading() || (!$context.$data.pageLoading() && $context.$data.displayImageSrc()); } }; });\naddToBindingsCache('template: { name: \\'dxrd-preview-page\\', afterRender: function() { $parent.delayedInit() } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-preview-page', 'afterRender': function () { $context.$parent.delayedInit(); } }; } }; });\naddToBindingsCache('if: showMultipagePreview() && !!currentPage()', function ($context, $element) { return { 'if': function () { return $context.$data.showMultipagePreview() && !!$context.$data.currentPage(); } }; });\naddToBindingsCache('foreach: {data: pages, afterRender: function() { $parent.model.delayedInit() } }', function ($context, $element) { return { 'foreach': function () { return { 'data': $context.$data.pages, 'afterRender': function () { $context.$parent.model.delayedInit(); } }; } }; });\naddToBindingsCache('lazy: { if: pageLoading() || (!pageLoading() && displayImageSrc()) }', function ($context, $element) { return { 'lazy': function () { return { 'if': $context.$data.pageLoading() || (!$context.$data.pageLoading() && $context.$data.displayImageSrc()) }; } }; });\naddToBindingsCache('template: \\'dxrd-preview-page\\'', function ($context, $element) { return { 'template': function () { return 'dxrd-preview-page'; } }; });\naddToBindingsCache('cacheElement: { action: function(element) { $data._$element = element; } }, dxEllipsisEditor: { value: _displayText, readOnly:true, inputAttr: { \\'aria-label\\': $parent.displayName }, openOnFieldClick: true, buttonAction: function() { $data._showPopup(); } }', function ($context, $element) { return { 'cacheElement': function () { return { 'action': function (element) { $context.$data._$element = element; } }; }, 'dxEllipsisEditor': function () { return { 'value': $context.$data._displayText, 'readOnly': true, 'inputAttr': { 'aria-label': $context.$parent.displayName }, 'openOnFieldClick': true, 'buttonAction': function () { $context.$data._showPopup(); } }; } }; });\naddToBindingsCache('dxPopup: { width: \\'max-content\\', height: $root.calculateWithZoomFactor(362), wrapperAttr: { class: \\'dxrv-daterange-editor-popup-wrapper\\' }, position: { my: \\'right top\\', at: \\'right bottom\\', of: $data._$element, collision: \\'fit fit\\', offset: \\'1 -1\\' }, container: $root.getPopupContainer($element), target: $root.getPopupContainer($element), showTitle: false, showCloseButton: false, hideOnOutsideClick: true, animation: {}, shading: false, visible: _popupVisible }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 'max-content', 'height': $context.$root.calculateWithZoomFactor(362), 'wrapperAttr': { 'class': 'dxrv-daterange-editor-popup-wrapper' }, 'position': { 'my': 'right top', 'at': 'right bottom', 'of': $context.$data._$element, 'collision': 'fit fit', 'offset': '1 -1' }, 'container': $context.$root.getPopupContainer($element), 'target': $context.$root.getPopupContainer($element), 'showTitle': false, 'showCloseButton': false, 'hideOnOutsideClick': true, 'animation': {}, 'shading': false, 'visible': $context.$data._popupVisible }; } }; });\naddToBindingsCache('dxScrollView: { showScrollbar: \\'always\\', direction: \\'horizontal\\', useNative: false, onInitialized: function(e) { e.component.option(\\'useKeyboard\\', false); } }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'always', 'direction': 'horizontal', 'useNative': false, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });\naddToBindingsCache('accessibilityKeyboardHelper: $data.dialogKeyboardHelper', function ($context, $element) { return { 'accessibilityKeyboardHelper': function () { return $context.$data.dialogKeyboardHelper; } }; });\naddToBindingsCache('accessibilityKeyboardHelper: $data.dialogKeyboardHelper.predefinedDateRangesKeyboardHelper, dxScrollView: { showScrollbar: \\'onHover\\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\\'useKeyboard\\', false); } }', function ($context, $element) { return { 'accessibilityKeyboardHelper': function () { return $context.$data.dialogKeyboardHelper.predefinedDateRangesKeyboardHelper; }, 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'scrollByContent': false, 'bounceEnabled': false, 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });\naddToBindingsCache('attr: { \\'aria-selected\\': $parent._isSelected($data) }, css: { \\'dxd-state-selected\\': $parent._isSelected($data) }, dxAction: { model: $data, action: function() { $parent.applyDate($data.range(), true) }}', function ($context, $element) { return { 'attr': function () { return { 'aria-selected': $context.$parent._isSelected($context.$data) }; }, 'css': function () { return { 'dxd-state-selected': $context.$parent._isSelected($context.$data) }; }, 'dxAction': function () { return { 'model': $context.$data, 'action': function () { $context.$parent.applyDate($context.$data.range(), true); } }; } }; });\naddToBindingsCache('dxCalendar: { value: value, cellTemplate: \\'select_cell\\', height: height, min: min }', function ($context, $element) { return { 'dxCalendar': function () { return { 'value': $context.$data.value, 'cellTemplate': 'select_cell', 'height': $context.$data.height, 'min': $context.$data.min }; } }; });\naddToBindingsCache('css: { \\'dxd-back-accented\\': $parent.inRange(date) }', function ($context, $element) { return { 'css': function () { return { 'dxd-back-accented': $context.$parent.inRange($context.$data.date) }; } }; });\naddToBindingsCache('dxrvDateRangeEditor: {value: $data.value() }', function ($context, $element) { return { 'dxrvDateRangeEditor': function () { return { 'value': $context.$data.value() }; } }; });\naddToBindingsCache('template: { name: popupTemplate, data: popupModel }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.popupTemplate, 'data': $context.$data.popupModel }; } }; });\naddToBindingsCache('dxTemplate:{ name:\\'select_cell\\' }', function () { return { dxTemplate: { name: 'select_cell' } }; });\naddToBindingsCache('template: { name: \\'dxrd-propertieseditor\\', data: viewmodel }, css: { \\'dxrd-parameters-border\\' : !$data.hideBorder, \\'dxrd-parameters-horizontal\\' : $data.showHorizontally, }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-propertieseditor', 'data': $context.$data.viewmodel }; }, 'css': function () { return { 'dxrd-parameters-border': !$context.$data.hideBorder, 'dxrd-parameters-horizontal': $context.$data.showHorizontally }; } }; });\naddToBindingsCache('dxTagBox: $parent.getOptions({ dataSource: $data.dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: $data.searchExpr || [\\'displayValue\\'], value: $data.value, displayExpr: $data.displayExpr || \\'displayValue\\', valueExpr: $data.valueExpr || \\'value\\', multiline: false, showSelectionControls: true, showDropDownButton: !!$data.showDropDownButton, selectAllMode: \\'allPages\\', selectedItems: $data.selectedItems, inputAttr: { \\'aria-label\\': $parent.displayName }, disabled: $parent.disabled, selectAllText: $root.getLocalization(\\'Select All\\', \\'AnalyticsCoreStringId.SelectAll\\'), placeholder: $root.dx._static.selectPlaceholder(), maxDisplayedTags: $data.maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: $root.getPopupContainer($element), position: { boundary: $root.getPopupContainer($element), collision: \\'flipfit flipfit\\', of: $element, at: \\'bottom\\', my: \\'top\\' } } }), dxValidator: { validationRules: $parent.validationRules || [] }', function ($context, $element) { return { 'dxTagBox': function () { return $context.$parent.getOptions({ 'dataSource': $context.$data.dataSource, 'searchEnabled': true, 'useItemTextAsTitle': true, 'searchExpr': $context.$data.searchExpr || ['displayValue'], 'value': $context.$data.value, 'displayExpr': $context.$data.displayExpr || 'displayValue', 'valueExpr': $context.$data.valueExpr || 'value', 'multiline': false, 'showSelectionControls': true, 'showDropDownButton': !!$context.$data.showDropDownButton, 'selectAllMode': 'allPages', 'selectedItems': $context.$data.selectedItems, 'inputAttr': { 'aria-label': $context.$parent.displayName }, 'disabled': $context.$parent.disabled, 'selectAllText': $context.$root.getLocalization('Select All', 'AnalyticsCoreStringId.SelectAll'), 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'maxDisplayedTags': $context.$data.maxDisplayedTags, 'showMultiTagOnly': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'position': { 'boundary': $context.$root.getPopupContainer($element), 'collision': 'flipfit flipfit', 'of': $element, 'at': 'bottom', 'my': 'top' } } }); }, 'dxValidator': function () { return { 'validationRules': $context.$parent.validationRules || [] }; } }; });\naddToBindingsCache('dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'info': $context.$data.info, 'level': $context.$data.level, 'displayName': $context.$root.getLocalization($context.$data.displayName) }; } }; });\naddToBindingsCache('dxPropertyGrid: { target: value, level: editor.level + 1 }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'level': $context.$data.editor.level + 1 }; } }; });\naddToBindingsCache('if: value', function ($context, $element) { return { 'if': function () { return $context.$data.value; } }; });\naddToBindingsCache('dxdAccordion: { collapsed: $data.collapsed, alwaysShow: $data.hideCollapsingImage }', function ($context, $element) { return { 'dxdAccordion': function () { return { 'collapsed': $context.$data.collapsed, 'alwaysShow': $context.$data.hideCollapsingImage }; } }; });\naddToBindingsCache('css: { \\'dxrd-empty-header\\': $data.hideEditorHeader }', function ($context, $element) { return { 'css': function () { return { 'dxrd-empty-header': $context.$data.hideEditorHeader }; } }; });\naddToBindingsCache('attr: { role: isComplexEditor && \\'tab\\', \\'id\\': isComplexEditor && getIdByDisplayName(\\'dxrd-accordion-trigger\\'), \\'aria-controls\\': isComplexEditor && getIdByDisplayName(\\'dxrd-accordion-pannel\\'), \\'aria-expanded\\': isComplexEditor && (!collapsed() ? \\'true\\' : \\'false\\') }, css: { \\'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented\\': isComplexEditor, \\'dxrd-vertical-label\\': $data.editorOptions && $data.editorOptions.hasVerticalLabel }', function ($context, $element) { return { 'attr': function () { return { 'role': $context.$data.isComplexEditor && 'tab', 'id': $context.$data.isComplexEditor && $context.$data.getIdByDisplayName('dxrd-accordion-trigger'), 'aria-controls': $context.$data.isComplexEditor && $context.$data.getIdByDisplayName('dxrd-accordion-pannel'), 'aria-expanded': $context.$data.isComplexEditor && (!$context.$data.collapsed() ? 'true' : 'false') }; }, 'css': function () { return { 'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented': $context.$data.isComplexEditor, 'dxrd-vertical-label': $context.$data.editorOptions && $context.$data.editorOptions.hasVerticalLabel }; } }; });\naddToBindingsCache('styleunit: padding, css: { \\'dx-accordion-empty\\': templateName === \\'dx-emptyHeader\\', \\'dxd-back-secondary\\': $data.isGroupLabel, \\'dx-accordion-hide-collapsing-image\\': $data.hideCollapsingImage }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-accordion-empty': $context.$data.templateName === 'dx-emptyHeader', 'dxd-back-secondary': $context.$data.isGroupLabel, 'dx-accordion-hide-collapsing-image': $context.$data.hideCollapsingImage }; } }; });\naddToBindingsCache('ifnot: $data.hideEditorHeader', function ($context, $element) { return { 'ifnot': function () { return $context.$data.hideEditorHeader; } }; });\naddToBindingsCache('ifnot: $data.hideCollapsingImage', function ($context, $element) { return { 'ifnot': function () { return $context.$data.hideCollapsingImage; } }; });\naddToBindingsCache('zoom: painter.scale', function ($context, $element) { return { 'zoom': function () { return $context.$data.painter.scale; } }; });\naddToBindingsCache('dxPopup: { width: 48, height: \\'auto\\', wrapperAttr: { class: \\'dx-picture-editing-active\\' }, position:{ my: \\'left top\\', at: \\'right top\\', boundary: $root.getPopupContainer($element), of: $data.$element, collision: \\'fit fit\\', offset: \\'1 -1\\' }, container: shadingEnabled() ? \\'.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen\\' : $root.getPopupContainer($element), target: $root.getPopupContainer($element), showTitle: false, onContentReady: function(e) { e.component && e.component.registerKeyHandler(\\'tab\\', function(_) { $data.active(false); }); }, showCloseButton: false, animation: {}, shading: false, visible: $data.active }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 48, 'height': 'auto', 'wrapperAttr': { 'class': 'dx-picture-editing-active' }, 'position': { 'my': 'left top', 'at': 'right top', 'boundary': $context.$root.getPopupContainer($element), 'of': $context.$data.$element, 'collision': 'fit fit', 'offset': '1 -1' }, 'container': $context.$data.shadingEnabled() ? '.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen' : $context.$root.getPopupContainer($element), 'target': $context.$root.getPopupContainer($element), 'showTitle': false, 'onContentReady': function (e) { e.component && e.component.registerKeyHandler('tab', function (_) { $context.$data.active(false); }); }, 'showCloseButton': false, 'animation': {}, 'shading': false, 'visible': $context.$data.active }; } }; });\naddToBindingsCache('foreach: $data.actions', function ($context, $element) { return { 'foreach': function () { return $context.$data.actions; } }; });\naddToBindingsCache('dxclick: $data.action, attr: { title: title }', function ($context, $element) { return { 'dxclick': function () { return $context.$data.action; }, 'attr': function () { return { 'title': $context.$data.title }; } }; });\naddToBindingsCache('template: { name: icon, afterRender: $data.renderedHandler }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.icon, 'afterRender': $context.$data.renderedHandler }; } }; });\naddToBindingsCache('zoom: scale', function ($context, $element) { return { 'zoom': function () { return $context.$data.scale; } }; });\naddToBindingsCache('dxPopover: { width: width, height: height, wrapperAttr: { class: \\'dx-picture-edit-popup-content\\' }, hideOnOutsideClick: $data.hideOnOutsideClick, onShown: $data.onShown, onContentReady: $data.onContentReady, position: { my: \\'left top\\', at: \\'right top\\', boundary: $root.getPopupContainer($element), of: getPositionTarget($element), collision: \\'flipfit fit\\', offset: \\'-10 0\\' }, container: getPositionTarget($element), showTitle: false, target: getPositionTarget($element), showCloseButton: false, shading: false, animation: {}, visible: visible }', function ($context, $element) { return { 'dxPopover': function () { return { 'width': $context.$data.width, 'height': $context.$data.height, 'wrapperAttr': { 'class': 'dx-picture-edit-popup-content' }, 'hideOnOutsideClick': $context.$data.hideOnOutsideClick, 'onShown': $context.$data.onShown, 'onContentReady': $context.$data.onContentReady, 'position': { 'my': 'left top', 'at': 'right top', 'boundary': $context.$root.getPopupContainer($element), 'of': $context.$data.getPositionTarget($element), 'collision': 'flipfit fit', 'offset': '-10 0' }, 'container': $context.$data.getPositionTarget($element), 'showTitle': false, 'target': $context.$data.getPositionTarget($element), 'showCloseButton': false, 'shading': false, 'animation': {}, 'visible': $context.$data.visible }; } }; });\naddToBindingsCache('text: brushWidthText', function ($context, $element) { return { 'text': function () { return $context.$data.brushWidthText; } }; });\naddToBindingsCache('dxSlider: { min: 1, max: 9, value: $data.lineWidth, label: { visible: true }, tooltip: { enabled: true, showMode: \\'always\\', position: \\'bottom\\' } }', function ($context, $element) { return { 'dxSlider': function () { return { 'min': 1, 'max': 9, 'value': $context.$data.lineWidth, 'label': { 'visible': true }, 'tooltip': { 'enabled': true, 'showMode': 'always', 'position': 'bottom' } }; } }; });\naddToBindingsCache('text: brushColorText', function ($context, $element) { return { 'text': function () { return $context.$data.brushColorText; } }; });\naddToBindingsCache('foreach: $data.colors', function ($context, $element) { return { 'foreach': function () { return $context.$data.colors; } }; });\naddToBindingsCache('css: { selected: $data.isSelected }', function ($context, $element) { return { 'css': function () { return { 'selected': $context.$data.isSelected }; } }; });\naddToBindingsCache('style: { background: $data.value }, dxclick: $data.action', function ($context, $element) { return { 'style': function () { return { 'background': $context.$data.value }; }, 'dxclick': function () { return $context.$data.action; } }; });\naddToBindingsCache('text: sizeModeText', function ($context, $element) { return { 'text': function () { return $context.$data.sizeModeText; } }; });\naddToBindingsCache('foreach: { data: sizeModeValues }', function ($context, $element) { return { 'foreach': function () { return { 'data': $context.$data.sizeModeValues }; } }; });\naddToBindingsCache('css: { selected: isSelected }, template: $data.iconTemplate, dxclick: $data.action, attr: { title: $data.attrTitle }', function ($context, $element) { return { 'css': function () { return { 'selected': $context.$data.isSelected }; }, 'template': function () { return $context.$data.iconTemplate; }, 'dxclick': function () { return $context.$data.action; }, 'attr': function () { return { 'title': $context.$data.attrTitle }; } }; });\naddToBindingsCache('text: alignmentText', function ($context, $element) { return { 'text': function () { return $context.$data.alignmentText; } }; });\naddToBindingsCache('foreach: { data: alignmentValues }', function ($context, $element) { return { 'foreach': function () { return { 'data': $context.$data.alignmentValues }; } }; });\naddToBindingsCache('css: { selected: isSelected }, template: $data.iconTemplate, dxclick: $data.action, , attr: { title: $data.attrTitle }', function ($context, $element) { return { 'css': function () { return { 'selected': $context.$data.isSelected }; }, 'template': function () { return $context.$data.iconTemplate; }, 'dxclick': function () { return $context.$data.action; }, '': function () { return undefined; }, 'attr': function () { return { 'title': $context.$data.attrTitle }; } }; });\naddToBindingsCache('styleunit: { width: contentWidth }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.contentWidth }; } }; });\naddToBindingsCache('dxTextBox: { value: filter, valueChangeEvent: \\'keyup\\', placeholder: searchPlaceholder(), showClearButton: true }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.filter, 'valueChangeEvent': 'keyup', 'placeholder': $context.$data.searchPlaceholder(), 'showClearButton': true }; } }; });\naddToBindingsCache('styleunit: { width: contentWidth }, dxScrollView: { showScrollbar: \\'onHover\\', useNative: false, scrollByThumb: true }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.contentWidth }; }, 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true }; } }; });\naddToBindingsCache('styleunit: { width: $parent.width + 10 }, visible: visible, click: function() { $parent.action($data); }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$parent.width + 10 }; }, 'visible': function () { return $context.$data.visible; }, 'click': function () { return function () { $context.$parent.action($context.$data); }; } }; });\naddToBindingsCache('styleunit: { width: $parent.width, height: $parent.height }, style: { backgroundImage: \\'url(\\' + ($data.url || $data.data) + \\')\\' }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$parent.width, 'height': $context.$parent.height }; }, 'style': function () { return { 'backgroundImage': 'url(' + ($context.$data.url || $context.$data.data) + ')' }; } }; });\naddToBindingsCache('searchHighlighting: { text: $data.text, textToSearch: $parent.filter }, attr: { title: $data.text }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.text, 'textToSearch': $context.$parent.filter }; }, 'attr': function () { return { 'title': $context.$data.text }; } }; });\naddToBindingsCache('text: $data.text, attr: { title: $data.text }', function ($context, $element) { return { 'text': function () { return $context.$data.text; }, 'attr': function () { return { 'title': $context.$data.text }; } }; });\naddToBindingsCache('template: { if: $data.template, name: $data.template, data: $data.templateOptions }', function ($context, $element) { return { 'template': function () { return { 'if': $context.$data.template, 'name': $context.$data.template, 'data': $context.$data.templateOptions }; } }; });\naddToBindingsCache('template: { name: contentTemplate, data: contentData }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.contentTemplate, 'data': $context.$data.contentData }; } }; });\naddToBindingsCache('template: \\'dx-picture-editing-imagespicker\\'', function ($context, $element) { return { 'template': function () { return 'dx-picture-editing-imagespicker'; } }; });\naddToBindingsCache('foreach: images', function ($context, $element) { return { 'foreach': function () { return $context.$data.images; } }; });\naddToBindingsCache('if: $data.text', function ($context, $element) { return { 'if': function () { return $context.$data.text; } }; });\naddToBindingsCache('if: $parent.filterEnabled', function ($context, $element) { return { 'if': function () { return $context.$parent.filterEnabled; } }; });\naddToBindingsCache('ifnot: $parent.filterEnabled', function ($context, $element) { return { 'ifnot': function () { return $context.$parent.filterEnabled; } }; });\naddToBindingsCache('dxSelectBox: getOptions({ dataSource: values, value: value, valueExpr: \\'value\\', displayExpr: \\'displayValue\\', displayCustomValue: true, disabled: disabled, useItemTextAsTitle: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \\'aria-label\\': displayName } }), dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.values, 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'useItemTextAsTitle': true, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'inputAttr': { 'aria-label': $context.$data.displayName } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });\n","/**\n* DevExpress HTML/JS Reporting (dx-viewer-templates.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { SvgTemplatesEngine } from '@devexpress/analytics-core/analytics-widgets-internal';\nSvgTemplatesEngine.addTemplates({\n 'dxrd-checkboxcustomglyph': '',\n 'dxrv-preview-date-range-mobile': ' ',\n 'dxrd-preview-page-mobile': ' ![]()
',\n 'dxrd-page-brick-mobile': ' ',\n 'dxrdp-search-mobile': ' ',\n 'dxrd-preview-export-to-mobile': ' ',\n 'dxrdp-surface-mobile-bottom': ' ',\n 'dxrdp-pages-mobile': ' ',\n 'dxrd-menu-export-content': '',\n 'dxrd-menu-parameters-content': ' ',\n 'dxrv-preview-parameters-mobile': ' ',\n 'dxrv-preview-parameters-mobile-content': ' ',\n 'dxrv-range-parameter-mobile': '',\n 'dxrdp-surface-mobile': ' ',\n 'dxrp-editing-field-container': ' ',\n 'dxrp-editing-field-text': '',\n 'dxrp-editing-field-mask': '',\n 'dxrp-editing-field-number': '',\n 'dxrp-editing-field-datetime': '',\n 'dxrp-editing-field-image': ' ',\n 'dxrp-editing-field-image-editor': '',\n 'dxrp-editing-field-checkbox': ' ',\n 'dxrp-editing-field-radio': ' ',\n 'dxrp-character-comb-editing-field': ' ',\n 'dxrd-export-tool-content': ' ',\n 'dxrd-preview-export-options': '',\n 'dxrd-preview-export-to': '',\n 'dxrd-page-brick-clickable': ' ',\n 'dxrd-preview-page': ' ![]()
',\n 'dxrp-popup-editing-field-image': ' ',\n 'dx-picture-editing-popup': ' ',\n 'dxrd-zoom-autofit-select-template': '',\n 'dxrd-preview-toolbar-scrollable': '',\n 'dxrd-preview-search': ' ',\n 'dxrd-preview-progress-bar': ' ',\n 'dxrd-preview-parameters': ' ',\n 'dxrd-preview-pager': ' ',\n 'dxrd-preview-document-map': ' ',\n 'dxrd-report-preview': ' ',\n 'dxrdp-surface': ' ',\n 'dxrd-export-tool': '',\n 'dxrv-daterange-editor': ' ',\n 'dxrv-daterange-editor-popup': ' ',\n 'dxrv-daterange-calendar': ' ',\n 'dxrv-range-parameter': '',\n 'dxrd-propertieseditor': ' ',\n 'dxrd-parameters-editor-content': ' ',\n 'dxrd-parameters-separator': ' ',\n 'dxrd-multivalue': ' ',\n 'dxrd-multivalue-editable': ' ',\n 'dxrd-parameters-property-editor': ' ',\n 'dx-picture-editing': ' ',\n 'dx-painter': ' ',\n 'dx-picture-editing-toolbar-popup': ' ',\n 'dx-picture-editing-brush-options': '',\n 'dx-picture-editing-sizemode-alignment': ' ',\n 'dx-picture-editing-imagepickerwithfilter': ' ',\n 'dx-picture-editing-imagespicker': ' ',\n 'dx-selectbox': ''\n});\n","/**\n* DevExpress HTML/JS Reporting (viewer\\internal\\_bindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ZoomAutoBy } from '../constants';\nimport { updatePreviewZoomWithAutoFit } from './_sizeUtils';\nimport { addDisposeCallback, roundingXDecimals } from '@devexpress/analytics-core/analytics-internal';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nko.bindingHandlers['toView'] = {\n init: (element, valueAccessor, allBindings, viewModel, bindingContext) => {\n var $previewPage = $.fn.constructor(element), $container = $previewPage.parent('.dxrd-report-preview-holder'), pageActive = valueAccessor().active, subscription = pageActive.subscribe((active) => {\n if (active) {\n var pageTop = $previewPage.position().top;\n if (pageTop < 0 && (pageTop + $previewPage.height() < 0) || pageTop >= $container.height()) {\n $container.scrollTop($container.scrollTop() + pageTop);\n }\n }\n });\n addDisposeCallback(element, function () {\n subscription.dispose();\n });\n }\n};\nko.bindingHandlers['lazyImages'] = {\n init: (element, valueAccessor, allBindings, viewModel, bindingContext) => {\n var $element = $.fn.constructor(element), enabled = valueAccessor().enabled, load = null, loadVisibleImages = (time = 300) => {\n load && clearTimeout(load);\n load = setTimeout(function () {\n if (!enabled()) {\n return;\n }\n var visibleArea = $element.height() + 100;\n for (var i = 0; i < element.children.length; i++) {\n var previewPage = element.children[i], rect = previewPage.getBoundingClientRect(), pageTop = rect.top;\n if (visibleArea > pageTop && pageTop >= 0 || pageTop < 0 && pageTop + rect.height > -100) {\n var previewPageModel = ko.dataFor(previewPage);\n previewPageModel && previewPageModel.isClientVisible && previewPageModel.isClientVisible(true);\n }\n }\n }, time);\n };\n if (ko.isObservable(valueAccessor().updateCallback)) {\n valueAccessor().updateCallback(loadVisibleImages);\n }\n var subscribtion = enabled.subscribe((newVal) => {\n newVal && loadVisibleImages(500);\n });\n var scrollLoad = () => loadVisibleImages(700);\n element.addEventListener('scroll', scrollLoad);\n loadVisibleImages(500);\n addDisposeCallback(element, function () {\n element.removeEventListener('scroll', scrollLoad);\n subscribtion.dispose();\n });\n }\n};\nko.bindingHandlers['textCopier'] = {\n init: (element, valueAccessor, allBindings, viewModel, bindingContext) => {\n var keyDownHandler = function (e) {\n var value = viewModel.getSelectedContent();\n if (!value || !(e.ctrlKey || e.metaKey)\n || $.fn.constructor(e.target).is('input:visible,textarea:visible')\n || window.getSelection && window.getSelection() && window.getSelection().toString()\n || document['selection'] && document['selection'].createRange().text) {\n return;\n }\n var $clipboardContainer = $.fn.constructor('#clipboard-container');\n $clipboardContainer.empty().show();\n $.fn.constructor(\"\").val(value)\n .appendTo($clipboardContainer)\n .focus()\n .select();\n };\n var keyUpHandler = function (e) {\n if ($.fn.constructor(e.target).is('#clipboard')) {\n $.fn.constructor('#clipboard-container').empty().hide();\n }\n };\n document.addEventListener('keydown', keyDownHandler);\n document.addEventListener('keyup', keyUpHandler);\n addDisposeCallback(element, function () {\n document.removeEventListener('keydown', keyDownHandler);\n document.removeEventListener('keyup', keyUpHandler);\n });\n }\n};\nko.bindingHandlers['autoFit'] = {\n init: (element, valueAccessor) => {\n var options = valueAccessor();\n var subscriptions = [];\n var updateZoom = (newOptions) => {\n var $element = $.fn.constructor(element);\n var autoFitBy = newOptions.autoFitBy();\n if (autoFitBy != ZoomAutoBy.None) {\n if (options.skipIfInvisible && $element.filter(':visible').length == 0)\n return;\n var newZoom = roundingXDecimals(updatePreviewZoomWithAutoFit(newOptions.width(), newOptions.height(), $element, autoFitBy), true);\n newOptions.zoom(Math.max(newZoom, 0.1));\n }\n };\n updateZoom(options);\n var onResize = () => {\n updateZoom(options);\n };\n window.addEventListener('resize', onResize);\n var subscribe = (value) => {\n if (value) {\n subscriptions.push(value.subscribe((newVal) => {\n updateZoom(options);\n }));\n }\n };\n subscribe(options.rightPanelWidth);\n subscribe(options.width);\n subscribe(options.height);\n subscribe(options.autoFitBy);\n subscribe(options.brickLoading);\n subscribe(options.previewSize);\n addDisposeCallback(element, function () {\n window.removeEventListener('resize', onResize);\n subscriptions.forEach((subscription) => {\n subscription.dispose();\n });\n });\n }\n};\nko.bindingHandlers['childStyle'] = {\n init: function (element, valueAccessor) {\n var values = valueAccessor();\n $.fn.constructor(element).find(values.selector).css(values.style);\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\search\\_dxSearchEditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport registerComponent from 'devextreme/core/component_registrator';\nimport { addDisposeCallback, KeyboardEnum } from '@devexpress/analytics-core/analytics-internal';\nimport { SvgTemplatesEngine } from '@devexpress/analytics-core/analytics-widgets-internal';\nimport dxTextBox from 'devextreme/ui/text_box';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nvar editor_prefix = 'dx-searcheditor', EDITOR_CLASS = editor_prefix + '', EDITOR_BUTTON_CLASS = editor_prefix + '-button dx-widget dx-dropdowneditor-button', EDITOR_BUTTON_SELECTOR = '.' + editor_prefix + '-button', EDITOR_BUTTON_ICON_CLASS = editor_prefix + '-icon dx-dropdowneditor-icon dx-icon-dxrd-image-move', EDITOR_BUTTON_ICON_UP_TEMPLATE = 'dxrd-svg-operations-moveup', EDITOR_BUTTON_ICON_DOWN_TEMPLATE = 'dxrd-svg-operations-movedown';\nexport class dxSearchEditor extends dxTextBox {\n constructor(element, options) {\n super(element, options);\n this.option('onKeyDown', function (e) {\n if (e.event.key === KeyboardEnum.Enter) {\n e.event.stopPropagation();\n e.event.preventDefault();\n e.component['findNext'](e.event.shiftKey);\n }\n });\n this.option('onFocusOut', function (e) {\n e.component['_searchModel'].searchText(e.component.option('text'));\n });\n this._activeStateUnit = EDITOR_BUTTON_SELECTOR;\n this._focusRequestRaised = () => { this.focus(); };\n this._searchModel = options.searchModel;\n this._searchModel.focusRequested.subscribe((val) => this._focusRequestRaised());\n }\n findNext(searchUp) {\n if (this._searchModel.searchText() !== this.option('text')) {\n this._searchModel.searchText(this.option('text'));\n }\n else {\n try {\n if (searchUp) {\n (!this._searchModel.loading()) && this._searchModel.findUp();\n }\n else {\n (!this._searchModel.loading()) && this._searchModel.findDown();\n }\n }\n finally {\n return true;\n }\n }\n }\n _init() {\n super['_init'].apply(this);\n var $element = $.fn.constructor(this.element());\n $element.addClass(EDITOR_CLASS);\n this._koContext = ko.contextFor($element.get(0));\n }\n _render() {\n super['_render'].apply(this);\n this._$buttons = [];\n this.on('keyDown', (e) => {\n if (e.event.key == 'ArrowUp')\n this.findNext(true) && e.event.stopPropagation();\n if (e.event.key == 'ArrowDown')\n this.findNext(false) && e.event.stopPropagation();\n });\n this._renderButton('Up');\n this._renderButton('Down');\n }\n _renderButton(direction) {\n this._$button = $.fn.constructor('').addClass(EDITOR_BUTTON_CLASS);\n this._attachButtonEvents(direction);\n this._$buttonIcon = $.fn.constructor('').addClass(EDITOR_BUTTON_ICON_CLASS + direction.toLowerCase())\n .append(SvgTemplatesEngine.templates[direction.toLowerCase() === 'up' ? EDITOR_BUTTON_ICON_UP_TEMPLATE : EDITOR_BUTTON_ICON_DOWN_TEMPLATE])\n .appendTo(this._$button);\n ko.applyBindingsToDescendants(this._koContext, this._$buttonIcon[0]);\n var buttonsContainer = this['_buttonsContainer']();\n this._$button.appendTo(buttonsContainer);\n this._$buttons.push(this._$button);\n }\n _attachButtonEvents(direction) {\n this._$button.off('click');\n var onClick = (e) => {\n this.findNext(direction.toLowerCase() === 'up') && e.stopPropagation();\n };\n if (!this.option('disabled')) {\n this._$button.on('click', onClick);\n addDisposeCallback(this._$button[0], () => {\n this._$buttons.forEach($button => {\n $button.off('click');\n });\n });\n }\n }\n}\nregisterComponent('dxSearchEditor', dxSearchEditor);\n","/**\r\n * DevExtreme (esm/ui/gallery.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n getOuterWidth,\r\n setOuterWidth,\r\n getOuterHeight,\r\n getWidth\r\n} from \"../core/utils/size\";\r\nimport $ from \"../core/renderer\";\r\nimport eventsEngine from \"../events/core/events_engine\";\r\nimport registerComponent from \"../core/component_registrator\";\r\nimport {\r\n noop\r\n} from \"../core/utils/common\";\r\nimport {\r\n isDefined,\r\n isPlainObject\r\n} from \"../core/utils/type\";\r\nimport {\r\n hasWindow\r\n} from \"../core/utils/window\";\r\nimport {\r\n extend\r\n} from \"../core/utils/extend\";\r\nimport {\r\n getPublicElement\r\n} from \"../core/element\";\r\nimport fx from \"../animation/fx\";\r\nimport {\r\n name as clickEventName\r\n} from \"../events/click\";\r\nimport {\r\n move\r\n} from \"../animation/translator\";\r\nimport devices from \"../core/devices\";\r\nimport Widget from \"./widget/ui.widget\";\r\nimport {\r\n addNamespace\r\n} from \"../events/utils/index\";\r\nimport CollectionWidget from \"./collection/ui.collection_widget.edit\";\r\nimport Swipeable from \"../events/gesture/swipeable\";\r\nimport {\r\n BindableTemplate\r\n} from \"../core/templates/bindable_template\";\r\nimport {\r\n Deferred\r\n} from \"../core/utils/deferred\";\r\nimport {\r\n triggerResizeEvent\r\n} from \"../events/visibility_change\";\r\nvar GALLERY_CLASS = \"dx-gallery\";\r\nvar GALLERY_WRAPPER_CLASS = GALLERY_CLASS + \"-wrapper\";\r\nvar GALLERY_LOOP_CLASS = \"dx-gallery-loop\";\r\nvar GALLERY_ITEM_CONTAINER_CLASS = GALLERY_CLASS + \"-container\";\r\nvar GALLERY_ACTIVE_CLASS = GALLERY_CLASS + \"-active\";\r\nvar GALLERY_ITEM_CLASS = GALLERY_CLASS + \"-item\";\r\nvar GALLERY_INVISIBLE_ITEM_CLASS = GALLERY_CLASS + \"-item-invisible\";\r\nvar GALLERY_LOOP_ITEM_CLASS = GALLERY_ITEM_CLASS + \"-loop\";\r\nvar GALLERY_ITEM_SELECTOR = \".\" + GALLERY_ITEM_CLASS;\r\nvar GALLERY_ITEM_SELECTED_CLASS = GALLERY_ITEM_CLASS + \"-selected\";\r\nvar GALLERY_INDICATOR_CLASS = GALLERY_CLASS + \"-indicator\";\r\nvar GALLERY_INDICATOR_ITEM_CLASS = GALLERY_INDICATOR_CLASS + \"-item\";\r\nvar GALLERY_INDICATOR_ITEM_SELECTOR = \".\" + GALLERY_INDICATOR_ITEM_CLASS;\r\nvar GALLERY_INDICATOR_ITEM_SELECTED_CLASS = GALLERY_INDICATOR_ITEM_CLASS + \"-selected\";\r\nvar GALLERY_IMAGE_CLASS = \"dx-gallery-item-image\";\r\nvar GALLERY_ITEM_DATA_KEY = \"dxGalleryItemData\";\r\nvar MAX_CALC_ERROR = 1;\r\nvar GalleryNavButton = Widget.inherit({\r\n _supportedKeys: function() {\r\n return extend(this.callBase(), {\r\n pageUp: noop,\r\n pageDown: noop\r\n })\r\n },\r\n _getDefaultOptions: function() {\r\n return extend(this.callBase(), {\r\n direction: \"next\",\r\n onClick: null,\r\n hoverStateEnabled: true,\r\n activeStateEnabled: true\r\n })\r\n },\r\n _render: function() {\r\n this.callBase();\r\n var that = this;\r\n var $element = this.$element();\r\n var eventName = addNamespace(clickEventName, this.NAME);\r\n $element.addClass(GALLERY_CLASS + \"-nav-button-\" + this.option(\"direction\"));\r\n eventsEngine.off($element, eventName);\r\n eventsEngine.on($element, eventName, (function(e) {\r\n that._createActionByOption(\"onClick\")({\r\n event: e\r\n })\r\n }))\r\n },\r\n _optionChanged: function(args) {\r\n switch (args.name) {\r\n case \"onClick\":\r\n case \"direction\":\r\n this._invalidate();\r\n break;\r\n default:\r\n this.callBase(args)\r\n }\r\n }\r\n});\r\nvar Gallery = CollectionWidget.inherit({\r\n _activeStateUnit: GALLERY_ITEM_SELECTOR,\r\n _wasAnyItemTemplateRendered: false,\r\n _getDefaultOptions: function() {\r\n return extend(this.callBase(), {\r\n activeStateEnabled: false,\r\n animationDuration: 400,\r\n animationEnabled: true,\r\n loop: false,\r\n swipeEnabled: true,\r\n indicatorEnabled: true,\r\n showIndicator: true,\r\n selectedIndex: 0,\r\n slideshowDelay: 0,\r\n showNavButtons: false,\r\n wrapAround: false,\r\n initialItemWidth: void 0,\r\n stretchImages: false,\r\n _itemAttributes: {\r\n role: \"option\"\r\n },\r\n loopItemFocus: false,\r\n selectOnFocus: true,\r\n selectionMode: \"single\",\r\n selectionRequired: true,\r\n selectionByClick: false\r\n })\r\n },\r\n _defaultOptionsRules: function() {\r\n return this.callBase().concat([{\r\n device: function() {\r\n return \"desktop\" === devices.real().deviceType && !devices.isSimulator()\r\n },\r\n options: {\r\n focusStateEnabled: true\r\n }\r\n }])\r\n },\r\n _init: function() {\r\n this.callBase();\r\n this.option(\"loopItemFocus\", this.option(\"loop\"))\r\n },\r\n _initTemplates: function() {\r\n this.callBase();\r\n this._templateManager.addDefaultTemplates({\r\n item: new BindableTemplate(function($container, data) {\r\n var $img = $(\"![]()
\").addClass(GALLERY_IMAGE_CLASS);\r\n if (isPlainObject(data)) {\r\n this._prepareDefaultItemTemplate(data, $container);\r\n $img.attr({\r\n src: data.imageSrc,\r\n alt: data.imageAlt\r\n }).appendTo($container)\r\n } else {\r\n $img.attr(\"src\", String(data)).appendTo($container)\r\n }\r\n }.bind(this), [\"imageSrc\", \"imageAlt\", \"text\", \"html\"], this.option(\"integrationOptions.watchMethod\"))\r\n })\r\n },\r\n _dataSourceOptions: function() {\r\n return {\r\n paginate: false\r\n }\r\n },\r\n _itemContainer: function() {\r\n return this._$container\r\n },\r\n _itemClass: function() {\r\n return GALLERY_ITEM_CLASS\r\n },\r\n _itemDataKey: function() {\r\n return GALLERY_ITEM_DATA_KEY\r\n },\r\n _actualItemWidth: function() {\r\n var isWrapAround = this.option(\"wrapAround\");\r\n if (this.option(\"stretchImages\")) {\r\n var itemPerPage = isWrapAround ? this._itemsPerPage() + 1 : this._itemsPerPage();\r\n return 1 / itemPerPage\r\n }\r\n if (isWrapAround) {\r\n return this._itemPercentWidth() * this._itemsPerPage() / (this._itemsPerPage() + 1)\r\n }\r\n return this._itemPercentWidth()\r\n },\r\n _itemPercentWidth: function() {\r\n var percentWidth;\r\n var elementWidth = getOuterWidth(this.$element());\r\n var initialItemWidth = this.option(\"initialItemWidth\");\r\n if (initialItemWidth && initialItemWidth <= elementWidth) {\r\n percentWidth = initialItemWidth / elementWidth\r\n } else {\r\n percentWidth = 1\r\n }\r\n return percentWidth\r\n },\r\n _itemsPerPage: function() {\r\n var itemsPerPage = hasWindow() ? Math.floor(1 / this._itemPercentWidth()) : 1;\r\n return Math.min(itemsPerPage, this._itemsCount())\r\n },\r\n _pagesCount: function() {\r\n return Math.ceil(this._itemsCount() / this._itemsPerPage())\r\n },\r\n _itemsCount: function() {\r\n return (this.option(\"items\") || []).length\r\n },\r\n _offsetDirection: function() {\r\n return this.option(\"rtlEnabled\") ? -1 : 1\r\n },\r\n _initMarkup: function() {\r\n this._renderWrapper();\r\n this._renderItemsContainer();\r\n this.$element().addClass(GALLERY_CLASS);\r\n this.$element().toggleClass(GALLERY_LOOP_CLASS, this.option(\"loop\"));\r\n this.callBase();\r\n this.setAria({\r\n role: \"listbox\",\r\n label: \"gallery\"\r\n })\r\n },\r\n _render: function() {\r\n this._renderDragHandler();\r\n this._renderContainerPosition();\r\n this._renderItemSizes();\r\n this._renderItemPositions();\r\n this._renderNavButtons();\r\n this._renderIndicator();\r\n this._renderSelectedItem();\r\n this._renderItemVisibility();\r\n this._renderUserInteraction();\r\n this._setupSlideShow();\r\n this._reviseDimensions();\r\n this.callBase()\r\n },\r\n _dimensionChanged: function() {\r\n var selectedIndex = this.option(\"selectedIndex\") || 0;\r\n this._stopItemAnimations();\r\n this._clearCacheWidth();\r\n this._cloneDuplicateItems();\r\n this._renderItemSizes();\r\n this._renderItemPositions();\r\n this._renderIndicator();\r\n this._renderContainerPosition(this._calculateIndexOffset(selectedIndex), true);\r\n this._renderItemVisibility()\r\n },\r\n _renderDragHandler: function() {\r\n var eventName = addNamespace(\"dragstart\", this.NAME);\r\n eventsEngine.off(this.$element(), eventName);\r\n eventsEngine.on(this.$element(), eventName, \"img\", (function() {\r\n return false\r\n }))\r\n },\r\n _renderWrapper: function() {\r\n if (this._$wrapper) {\r\n return\r\n }\r\n this._$wrapper = $(\"
1 }, visible: !$root.slideOptions.readerMode\">
1, \\'dxrdp-page-padding\\': $parents[0].blocks().length > 1 }, visible: $root.slideOptions.readerMode\">
\").addClass(GALLERY_WRAPPER_CLASS).appendTo(this.$element())\r\n },\r\n _renderItems: function(items) {\r\n if (!hasWindow()) {\r\n var selectedIndex = this.option(\"selectedIndex\");\r\n items = items.length > selectedIndex ? items.slice(selectedIndex, selectedIndex + 1) : items.slice(0, 1)\r\n }\r\n this.callBase(items);\r\n this._loadNextPageIfNeeded()\r\n },\r\n _onItemTemplateRendered() {\r\n return () => {\r\n if (!this._wasAnyItemTemplateRendered) {\r\n this._wasAnyItemTemplateRendered = true;\r\n triggerResizeEvent(this.$element())\r\n }\r\n }\r\n },\r\n _renderItemsContainer: function() {\r\n if (this._$container) {\r\n return\r\n }\r\n this._$container = $(\"
\").addClass(GALLERY_ITEM_CONTAINER_CLASS).appendTo(this._$wrapper)\r\n },\r\n _cloneDuplicateItems: function() {\r\n if (!this.option(\"loop\")) {\r\n return\r\n }\r\n var items = this.option(\"items\") || [];\r\n var itemsCount = items.length;\r\n var lastItemIndex = itemsCount - 1;\r\n var i;\r\n if (!itemsCount) {\r\n return\r\n }\r\n this._getLoopedItems().remove();\r\n var duplicateCount = Math.min(this._itemsPerPage(), itemsCount);\r\n var $items = this._getRealItems();\r\n var $container = this._itemContainer();\r\n for (i = 0; i < duplicateCount; i++) {\r\n this._cloneItemForDuplicate($items[i], $container)\r\n }\r\n for (i = 0; i < duplicateCount; i++) {\r\n this._cloneItemForDuplicate($items[lastItemIndex - i], $container)\r\n }\r\n },\r\n _cloneItemForDuplicate: function(item, $container) {\r\n if (item) {\r\n $(item).clone(false).addClass(GALLERY_LOOP_ITEM_CLASS).css(\"margin\", 0).appendTo($container)\r\n }\r\n },\r\n _getRealItems: function() {\r\n var selector = \".\" + GALLERY_ITEM_CLASS + \":not(.\" + GALLERY_LOOP_ITEM_CLASS + \")\";\r\n return this.$element().find(selector)\r\n },\r\n _getLoopedItems: function() {\r\n return this.$element().find(\".\" + GALLERY_LOOP_ITEM_CLASS)\r\n },\r\n _emptyMessageContainer: function() {\r\n return this._$wrapper\r\n },\r\n _renderItemSizes: function(startIndex) {\r\n var $items = this._itemElements();\r\n var itemWidth = this._actualItemWidth();\r\n if (void 0 !== startIndex) {\r\n $items = $items.slice(startIndex)\r\n }\r\n $items.each((function(index) {\r\n setOuterWidth($($items[index]), 100 * itemWidth + \"%\")\r\n }))\r\n },\r\n _renderItemPositions: function() {\r\n var itemWidth = this._actualItemWidth();\r\n var itemsCount = this._itemsCount();\r\n var itemsPerPage = this._itemsPerPage();\r\n var loopItemsCount = this.$element().find(\".\" + GALLERY_LOOP_ITEM_CLASS).length;\r\n var lastItemDuplicateIndex = itemsCount + loopItemsCount - 1;\r\n var offsetRatio = this.option(\"wrapAround\") ? .5 : 0;\r\n var freeSpace = this._itemFreeSpace();\r\n var isGapBetweenImages = !!freeSpace;\r\n var rtlEnabled = this.option(\"rtlEnabled\");\r\n var selectedIndex = this.option(\"selectedIndex\");\r\n var side = rtlEnabled ? \"Right\" : \"Left\";\r\n this._itemElements().each((function(index) {\r\n var realIndex = index;\r\n var isLoopItem = $(this).hasClass(GALLERY_LOOP_ITEM_CLASS);\r\n if (index > itemsCount + itemsPerPage - 1) {\r\n realIndex = lastItemDuplicateIndex - realIndex - itemsPerPage\r\n }\r\n if (!isLoopItem && 0 !== realIndex) {\r\n if (isGapBetweenImages) {\r\n $(this).css(\"margin\" + side, 100 * freeSpace + \"%\")\r\n }\r\n return\r\n }\r\n var itemPosition = itemWidth * (realIndex + offsetRatio) + freeSpace * (realIndex + 1 - offsetRatio);\r\n var property = isLoopItem ? side.toLowerCase() : \"margin\" + side;\r\n $(this).css(property, 100 * itemPosition + \"%\")\r\n }));\r\n this._relocateItems(selectedIndex, selectedIndex, true)\r\n },\r\n _itemFreeSpace: function() {\r\n var itemsPerPage = this._itemsPerPage();\r\n if (this.option(\"wrapAround\")) {\r\n itemsPerPage += 1\r\n }\r\n return (1 - this._actualItemWidth() * itemsPerPage) / (itemsPerPage + 1)\r\n },\r\n _renderContainerPosition: function(offset, hideItems, animate) {\r\n this._releaseInvisibleItems();\r\n offset = offset || 0;\r\n var that = this;\r\n var itemWidth = this._actualItemWidth();\r\n var targetIndex = offset;\r\n var targetPosition = this._offsetDirection() * targetIndex * (itemWidth + this._itemFreeSpace());\r\n var positionReady;\r\n if (isDefined(this._animationOverride)) {\r\n animate = this._animationOverride;\r\n delete this._animationOverride\r\n }\r\n if (animate) {\r\n that._startSwipe();\r\n positionReady = that._animate(targetPosition).done(that._endSwipe.bind(that))\r\n } else {\r\n move(this._$container, {\r\n left: targetPosition * this._elementWidth(),\r\n top: 0\r\n });\r\n positionReady = (new Deferred).resolveWith(that)\r\n }\r\n positionReady.done((function() {\r\n this._deferredAnimate && that._deferredAnimate.resolveWith(that);\r\n hideItems && this._renderItemVisibility()\r\n }));\r\n return positionReady.promise()\r\n },\r\n _startSwipe: function() {\r\n this.$element().addClass(GALLERY_ACTIVE_CLASS)\r\n },\r\n _endSwipe: function() {\r\n this.$element().removeClass(GALLERY_ACTIVE_CLASS)\r\n },\r\n _animate: function(targetPosition, extraConfig) {\r\n var that = this;\r\n var $container = this._$container;\r\n var animationComplete = new Deferred;\r\n fx.animate(this._$container, extend({\r\n type: \"slide\",\r\n to: {\r\n left: targetPosition * this._elementWidth()\r\n },\r\n duration: that.option(\"animationDuration\"),\r\n complete: function() {\r\n if (that._needMoveContainerForward()) {\r\n move($container, {\r\n left: 0,\r\n top: 0\r\n })\r\n }\r\n if (that._needMoveContainerBack()) {\r\n move($container, {\r\n left: that._maxContainerOffset() * that._elementWidth(),\r\n top: 0\r\n })\r\n }\r\n animationComplete.resolveWith(that)\r\n }\r\n }, extraConfig || {}));\r\n return animationComplete\r\n },\r\n _needMoveContainerForward: function() {\r\n var expectedPosition = this._$container.position().left * this._offsetDirection();\r\n var actualPosition = -this._maxItemWidth() * this._elementWidth() * this._itemsCount();\r\n return expectedPosition <= actualPosition + MAX_CALC_ERROR\r\n },\r\n _needMoveContainerBack: function() {\r\n var expectedPosition = this._$container.position().left * this._offsetDirection();\r\n var actualPosition = this._actualItemWidth() * this._elementWidth();\r\n return expectedPosition >= actualPosition - MAX_CALC_ERROR\r\n },\r\n _maxContainerOffset: function() {\r\n return -this._maxItemWidth() * (this._itemsCount() - this._itemsPerPage()) * this._offsetDirection()\r\n },\r\n _maxItemWidth: function() {\r\n return this._actualItemWidth() + this._itemFreeSpace()\r\n },\r\n _reviseDimensions: function() {\r\n var $firstItem = this._itemElements().first().find(\".dx-item-content\");\r\n if (!$firstItem || $firstItem.is(\":hidden\")) {\r\n return\r\n }\r\n if (!this.option(\"height\")) {\r\n this.option(\"height\", getOuterHeight($firstItem))\r\n }\r\n if (!this.option(\"width\")) {\r\n this.option(\"width\", getOuterWidth($firstItem))\r\n }\r\n this._dimensionChanged()\r\n },\r\n _renderIndicator: function() {\r\n this._cleanIndicators();\r\n if (!this.option(\"showIndicator\")) {\r\n return\r\n }\r\n var indicator = this._$indicator = $(\"
\").addClass(GALLERY_INDICATOR_CLASS).appendTo(this._$wrapper);\r\n var isIndicatorEnabled = this.option(\"indicatorEnabled\");\r\n for (var i = 0; i < this._pagesCount(); i++) {\r\n var $indicatorItem = $(\"
\").addClass(GALLERY_INDICATOR_ITEM_CLASS).appendTo(indicator);\r\n if (isIndicatorEnabled) {\r\n this._attachIndicatorClickHandler($indicatorItem, i)\r\n }\r\n }\r\n this._renderSelectedPageIndicator()\r\n },\r\n _attachIndicatorClickHandler: function($element, index) {\r\n eventsEngine.on($element, addNamespace(clickEventName, this.NAME), function(event) {\r\n this._indicatorSelectHandler(event, index)\r\n }.bind(this))\r\n },\r\n _detachIndicatorClickHandler: function($element) {\r\n eventsEngine.off($element, addNamespace(clickEventName, this.NAME))\r\n },\r\n _toggleIndicatorInteraction: function(clickEnabled) {\r\n var _this$_$indicator;\r\n var $indicatorItems = (null === (_this$_$indicator = this._$indicator) || void 0 === _this$_$indicator ? void 0 : _this$_$indicator.find(GALLERY_INDICATOR_ITEM_SELECTOR)) || [];\r\n if ($indicatorItems.length) {\r\n $indicatorItems.each(function(index, element) {\r\n clickEnabled ? this._attachIndicatorClickHandler($(element), index) : this._detachIndicatorClickHandler($(element))\r\n }.bind(this))\r\n }\r\n },\r\n _cleanIndicators: function() {\r\n if (this._$indicator) {\r\n this._$indicator.remove()\r\n }\r\n },\r\n _renderSelectedItem: function() {\r\n var selectedIndex = this.option(\"selectedIndex\");\r\n this._itemElements().removeClass(GALLERY_ITEM_SELECTED_CLASS).eq(selectedIndex).addClass(GALLERY_ITEM_SELECTED_CLASS)\r\n },\r\n _renderItemVisibility: function() {\r\n if (this.option(\"initialItemWidth\") || this.option(\"wrapAround\")) {\r\n this._releaseInvisibleItems();\r\n return\r\n }\r\n this._itemElements().each(function(index, item) {\r\n if (this.option(\"selectedIndex\") === index) {\r\n $(item).removeClass(GALLERY_INVISIBLE_ITEM_CLASS)\r\n } else {\r\n $(item).addClass(GALLERY_INVISIBLE_ITEM_CLASS)\r\n }\r\n }.bind(this));\r\n this._getLoopedItems().addClass(GALLERY_INVISIBLE_ITEM_CLASS)\r\n },\r\n _releaseInvisibleItems: function() {\r\n this._itemElements().removeClass(GALLERY_INVISIBLE_ITEM_CLASS);\r\n this._getLoopedItems().removeClass(GALLERY_INVISIBLE_ITEM_CLASS)\r\n },\r\n _renderSelectedPageIndicator: function() {\r\n if (!this._$indicator) {\r\n return\r\n }\r\n var itemIndex = this.option(\"selectedIndex\");\r\n var lastIndex = this._pagesCount() - 1;\r\n var pageIndex = Math.ceil(itemIndex / this._itemsPerPage());\r\n pageIndex = Math.min(lastIndex, pageIndex);\r\n this._$indicator.find(GALLERY_INDICATOR_ITEM_SELECTOR).removeClass(GALLERY_INDICATOR_ITEM_SELECTED_CLASS).eq(pageIndex).addClass(GALLERY_INDICATOR_ITEM_SELECTED_CLASS)\r\n },\r\n _renderUserInteraction: function() {\r\n var rootElement = this.$element();\r\n var swipeEnabled = this.option(\"swipeEnabled\") && this._itemsCount() > 1;\r\n this._createComponent(rootElement, Swipeable, {\r\n disabled: this.option(\"disabled\") || !swipeEnabled,\r\n onStart: this._swipeStartHandler.bind(this),\r\n onUpdated: this._swipeUpdateHandler.bind(this),\r\n onEnd: this._swipeEndHandler.bind(this),\r\n itemSizeFunc: this._elementWidth.bind(this)\r\n })\r\n },\r\n _indicatorSelectHandler: function(e, indicatorIndex) {\r\n if (!this.option(\"indicatorEnabled\")) {\r\n return\r\n }\r\n var itemIndex = this._fitPaginatedIndex(indicatorIndex * this._itemsPerPage());\r\n this._needLongMove = true;\r\n this.option(\"selectedIndex\", itemIndex);\r\n this._loadNextPageIfNeeded(itemIndex)\r\n },\r\n _renderNavButtons: function() {\r\n var that = this;\r\n if (!that.option(\"showNavButtons\")) {\r\n that._cleanNavButtons();\r\n return\r\n }\r\n that._prevNavButton = $(\"
\").appendTo(this._$wrapper);\r\n that._createComponent(that._prevNavButton, GalleryNavButton, {\r\n direction: \"prev\",\r\n onClick: function() {\r\n that._prevPage()\r\n }\r\n });\r\n that._nextNavButton = $(\"
\").appendTo(this._$wrapper);\r\n that._createComponent(that._nextNavButton, GalleryNavButton, {\r\n direction: \"next\",\r\n onClick: function() {\r\n that._nextPage()\r\n }\r\n });\r\n this._renderNavButtonsVisibility()\r\n },\r\n _prevPage: function() {\r\n var visiblePageSize = this._itemsPerPage();\r\n var newSelectedIndex = this.option(\"selectedIndex\") - visiblePageSize;\r\n if (newSelectedIndex === -visiblePageSize && visiblePageSize === this._itemsCount()) {\r\n return this._relocateItems(newSelectedIndex, 0)\r\n } else {\r\n return this.goToItem(this._fitPaginatedIndex(newSelectedIndex))\r\n }\r\n },\r\n _nextPage: function() {\r\n var visiblePageSize = this._itemsPerPage();\r\n var newSelectedIndex = this.option(\"selectedIndex\") + visiblePageSize;\r\n if (newSelectedIndex === visiblePageSize && visiblePageSize === this._itemsCount()) {\r\n return this._relocateItems(newSelectedIndex, 0)\r\n } else {\r\n return this.goToItem(this._fitPaginatedIndex(newSelectedIndex)).done(this._loadNextPageIfNeeded)\r\n }\r\n },\r\n _loadNextPageIfNeeded: function(selectedIndex) {\r\n selectedIndex = void 0 === selectedIndex ? this.option(\"selectedIndex\") : selectedIndex;\r\n if (this._dataSource && this._dataSource.paginate() && this._shouldLoadNextPage(selectedIndex) && !this._isDataSourceLoading() && !this._isLastPage()) {\r\n this._loadNextPage().done(function() {\r\n this._renderIndicator();\r\n this._cloneDuplicateItems();\r\n this._renderItemPositions();\r\n this._renderNavButtonsVisibility();\r\n this._renderItemSizes(selectedIndex)\r\n }.bind(this))\r\n }\r\n },\r\n _shouldLoadNextPage: function(selectedIndex) {\r\n var visiblePageSize = this._itemsPerPage();\r\n return selectedIndex + 2 * visiblePageSize > this.option(\"items\").length\r\n },\r\n _allowDynamicItemsAppend: function() {\r\n return true\r\n },\r\n _fitPaginatedIndex: function(itemIndex) {\r\n var itemsPerPage = this._itemsPerPage();\r\n var restItemsCount = itemIndex < 0 ? itemsPerPage + itemIndex : this._itemsCount() - itemIndex;\r\n if (itemIndex > this._itemsCount() - 1) {\r\n itemIndex = 0;\r\n this._goToGhostItem = true\r\n } else if (restItemsCount < itemsPerPage && restItemsCount > 0) {\r\n if (itemIndex > 0) {\r\n itemIndex -= itemsPerPage - restItemsCount\r\n } else {\r\n itemIndex += itemsPerPage - restItemsCount\r\n }\r\n }\r\n return itemIndex\r\n },\r\n _cleanNavButtons: function() {\r\n if (this._prevNavButton) {\r\n this._prevNavButton.remove();\r\n delete this._prevNavButton\r\n }\r\n if (this._nextNavButton) {\r\n this._nextNavButton.remove();\r\n delete this._nextNavButton\r\n }\r\n },\r\n _renderNavButtonsVisibility: function() {\r\n if (!this.option(\"showNavButtons\") || !this._prevNavButton || !this._nextNavButton) {\r\n return\r\n }\r\n var selectedIndex = this.option(\"selectedIndex\");\r\n var loop = this.option(\"loop\");\r\n var itemsCount = this._itemsCount();\r\n this._prevNavButton.show();\r\n this._nextNavButton.show();\r\n if (0 === itemsCount) {\r\n this._prevNavButton.hide();\r\n this._nextNavButton.hide()\r\n }\r\n if (loop) {\r\n return\r\n }\r\n var nextHidden = selectedIndex === itemsCount - this._itemsPerPage();\r\n var prevHidden = itemsCount < 2 || 0 === selectedIndex;\r\n if (this._dataSource && this._dataSource.paginate()) {\r\n nextHidden = nextHidden && this._isLastPage()\r\n } else {\r\n nextHidden = nextHidden || itemsCount < 2\r\n }\r\n if (prevHidden) {\r\n this._prevNavButton.hide()\r\n }\r\n if (nextHidden) {\r\n this._nextNavButton.hide()\r\n }\r\n },\r\n _setupSlideShow: function() {\r\n var that = this;\r\n var slideshowDelay = that.option(\"slideshowDelay\");\r\n clearTimeout(that._slideshowTimer);\r\n if (!slideshowDelay) {\r\n return\r\n }\r\n that._slideshowTimer = setTimeout((function() {\r\n if (that._userInteraction) {\r\n that._setupSlideShow();\r\n return\r\n }\r\n that.nextItem(true).done(that._setupSlideShow)\r\n }), slideshowDelay)\r\n },\r\n _elementWidth: function() {\r\n if (!this._cacheElementWidth) {\r\n this._cacheElementWidth = getWidth(this.$element())\r\n }\r\n return this._cacheElementWidth\r\n },\r\n _clearCacheWidth: function() {\r\n delete this._cacheElementWidth\r\n },\r\n _swipeStartHandler: function(e) {\r\n this._releaseInvisibleItems();\r\n this._clearCacheWidth();\r\n this._elementWidth();\r\n var itemsCount = this._itemsCount();\r\n if (!itemsCount) {\r\n e.event.cancel = true;\r\n return\r\n }\r\n this._stopItemAnimations();\r\n this._startSwipe();\r\n this._userInteraction = true;\r\n if (!this.option(\"loop\")) {\r\n var selectedIndex = this.option(\"selectedIndex\");\r\n var startOffset = itemsCount - selectedIndex - this._itemsPerPage();\r\n var endOffset = selectedIndex;\r\n var rtlEnabled = this.option(\"rtlEnabled\");\r\n e.event.maxLeftOffset = rtlEnabled ? endOffset : startOffset;\r\n e.event.maxRightOffset = rtlEnabled ? startOffset : endOffset\r\n }\r\n },\r\n _stopItemAnimations: function() {\r\n fx.stop(this._$container, true)\r\n },\r\n _swipeUpdateHandler: function(e) {\r\n var wrapAroundRatio = this.option(\"wrapAround\") ? 1 : 0;\r\n var offset = this._offsetDirection() * e.event.offset * (this._itemsPerPage() + wrapAroundRatio) - this.option(\"selectedIndex\");\r\n if (offset < 0) {\r\n this._loadNextPageIfNeeded(Math.ceil(Math.abs(offset)))\r\n }\r\n this._renderContainerPosition(offset)\r\n },\r\n _swipeEndHandler: function(e) {\r\n var targetOffset = e.event.targetOffset * this._offsetDirection() * this._itemsPerPage();\r\n var selectedIndex = this.option(\"selectedIndex\");\r\n var newIndex = this._fitIndex(selectedIndex - targetOffset);\r\n var paginatedIndex = this._fitPaginatedIndex(newIndex);\r\n if (Math.abs(targetOffset) < this._itemsPerPage()) {\r\n this._relocateItems(selectedIndex);\r\n return\r\n }\r\n if (this._itemsPerPage() === this._itemsCount()) {\r\n if (targetOffset > 0) {\r\n this._relocateItems(-targetOffset)\r\n } else {\r\n this._relocateItems(0)\r\n }\r\n return\r\n }\r\n this.option(\"selectedIndex\", paginatedIndex)\r\n },\r\n _setFocusOnSelect: function() {\r\n this._userInteraction = true;\r\n var selectedItem = this.itemElements().filter(\".\" + GALLERY_ITEM_SELECTED_CLASS);\r\n this.option(\"focusedElement\", getPublicElement(selectedItem));\r\n this._userInteraction = false\r\n },\r\n _flipIndex: function(index) {\r\n var itemsCount = this._itemsCount();\r\n index %= itemsCount;\r\n if (index > (itemsCount + 1) / 2) {\r\n index -= itemsCount\r\n }\r\n if (index < -(itemsCount - 1) / 2) {\r\n index += itemsCount\r\n }\r\n return index\r\n },\r\n _fitIndex: function(index) {\r\n if (!this.option(\"loop\")) {\r\n return index\r\n }\r\n var itemsCount = this._itemsCount();\r\n if (index >= itemsCount || index < 0) {\r\n this._goToGhostItem = true\r\n }\r\n if (index >= itemsCount) {\r\n index = itemsCount - index\r\n }\r\n index %= itemsCount;\r\n if (index < 0) {\r\n index += itemsCount\r\n }\r\n return index\r\n },\r\n _clean: function() {\r\n this.callBase();\r\n this._cleanIndicators();\r\n this._cleanNavButtons()\r\n },\r\n _dispose: function() {\r\n this._wasAnyItemTemplateRendered = null;\r\n clearTimeout(this._slideshowTimer);\r\n this.callBase()\r\n },\r\n _updateSelection: function(addedSelection, removedSelection) {\r\n this._stopItemAnimations();\r\n this._renderNavButtonsVisibility();\r\n this._renderSelectedItem();\r\n this._relocateItems(addedSelection[0], removedSelection[0]);\r\n this._renderSelectedPageIndicator()\r\n },\r\n _relocateItems: function(newIndex, prevIndex, withoutAnimation) {\r\n if (void 0 === prevIndex) {\r\n prevIndex = newIndex\r\n }\r\n var indexOffset = this._calculateIndexOffset(newIndex, prevIndex);\r\n this._renderContainerPosition(indexOffset, true, this.option(\"animationEnabled\") && !withoutAnimation).done((function() {\r\n this._setFocusOnSelect();\r\n this._userInteraction = false;\r\n this._setupSlideShow()\r\n }))\r\n },\r\n _focusInHandler: function() {\r\n if (fx.isAnimating(this._$container) || this._userInteraction) {\r\n return\r\n }\r\n this.callBase.apply(this, arguments)\r\n },\r\n _focusOutHandler: function() {\r\n if (fx.isAnimating(this._$container) || this._userInteraction) {\r\n return\r\n }\r\n this.callBase.apply(this, arguments)\r\n },\r\n _selectFocusedItem: noop,\r\n _moveFocus: function() {\r\n this._stopItemAnimations();\r\n this.callBase.apply(this, arguments);\r\n var index = this.itemElements().index($(this.option(\"focusedElement\")));\r\n this.goToItem(index, this.option(\"animationEnabled\"))\r\n },\r\n _visibilityChanged: function(visible) {\r\n if (visible) {\r\n this._reviseDimensions()\r\n }\r\n },\r\n _calculateIndexOffset: function(newIndex, lastIndex) {\r\n if (void 0 === lastIndex) {\r\n lastIndex = newIndex\r\n }\r\n var indexOffset = lastIndex - newIndex;\r\n if (this.option(\"loop\") && !this._needLongMove && this._goToGhostItem) {\r\n if (this._isItemOnFirstPage(newIndex) && this._isItemOnLastPage(lastIndex)) {\r\n indexOffset = -this._itemsPerPage()\r\n } else if (this._isItemOnLastPage(newIndex) && this._isItemOnFirstPage(lastIndex)) {\r\n indexOffset = this._itemsPerPage()\r\n }\r\n this._goToGhostItem = false\r\n }\r\n this._needLongMove = false;\r\n indexOffset -= lastIndex;\r\n return indexOffset\r\n },\r\n _isItemOnLastPage: function(itemIndex) {\r\n return itemIndex >= this._itemsCount() - this._itemsPerPage()\r\n },\r\n _isItemOnFirstPage: function(itemIndex) {\r\n return itemIndex <= this._itemsPerPage()\r\n },\r\n _optionChanged: function(args) {\r\n switch (args.name) {\r\n case \"width\":\r\n case \"initialItemWidth\":\r\n this.callBase.apply(this, arguments);\r\n this._dimensionChanged();\r\n break;\r\n case \"animationDuration\":\r\n this._renderNavButtonsVisibility();\r\n break;\r\n case \"animationEnabled\":\r\n break;\r\n case \"loop\":\r\n this.$element().toggleClass(GALLERY_LOOP_CLASS, args.value);\r\n this.option(\"loopItemFocus\", args.value);\r\n if (hasWindow()) {\r\n this._cloneDuplicateItems();\r\n this._renderItemPositions();\r\n this._renderNavButtonsVisibility()\r\n }\r\n break;\r\n case \"showIndicator\":\r\n this._renderIndicator();\r\n break;\r\n case \"showNavButtons\":\r\n this._renderNavButtons();\r\n break;\r\n case \"slideshowDelay\":\r\n this._setupSlideShow();\r\n break;\r\n case \"wrapAround\":\r\n case \"stretchImages\":\r\n if (hasWindow()) {\r\n this._renderItemSizes();\r\n this._renderItemPositions();\r\n this._renderItemVisibility()\r\n }\r\n break;\r\n case \"swipeEnabled\":\r\n this._renderUserInteraction();\r\n break;\r\n case \"indicatorEnabled\":\r\n this._toggleIndicatorInteraction(args.value);\r\n break;\r\n default:\r\n this.callBase(args)\r\n }\r\n },\r\n goToItem: function(itemIndex, animation) {\r\n var selectedIndex = this.option(\"selectedIndex\");\r\n var itemsCount = this._itemsCount();\r\n if (void 0 !== animation) {\r\n this._animationOverride = animation\r\n }\r\n itemIndex = this._fitIndex(itemIndex);\r\n this._deferredAnimate = new Deferred;\r\n if (itemIndex > itemsCount - 1 || itemIndex < 0 || selectedIndex === itemIndex) {\r\n return this._deferredAnimate.resolveWith(this).promise()\r\n }\r\n this.option(\"selectedIndex\", itemIndex);\r\n return this._deferredAnimate.promise()\r\n },\r\n prevItem: function(animation) {\r\n return this.goToItem(this.option(\"selectedIndex\") - 1, animation)\r\n },\r\n nextItem: function(animation) {\r\n return this.goToItem(this.option(\"selectedIndex\") + 1, animation)\r\n }\r\n});\r\nregisterComponent(\"dxGallery\", Gallery);\r\nexport default Gallery;\r\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\_eventProcessor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { SearchAvailable } from '../../settings';\nimport { MobileSearchViewModel } from './_mobileSearch';\nimport { ZoomAutoBy } from '../../constants';\nimport * as $ from 'jquery';\nimport Gallery from 'devextreme/ui/gallery';\nexport var slowdownDisctanceFactor = 2.5;\nexport var minScale = 0.92;\nfunction setTransform($element, transform) {\n $element.css({\n '-webkit-transform': transform,\n 'transform': transform\n });\n}\nexport class EventProcessor {\n constructor(element, slideOptions) {\n this.element = element;\n this.slideOptions = slideOptions;\n this._direction = {\n vertical: false,\n horizontal: false,\n scrollDown: false\n };\n this.isLeftMove = false;\n this.isRightMove = false;\n this.$window = $.fn.constructor(window);\n this.$element = $.fn.constructor(element),\n this.$body = $.fn.constructor(document.body),\n this.$gallery = this.$element.find('.dxrd-mobile-gallery');\n this.$galleryblocks = this.$gallery.find('.dxrd-gallery-blocks');\n this.firstMobilePageOffset = this._getFirstPageOffset();\n this.slideOptions.searchPanel.height.subscribe((newVal) => {\n if (slideOptions.disabled())\n return;\n if (!this.firstMobilePageOffset)\n this.firstMobilePageOffset = this._getFirstPageOffset();\n if (this.slideOptions.readerMode) {\n this.slideOptions.topOffset(newVal);\n }\n else {\n this.slideOptions.topOffset(Math.min(newVal, Math.max(0, MobileSearchViewModel.maxHeight - this.firstMobilePageOffset.top)));\n }\n if (!newVal) {\n this.applySearchAnimation(newVal);\n }\n else if (newVal === MobileSearchViewModel.maxHeight) {\n this.slideOptions.searchPanel.searchPanelVisible(true);\n this.applySearchAnimation(newVal);\n }\n else {\n var dif = 1 - minScale;\n var perc = newVal / MobileSearchViewModel.maxHeight;\n var scale = 1 - dif * perc;\n setTransform(this.$galleryblocks, 'scale(' + Math.max(minScale, scale) + ')');\n }\n });\n }\n _getFirstPageOffset() {\n return this.$galleryblocks.find('.dxrd-mobile-page').eq(0).offset();\n }\n getDirection(x, y) {\n var differenceY = y - this._startingPositionY;\n var distanceY = Math.abs(differenceY);\n var distanceX = Math.abs(x - this._startingPositionX);\n if (distanceY === 0 && distanceX === 0) {\n this._direction.horizontal = false;\n this._direction.vertical = false;\n return this._direction;\n }\n var tg = !distanceX ? 10 : distanceY / distanceX;\n if (tg < 2) {\n this._direction.horizontal = true;\n this._direction.vertical = false;\n this._direction.scrollDown = false;\n }\n else {\n this._direction.horizontal = false;\n this._direction.vertical = true;\n this._direction.scrollDown = differenceY > 0;\n }\n return this._direction;\n }\n setPosition(x, y) {\n this.isLeftMove = this.latestX > x;\n this.isRightMove = this.latestX < x;\n this.latestY = y;\n this.latestX = x;\n }\n initialize(x, y) {\n this._startingPositionX = x;\n this._startingPositionY = y;\n this.latestX = x;\n this.latestY = y;\n this._direction = { horizontal: false, vertical: false, scrollDown: false };\n }\n start(e) {\n this.$body.addClass('dxrd-prevent-refresh');\n this.$galleryblocks = this.$gallery.find('.dxrd-gallery-blocks');\n if (!this.slideOptions.topOffset()) {\n this.firstMobilePageOffset = this._getFirstPageOffset();\n if (this.firstMobilePageOffset) {\n this.firstMobilePageOffset.top = this.firstMobilePageOffset.top * minScale;\n }\n }\n this.initialize(e.pageX, e.pageY);\n }\n move(e) {\n if (this.slideOptions.zoomUpdating() || this.slideOptions.galleryIsAnimated() || this.slideOptions.disabled()) {\n return;\n }\n if (SearchAvailable() && !this.slideOptions.searchPanel.editorVisible()) {\n var direction = this.getDirection(e.pageX, e.pageY);\n if (!direction.vertical && !direction.horizontal)\n return;\n if (direction.vertical && direction.scrollDown || this.slideOptions.searchPanel.height() !== 0) {\n if (this.slideOptions.reachedTop() && (MobileSearchViewModel.maxHeight + this.$element.offset().top) > this.$window.scrollTop()) {\n this.slideOptions.brickEventsDisabled(true);\n e.stopPropagation();\n var currentHeight = this.slideOptions.searchPanel.height();\n var difference = currentHeight + (e.clientY - this.latestY) / slowdownDisctanceFactor;\n var distance = difference > 0 ? Math.min(difference, MobileSearchViewModel.maxHeight) : 0;\n this.slideOptions.searchPanel.height(distance);\n }\n }\n }\n this.setPosition(e.clientX, e.clientY);\n }\n end(e) {\n if (this.slideOptions.zoomUpdating() || this.slideOptions.galleryIsAnimated()) {\n var touches = e['touches'];\n if (!touches || touches.length === 0) {\n if (this.slideOptions.zoomUpdating()) {\n e.stopPropagation();\n }\n this.slideOptions.zoomUpdating(false);\n }\n return;\n }\n var direction = this.getDirection(e.pageX, e.pageY);\n if (this.slideOptions.scrollAvailable()) {\n if (direction.horizontal && this.slideOptions.swipeEnabled()) {\n var galleryInstance = Gallery.getInstance(this.$gallery.get(0));\n var repaintTimeout = this.slideOptions.repaintTimeout;\n if (this.slideOptions.reachedLeft() && this.isRightMove && galleryInstance.gallery.swipeLeftEnable()) {\n galleryInstance.prevItem();\n clearTimeout(repaintTimeout());\n repaintTimeout(setTimeout(() => galleryInstance.repaint(), 410));\n }\n else if (this.slideOptions.reachedRight() && this.isLeftMove && galleryInstance.gallery.swipeRightEnable()) {\n galleryInstance.nextItem();\n clearTimeout(repaintTimeout());\n repaintTimeout(setTimeout(() => galleryInstance.repaint(), 410));\n }\n }\n }\n if (SearchAvailable() && !this.slideOptions.searchPanel.editorVisible()) {\n if (this.slideOptions.searchPanel.height() >= MobileSearchViewModel.maxHeight / 2) {\n this.slideOptions.searchPanel.height(MobileSearchViewModel.maxHeight);\n }\n else {\n this.slideOptions.searchPanel.height(0);\n }\n if (this.slideOptions.searchPanel.height() == MobileSearchViewModel.maxHeight) {\n this.slideOptions.autoFitBy(ZoomAutoBy.PageWidth);\n }\n }\n this.$body.removeClass('dxrd-prevent-refresh');\n setTimeout(() => { this.slideOptions.brickEventsDisabled(false); }, 10);\n }\n applySearchAnimation(value) {\n if (this.slideOptions.animationSettings.zoomEnabled()) {\n this.$galleryblocks.addClass('dxrdp-animation');\n this.$element.addClass('dxrdp-animation');\n setTimeout(() => {\n this.$galleryblocks.removeClass('dxrdp-animation');\n this.$element.removeClass('dxrdp-animation');\n }, 410);\n }\n setTransform(this.$galleryblocks, !value ? '' : 'scale(0.92)');\n }\n}\n","/**\r\n * DevExtreme (esm/events/transform.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n sign as mathSign,\r\n fitIntoRange\r\n} from \"../core/utils/math\";\r\nimport * as iteratorUtils from \"../core/utils/iterator\";\r\nimport {\r\n hasTouches\r\n} from \"./utils/index\";\r\nimport Emitter from \"./core/emitter\";\r\nimport registerEmitter from \"./core/emitter_registrator\";\r\nvar DX_PREFIX = \"dx\";\r\nvar TRANSFORM = \"transform\";\r\nvar TRANSLATE = \"translate\";\r\nvar PINCH = \"pinch\";\r\nvar ROTATE = \"rotate\";\r\nvar START_POSTFIX = \"start\";\r\nvar UPDATE_POSTFIX = \"\";\r\nvar END_POSTFIX = \"end\";\r\nvar eventAliases = [];\r\nvar addAlias = function(eventName, eventArgs) {\r\n eventAliases.push({\r\n name: eventName,\r\n args: eventArgs\r\n })\r\n};\r\naddAlias(TRANSFORM, {\r\n scale: true,\r\n deltaScale: true,\r\n rotation: true,\r\n deltaRotation: true,\r\n translation: true,\r\n deltaTranslation: true\r\n});\r\naddAlias(TRANSLATE, {\r\n translation: true,\r\n deltaTranslation: true\r\n});\r\naddAlias(PINCH, {\r\n scale: true,\r\n deltaScale: true\r\n});\r\naddAlias(ROTATE, {\r\n rotation: true,\r\n deltaRotation: true\r\n});\r\nvar getVector = function(first, second) {\r\n return {\r\n x: second.pageX - first.pageX,\r\n y: -second.pageY + first.pageY,\r\n centerX: .5 * (second.pageX + first.pageX),\r\n centerY: .5 * (second.pageY + first.pageY)\r\n }\r\n};\r\nvar getEventVector = function(e) {\r\n var pointers = e.pointers;\r\n return getVector(pointers[0], pointers[1])\r\n};\r\nvar getDistance = function(vector) {\r\n return Math.sqrt(vector.x * vector.x + vector.y * vector.y)\r\n};\r\nvar getScale = function(firstVector, secondVector) {\r\n return getDistance(firstVector) / getDistance(secondVector)\r\n};\r\nvar getRotation = function(firstVector, secondVector) {\r\n var scalarProduct = firstVector.x * secondVector.x + firstVector.y * secondVector.y;\r\n var distanceProduct = getDistance(firstVector) * getDistance(secondVector);\r\n if (0 === distanceProduct) {\r\n return 0\r\n }\r\n var sign = mathSign(firstVector.x * secondVector.y - secondVector.x * firstVector.y);\r\n var angle = Math.acos(fitIntoRange(scalarProduct / distanceProduct, -1, 1));\r\n return sign * angle\r\n};\r\nvar getTranslation = function(firstVector, secondVector) {\r\n return {\r\n x: firstVector.centerX - secondVector.centerX,\r\n y: firstVector.centerY - secondVector.centerY\r\n }\r\n};\r\nvar TransformEmitter = Emitter.inherit({\r\n validatePointers: function(e) {\r\n return hasTouches(e) > 1\r\n },\r\n start: function(e) {\r\n this._accept(e);\r\n var startVector = getEventVector(e);\r\n this._startVector = startVector;\r\n this._prevVector = startVector;\r\n this._fireEventAliases(START_POSTFIX, e)\r\n },\r\n move: function(e) {\r\n var currentVector = getEventVector(e);\r\n var eventArgs = this._getEventArgs(currentVector);\r\n this._fireEventAliases(UPDATE_POSTFIX, e, eventArgs);\r\n this._prevVector = currentVector\r\n },\r\n end: function(e) {\r\n var eventArgs = this._getEventArgs(this._prevVector);\r\n this._fireEventAliases(END_POSTFIX, e, eventArgs)\r\n },\r\n _getEventArgs: function(vector) {\r\n return {\r\n scale: getScale(vector, this._startVector),\r\n deltaScale: getScale(vector, this._prevVector),\r\n rotation: getRotation(vector, this._startVector),\r\n deltaRotation: getRotation(vector, this._prevVector),\r\n translation: getTranslation(vector, this._startVector),\r\n deltaTranslation: getTranslation(vector, this._prevVector)\r\n }\r\n },\r\n _fireEventAliases: function(eventPostfix, originalEvent, eventArgs) {\r\n eventArgs = eventArgs || {};\r\n iteratorUtils.each(eventAliases, function(_, eventAlias) {\r\n var args = {};\r\n iteratorUtils.each(eventAlias.args, (function(name) {\r\n if (name in eventArgs) {\r\n args[name] = eventArgs[name]\r\n }\r\n }));\r\n this._fireEvent(DX_PREFIX + eventAlias.name + eventPostfix, originalEvent, args)\r\n }.bind(this))\r\n }\r\n});\r\nvar eventNames = eventAliases.reduce((result, eventAlias) => {\r\n [START_POSTFIX, UPDATE_POSTFIX, END_POSTFIX].forEach(eventPostfix => {\r\n result.push(DX_PREFIX + eventAlias.name + eventPostfix)\r\n });\r\n return result\r\n}, []);\r\nregisterEmitter({\r\n emitter: TransformEmitter,\r\n events: eventNames\r\n});\r\nvar exportNames = {};\r\niteratorUtils.each(eventNames, (function(_, eventName) {\r\n exportNames[eventName.substring(DX_PREFIX.length)] = eventName\r\n}));\r\nexport var {\r\n transformstart: transformstart,\r\n transform: transform,\r\n transformend: transformend,\r\n translatestart: translatestart,\r\n translate: translate,\r\n translateend: translateend,\r\n zoomstart: zoomstart,\r\n zoom: zoom,\r\n zoomend: zoomend,\r\n pinchstart: pinchstart,\r\n pinch: pinch,\r\n pinchend: pinchend,\r\n rotatestart: rotatestart,\r\n rotate: rotate,\r\n rotateend: rotateend\r\n} = exportNames;\r\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\_mobileBindings.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { EventProcessor } from './_eventProcessor';\nimport { on } from 'devextreme/events';\nimport 'devextreme/events/transform';\nimport 'devextreme/events/pointer';\nimport * as ko from 'knockout';\nimport dxScrollView from 'devextreme/ui/scroll_view';\nko.bindingHandlers['mobileZoom'] = {\n init: function (element, valueAccessor) {\n var options = valueAccessor();\n var scroll;\n var zoom = options.zoom();\n on(element, 'dxpinch', (e) => {\n e.stopPropagation();\n e.preventDefault();\n var scale = e['scale'];\n var newZoom = zoom;\n newZoom *= scale;\n newZoom = Math.max(0.15, Math.min(2, newZoom));\n options.zoom(newZoom);\n });\n on(element, 'dxpinchstart', (e) => {\n scroll = dxScrollView.getInstance(element.getElementsByClassName('dxrd-scrollView-mobile')[0]);\n e.stopPropagation();\n e.preventDefault();\n options.zoomUpdating(true);\n scroll && scroll.option('disabled', true);\n zoom = options.zoom.peek();\n });\n on(element, 'dxpinchend', (e) => {\n e.stopPropagation();\n options.zoomUpdating(false);\n setTimeout(() => {\n scroll && scroll.option('disabled', false);\n scroll && scroll.refresh();\n }, 10);\n });\n }\n};\nko.bindingHandlers['slide'] = {\n init: function (element, valueAccessor) {\n var slideOptionsValue = valueAccessor();\n var isStarted = false;\n var processor = new EventProcessor(element, slideOptionsValue);\n on(element, 'dxpointerdown', (e) => {\n processor.start(e);\n isStarted = true;\n });\n on(element, 'dxpointermove', (e) => {\n isStarted && processor.move(e);\n });\n ['dxpointercancel', 'dxpointerleave', 'dxpointerup'].forEach((value) => {\n on(element, value, (e) => {\n if (isStarted) {\n processor.end(e);\n isStarted = false;\n }\n });\n });\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\mobile\\internal\\gallery\\_galleryComponent.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { addDisposeCallback } from '@devexpress/analytics-core/analytics-internal';\nimport registerComponent from 'devextreme/core/component_registrator';\nimport 'devextreme/ui/gallery';\nimport dxGallery from 'devextreme/ui/gallery';\nimport * as $ from 'jquery';\nexport class dxGalleryReportPreview extends dxGallery {\n constructor(element, options) {\n super(element, options);\n this._animationClassName = 'dxrdp-gallery-item-animation';\n this.currentBlockItem = null;\n this.nextBlockItem = null;\n this.initializeBlockItems = () => {\n this.blockItems = [];\n var $items = this['_getAvailableItems']();\n for (var i = 0; i < $items.length; i++) {\n var left = parseFloat($items[i]['style'].left);\n left = isNaN(left) ? 0 : left;\n this.blockItems.push({\n element: $.fn.constructor($items[i]),\n left: left\n });\n }\n };\n this.initializeBlockItems();\n this.gallery = this['option']('gallery');\n var subscription = this.gallery.repaint.subscribe((newVal) => {\n if (!this.gallery.preview._hasActiveEditingFields()) {\n this.repaint();\n }\n });\n addDisposeCallback(element, () => {\n subscription.dispose();\n });\n }\n repaint() {\n super.repaint.apply(this);\n this.initializeBlockItems();\n }\n _swipeStartHandler(e) {\n super['_swipeStartHandler'].apply(this, [e]);\n var swipeRightEnable = this.gallery.swipeRightEnable();\n var swipeLeftEnable = this.gallery.swipeLeftEnable();\n if (!swipeRightEnable || !swipeLeftEnable) {\n var selectedIndex = swipeRightEnable ? 0 : 2;\n var startOffset = 3 - selectedIndex - 1, endOffset = selectedIndex;\n if (!swipeRightEnable && !swipeLeftEnable) {\n startOffset = 0;\n endOffset = 0;\n }\n e.event.maxLeftOffset = startOffset;\n e.event.maxRightOffset = endOffset;\n }\n this.gallery.isAnimated(true);\n if (this.gallery.animationEnabled()) {\n this.currentBlockItem && this.currentBlockItem.element.removeClass(this._animationClassName);\n this.nextBlockItem && this.nextBlockItem.element.removeClass(this._animationClassName);\n }\n }\n _getNextIndex(offset) {\n var index = this.gallery.selectedIndex();\n if (offset < 0) {\n if (index === 2) {\n index = 0;\n }\n else {\n index++;\n }\n }\n else {\n if (index === 0) {\n index = 2;\n }\n else {\n index--;\n }\n }\n return index;\n }\n _setSwipeAnimation(element, difference, offset, right) {\n var diffperc = 100 * offset / 4;\n var newLeft = '0%';\n if (right) {\n newLeft = (element.left + diffperc) + '%';\n }\n else {\n newLeft = (element.left - diffperc) + '%';\n }\n element.element.css({\n 'opacity': difference,\n 'transform': 'scale(' + difference + ')',\n 'left': newLeft\n });\n }\n _addAnimation(item) {\n if (item) {\n if (this.gallery.animationEnabled()) {\n item.element.addClass(this._animationClassName);\n }\n }\n }\n _restoreDefault(item) {\n if (item) {\n item.element.css({\n 'opacity': 1,\n 'transform': 'scale(' + 1 + ')',\n 'left': item.left + '%'\n });\n }\n }\n _getItem(index, loopTest) {\n var realIndex = index;\n var currentBlockIndex = this.blockItems.indexOf(this.currentBlockItem);\n if (loopTest) {\n if (currentBlockIndex === 2 && index === 0) {\n realIndex = 3;\n }\n else if (currentBlockIndex === 0 && index === 2) {\n realIndex = 4;\n }\n }\n var item = this.blockItems[realIndex];\n if (this.gallery.animationEnabled()) {\n item.element.removeClass(this._animationClassName);\n }\n return item;\n }\n _swipeUpdateHandler(e) {\n super['_swipeUpdateHandler'].apply(this, [e]);\n var offset = e.event.offset;\n var nextIndex = this._getNextIndex(offset);\n var currentIndex = this.gallery.selectedIndex();\n var currentBlockIndex = this.blockItems.indexOf(this.currentBlockItem);\n var nextBlockIndex = this.blockItems.indexOf(this.nextBlockItem);\n if (!this.currentBlockItem || currentBlockIndex !== currentIndex) {\n this.currentBlockItem = this._getItem(currentIndex, false);\n }\n if (!this.nextBlockItem || nextBlockIndex !== nextIndex) {\n this.nextBlockItem = this._getItem(nextIndex, true);\n }\n if (this.gallery.animationEnabled()) {\n offset = Math.abs(offset);\n var right = (nextIndex - currentIndex === 1) || (currentIndex === 2 && nextIndex === 0);\n this._setSwipeAnimation(this.currentBlockItem, Math.min(1, (1 - offset)), offset, right);\n this._setSwipeAnimation(this.nextBlockItem, Math.min(1, offset * 1.5), offset, !right);\n }\n }\n _swipeEndHandler(e) {\n super['_swipeEndHandler'].apply(this, [e]);\n if (this.gallery.animationEnabled()) {\n for (var i = 0; i < this.blockItems.length; i++) {\n if (this.blockItems[i] === this.currentBlockItem || this.blockItems[i] === this.nextBlockItem) {\n this._addAnimation(this.blockItems[i]);\n }\n this._restoreDefault(this.blockItems[i]);\n }\n }\n else {\n this.gallery.isAnimated(false);\n this.gallery.updatePagesVisible(this.gallery.preview);\n }\n }\n _endSwipe() {\n super['_endSwipe'].apply(this, arguments);\n this.gallery.isAnimated(false);\n this.gallery.updatePagesVisible(this.gallery.preview);\n }\n}\nregisterComponent('dxGalleryReportPreview', dxGalleryReportPreview);\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\dateRange\\dateRangeEditor.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Locker } from '../../../common/utils/_locker';\nimport { DateRangeParemeterPopupModel } from '../../mobile/internal/_parametersPopup';\nimport { getLocalization, Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport { formatDate, addDisposeCallback } from '@devexpress/analytics-core/analytics-internal';\nimport { DateRangeDialogElementsKeyboardHelper } from '../../accessibility/_dateRangeKeyboardHelper';\nimport { getTemplate } from '@devexpress/analytics-core/analytics-widgets';\nclass CSDateTime {\n constructor(_date = null) {\n this._date = _date;\n }\n static get today() {\n return new CSDateTime().now();\n }\n get date() {\n return this._date;\n }\n get day() {\n return this._date.getDay();\n }\n get month() {\n return this._date.getMonth();\n }\n get year() {\n return this._date.getFullYear();\n }\n addMonths(months) {\n return new CSDateTime(new Date(this._date.setMonth(CSDateTime.today.month + months)));\n }\n addDays(days) {\n var newDate = this.date.getDate() + days;\n return new CSDateTime(new Date(this._date.setDate(newDate)));\n }\n addHours(hours) {\n var newDate = this.date.getHours() + hours;\n return new CSDateTime(new Date(this._date.setHours(newDate)));\n }\n addYears(years) {\n return new CSDateTime(new Date(this._date.setFullYear(this._date.getFullYear() + years)));\n }\n now() {\n return new CSDateTime(new Date(new Date().setHours(0, 0, 0, 0)));\n }\n}\nfunction createRangeItem(displayName, localizationId, range) {\n var item = {\n displayName: getLocalization(displayName, localizationId),\n range: range\n };\n Object.defineProperty(item, 'displayName', {\n get: () => getLocalization(displayName, localizationId),\n configurable: true\n });\n return item;\n}\nexport var predefinedDateRanges = [\n createRangeItem('Today', 'PreviewStringId.DateRangeParameterEditor_Today', () => [\n CSDateTime.today.date,\n CSDateTime.today.date\n ]),\n createRangeItem('Yesterday', 'PreviewStringId.DateRangeParameterEditor_Yesterday', () => [\n CSDateTime.today.addDays(-1).date,\n CSDateTime.today.addDays(-1).date\n ]),\n createRangeItem('Current Week', 'PreviewStringId.DateRangeParameterEditor_CurrentWeek', () => [\n CSDateTime.today.addDays(-CSDateTime.today.day).date,\n CSDateTime.today.addDays(-CSDateTime.today.day).addDays(6).date\n ]),\n createRangeItem('Last Week', 'PreviewStringId.DateRangeParameterEditor_LastWeek', () => [\n CSDateTime.today.addDays(-7).date,\n CSDateTime.today.date\n ]),\n createRangeItem('Previous Week', 'PreviewStringId.DateRangeParameterEditor_PreviousWeek', () => [\n CSDateTime.today.addDays(-CSDateTime.today.day - 7).date,\n CSDateTime.today.addDays(-CSDateTime.today.day - 1).date\n ]),\n createRangeItem('Current Month', 'PreviewStringId.DateRangeParameterEditor_CurrentMonth', () => [\n new Date(CSDateTime.today.year, CSDateTime.today.month, 1),\n new Date(CSDateTime.today.year, CSDateTime.today.month + 1, 0),\n ]),\n createRangeItem('Last Month', 'PreviewStringId.DateRangeParameterEditor_LastMonth', () => [\n CSDateTime.today.addMonths(-1).date,\n CSDateTime.today.date\n ]),\n createRangeItem('Previous Month', 'PreviewStringId.DateRangeParameterEditor_PreviousMonth', () => [\n new Date(CSDateTime.today.year, CSDateTime.today.month - 1, 1),\n new Date(CSDateTime.today.year, CSDateTime.today.month, 0),\n ]),\n createRangeItem('Current Quarter', 'PreviewStringId.DateRangeParameterEditor_CurrentQuarter', () => [\n CSDateTime.today.addMonths(-CSDateTime.today.month % 3).date,\n CSDateTime.today.addMonths(-CSDateTime.today.month % 3 + 3).date,\n ]),\n createRangeItem('Previous Quarter', 'PreviewStringId.DateRangeParameterEditor_PreviousQuarter', () => [\n CSDateTime.today.addMonths(-CSDateTime.today.month % 3 - 3).date,\n CSDateTime.today.addMonths(-CSDateTime.today.month % 3).date,\n ]),\n createRangeItem('Current Year', 'PreviewStringId.DateRangeParameterEditor_CurrentYear', () => [\n new Date(CSDateTime.today.year, 0, 1),\n new Date(CSDateTime.today.year, 11, 31),\n ]),\n createRangeItem('Last Year', 'PreviewStringId.DateRangeParameterEditor_LastYear', () => [\n CSDateTime.today.addYears(-1).date,\n CSDateTime.today.date\n ]),\n createRangeItem('Previous Year', 'PreviewStringId.DateRangeParameterEditor_PreviousYear', () => [\n new Date(CSDateTime.today.year - 1, 0, 1),\n new Date(CSDateTime.today.year - 1, 11, 31),\n ])\n];\nexport class DateRangeEditor extends Disposable {\n constructor(_options) {\n super();\n this._options = _options;\n this._locker = new Locker();\n this._popupVisible = ko.observable(false);\n this._showPopup = () => {\n this._popupVisible(true);\n };\n this._hidePopup = () => {\n this._popupVisible(false);\n this._$element.get(0).querySelector('input').focus();\n };\n this._accessibilityDialogItems = ko.observableArray([]);\n this.popupTemplate = 'dxrv-daterange-editor-popup';\n this.items = [];\n this.startDate = ko.observable(new Date(new Date().setHours(0, 0, 0, 0)));\n this.endDate = ko.observable(new Date(new Date().setHours(0, 0, 0, 0)));\n this.calendarHeight = '100%';\n this._disposables.push(_options.value.subscribe((newVal) => this.applyDate(newVal)), this._displayText = ko.computed(() => this._getStringValue([this.startDate(), this.endDate()])), this.startDate.subscribe(() => this.applyValue(this.startDate() > this.endDate())), this.endDate.subscribe(() => this.applyValue()));\n this.applyDate(this._options.value());\n this.items = predefinedDateRanges;\n if (_options.isMobile) {\n this.popupTemplate = 'dxrd-menu-parameters-content';\n this.popupModel = new DateRangeParemeterPopupModel(this);\n }\n else {\n this.popupModel = this;\n }\n this.dialogKeyboardHelper = new DateRangeDialogElementsKeyboardHelper(this._hidePopup, this._popupVisible);\n this._disposables.push(this.dialogKeyboardHelper);\n }\n _getStringValue(range) {\n return range.map(x => formatDate(x)).join(' - ');\n }\n _isSelected(item) {\n return this._displayText() === this._getStringValue(item.range());\n }\n _toParameterValue() {\n return [this.startDate(), this.endDate()];\n }\n _createTemplateData(value, min) {\n return {\n value,\n min,\n height: this.calendarHeight,\n inRange: (date) => this.inRange(date)\n };\n }\n applyDate(range, force = false) {\n this._locker.lock(() => {\n if (range[1] < this.startDate()) {\n this.startDate(range[0]);\n this.endDate(range[1]);\n }\n else {\n this.endDate(range[1]);\n this.startDate(range[0]);\n }\n });\n if (force)\n this.applyValue();\n }\n inRange(date) {\n var _end = new Date(this.endDate().getTime());\n var _start = new Date(this.startDate().getTime());\n return date <= new Date(_end.setHours(0, 0, 0, 0)) &&\n date >= new Date(_start.setHours(0, 0, 0, 0));\n }\n applyValue(updateEndDate = false) {\n this._locker.lock(() => {\n updateEndDate && this.endDate(this.startDate());\n this._options.value(this._toParameterValue());\n });\n }\n}\nko.bindingHandlers['dxrvDateRangeEditor'] = {\n init: (element, valueAccessor, bindings, model, bindingContext) => {\n var rangeEditor = new DateRangeEditor(valueAccessor());\n $.fn.constructor(element).children().remove();\n var templateHtml = getTemplate('dxrv-daterange-editor'), $element = $.fn.constructor(element).append(templateHtml);\n var context = bindingContext.createChildContext(rangeEditor);\n ko.applyBindingsToDescendants(context, $element.children()[0]);\n addDisposeCallback(element, () => rangeEditor.dispose());\n return { controlsDescendantBindings: true };\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\pictureEditor\\_imagePainter.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { ImageAlignment, ImageSizeMode } from '../../editing/editingField';\nexport class ImagePainter {\n constructor(options) {\n this.format = ko.observable();\n this.image = options.imageSource;\n this.sizeMode = options.sizeMode;\n this.alignment = options.alignment;\n }\n _drawImage(imageSource, context, scale, contentSize) {\n var deferred = $.Deferred();\n if (!imageSource)\n return deferred.resolve().promise();\n var background = new Image();\n var prefix = 'data:image/' + (this.format() || 'png') + ';base64,';\n if (this.format() === 'svg') {\n prefix = 'data:image/svg+xml;charset=UTF-8;base64,';\n }\n var imageBase64 = imageSource.indexOf('base64,') !== -1 ? imageSource : prefix + imageSource;\n background.src = imageBase64;\n background.onload = () => {\n var size = this._getImageSize(background, scale, contentSize);\n var location = this._getImageCoordinate(size, contentSize);\n context.drawImage(background, location.x, location.y, size.width, size.height);\n deferred.resolve();\n };\n return deferred.promise();\n }\n _getImageSize(image, scale, contentSize) {\n var sizeMode = this.sizeMode();\n var width = image.width * scale, height = image.height * scale;\n if (sizeMode === ImageSizeMode.StretchImage) {\n width = contentSize.width;\n height = contentSize.height;\n }\n else if (sizeMode === ImageSizeMode.Cover || sizeMode === ImageSizeMode.ZoomImage || (sizeMode === ImageSizeMode.Squeeze && (contentSize.width < width || contentSize.height < height))) {\n var ratio = (sizeMode === ImageSizeMode.Cover ? Math.max : Math.min)(contentSize.width / width, contentSize.height / height);\n width *= ratio;\n height *= ratio;\n }\n return { width: width, height: height };\n }\n _getImageCoordinate(imageSize, contentSize) {\n var alignment = this.alignment();\n var x = 0, y = 0;\n if (!(alignment in ImageAlignment) && (this.sizeMode() === ImageSizeMode.Cover || this.sizeMode() === ImageSizeMode.ZoomImage || this.sizeMode() === ImageSizeMode.Squeeze)) {\n alignment = ImageAlignment.MiddleCenter;\n }\n if (alignment === ImageAlignment.MiddleLeft || alignment === ImageAlignment.MiddleCenter || alignment === ImageAlignment.MiddleRight) {\n y = (contentSize.height - imageSize.height) / 2;\n }\n else if (alignment === ImageAlignment.BottomLeft || alignment === ImageAlignment.BottomCenter || alignment === ImageAlignment.BottomRight) {\n y = contentSize.height - imageSize.height;\n }\n if (alignment === ImageAlignment.TopCenter || alignment === ImageAlignment.MiddleCenter || alignment === ImageAlignment.BottomCenter) {\n x = (contentSize.width - imageSize.width) / 2;\n }\n else if (alignment === ImageAlignment.TopRight || alignment === ImageAlignment.MiddleRight || alignment === ImageAlignment.BottomRight) {\n x = contentSize.width - imageSize.width;\n }\n return { x: x, y: y };\n }\n refresh(context, scale = 1, contentSize) {\n contentSize = contentSize || {\n width: context.canvas.width,\n height: context.canvas.height\n };\n return this._drawImage(this.image(), context, scale, contentSize);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\pictureEditor\\_signaturePainter.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport * as ko from 'knockout';\nexport class SignaturePainter extends Disposable {\n constructor() {\n super();\n this._points = ko.observableArray([]);\n this.hasPoints = ko.computed(() => { return this._points().length > 0; });\n this._disposables.push(this.hasPoints);\n }\n dispose() {\n super.dispose();\n this.reset();\n }\n _drawPath(context, x, y, lastX, lastY, color, lineWidth) {\n context.beginPath();\n context.strokeStyle = color;\n context.lineWidth = lineWidth;\n context.lineJoin = 'round';\n context.moveTo(lastX, lastY);\n context.lineTo(x, y);\n context.closePath();\n context.stroke();\n }\n _drawCircle(context, x, y, color, lineWidth) {\n context.beginPath();\n context.fillStyle = color;\n context.arc(x, y, lineWidth / 2, 0, 2 * Math.PI, false);\n context.fill();\n }\n _drawAllPoints(context) {\n this._points().forEach((point) => {\n if (point.isStart) {\n this._drawCircle(context, point.x, point.y, point.color, point.width);\n }\n else {\n this._drawPath(context, point.x, point.y, point.lastX, point.lastY, point.color, point.width);\n }\n });\n }\n drawCircle(context, x, y, color, width) {\n this._lastX = x;\n this._lastY = y;\n this._drawCircle(context, x, y, color, width);\n this._points.push({ x: this._lastX, y: this._lastY, color: color, width: width, isStart: true });\n }\n drawPath(context, x, y, color, width) {\n this._drawPath(context, x, y, this._lastX, this._lastY, color, width);\n this._points.push({ x: x, y: y, lastX: this._lastX, lastY: this._lastY, color: color, width: width });\n this._lastX = x;\n this._lastY = y;\n }\n resetLastPosition() {\n this._lastX = undefined;\n this._lastY = undefined;\n }\n resetPoints() {\n this._points([]);\n }\n reset() {\n this.resetLastPosition();\n this.resetPoints();\n }\n refresh(context) {\n this._drawAllPoints(context);\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\pictureEditor\\_painter.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { ImageSizeMode, ImageAlignment } from '../../editing/editingField';\nimport { ImagePainter } from './_imagePainter';\nimport { SignaturePainter } from './_signaturePainter';\nimport { ImageEditingFieldViewModel } from '../../editing/models/imageEditingField';\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport { addDisposeCallback } from '@devexpress/analytics-core/analytics-internal';\nimport * as ko from 'knockout';\nimport * as $ from 'jquery';\nimport * as events from 'devextreme/events';\nimport { getTemplate } from '@devexpress/analytics-core/analytics-widgets';\nexport class Painter extends Disposable {\n constructor(options) {\n super();\n this._pointerDownHandler = (e) => {\n var point = this._getContextPoint(e);\n point && this.signaturePainter.drawCircle(this._context, point.x, point.y, this.lineColor(), this.lineWidth());\n };\n this._pointerMoveHandler = (e) => {\n if (e.pointerType === 'touch' || e.pointerType === 'pen' || (e.pointerType === 'mouse' && e.originalEvent['buttons'] == 1)) {\n var point = this._getContextPoint(e);\n point && this.signaturePainter.drawPath(this._context, point.x, point.y, this.lineColor(), this.lineWidth());\n }\n };\n this._pointerLeaveHandler = (e) => {\n this.signaturePainter.resetLastPosition();\n };\n this.format = (newVal) => {\n if (newVal)\n this.imagePainter.format(newVal);\n return this.imagePainter.format();\n };\n this.imageSizeMode = ko.observable(ImageSizeMode.Normal);\n this.imageAlignment = ko.observable(ImageAlignment.TopLeft);\n this.lineWidth = ko.observable(1);\n this.lineColor = ko.observable('#000000');\n this.zoom = options.zoom;\n this.image = ko.observable(options.imageSource);\n this.imageSizeMode(options.sizeMode);\n this.imageAlignment(options.alignment);\n this.imagePainter = new ImagePainter({\n alignment: this.imageAlignment,\n imageSource: this.image,\n sizeMode: this.imageSizeMode\n });\n this.format(options.imageType);\n this._disposables.push(this.signaturePainter = new SignaturePainter());\n this._disposables.push(this.signaturePainter.hasPoints.subscribe((newVal) => {\n if (newVal)\n this._setCanvasSize(this.initialSize.width, this.initialSize.height);\n else\n this._setCanvasSize(this.initialSize.width * this.zoom(), this.initialSize.height * this.zoom());\n this.refresh();\n }));\n this._disposables.push(this.scale = ko.computed(() => {\n return this.hasSignature() ? this.zoom() : 1;\n }));\n if (options.canDraw) {\n this._disposables.push((options.canDraw).subscribe((newValue) => {\n if (newValue) {\n this._addEvents();\n }\n else {\n this._removeEvents();\n }\n }));\n }\n this._disposables.push(this.zoom.subscribe((newVal) => {\n if (!this.signaturePainter.hasPoints()) {\n this._setCanvasSize(this.initialSize.width * newVal, this.initialSize.height * newVal);\n this.refresh();\n }\n }));\n }\n _getContextPoint(e) {\n if (e.target.nodeName !== 'CANVAS')\n return;\n var zoom = this.zoom();\n var x, y;\n if (e.offsetX && e.offsetY) {\n zoom = this.hasSignature() ? 1 : zoom;\n x = e.offsetX / zoom;\n y = e.offsetY / zoom;\n }\n else {\n var rect = this._context.canvas.getBoundingClientRect();\n x = (e.clientX - rect.left) / zoom;\n y = (e.clientY - rect.top) / zoom;\n }\n return { x, y };\n }\n _addEvents() {\n var element = this.$element.get(0);\n events.on(element, 'dxpointerdown', this._pointerDownHandler);\n events.on(element, 'dxpointermove', this._pointerMoveHandler);\n events.on(element, 'dxpointerleave', this._pointerLeaveHandler);\n }\n _removeEvents() {\n var element = this.$element.get(0);\n events.off(element, 'dxpointerdown', this._pointerDownHandler);\n events.off(element, 'dxpointermove', this._pointerMoveHandler);\n events.off(element, 'dxpointerleave', this._pointerLeaveHandler);\n }\n _setCanvasSize(width, height) {\n this._context.canvas.setAttribute('width', width);\n this._context.canvas.setAttribute('height', height);\n }\n _cleanCanvas() {\n this._context.clearRect(0, 0, this._context.canvas.width, this._context.canvas.height);\n }\n clear() {\n this.image(null);\n this.signaturePainter.reset();\n this._cleanCanvas();\n }\n refresh() {\n this._cleanCanvas();\n var zoom = this.signaturePainter.hasPoints() ? 1 : this.zoom();\n var size = this.signaturePainter.hasPoints() ? this.initialSize : undefined;\n this.imagePainter.refresh(this._context, zoom, size)\n .done(() => this.signaturePainter.refresh(this._context));\n }\n initSize(element, zoom) {\n this.$element = element;\n this.initialSize = {\n width: this.$element.outerWidth() / zoom,\n height: this.$element.outerHeight() / zoom\n };\n }\n initCanvas(element, zoom) {\n var canvas = this.$element.find('canvas')[0];\n this._context = canvas.getContext('2d');\n this._setCanvasSize(this.initialSize.width * zoom, this.initialSize.height * zoom);\n this.imagePainter.refresh(this._context, zoom, {\n width: this._context.canvas.offsetWidth,\n height: this._context.canvas.offsetHeight\n });\n }\n imageFormatByType(imageType) {\n return imageType === ImageEditingFieldViewModel.__DefaultImageType ? 'png' : imageType;\n }\n getImage() {\n return this._context.canvas.toDataURL('image/png');\n }\n hasSignature() {\n return this.signaturePainter.hasPoints();\n }\n dispose() {\n super.dispose();\n this._removeEvents();\n this.$element = null;\n this._context = null;\n }\n reset(initialImage, initialAlignment, initialSizeMode, initialImageType) {\n this.image(initialImage);\n this.imageAlignment(initialAlignment);\n this.imageSizeMode(initialSizeMode);\n this.format(this.imageFormatByType(initialImageType));\n this.signaturePainter.reset();\n this.refresh();\n }\n}\nko.bindingHandlers['dxPainter'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var options = (valueAccessor());\n $.fn.constructor(element).children().remove();\n var templateHtml = getTemplate('dx-painter');\n var $element = $.fn.constructor(element).append(templateHtml);\n var child = $element.children()[0];\n var $child = $.fn.constructor(child);\n var model = new Painter(options);\n model.initSize($child, options.zoom());\n addDisposeCallback(element, function () {\n model.dispose();\n });\n ko.applyBindings(model, child);\n model.initCanvas($child, options.zoom());\n return { controlsDescendantBindings: true };\n }\n};\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\pictureEditor\\_pictureEditorToolbarItem.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { PopupComponentBase } from '@devexpress/analytics-core/analytics-widgets-internal';\nimport * as $ from 'jquery';\nexport class PictureEditorToolbarItem {\n constructor(options) {\n this.id = options.id;\n this.icon = options.icon;\n this.action = options.action;\n this.active = options.active;\n this.renderedHandler = options.renderedHandler;\n this.title = options.title;\n }\n dispose() {\n this.renderedHandler = null;\n this.action = null;\n }\n}\nexport class PictureEditorToolbarItemWithPopup extends PictureEditorToolbarItem {\n constructor(options) {\n super(options);\n this.template = options.template;\n if (options.templateOptions) {\n this.templateOptions = options.templateOptions;\n this._popup = new PopupComponentBase();\n this.templateOptions.onContentReady = this._popup.onContentReady;\n this.templateOptions.hideOnOutsideClick = this._popup.hideOnOutsideClick;\n this.templateOptions.onShown = (e) => {\n var $element = $.fn.constructor(e.element);\n var topElement = $element.position().top;\n var popupsOffset = e['model'].getPositionTarget().offset().top - $.fn.constructor(e.component.content()).offset().top;\n var $arrow = $.fn.constructor($element.find('.dx-popover-arrow')[0]);\n $arrow.css('top', popupsOffset + topElement - 24 - 11);\n };\n }\n }\n dispose() {\n super.dispose();\n this._popup.dispose();\n this.templateOptions = null;\n }\n}\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\pictureEditor\\_pictureEditorActionProvider.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { calculateWithZoomFactor, findMatchesInString, searchPlaceholder, ShowMessage } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable, getLocalization } from '@devexpress/analytics-core/analytics-utils';\nimport { addToBindingsCache } from '@devexpress/analytics-core/analytics-widgets-internal';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { imageAlignment, ImageAlignment, ImageSizeMode, sizing } from '../../editing/editingField';\nimport { getEnumValues, getImageBase64 } from '../../internal/_utils';\nimport { PictureEditorToolbarItem, PictureEditorToolbarItemWithPopup } from './_pictureEditorToolbarItem';\nimport { PictureEditorActionId } from './_pictureEditorTypes';\nexport class PictureEditorActionProvider extends Disposable {\n constructor(_editorModel, _popupOptions) {\n super();\n this._editorModel = _editorModel;\n this._popupOptions = _popupOptions;\n }\n _getValues(enumType, prefix, propertyName, info) {\n var array = [];\n getEnumValues(enumType).forEach((item) => {\n var attrTitle = undefined;\n if (info && info.valuesArray.length > 0) {\n var displayValue = info.valuesArray.filter((value) => value.value === item)[0];\n attrTitle = getLocalization(displayValue.displayValue || displayValue.value, displayValue.localizationId);\n }\n array.push({\n value: item,\n iconTemplate: 'dxrd-svg-pictureeditor-' + prefix + '_' + item.toLowerCase(),\n attrTitle,\n isSelected: ko.computed(() => { return this._editorModel.painter[propertyName]() === enumType[item]; }),\n action: () => {\n this._editorModel.painter[propertyName](enumType[item]);\n this._editorModel.painter.refresh();\n }\n });\n });\n return array;\n }\n _getColorValues() {\n var array = [];\n PictureEditorActionProvider.colors.forEach((item) => {\n array.push({\n value: item,\n isSelected: ko.computed(() => { return this._editorModel.painter.lineColor() === item; }),\n action: (e) => {\n this._editorModel.painter.lineColor(item);\n }\n });\n });\n return array;\n }\n _initPopupOptions(options) {\n options.boundary = this._popupOptions.boundary;\n options.getPositionTarget = () => this._popupOptions.getPositionTarget();\n options.target = this._popupOptions.target;\n options.container = this._popupOptions.container;\n return options;\n }\n createOpenFileAction(action) {\n var openFileActionOptions = {\n id: PictureEditorActionId.OpenFile,\n icon: 'dxrd-svg-pictureeditor-toolbar_open',\n title: getLocalization('Load Image', 'PreviewStringId.ImageEditingFieldEditor_LoadImage'),\n active: ko.observable(false),\n action: (e) => action(e)\n };\n return new PictureEditorToolbarItem(openFileActionOptions);\n }\n createImagePickerAction(images, filterEnabled, action) {\n filterEnabled = filterEnabled && images.every((image) => image.text !== undefined);\n var active = ko.observable(false);\n var filter = ko.observable('');\n images.forEach((image) => {\n if (filterEnabled) {\n this._disposables.push(image.visible = ko.computed(() => !!findMatchesInString(image.text, filter())));\n }\n else {\n image.visible = true;\n }\n });\n var popupOptions = this._initPopupOptions({\n width: 'auto',\n height: calculateWithZoomFactor(300) + 'px',\n visible: active,\n contentTemplate: filterEnabled ? 'dx-picture-editing-imagepickerwithfilter' : 'dx-picture-editing-imagespicker',\n contentData: {\n filterEnabled: filterEnabled,\n filter: filter,\n searchPlaceholder: () => searchPlaceholder(),\n contentWidth: this._editorModel.painter.initialSize.width * 2 + 35,\n width: Math.min(this._editorModel.painter.initialSize.width, 150),\n height: Math.min(this._editorModel.painter.initialSize.height, 150),\n action: (data) => {\n if (data.url) {\n getImageBase64(data.url).done((result) => {\n action(result);\n }).fail((e) => {\n ShowMessage(e.name + ' :' + e.message.split(':').pop(), 'error');\n });\n }\n else {\n action(data.data);\n }\n },\n images: images\n }\n });\n return new PictureEditorToolbarItemWithPopup({\n id: PictureEditorActionId.PickImage,\n icon: 'dxrd-svg-pictureeditor-image_gallery',\n title: getLocalization('Choose Image', 'PreviewStringId.ImageEditingFieldEditor_ChooseImage'),\n active: active,\n template: 'dx-picture-editing-toolbar-popup',\n templateOptions: popupOptions\n });\n }\n createSizingAction() {\n var alignmentActive = ko.observable(false);\n var popupOptions = this._initPopupOptions({\n width: calculateWithZoomFactor(174) + 'px',\n height: calculateWithZoomFactor(300) + 'px',\n visible: alignmentActive,\n contentTemplate: 'dx-picture-editing-sizemode-alignment',\n contentData: {\n sizeModeText: getLocalization('Size Mode', 'PreviewStringId.ImageEditingFieldEditor_SizeMode'),\n sizeMode: this._editorModel.painter.imageSizeMode,\n sizeModeValues: this._getValues(ImageSizeMode, 'size_mode', 'imageSizeMode', sizing),\n alignmentText: getLocalization('Alignment', 'PreviewStringId.ImageEditingFieldEditor_Alignment'),\n alignment: this._editorModel.painter.imageAlignment,\n alignmentValues: this._getValues(ImageAlignment, 'alignment', 'imageAlignment', imageAlignment),\n }\n });\n return new PictureEditorToolbarItemWithPopup({\n id: PictureEditorActionId.Alignment,\n icon: 'dxrd-svg-pictureeditor-toolbar_size_mode_and_alignment',\n title: getLocalization('Size Mode and Alignment', 'PreviewStringId.ImageEditingFieldEditor_SizeModeAndAlignment'),\n active: alignmentActive,\n template: 'dx-picture-editing-toolbar-popup',\n templateOptions: popupOptions\n });\n }\n createBrushAction() {\n var brushItemActive = ko.observable(false);\n var popupOptions = this._initPopupOptions({\n width: calculateWithZoomFactor(226) + 'px',\n height: calculateWithZoomFactor(295) + 'px',\n visible: brushItemActive,\n contentTemplate: 'dx-picture-editing-brush-options',\n contentData: {\n lineWidth: this._editorModel.painter.lineWidth,\n lineColor: this._editorModel.painter.lineColor,\n colors: this._getColorValues(),\n brushWidthText: getLocalization('Brush size', 'PreviewStringId.ImageEditingFieldEditor_BrushSize'),\n brushColorText: getLocalization('Brush color', 'PreviewStringId.ImageEditingFieldEditor_BrushColor'),\n }\n });\n return new PictureEditorToolbarItemWithPopup({\n id: PictureEditorActionId.Brush,\n icon: 'dxrd-svg-pictureeditor-toolbar_brush_options',\n title: getLocalization('Brush Options', 'PreviewStringId.ImageEditingFieldEditor_BrushOptions'),\n active: brushItemActive,\n template: 'dx-picture-editing-toolbar-popup',\n templateOptions: popupOptions,\n renderedHandler: (elem, mod) => {\n if (elem[0].nodeName.toLowerCase() === 'svg') {\n var brushIcon = $.fn.constructor(elem[0]).find('.BrushColor');\n if (brushIcon) {\n brushIcon.attr('data-bind', '{ style: { fill: $data.templateOptions.contentData.lineColor }}');\n ko.applyBindingsToDescendants(mod, brushIcon[0]);\n }\n }\n }\n });\n }\n createResetItem(action) {\n var clearItemOptions = {\n id: PictureEditorActionId.Reset,\n icon: 'dxrd-svg-pictureeditor-toolbar_reset',\n title: getLocalization('Reset', 'PreviewStringId.ImageEditingFieldEditor_Reset'),\n active: ko.observable(false),\n action: (e) => action()\n };\n return new PictureEditorToolbarItem(clearItemOptions);\n }\n createClearItem(action) {\n var clearItemOptions = {\n id: PictureEditorActionId.Clear,\n icon: 'dxrd-svg-pictureeditor-toolbar_clear',\n title: getLocalization('Clear', 'PreviewStringId.ImageEditingFieldEditor_Clear'),\n active: ko.observable(false),\n action: (e) => action()\n };\n return new PictureEditorToolbarItem(clearItemOptions);\n }\n}\nPictureEditorActionProvider.colors = ['#FFFFFF', '#FFC0C0', '#FFE0C0', '#FFFFC0', '#C0FFC0', '#C0FFFF', '#C0C0FF', '#FFC0FF', '#E0E0E0', '#FF8080', '#FFC080', '#FFFF80', '#80FF80', '#80FFFF', '#8080FF', '#FF80FF', '#C0C0C0', '#FF0000', '#FF8000', '#FFFF00', '#00FF00', '#00FFFF', '#0000FF', '#FF00FF', '#808080', '#C00000', '#C04000', '#C0C000', '#00C000', '#00C0C0', '#0000C0', '#C000C0', '#404040', '#800000', '#804000', '#808000', '#008000', '#008080', '#000080', '#800080', '#000000', '#400000', '#804040', '#404000', '#004000', '#004040', '#000040', '#400040'];\naddToBindingsCache('style: { fill: $data.templateOptions.contentData.lineColor }', function ($context, $element) {\n return {\n 'style': function () {\n return {\n 'fill': $context.$data.templateOptions.contentData.lineColor\n };\n }\n };\n});\n","/**\n* DevExpress HTML/JS Reporting (viewer\\widgets\\pictureEditor\\_pictureEditorModel.js)\n* Version: 22.2.15\n* Build date: Feb 11, 2025\n* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n* License: https://www.devexpress.com/Support/EULAs/universal.xml\n*/\nimport { addDisposeCallback, getParentContainer, uploadFile } from '@devexpress/analytics-core/analytics-internal';\nimport { Disposable } from '@devexpress/analytics-core/analytics-utils';\nimport { getTemplate } from '@devexpress/analytics-core/analytics-widgets';\nimport * as events from 'devextreme/events';\nimport dxPopup from 'devextreme/ui/popup';\nimport * as $ from 'jquery';\nimport * as ko from 'knockout';\nimport { ImageEditingFieldViewModel } from '../../editing/models/imageEditingField';\nimport { PictureEditMode } from './pictureEditMode';\nimport { Painter } from './_painter';\nimport { PictureEditorActionProvider } from './_pictureEditorActionProvider';\nexport class PictureEditorModel extends Disposable {\n constructor(options, element) {\n super();\n this.GESTURE_COVER_CLASS = 'dx-gesture-cover';\n this.ACTIVE_POPUP_CLASS = '.dx-picture-editing-active';\n this._getPopupContent = () => {\n var popupInstance = dxPopup['getInstance'](this.$element.find(this.ACTIVE_POPUP_CLASS).get(0));\n return popupInstance && $.fn.constructor(popupInstance.content());\n };\n this.getPopupContainer = getParentContainer;\n this.actions = [];\n this.canDraw = ko.observable(false);\n this._initialImageType = ko.unwrap(options.imageType) || 'png';\n this.zoom = options.zoom || ko.observable(1);\n this.editMode = ko.unwrap(options.imageMode) || PictureEditMode.Image;\n this._initialImage = ko.unwrap(options.image);\n this._initialAlignment = ko.unwrap(options.alignment);\n this._initialSizeMode = ko.unwrap(options.sizeMode);\n this._callbacks = options.callbacks;\n this.$element = $.fn.constructor(element);\n this.shadingEnabled = options.shadingEnabled;\n this.active = ko.isObservable(options.active) ? options.active : ko.observable(!!options.active);\n var painterOptions = {\n alignment: this._initialAlignment,\n canDraw: this.editMode !== PictureEditMode.Image && this.canDraw,\n imageSource: this._initialImage,\n imageType: this._initialImageType,\n sizeMode: this._initialSizeMode,\n zoom: this.zoom\n };\n this.painter = new Painter(painterOptions);\n this._disposables.push(this.painter);\n this.painter.initSize(this.$element, this.zoom());\n this.actionsProvider = new PictureEditorActionProvider(this, $.extend(true, {\n getPositionTarget: () => {\n return this._getPopupContent().find('.dx-picture-editing-toolbar');\n }\n }, (options.popupOptions || {})));\n this._disposables.push(this.actionsProvider);\n this._initActions(options.callbacks && options.callbacks.customizeActions);\n this.applyBindings();\n }\n _takeFocus() {\n if (!this.active()) {\n this._callbacks && this._callbacks.onFocusIn && this._callbacks.onFocusIn(this);\n this.active(true);\n }\n else if (this.editMode !== PictureEditMode.Image) {\n this.canDraw(true);\n this._callbacks && this._callbacks.onDraw && this._callbacks.onDraw(this);\n }\n }\n _releaseFocus() {\n if (this.active()) {\n this._callbacks && this._callbacks.onFocusOut && this._callbacks.onFocusOut(this);\n this.active(false);\n this.canDraw(false);\n }\n }\n _wrapButtonAction(item, model) {\n var oldAction = item.action;\n item.action = (sender, event) => {\n model.changeActiveButton(sender);\n if (oldAction)\n oldAction(event, model);\n };\n }\n _initActions(customizeActionsCallback) {\n if (this.editMode == PictureEditMode.Image || this.editMode == PictureEditMode.ImageAndSignature) {\n this.actions.push(this.actionsProvider.createOpenFileAction((e) => this._loadImage(e)));\n this.actions.push(this.actionsProvider.createSizingAction());\n }\n if (this.editMode == PictureEditMode.Signature || this.editMode == PictureEditMode.ImageAndSignature) {\n this.actions.push(this.actionsProvider.createBrushAction());\n }\n if (!!this._initialImage) {\n this.actions.push(this.actionsProvider.createResetItem(() => {\n this.painter.reset(this._initialImage, this._initialAlignment, this._initialSizeMode, this._initialImageType);\n }));\n }\n this.actions.push(this.actionsProvider.createClearItem(() => {\n this.painter.clear();\n }));\n customizeActionsCallback && customizeActionsCallback(this, this.actions);\n this.actions.forEach((item) => this._wrapButtonAction(item, this));\n }\n _loadImage(event) {\n event.stopPropagation();\n event.preventDefault();\n uploadFile({\n accept: 'image/*'\n }).done(result => {\n this.painter.format(result.format);\n this.painter.image(result.content);\n this.painter.refresh();\n });\n }\n _addEvents() {\n this._pointerDownHandler = (e) => {\n this._takeFocus();\n };\n this._pointerCancelHandler = (e) => {\n this._releaseFocus();\n };\n this._pointerUpHandler = (e) => {\n if (!this.active())\n return;\n var isUnderCursor = (componentContent) => {\n return componentContent && (componentContent.is(e.target) || componentContent.has(e.target).length > 0);\n };\n var isEditorContainer = this.$element.is(e.target) || this.$element.has(e.target).length > 0\n || isUnderCursor(this._getPopupContent())\n || this.actions.some(a => {\n if (!a.active())\n return false;\n var component = ko.unwrap(a.component);\n return isUnderCursor(component && $.fn.constructor(component.content()));\n })\n || (e.target && e.target.className && e.target.className.indexOf && e.target.className.indexOf(this.GESTURE_COVER_CLASS) !== -1);\n if (!isEditorContainer) {\n this._releaseFocus();\n }\n };\n var element = this.$element.get(0);\n events.on(element, 'dxpointerdown', this._pointerDownHandler);\n events.on(element, 'dxpointercancel', this._pointerCancelHandler);\n events.on(document, 'dxpointerup', this._pointerUpHandler);\n }\n changeActiveButton(selectedItem) {\n this.actions.forEach(action => {\n action.active(action === selectedItem && !action.active());\n });\n }\n applyBindings() {\n ko.cleanNode(this.$element[0]);\n ko.applyBindings(this, this.$element[0]);\n this._addEvents();\n this.painter.initCanvas(this.$element, this.zoom());\n }\n dispose() {\n super.dispose();\n var element = this.$element.get(0);\n events.off(element, 'dxpointerdown', this._pointerDownHandler);\n events.off(element, 'dxpointercancel', this._pointerCancelHandler);\n events.off(document, 'dxpointerup', this._pointerUpHandler);\n this.actions.forEach(action => action.dispose && action.dispose());\n this.$element = null;\n }\n getImage() {\n return this.painter.getImage();\n }\n reset(image, alignment, sizeMode, imageType) {\n this._initialImage = image;\n this._initialAlignment = alignment;\n this._initialSizeMode = sizeMode;\n this._initialImageType = imageType;\n this.painter.reset(this._initialImage, this._initialAlignment, this._initialSizeMode, this._initialImageType);\n }\n getCurrentOptions() {\n var imageBase64 = (this.painter.hasSignature() ? this.painter.getImage() : this.painter.image()) || '';\n var imageParts = imageBase64.split(',');\n return {\n sizeMode: this.painter.imageSizeMode(),\n alignment: this.painter.imageAlignment(),\n imageType: this.painter.hasSignature() ? ImageEditingFieldViewModel.__DefaultImageType : this.painter.format(),\n image: imageParts[imageParts.length - 1]\n };\n }\n}\nko.bindingHandlers['dxPictureEditor'] = {\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\n var options = (valueAccessor());\n $.fn.constructor(element).children().remove();\n var templateHtml = getTemplate('dx-picture-editing');\n var $element = $.fn.constructor(element).append(templateHtml);\n var child = $element.children()[0];\n var model = new PictureEditorModel(options, child);\n addDisposeCallback(element, function () {\n model.dispose();\n });\n return { controlsDescendantBindings: true };\n }\n};\n","/**\r\n * DevExtreme (esm/viz/palette.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n normalizeEnum\r\n} from \"./core/utils\";\r\nimport {\r\n extend\r\n} from \"../core/utils/extend\";\r\nvar _floor = Math.floor;\r\nvar _ceil = Math.ceil;\r\nimport _Color from \"../color\";\r\nvar _isArray = Array.isArray;\r\nimport {\r\n isString as _isString\r\n} from \"../core/utils/type\";\r\nvar HIGHLIGHTING_STEP = 50;\r\nvar DEFAULT_PALETTE = \"material\";\r\nvar officePalette = {\r\n simpleSet: [\"#5f8b95\", \"#ba4d51\", \"#af8a53\", \"#955f71\", \"#859666\", \"#7e688c\"],\r\n indicatingSet: [\"#a3b97c\", \"#e1b676\", \"#ec7f83\"],\r\n gradientSet: [\"#5f8b95\", \"#ba4d51\"],\r\n accentColor: \"#ba4d51\"\r\n};\r\nvar palettes = {\r\n [DEFAULT_PALETTE]: {\r\n simpleSet: [\"#1db2f5\", \"#f5564a\", \"#97c95c\", \"#ffc720\", \"#eb3573\", \"#a63db8\"],\r\n indicatingSet: [\"#97c95c\", \"#ffc720\", \"#f5564a\"],\r\n gradientSet: [\"#1db2f5\", \"#97c95c\"],\r\n accentColor: \"#1db2f5\"\r\n },\r\n office: officePalette,\r\n \"harmony light\": {\r\n simpleSet: [\"#fcb65e\", \"#679ec5\", \"#ad79ce\", \"#7abd5c\", \"#e18e92\", \"#b6d623\", \"#b7abea\", \"#85dbd5\"],\r\n indicatingSet: [\"#b6d623\", \"#fcb65e\", \"#e18e92\"],\r\n gradientSet: [\"#7abd5c\", \"#fcb65e\"],\r\n accentColor: \"#679ec5\"\r\n },\r\n \"soft pastel\": {\r\n simpleSet: [\"#60a69f\", \"#78b6d9\", \"#6682bb\", \"#a37182\", \"#eeba69\", \"#90ba58\", \"#456c68\", \"#7565a4\"],\r\n indicatingSet: [\"#90ba58\", \"#eeba69\", \"#a37182\"],\r\n gradientSet: [\"#78b6d9\", \"#eeba69\"],\r\n accentColor: \"#60a69f\"\r\n },\r\n pastel: {\r\n simpleSet: [\"#bb7862\", \"#70b3a1\", \"#bb626a\", \"#057d85\", \"#ab394b\", \"#dac599\", \"#153459\", \"#b1d2c6\"],\r\n indicatingSet: [\"#70b3a1\", \"#dac599\", \"#bb626a\"],\r\n gradientSet: [\"#bb7862\", \"#70b3a1\"],\r\n accentColor: \"#bb7862\"\r\n },\r\n bright: {\r\n simpleSet: [\"#70c92f\", \"#f8ca00\", \"#bd1550\", \"#e97f02\", \"#9d419c\", \"#7e4452\", \"#9ab57e\", \"#36a3a6\"],\r\n indicatingSet: [\"#70c92f\", \"#f8ca00\", \"#bd1550\"],\r\n gradientSet: [\"#e97f02\", \"#f8ca00\"],\r\n accentColor: \"#e97f02\"\r\n },\r\n soft: {\r\n simpleSet: [\"#cbc87b\", \"#9ab57e\", \"#e55253\", \"#7e4452\", \"#e8c267\", \"#565077\", \"#6babac\", \"#ad6082\"],\r\n indicatingSet: [\"#9ab57e\", \"#e8c267\", \"#e55253\"],\r\n gradientSet: [\"#9ab57e\", \"#e8c267\"],\r\n accentColor: \"#565077\"\r\n },\r\n ocean: {\r\n simpleSet: [\"#75c099\", \"#acc371\", \"#378a8a\", \"#5fa26a\", \"#064970\", \"#38c5d2\", \"#00a7c6\", \"#6f84bb\"],\r\n indicatingSet: [\"#c8e394\", \"#7bc59d\", \"#397c8b\"],\r\n gradientSet: [\"#acc371\", \"#38c5d2\"],\r\n accentColor: \"#378a8a\"\r\n },\r\n vintage: {\r\n simpleSet: [\"#dea484\", \"#efc59c\", \"#cb715e\", \"#eb9692\", \"#a85c4c\", \"#f2c0b5\", \"#c96374\", \"#dd956c\"],\r\n indicatingSet: [\"#ffe5c6\", \"#f4bb9d\", \"#e57660\"],\r\n gradientSet: [\"#efc59c\", \"#cb715e\"],\r\n accentColor: \"#cb715e\"\r\n },\r\n violet: {\r\n simpleSet: [\"#d1a1d1\", \"#eeacc5\", \"#7b5685\", \"#7e7cad\", \"#a13d73\", \"#5b41ab\", \"#e287e2\", \"#689cc1\"],\r\n indicatingSet: [\"#d8e2f6\", \"#d0b2da\", \"#d56a8a\"],\r\n gradientSet: [\"#eeacc5\", \"#7b5685\"],\r\n accentColor: \"#7b5685\"\r\n },\r\n carmine: {\r\n simpleSet: [\"#fb7764\", \"#73d47f\", \"#fed85e\", \"#d47683\", \"#dde392\", \"#757ab2\"],\r\n indicatingSet: [\"#5cb85c\", \"#f0ad4e\", \"#d9534f\"],\r\n gradientSet: [\"#fb7764\", \"#73d47f\"],\r\n accentColor: \"#f05b41\"\r\n },\r\n \"dark moon\": {\r\n simpleSet: [\"#4ddac1\", \"#f4c99a\", \"#80dd9b\", \"#f998b3\", \"#4aaaa0\", \"#a5aef1\"],\r\n indicatingSet: [\"#59d8a4\", \"#f0ad4e\", \"#f9517e\"],\r\n gradientSet: [\"#4ddac1\", \"#f4c99a\"],\r\n accentColor: \"#3debd3\"\r\n },\r\n \"soft blue\": {\r\n simpleSet: [\"#7ab8eb\", \"#97da97\", \"#facb86\", \"#e78683\", \"#839bda\", \"#4db7be\"],\r\n indicatingSet: [\"#5cb85c\", \"#f0ad4e\", \"#d9534f\"],\r\n gradientSet: [\"#7ab8eb\", \"#97da97\"],\r\n accentColor: \"#7ab8eb\"\r\n },\r\n \"dark violet\": {\r\n simpleSet: [\"#9c63ff\", \"#64c064\", \"#eead51\", \"#d2504b\", \"#4b6bbf\", \"#2da7b0\"],\r\n indicatingSet: [\"#5cb85c\", \"#f0ad4e\", \"#d9534f\"],\r\n gradientSet: [\"#9c63ff\", \"#64c064\"],\r\n accentColor: \"#9c63ff\"\r\n },\r\n \"green mist\": {\r\n simpleSet: [\"#3cbab2\", \"#8ed962\", \"#5b9d95\", \"#efcc7c\", \"#f1929f\", \"#4d8dab\"],\r\n indicatingSet: [\"#72d63c\", \"#ffc852\", \"#f74a5e\"],\r\n gradientSet: [\"#3cbab2\", \"#8ed962\"],\r\n accentColor: \"#3cbab2\"\r\n }\r\n};\r\nvar currentPaletteName;\r\nexport function currentPalette(name) {\r\n if (void 0 === name) {\r\n return currentPaletteName || DEFAULT_PALETTE\r\n } else {\r\n name = normalizeEnum(name);\r\n currentPaletteName = name in palettes ? name : void 0\r\n }\r\n}\r\nexport function generateColors(palette, count) {\r\n var options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {\r\n keepLastColorInEnd: false\r\n };\r\n options.type = options.baseColorSet;\r\n options.extensionMode = options.paletteExtensionMode;\r\n return createPalette(palette, options).generateColors(count)\r\n}\r\nexport function getPalette(palette, parameters) {\r\n parameters = parameters || {};\r\n palette = palette || (void 0 === currentPaletteName ? parameters.themeDefault : currentPalette());\r\n var result;\r\n var type = parameters.type;\r\n if (_isArray(palette)) {\r\n return palette.slice(0)\r\n } else {\r\n if (_isString(palette)) {\r\n result = palettes[normalizeEnum(palette)]\r\n }\r\n if (!result) {\r\n result = palettes[currentPalette()]\r\n }\r\n }\r\n return type ? result[type].slice(0) : result\r\n}\r\nexport function registerPalette(name, palette) {\r\n var item = {};\r\n var paletteName;\r\n if (_isArray(palette)) {\r\n item.simpleSet = palette.slice(0)\r\n } else if (palette) {\r\n item.simpleSet = _isArray(palette.simpleSet) ? palette.simpleSet.slice(0) : void 0;\r\n item.indicatingSet = _isArray(palette.indicatingSet) ? palette.indicatingSet.slice(0) : void 0;\r\n item.gradientSet = _isArray(palette.gradientSet) ? palette.gradientSet.slice(0) : void 0;\r\n item.accentColor = palette.accentColor\r\n }\r\n if (!item.accentColor) {\r\n item.accentColor = item.simpleSet && item.simpleSet[0]\r\n }\r\n if (item.simpleSet || item.indicatingSet || item.gradientSet) {\r\n paletteName = normalizeEnum(name);\r\n extend(palettes[paletteName] = palettes[paletteName] || {}, item)\r\n }\r\n}\r\nexport function getAccentColor(palette, themeDefault) {\r\n palette = getPalette(palette, {\r\n themeDefault: themeDefault\r\n });\r\n return palette.accentColor || palette[0]\r\n}\r\n\r\nfunction RingBuf(buf) {\r\n var ind = 0;\r\n this.next = function() {\r\n var res = buf[ind++];\r\n if (ind === buf.length) {\r\n this.reset()\r\n }\r\n return res\r\n };\r\n this.reset = function() {\r\n ind = 0\r\n }\r\n}\r\n\r\nfunction getAlternateColorsStrategy(palette, parameters) {\r\n var stepHighlight = parameters.useHighlight ? HIGHLIGHTING_STEP : 0;\r\n var paletteSteps = new RingBuf([0, stepHighlight, -stepHighlight]);\r\n var currentPalette = [];\r\n\r\n function _reset() {\r\n var step = paletteSteps.next();\r\n currentPalette = step ? getAlteredPalette(palette, step) : palette.slice(0)\r\n }\r\n return {\r\n getColor: function(index) {\r\n var color = currentPalette[index % palette.length];\r\n if (index % palette.length === palette.length - 1) {\r\n _reset()\r\n }\r\n return color\r\n },\r\n generateColors: function(count) {\r\n var colors = [];\r\n count = count || parameters.count;\r\n for (var i = 0; i < count; i++) {\r\n colors.push(this.getColor(i))\r\n }\r\n return colors\r\n },\r\n reset: function() {\r\n paletteSteps.reset();\r\n _reset()\r\n }\r\n }\r\n}\r\n\r\nfunction getExtrapolateColorsStrategy(palette, parameters) {\r\n return {\r\n getColor: function(index, count) {\r\n var paletteCount = palette.length;\r\n var cycles = _floor((count - 1) / paletteCount + 1);\r\n var color = palette[index % paletteCount];\r\n if (cycles > 1) {\r\n return function(color, cycleIndex, cycleCount) {\r\n var hsl = new _Color(color).hsl;\r\n var l = hsl.l / 100;\r\n var diapason = cycleCount - 1 / cycleCount;\r\n var minL = l - .5 * diapason;\r\n var maxL = l + .5 * diapason;\r\n var cycleMiddle = (cycleCount - 1) / 2;\r\n var cycleDiff = cycleIndex - cycleMiddle;\r\n if (minL < Math.min(.5, .9 * l)) {\r\n minL = Math.min(.5, .9 * l)\r\n }\r\n if (maxL > Math.max(.8, l + .15 * (1 - l))) {\r\n maxL = Math.max(.8, l + .15 * (1 - l))\r\n }\r\n if (cycleDiff < 0) {\r\n l -= (minL - l) * cycleDiff / cycleMiddle\r\n } else {\r\n l += cycleDiff / cycleMiddle * (maxL - l)\r\n }\r\n hsl.l = 100 * l;\r\n return _Color.prototype.fromHSL(hsl).toHex()\r\n }(color, _floor(index / paletteCount), cycles)\r\n }\r\n return color\r\n },\r\n generateColors: function(count) {\r\n var colors = [];\r\n count = count || parameters.count;\r\n for (var i = 0; i < count; i++) {\r\n colors.push(this.getColor(i, count))\r\n }\r\n return colors\r\n },\r\n reset: function() {}\r\n }\r\n}\r\n\r\nfunction getColorMixer(palette, parameters) {\r\n var paletteCount = palette.length;\r\n var extendedPalette = [];\r\n\r\n function distributeColors(count, colorsCount, startIndex, distribution) {\r\n var groupSize = Math.floor(count / colorsCount);\r\n var extraItems = count - colorsCount * groupSize;\r\n var i = startIndex;\r\n var middleIndex;\r\n var size;\r\n while (i < startIndex + count) {\r\n size = groupSize;\r\n if (extraItems > 0) {\r\n size += 1;\r\n extraItems--\r\n }\r\n middleIndex = size > 2 ? Math.floor(size / 2) : 0;\r\n distribution.push(i + middleIndex);\r\n i += size\r\n }\r\n return distribution.sort((function(a, b) {\r\n return a - b\r\n }))\r\n }\r\n\r\n function getColorAndDistance(arr, startIndex, count) {\r\n startIndex = (count + startIndex) % count;\r\n var distance = 0;\r\n for (var i = startIndex; i < 2 * count; i += 1) {\r\n var index = (count + i) % count;\r\n if (arr[index]) {\r\n return [arr[index], distance]\r\n }\r\n distance++\r\n }\r\n }\r\n\r\n function extendPalette(count) {\r\n if (count <= paletteCount) {\r\n return palette\r\n }\r\n var result = [];\r\n var colorInGroups = paletteCount - 2;\r\n var currentColorIndex = 0;\r\n var cleanColorIndices = [];\r\n if (parameters.keepLastColorInEnd) {\r\n cleanColorIndices = distributeColors(count - 2, colorInGroups, 1, [0, count - 1])\r\n } else {\r\n cleanColorIndices = distributeColors(count - 1, paletteCount - 1, 1, [0])\r\n }\r\n for (var i = 0; i < count; i++) {\r\n if (cleanColorIndices.indexOf(i) > -1) {\r\n result[i] = palette[currentColorIndex++]\r\n }\r\n }\r\n result = function(paletteWithEmptyColors, paletteLength) {\r\n for (var i = 0; i < paletteLength; i++) {\r\n var color = paletteWithEmptyColors[i];\r\n if (!color) {\r\n var color1 = paletteWithEmptyColors[i - 1];\r\n if (!color1) {\r\n continue\r\n } else {\r\n var c2 = getColorAndDistance(paletteWithEmptyColors, i, paletteLength);\r\n var color2 = new _Color(c2[0]);\r\n color1 = new _Color(color1);\r\n for (var j = 0; j < c2[1]; j++, i++) {\r\n paletteWithEmptyColors[i] = color1.blend(color2, (j + 1) / (c2[1] + 1)).toHex()\r\n }\r\n }\r\n }\r\n }\r\n return paletteWithEmptyColors\r\n }(result, count);\r\n return result\r\n }\r\n return {\r\n getColor: function(index, count) {\r\n count = count || parameters.count || paletteCount;\r\n if (extendedPalette.length !== count) {\r\n extendedPalette = extendPalette(count)\r\n }\r\n return extendedPalette[index % count]\r\n },\r\n generateColors: function(count, repeat) {\r\n count = count || parameters.count || paletteCount;\r\n if (repeat && count > paletteCount) {\r\n var colors = extendPalette(paletteCount);\r\n for (var i = 0; i < count - paletteCount; i++) {\r\n colors.push(colors[i])\r\n }\r\n return colors\r\n } else {\r\n return paletteCount > 0 ? extendPalette(count).slice(0, count) : []\r\n }\r\n },\r\n reset: function() {}\r\n }\r\n}\r\nexport function createPalette(palette, parameters, themeDefaultPalette) {\r\n var paletteObj = {\r\n dispose() {\r\n this._extensionStrategy = null\r\n },\r\n getNextColor(count) {\r\n return this._extensionStrategy.getColor(this._currentColor++, count)\r\n },\r\n generateColors(count, parameters) {\r\n return this._extensionStrategy.generateColors(count, (parameters || {}).repeat)\r\n },\r\n reset() {\r\n this._currentColor = 0;\r\n this._extensionStrategy.reset();\r\n return this\r\n }\r\n };\r\n parameters = parameters || {};\r\n var extensionMode = (parameters.extensionMode || \"\").toLowerCase();\r\n var colors = getPalette(palette, {\r\n type: parameters.type || \"simpleSet\",\r\n themeDefault: themeDefaultPalette\r\n });\r\n if (\"alternate\" === extensionMode) {\r\n paletteObj._extensionStrategy = getAlternateColorsStrategy(colors, parameters)\r\n } else if (\"extrapolate\" === extensionMode) {\r\n paletteObj._extensionStrategy = getExtrapolateColorsStrategy(colors, parameters)\r\n } else {\r\n paletteObj._extensionStrategy = getColorMixer(colors, parameters)\r\n }\r\n paletteObj.reset();\r\n return paletteObj\r\n}\r\n\r\nfunction getAlteredPalette(originalPalette, step) {\r\n var palette = [];\r\n var i;\r\n var ii = originalPalette.length;\r\n for (i = 0; i < ii; ++i) {\r\n palette.push(getNewColor(originalPalette[i], step))\r\n }\r\n return palette\r\n}\r\n\r\nfunction getNewColor(currentColor, step) {\r\n var newColor = new _Color(currentColor).alter(step);\r\n var lightness = getLightness(newColor);\r\n if (lightness > 200 || lightness < 55) {\r\n newColor = new _Color(currentColor).alter(-step / 2)\r\n }\r\n return newColor.toHex()\r\n}\r\n\r\nfunction getLightness(color) {\r\n return .3 * color.r + .59 * color.g + .11 * color.b\r\n}\r\nexport function getDiscretePalette(source, size, themeDefaultPalette) {\r\n var palette = size > 0 ? createDiscreteColors(getPalette(source, {\r\n type: \"gradientSet\",\r\n themeDefault: themeDefaultPalette\r\n }), size) : [];\r\n return {\r\n getColor: function(index) {\r\n return palette[index] || null\r\n }\r\n }\r\n}\r\n\r\nfunction createDiscreteColors(source, count) {\r\n var colorCount = count - 1;\r\n var sourceCount = source.length - 1;\r\n var colors = [];\r\n var gradient = [];\r\n var i;\r\n\r\n function addColor(pos) {\r\n var k = sourceCount * pos;\r\n var kl = _floor(k);\r\n var kr = _ceil(k);\r\n gradient.push(colors[kl].blend(colors[kr], k - kl).toHex())\r\n }\r\n for (i = 0; i <= sourceCount; ++i) {\r\n colors.push(new _Color(source[i]))\r\n }\r\n if (colorCount > 0) {\r\n for (i = 0; i <= colorCount; ++i) {\r\n addColor(i / colorCount)\r\n }\r\n } else {\r\n addColor(.5)\r\n }\r\n return gradient\r\n}\r\nexport function getGradientPalette(source, themeDefaultPalette) {\r\n var palette = getPalette(source, {\r\n type: \"gradientSet\",\r\n themeDefault: themeDefaultPalette\r\n });\r\n var color1 = new _Color(palette[0]);\r\n var color2 = new _Color(palette[1]);\r\n return {\r\n getColor: function(ratio) {\r\n return 0 <= ratio && ratio <= 1 ? color1.blend(color2, ratio).toHex() : null\r\n }\r\n }\r\n}\r\n","/**\r\n * DevExtreme (esm/viz/core/base_theme_manager.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport Class from \"../../core/class\";\r\nimport {\r\n extend\r\n} from \"../../core/utils/extend\";\r\nimport {\r\n isString as _isString\r\n} from \"../../core/utils/type\";\r\nimport {\r\n each\r\n} from \"../../core/utils/iterator\";\r\nimport {\r\n createPalette as getPalette,\r\n getDiscretePalette,\r\n getGradientPalette,\r\n getAccentColor as accentColor\r\n} from \"../palette\";\r\nimport {\r\n parseScalar as _parseScalar\r\n} from \"./utils\";\r\nimport {\r\n getTheme,\r\n addCacheItem,\r\n removeCacheItem\r\n} from \"../themes\";\r\nvar _getTheme = getTheme;\r\nvar _addCacheItem = addCacheItem;\r\nvar _removeCacheItem = removeCacheItem;\r\nvar _extend = extend;\r\nvar _each = each;\r\n\r\nfunction getThemePart(theme, path) {\r\n var _theme = theme;\r\n path && _each(path.split(\".\"), (function(_, pathItem) {\r\n return _theme = _theme[pathItem]\r\n }));\r\n return _theme\r\n}\r\nexport var BaseThemeManager = Class.inherit({\r\n ctor: function(options) {\r\n this._themeSection = options.themeSection;\r\n this._fontFields = options.fontFields || [];\r\n _addCacheItem(this)\r\n },\r\n dispose: function() {\r\n _removeCacheItem(this);\r\n this._callback = this._theme = this._font = null;\r\n return this\r\n },\r\n setCallback: function(callback) {\r\n this._callback = callback;\r\n return this\r\n },\r\n setTheme: function(theme, rtl) {\r\n this._current = theme;\r\n this._rtl = rtl;\r\n return this.refresh()\r\n },\r\n refresh: function() {\r\n var current = this._current || {};\r\n var theme = _getTheme(current.name || current);\r\n this._themeName = theme.name;\r\n this._defaultPalette = theme.defaultPalette;\r\n this._font = _extend({}, theme.font, current.font);\r\n this._themeSection && _each(this._themeSection.split(\".\"), (function(_, path) {\r\n theme = _extend(true, {}, theme[path])\r\n }));\r\n this._theme = _extend(true, {}, theme, _isString(current) ? {} : current);\r\n this._initializeTheme();\r\n if (_parseScalar(this._rtl, this._theme.rtlEnabled)) {\r\n _extend(true, this._theme, this._theme._rtl)\r\n }\r\n this._callback();\r\n return this\r\n },\r\n theme: function(path) {\r\n return getThemePart(this._theme, path)\r\n },\r\n themeName: function() {\r\n return this._themeName\r\n },\r\n createPalette: function(palette, options) {\r\n return getPalette(palette, options, this._defaultPalette)\r\n },\r\n createDiscretePalette: function(palette, count) {\r\n return getDiscretePalette(palette, count, this._defaultPalette)\r\n },\r\n createGradientPalette: function(palette) {\r\n return getGradientPalette(palette, this._defaultPalette)\r\n },\r\n getAccentColor: function(palette) {\r\n return accentColor(palette, this._defaultPalette)\r\n },\r\n _initializeTheme: function() {\r\n var that = this;\r\n _each(that._fontFields || [], (function(_, path) {\r\n that._initializeFont(getThemePart(that._theme, path))\r\n }))\r\n },\r\n _initializeFont: function(font) {\r\n _extend(font, this._font, _extend({}, font))\r\n }\r\n});\r\n","/**\r\n * DevExtreme (esm/viz/core/errors_warnings.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport errorUtils from \"../../core/utils/error\";\r\nimport errors from \"../../core/errors\";\r\nexport default errorUtils(errors.ERROR_MESSAGES, {\r\n E2001: \"Invalid data source\",\r\n E2002: \"Axis type and data type are incompatible\",\r\n E2003: 'The \"{0}\" data source field contains data of unsupported type',\r\n E2004: 'The \"{0}\" data source field is inconsistent',\r\n E2005: 'The value field \"{0}\" is absent in the data source or all its values are negative',\r\n E2006: \"A cycle is detected in provided data\",\r\n E2007: 'The value field \"{0}\" is absent in the data source',\r\n E2008: 'The value field \"{0}\" must be a string',\r\n E2009: 'The value field \"{0}\" must be a positive numeric value',\r\n E2101: \"Unknown series type: {0}\",\r\n E2102: \"Ambiguity occurred between two value axes with the same name\",\r\n E2103: 'The \"{0}\" option is given an invalid value. Assign a function instead',\r\n E2104: \"Invalid logarithm base\",\r\n E2105: 'Invalid value of a \"{0}\"',\r\n E2202: \"Invalid {0} scale value\",\r\n E2203: \"The range you are trying to set is invalid\",\r\n W2002: \"The {0} series cannot be drawn because the {1} data field is missing\",\r\n W2003: \"Tick interval is too small\",\r\n W2101: 'The \"{0}\" pane does not exist; the last pane is used by default',\r\n W2102: 'A value axis with the \"{0}\" name was created automatically',\r\n W2103: \"The chart title was hidden due to the container size\",\r\n W2104: \"The legend was hidden due to the container size\",\r\n W2105: 'The title of the \"{0}\" axis was hidden due to the container size',\r\n W2106: 'The labels of the \"{0}\" axis were hidden due to the container size',\r\n W2107: \"The export menu was hidden due to the container size\",\r\n W2108: \"The browser does not support exporting images to {0} format.\",\r\n W2301: \"Invalid value range\"\r\n});\r\n","/**\r\n * DevExtreme (esm/viz/core/base_widget.utils.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n version\r\n} from \"../../core/version\";\r\nimport {\r\n format as _stringFormat\r\n} from \"../../core/utils/string\";\r\nimport warnings from \"./errors_warnings\";\r\nimport {\r\n each\r\n} from \"../../core/utils/iterator\";\r\nimport _windowResizeCallbacks from \"../../core/utils/resize_callbacks\";\r\nimport resizeObserverSingleton from \"../../core/resize_observer\";\r\nimport {\r\n normalizeEnum\r\n} from \"./utils\";\r\nvar ERROR_MESSAGES = warnings.ERROR_MESSAGES;\r\nexport function createEventTrigger(eventsMap, callbackGetter) {\r\n var triggers = {};\r\n each(eventsMap, (function(name, info) {\r\n if (info.name) {\r\n createEvent(name)\r\n }\r\n }));\r\n var changes;\r\n triggerEvent.change = function(name) {\r\n var eventInfo = eventsMap[name];\r\n if (eventInfo) {\r\n (changes = changes || {})[name] = eventInfo\r\n }\r\n return !!eventInfo\r\n };\r\n triggerEvent.applyChanges = function() {\r\n if (changes) {\r\n each(changes, (function(name, eventInfo) {\r\n createEvent(eventInfo.newName || name)\r\n }));\r\n changes = null\r\n }\r\n };\r\n triggerEvent.dispose = function() {\r\n eventsMap = callbackGetter = triggers = null\r\n };\r\n return triggerEvent;\r\n\r\n function createEvent(name) {\r\n var eventInfo = eventsMap[name];\r\n triggers[eventInfo.name] = callbackGetter(name, eventInfo.actionSettings)\r\n }\r\n\r\n function triggerEvent(name, arg, complete) {\r\n triggers[name](arg);\r\n complete && complete()\r\n }\r\n}\r\nexport var createIncidentOccurred = function(widgetName, eventTrigger) {\r\n return function(id, args) {\r\n eventTrigger(\"incidentOccurred\", {\r\n target: {\r\n id: id,\r\n type: \"E\" === id[0] ? \"error\" : \"warning\",\r\n args: args,\r\n text: _stringFormat.apply(null, [ERROR_MESSAGES[id]].concat(args || [])),\r\n widget: widgetName,\r\n version: version\r\n }\r\n })\r\n }\r\n};\r\n\r\nfunction getResizeManager(resizeCallback) {\r\n return (observe, unsubscribe) => {\r\n var {\r\n handler: handler,\r\n dispose: dispose\r\n } = createDeferredHandler(resizeCallback, unsubscribe);\r\n observe(handler);\r\n return dispose\r\n }\r\n}\r\n\r\nfunction createDeferredHandler(callback, unsubscribe) {\r\n var timeout;\r\n var handler = function() {\r\n clearTimeout(timeout);\r\n timeout = setTimeout(callback, 100)\r\n };\r\n return {\r\n handler: handler,\r\n dispose() {\r\n clearTimeout(timeout);\r\n unsubscribe(handler)\r\n }\r\n }\r\n}\r\nexport function createResizeHandler(contentElement, redrawOnResize, resize) {\r\n var disposeHandler;\r\n var resizeManager = getResizeManager(resize);\r\n if (\"windowonly\" === normalizeEnum(redrawOnResize)) {\r\n disposeHandler = resizeManager(handler => _windowResizeCallbacks.add(handler), handler => _windowResizeCallbacks.remove(handler))\r\n } else if (true === redrawOnResize) {\r\n disposeHandler = resizeManager(handler => resizeObserverSingleton.observe(contentElement, handler), () => resizeObserverSingleton.unobserve(contentElement))\r\n }\r\n return disposeHandler\r\n}\r\n","/**\r\n * DevExtreme (esm/viz/core/helpers.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n extend as _extend\r\n} from \"../../core/utils/extend\";\r\nimport {\r\n hasWindow\r\n} from \"../../core/utils/window\";\r\nimport {\r\n noop\r\n} from \"../../core/utils/common\";\r\nvar isServerSide = !hasWindow();\r\n\r\nfunction Flags() {\r\n this.reset()\r\n}\r\nFlags.prototype = {\r\n constructor: Flags,\r\n add: function(codes) {\r\n var i;\r\n var ii = codes.length;\r\n var flags = this._flags;\r\n for (i = 0; i < ii; ++i) {\r\n flags[codes[i]] = 1\r\n }\r\n },\r\n has: function(code) {\r\n return this._flags[code] > 0\r\n },\r\n count: function() {\r\n return Object.keys(this._flags).length\r\n },\r\n reset: function() {\r\n this._flags = {}\r\n }\r\n};\r\n\r\nfunction combineMaps(baseMap, thisMap) {\r\n return baseMap !== thisMap ? _extend({}, baseMap, thisMap) : _extend({}, baseMap)\r\n}\r\n\r\nfunction combineLists(baseList, thisList) {\r\n return baseList !== thisList ? baseList.concat(thisList) : baseList.slice()\r\n}\r\n\r\nfunction buildTotalChanges(proto) {\r\n proto._totalChangesOrder = proto._optionChangesOrder.concat(proto._layoutChangesOrder, proto._customChangesOrder)\r\n}\r\n\r\nfunction addChange(settings) {\r\n var proto = this.prototype;\r\n var code = settings.code;\r\n proto[\"_change_\" + code] = settings.handler;\r\n if (settings.isThemeDependent) {\r\n proto._themeDependentChanges.push(code)\r\n }\r\n if (settings.option) {\r\n proto._optionChangesMap[settings.option] = code\r\n }(settings.isOptionChange ? proto._optionChangesOrder : proto._customChangesOrder).push(code);\r\n buildTotalChanges(proto)\r\n}\r\n\r\nfunction createChainExecutor() {\r\n var executeChain = function executeChain() {\r\n var i;\r\n var ii = executeChain._chain.length;\r\n var result;\r\n for (i = 0; i < ii; ++i) {\r\n result = executeChain._chain[i].apply(this, arguments)\r\n }\r\n return result\r\n };\r\n executeChain._chain = [];\r\n executeChain.add = function(item) {\r\n executeChain._chain.push(item)\r\n };\r\n executeChain.copy = function(executor) {\r\n executeChain._chain = executor._chain.slice()\r\n };\r\n return executeChain\r\n}\r\nexport function expand(target, name, expander) {\r\n var current = target[name];\r\n if (!current) {\r\n current = expander\r\n } else if (!current.add) {\r\n current = createChainExecutor();\r\n current.add(target[name]);\r\n current.add(expander)\r\n } else {\r\n if (false === Object.prototype.hasOwnProperty.call(target, name)) {\r\n current = createChainExecutor();\r\n current.copy(target[name])\r\n }\r\n current.add(expander)\r\n }\r\n target[name] = current\r\n}\r\n\r\nfunction addPlugin(plugin) {\r\n var proto = this.prototype;\r\n proto._plugins.push(plugin);\r\n plugin.fontFields && proto._fontFields.push.apply(proto._fontFields, plugin.fontFields);\r\n if (plugin.members) {\r\n _extend(this.prototype, plugin.members)\r\n }\r\n if (plugin.customize) {\r\n plugin.customize(this)\r\n }\r\n if (plugin.extenders) {\r\n Object.keys(plugin.extenders).forEach((function(key) {\r\n var func = plugin.extenders[key];\r\n expand(proto, key, func)\r\n }), this)\r\n }\r\n}\r\nexport var replaceInherit = isServerSide ? function(widget) {\r\n var _inherit = widget.inherit;\r\n widget.inherit = function() {\r\n var result = _inherit.apply(this, arguments);\r\n var proto = result.prototype;\r\n [\"_plugins\", \"_eventsMap\", \"_initialChanges\", \"_themeDependentChanges\", \"_optionChangesMap\", \"_optionChangesOrder\", \"_layoutChangesOrder\", \"_customChangesOrder\", \"_totalChangesOrder\"].forEach((function(key) {\r\n proto[key] = {}\r\n }));\r\n result.addPlugin = noop;\r\n return result\r\n };\r\n widget.addChange = noop;\r\n widget.addPlugin = noop\r\n} : function(widget) {\r\n var _inherit = widget.inherit;\r\n widget.inherit = function() {\r\n var proto = this.prototype;\r\n var plugins = proto._plugins;\r\n var fontFields = proto._fontFields;\r\n var eventsMap = proto._eventsMap;\r\n var initialChanges = proto._initialChanges;\r\n var themeDependentChanges = proto._themeDependentChanges;\r\n var optionChangesMap = proto._optionChangesMap;\r\n var partialOptionChangesMap = proto._partialOptionChangesMap;\r\n var partialOptionChangesPath = proto._partialOptionChangesPath;\r\n var optionChangesOrder = proto._optionChangesOrder;\r\n var layoutChangesOrder = proto._layoutChangesOrder;\r\n var customChangesOrder = proto._customChangesOrder;\r\n var result = _inherit.apply(this, arguments);\r\n proto = result.prototype;\r\n proto._plugins = combineLists(plugins, proto._plugins);\r\n proto._fontFields = combineLists(fontFields, proto._fontFields);\r\n proto._eventsMap = combineMaps(eventsMap, proto._eventsMap);\r\n proto._initialChanges = combineLists(initialChanges, proto._initialChanges);\r\n proto._themeDependentChanges = combineLists(themeDependentChanges, proto._themeDependentChanges);\r\n proto._optionChangesMap = combineMaps(optionChangesMap, proto._optionChangesMap);\r\n proto._partialOptionChangesMap = combineMaps(partialOptionChangesMap, proto._partialOptionChangesMap);\r\n proto._partialOptionChangesPath = combineMaps(partialOptionChangesPath, proto._partialOptionChangesPath);\r\n proto._optionChangesOrder = combineLists(optionChangesOrder, proto._optionChangesOrder);\r\n proto._layoutChangesOrder = combineLists(layoutChangesOrder, proto._layoutChangesOrder);\r\n proto._customChangesOrder = combineLists(customChangesOrder, proto._customChangesOrder);\r\n buildTotalChanges(proto);\r\n result.addPlugin = addPlugin;\r\n return result\r\n };\r\n widget.prototype._plugins = [];\r\n widget.prototype._fontFields = [];\r\n widget.addChange = addChange;\r\n widget.addPlugin = addPlugin\r\n};\r\nexport function changes() {\r\n return new Flags\r\n}\r\n","/**\r\n * DevExtreme (esm/viz/core/layout.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n normalizeEnum as _normalizeEnum\r\n} from \"./utils\";\r\nvar _min = Math.min;\r\nvar _max = Math.max;\r\nvar _round = Math.round;\r\nvar ALIGN_START = 0;\r\nvar ALIGN_MIDDLE = 1;\r\nvar ALIGN_END = 2;\r\nvar horizontalAlignmentMap = {\r\n left: ALIGN_START,\r\n center: ALIGN_MIDDLE,\r\n right: ALIGN_END\r\n};\r\nvar verticalAlignmentMap = {\r\n top: ALIGN_START,\r\n center: ALIGN_MIDDLE,\r\n bottom: ALIGN_END\r\n};\r\nvar sideMap = {\r\n horizontal: 0,\r\n vertical: 1\r\n};\r\nvar slicersMap = {};\r\nvar BBOX_CEIL_CORRECTION = 2;\r\nslicersMap[ALIGN_START] = function(a, b, size) {\r\n return [a, _min(b, a + size)]\r\n};\r\nslicersMap[ALIGN_MIDDLE] = function(a, b, size) {\r\n return [_max(a, (a + b - size) / 2), _min(b, (a + b + size) / 2)]\r\n};\r\nslicersMap[ALIGN_END] = function(a, b, size) {\r\n return [_max(a, b - size), b]\r\n};\r\n\r\nfunction pickValue(value, map, defaultValue) {\r\n var val = _normalizeEnum(value);\r\n return val in map ? map[val] : defaultValue\r\n}\r\n\r\nfunction normalizeLayoutOptions(options) {\r\n var side = pickValue(options.side, sideMap, 1);\r\n var alignment = [pickValue(options.horizontalAlignment, horizontalAlignmentMap, ALIGN_MIDDLE), pickValue(options.verticalAlignment, verticalAlignmentMap, ALIGN_START)];\r\n return {\r\n side: side,\r\n primary: bringToEdge(alignment[side]),\r\n secondary: alignment[1 - side],\r\n weak: options.weak,\r\n priority: options.priority || 0,\r\n header: options.header,\r\n position: options.position\r\n }\r\n}\r\n\r\nfunction bringToEdge(primary) {\r\n return primary < 2 ? 0 : 2\r\n}\r\n\r\nfunction getConjugateSide(side) {\r\n return 1 - side\r\n}\r\n\r\nfunction getSlice(alignment, a, b, size) {\r\n return slicersMap[alignment](a, b, size)\r\n}\r\n\r\nfunction getShrink(alignment, size) {\r\n return (alignment > 0 ? -1 : 1) * size\r\n}\r\n\r\nfunction processForward(item, rect, minSize) {\r\n var side = item.side;\r\n var size = item.element.measure([rect[2] - rect[0], rect[3] - rect[1]]);\r\n var minSide = \"indside\" === item.position ? 0 : minSize[side];\r\n var isValid = size[side] < rect[2 + side] - rect[side] - minSide;\r\n if (isValid) {\r\n if (\"inside\" !== item.position) {\r\n rect[item.primary + side] += getShrink(item.primary, size[side])\r\n }\r\n item.size = size\r\n }\r\n return isValid\r\n}\r\n\r\nfunction processRectBackward(item, rect, alignmentRect) {\r\n var primarySide = item.side;\r\n var secondarySide = getConjugateSide(primarySide);\r\n var itemRect = [];\r\n var secondary = getSlice(item.secondary, alignmentRect[secondarySide], alignmentRect[2 + secondarySide], item.size[secondarySide]);\r\n itemRect[primarySide] = _round(itemRect[2 + primarySide] = rect[item.primary + primarySide] + (\"inside\" === item.position ? getShrink(item.primary, item.size[primarySide]) : 0));\r\n itemRect[item.primary + primarySide] = _round(rect[item.primary + primarySide] - getShrink(item.primary, item.size[primarySide]));\r\n if (\"inside\" !== item.position) {\r\n rect[item.primary + primarySide] = itemRect[item.primary + primarySide]\r\n }\r\n itemRect[secondarySide] = _round(secondary[0]);\r\n itemRect[2 + secondarySide] = _round(secondary[1]);\r\n return itemRect\r\n}\r\n\r\nfunction processBackward(item, rect, alignmentRect, fitRect, size, targetRect) {\r\n var itemRect = processRectBackward(item, rect, alignmentRect);\r\n var itemFitRect = processRectBackward(item, fitRect, fitRect);\r\n if (size[item.side] > 0) {\r\n size[item.side] -= item.size[item.side];\r\n targetRect[item.primary + item.side] = itemRect[item.primary + item.side];\r\n item.element.freeSpace()\r\n } else {\r\n item.element.move(itemRect, itemFitRect)\r\n }\r\n}\r\n\r\nfunction Layout() {\r\n this._targets = []\r\n}\r\nLayout.prototype = {\r\n constructor: Layout,\r\n dispose: function() {\r\n this._targets = null\r\n },\r\n add: function(target) {\r\n this._targets.push(target)\r\n },\r\n forward: function(targetRect, minSize) {\r\n var rect = targetRect.slice();\r\n var targets = createTargets(this._targets);\r\n var i;\r\n var ii = targets.length;\r\n var cache = [];\r\n for (i = 0; i < ii; ++i) {\r\n if (processForward(targets[i], rect, minSize)) {\r\n cache.push(targets[i])\r\n } else {\r\n targets[i].element.freeSpace()\r\n }\r\n }\r\n this._cache = cache.reverse();\r\n return rect\r\n },\r\n backward: function(targetRect, alignmentRect) {\r\n var size = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : [0, 0];\r\n var backwardRect = targetRect.slice();\r\n var fitRect = targetRect.slice();\r\n var targets = this._cache;\r\n var targetSide = 0;\r\n var target;\r\n var i;\r\n var ii = targets.length;\r\n for (i = 0; i < ii; ++i) {\r\n target = targets[i];\r\n if (target.side !== targetSide) {\r\n backwardRect = targetRect.slice()\r\n }\r\n processBackward(target, backwardRect, alignmentRect, fitRect, size, targetRect);\r\n targetSide = target.side\r\n }\r\n return size\r\n }\r\n};\r\n\r\nfunction createTargets(targets) {\r\n var i;\r\n var ii = targets.length;\r\n var collection = [];\r\n var layout;\r\n for (i = 0; i < ii; ++i) {\r\n layout = targets[i].layoutOptions();\r\n if (layout) {\r\n layout = normalizeLayoutOptions(layout);\r\n layout.element = targets[i];\r\n collection.push(layout)\r\n }\r\n }\r\n collection.sort((function(a, b) {\r\n return b.side - a.side || a.priority - b.priority\r\n }));\r\n collection = processWeakItems(collection);\r\n return collection\r\n}\r\n\r\nfunction processWeakItems(collection) {\r\n var weakItem = collection.filter((function(item) {\r\n return true === item.weak\r\n }))[0];\r\n var headerItem;\r\n if (weakItem) {\r\n headerItem = collection.filter((function(item) {\r\n return weakItem.primary === item.primary && item.side === weakItem.side && item !== weakItem\r\n }))[0]\r\n }\r\n if (weakItem && headerItem) {\r\n return [makeHeader(headerItem, weakItem)].concat(collection.filter((function(item) {\r\n return !(item === headerItem || item === weakItem)\r\n })))\r\n }\r\n return collection\r\n}\r\n\r\nfunction processBackwardHeaderRect(element, rect) {\r\n var rectCopy = rect.slice();\r\n var itemRect = processRectBackward(element, rectCopy, rectCopy);\r\n itemRect[element.side] = rect[element.side];\r\n itemRect[2 + element.side] = rect[2 + element.side];\r\n return itemRect\r\n}\r\n\r\nfunction makeHeader(header, weakElement) {\r\n var side = header.side;\r\n var primary = header.primary;\r\n var secondary = header.secondary;\r\n return {\r\n side: side,\r\n primary: primary,\r\n secondary: secondary,\r\n priority: 0,\r\n element: {\r\n measure: function(targetSize) {\r\n var result = targetSize.slice();\r\n var weakSize = weakElement.element.measure(targetSize.slice());\r\n targetSize[primary] -= weakSize[primary];\r\n var headerSize = header.element.measure(targetSize.slice());\r\n result[side] = weakSize[side] = headerSize[side] = Math.max(headerSize[side], weakSize[side]);\r\n weakElement.size = weakSize;\r\n header.size = headerSize;\r\n return result\r\n },\r\n move: function(rect, fitRect) {\r\n if (fitRect[2] - fitRect[0] < header.size[0] + weakElement.size[0] - BBOX_CEIL_CORRECTION) {\r\n this.freeSpace();\r\n return\r\n }\r\n var weakRect = processBackwardHeaderRect(weakElement, fitRect);\r\n fitRect[2 + weakElement.primary] = weakRect[weakElement.primary];\r\n var headerFitReact = processBackwardHeaderRect(header, fitRect);\r\n if (fitRect[2 + weakElement.primary] < rect[2 + weakElement.primary] && header.size[header.primary] > rect[2 + header.primary] - rect[header.primary]) {\r\n rect[2 + weakElement.primary] = fitRect[2 + weakElement.primary]\r\n }\r\n var headerRect = processBackwardHeaderRect(header, rect);\r\n if (headerRect[2 + weakElement.primary] > fitRect[2 + weakElement.primary]) {\r\n rect[2 + weakElement.primary] = fitRect[2 + weakElement.primary];\r\n headerRect = processBackwardHeaderRect(header, rect)\r\n }\r\n weakElement.element.move(weakRect);\r\n header.element.move(headerRect, headerFitReact)\r\n },\r\n freeSpace: function() {\r\n header.element.freeSpace();\r\n weakElement.element.freeSpace()\r\n }\r\n }\r\n }\r\n}\r\nexport default Layout;\r\n","/**\r\n * DevExtreme (esm/core/utils/svg.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport domAdapter from \"../../core/dom_adapter\";\r\nimport {\r\n getWindow\r\n} from \"./window\";\r\nimport $ from \"../../core/renderer\";\r\nvar window = getWindow();\r\n\r\nfunction getMarkup(element, backgroundColor) {\r\n var temp = domAdapter.createElement(\"div\");\r\n var clone = element.cloneNode(true);\r\n if (backgroundColor) {\r\n $(clone).css(\"backgroundColor\", backgroundColor)\r\n }\r\n temp.appendChild(clone);\r\n return temp.innerHTML\r\n}\r\n\r\nfunction fixNamespaces(markup) {\r\n var first = true;\r\n if (-1 === markup.indexOf(\"xmlns:xlink\")) {\r\n markup = markup.replace(\" 1) {\r\n for (j = 1; j < curSeg.length; j++) {\r\n seg.push(easing(progress, curSeg[j], to[i][j]))\r\n }\r\n }\r\n segments.push(seg)\r\n }\r\n currentParams.segments = params.end && 1 === progress ? params.end : segments;\r\n elem.attr({\r\n segments: segments\r\n })\r\n },\r\n arc: function(elem, params, progress, easing) {\r\n var from = params.from;\r\n var to = params.to;\r\n var current = {};\r\n for (var i in from) {\r\n current[i] = easing(progress, from[i], to[i])\r\n }\r\n elem.attr(current)\r\n },\r\n transform: function(elem, params, progress, easing, currentParams) {\r\n var from = params.from;\r\n var to = params.to;\r\n var current = {};\r\n for (var i in from) {\r\n current[i] = currentParams[i] = easing(progress, from[i], to[i])\r\n }\r\n elem.attr(current)\r\n },\r\n base: function(elem, params, progress, easing, currentParams, attributeName) {\r\n var obj = {};\r\n obj[attributeName] = currentParams[attributeName] = easing(progress, params.from, params.to);\r\n elem.attr(obj)\r\n },\r\n _: noop,\r\n complete: function(element, currentSettings) {\r\n element.attr(currentSettings)\r\n }\r\n};\r\n\r\nfunction step(now) {\r\n var animateStep = this._animateStep;\r\n var attrName;\r\n this._progress = this._calcProgress(now);\r\n for (attrName in this.params) {\r\n var anim = animateStep[attrName] || animateStep.base;\r\n anim(this.element, this.params[attrName], this._progress, this._easing, this._currentParams, attrName)\r\n }\r\n this.options.step && this.options.step(this._easing(this._progress, 0, 1), this._progress);\r\n if (1 === this._progress) {\r\n return this.stop()\r\n }\r\n return true\r\n}\r\n\r\nfunction delayTick(now) {\r\n if (now - this._startTime >= this.delay) {\r\n this.tick = step\r\n }\r\n return true\r\n}\r\n\r\nfunction start(now) {\r\n this._startTime = now;\r\n this.tick = this.delay ? delayTick : step;\r\n return true\r\n}\r\n\r\nfunction Animation(element, params, options) {\r\n this._progress = 0;\r\n this.element = element;\r\n this.params = params;\r\n this.options = options;\r\n this.duration = options.partitionDuration ? options.duration * options.partitionDuration : options.duration;\r\n this.delay = options.delay && options.duration * options.delay || 0;\r\n this._animateStep = options.animateStep || animationSvgStep;\r\n this._easing = easingFunctions[options.easing] || easingFunctions.easeOutCubic;\r\n this._currentParams = {};\r\n this.tick = start\r\n}\r\nAnimation.prototype = {\r\n _calcProgress: function(now) {\r\n return Math.min(1, (now - this.delay - this._startTime) / this.duration)\r\n },\r\n stop: function(disableComplete) {\r\n var options = this.options;\r\n var animateStep = this._animateStep;\r\n this.stop = this.tick = noop;\r\n animateStep.complete && animateStep.complete(this.element, this._currentParams);\r\n options.complete && !disableComplete && options.complete()\r\n }\r\n};\r\nexport function AnimationController(element) {\r\n this._animationCount = 0;\r\n this._timerId = null;\r\n this._animations = {};\r\n this.element = element\r\n}\r\nAnimationController.prototype = {\r\n _loop: function() {\r\n var that = this;\r\n var animations = that._animations;\r\n var activeAnimation = 0;\r\n var now = (new Date).getTime();\r\n var an;\r\n var endAnimation = that._endAnimation;\r\n for (an in animations) {\r\n if (!animations[an].tick(now)) {\r\n delete animations[an]\r\n }\r\n activeAnimation++\r\n }\r\n if (0 === activeAnimation) {\r\n that.stop();\r\n that._endAnimationTimer = endAnimation && setTimeout((function() {\r\n if (0 === that._animationCount) {\r\n endAnimation();\r\n that._endAnimation = null\r\n }\r\n }));\r\n return\r\n }\r\n that._timerId = requestAnimationFrame.call(null, (function() {\r\n that._loop()\r\n }), that.element)\r\n },\r\n addAnimation: function(animation) {\r\n var that = this;\r\n that._animations[that._animationCount++] = animation;\r\n clearTimeout(that._endAnimationTimer);\r\n if (!that._timerId) {\r\n clearTimeout(that._startDelay);\r\n that._startDelay = setTimeout((function() {\r\n that._timerId = 1;\r\n that._loop()\r\n }), 0)\r\n }\r\n },\r\n animateElement: function(elem, params, options) {\r\n if (elem && params && options) {\r\n elem.animation && elem.animation.stop();\r\n this.addAnimation(elem.animation = new Animation(elem, params, options))\r\n }\r\n },\r\n onEndAnimation: function(endAnimation) {\r\n this._animationCount ? this._endAnimation = endAnimation : endAnimation()\r\n },\r\n dispose: function() {\r\n this.stop();\r\n this.element = null\r\n },\r\n stop: function() {\r\n this._animations = {};\r\n this._animationCount = 0;\r\n cancelAnimationFrame(this._timerId);\r\n clearTimeout(this._startDelay);\r\n clearTimeout(this._endAnimationTimer);\r\n this._timerId = null\r\n },\r\n lock: function() {\r\n var an;\r\n var animations = this._animations;\r\n var unstoppable;\r\n var hasUnstoppableInAnimations;\r\n for (an in animations) {\r\n unstoppable = animations[an].options.unstoppable;\r\n hasUnstoppableInAnimations = hasUnstoppableInAnimations || unstoppable;\r\n if (!unstoppable) {\r\n animations[an].stop(true);\r\n delete animations[an]\r\n }\r\n }!hasUnstoppableInAnimations && this.stop()\r\n }\r\n};\r\n","/**\r\n * DevExtreme (esm/viz/core/renderers/renderer.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport $ from \"../../../core/renderer\";\r\nimport domAdapter from \"../../../core/dom_adapter\";\r\nimport {\r\n getWindow\r\n} from \"../../../core/utils/window\";\r\nimport callOnce from \"../../../core/utils/call_once\";\r\nimport eventsEngine from \"../../../events/core/events_engine\";\r\nimport {\r\n getSvgMarkup\r\n} from \"../../../core/utils/svg\";\r\nimport {\r\n AnimationController\r\n} from \"./animation\";\r\nimport {\r\n normalizeBBox,\r\n rotateBBox,\r\n normalizeEnum\r\n} from \"../utils\";\r\nimport {\r\n isDefined\r\n} from \"../../../core/utils/type\";\r\nvar window = getWindow();\r\nvar {\r\n max: max,\r\n min: min,\r\n floor: floor,\r\n round: round,\r\n sin: sin,\r\n cos: cos,\r\n abs: abs,\r\n PI: PI\r\n} = Math;\r\nvar PI_DIV_180 = PI / 180;\r\nvar SHARPING_CORRECTION = .5;\r\nvar ARC_COORD_PREC = 5;\r\nvar pxAddingExceptions = {\r\n \"column-count\": true,\r\n \"fill-opacity\": true,\r\n \"flex-grow\": true,\r\n \"flex-shrink\": true,\r\n \"font-weight\": true,\r\n \"line-height\": true,\r\n opacity: true,\r\n order: true,\r\n orphans: true,\r\n widows: true,\r\n \"z-index\": true,\r\n zoom: true\r\n};\r\nvar KEY_TEXT = \"text\";\r\nvar KEY_STROKE = \"stroke\";\r\nvar KEY_STROKE_WIDTH = \"stroke-width\";\r\nvar KEY_STROKE_OPACITY = \"stroke-opacity\";\r\nvar KEY_FONT_SIZE = \"font-size\";\r\nvar KEY_FONT_STYLE = \"font-style\";\r\nvar KEY_FONT_WEIGHT = \"font-weight\";\r\nvar KEY_TEXT_DECORATION = \"text-decoration\";\r\nvar KEY_TEXTS_ALIGNMENT = \"textsAlignment\";\r\nvar NONE = \"none\";\r\nvar DEFAULT_FONT_SIZE = 12;\r\nvar ELLIPSIS = \"...\";\r\nvar objectCreate = function() {\r\n if (!Object.create) {\r\n return function(proto) {\r\n var F = function() {};\r\n F.prototype = proto;\r\n return new F\r\n }\r\n } else {\r\n return function(proto) {\r\n return Object.create(proto)\r\n }\r\n }\r\n}();\r\nvar DEFAULTS = {\r\n scaleX: 1,\r\n scaleY: 1,\r\n \"pointer-events\": null\r\n};\r\nvar getBackup = callOnce((function() {\r\n var backupContainer = domAdapter.createElement(\"div\");\r\n backupContainer.style.left = \"-9999px\";\r\n backupContainer.style.position = \"absolute\";\r\n return {\r\n backupContainer: backupContainer,\r\n backupCounter: 0\r\n }\r\n}));\r\n\r\nfunction backupRoot(root) {\r\n if (0 === getBackup().backupCounter) {\r\n domAdapter.getBody().appendChild(getBackup().backupContainer)\r\n }++getBackup().backupCounter;\r\n root.append({\r\n element: getBackup().backupContainer\r\n })\r\n}\r\n\r\nfunction restoreRoot(root, container) {\r\n root.append({\r\n element: container\r\n });\r\n --getBackup().backupCounter;\r\n if (0 === getBackup().backupCounter) {\r\n domAdapter.getBody().removeChild(getBackup().backupContainer)\r\n }\r\n}\r\nvar getNextDefsSvgId = function() {\r\n var numDefsSvgElements = 1;\r\n return function() {\r\n return \"DevExpress_\" + numDefsSvgElements++\r\n }\r\n}();\r\n\r\nfunction isObjectArgument(value) {\r\n return value && \"string\" !== typeof value\r\n}\r\n\r\nfunction createElement(tagName) {\r\n return domAdapter.createElementNS(\"http://www.w3.org/2000/svg\", tagName)\r\n}\r\nexport function getFuncIri(id, pathModified) {\r\n return null !== id ? \"url(\" + (pathModified ? window.location.href.split(\"#\")[0] : \"\") + \"#\" + id + \")\" : id\r\n}\r\n\r\nfunction extend(target, source) {\r\n var key;\r\n for (key in source) {\r\n target[key] = source[key]\r\n }\r\n return target\r\n}\r\n\r\nfunction roundValue(value, exp) {\r\n value = value.toString().split(\"e\");\r\n value = round(+(value[0] + \"e\" + (value[1] ? +value[1] + exp : exp)));\r\n value = value.toString().split(\"e\");\r\n return +(value[0] + \"e\" + (value[1] ? +value[1] - exp : -exp))\r\n}\r\nvar preserveAspectRatioMap = {\r\n full: NONE,\r\n lefttop: \"xMinYMin\",\r\n leftcenter: \"xMinYMid\",\r\n leftbottom: \"xMinYMax\",\r\n centertop: \"xMidYMin\",\r\n center: \"xMidYMid\",\r\n centerbottom: \"xMidYMax\",\r\n righttop: \"xMaxYMin\",\r\n rightcenter: \"xMaxYMid\",\r\n rightbottom: \"xMaxYMax\"\r\n};\r\nexport function processHatchingAttrs(element, attrs) {\r\n if (attrs.hatching && \"none\" !== normalizeEnum(attrs.hatching.direction)) {\r\n attrs = extend({}, attrs);\r\n attrs.fill = element._hatching = element.renderer.lockHatching(attrs.fill, attrs.hatching, element._hatching);\r\n delete attrs.hatching\r\n } else if (element._hatching) {\r\n element.renderer.releaseHatching(element._hatching);\r\n element._hatching = null\r\n }\r\n return attrs\r\n}\r\n\r\nfunction normalizeArcParams(x, y, innerR, outerR, startAngle, endAngle) {\r\n var isCircle;\r\n var noArc = true;\r\n var angleDiff = roundValue(endAngle, 3) - roundValue(startAngle, 3);\r\n if (angleDiff) {\r\n if (abs(angleDiff) % 360 === 0) {\r\n startAngle = 0;\r\n endAngle = 360;\r\n isCircle = true;\r\n endAngle -= .01\r\n }\r\n if (startAngle > 360) {\r\n startAngle %= 360\r\n }\r\n if (endAngle > 360) {\r\n endAngle %= 360\r\n }\r\n if (startAngle > endAngle) {\r\n startAngle -= 360\r\n }\r\n noArc = false\r\n }\r\n startAngle *= PI_DIV_180;\r\n endAngle *= PI_DIV_180;\r\n return [x, y, min(outerR, innerR), max(outerR, innerR), cos(startAngle), sin(startAngle), cos(endAngle), sin(endAngle), isCircle, floor(abs(endAngle - startAngle) / PI) % 2 ? \"1\" : \"0\", noArc]\r\n}\r\nvar buildArcPath = function(x, y, innerR, outerR, startAngleCos, startAngleSin, endAngleCos, endAngleSin, isCircle, longFlag) {\r\n return [\"M\", (x + outerR * startAngleCos).toFixed(ARC_COORD_PREC), (y - outerR * startAngleSin).toFixed(ARC_COORD_PREC), \"A\", outerR.toFixed(ARC_COORD_PREC), outerR.toFixed(ARC_COORD_PREC), 0, longFlag, 0, (x + outerR * endAngleCos).toFixed(ARC_COORD_PREC), (y - outerR * endAngleSin).toFixed(ARC_COORD_PREC), isCircle ? \"M\" : \"L\", (x + innerR * endAngleCos).toFixed(5), (y - innerR * endAngleSin).toFixed(ARC_COORD_PREC), \"A\", innerR.toFixed(ARC_COORD_PREC), innerR.toFixed(ARC_COORD_PREC), 0, longFlag, 1, (x + innerR * startAngleCos).toFixed(ARC_COORD_PREC), (y - innerR * startAngleSin).toFixed(ARC_COORD_PREC), \"Z\"].join(\" \")\r\n};\r\n\r\nfunction buildPathSegments(points, type) {\r\n var list = [\r\n [\"M\", 0, 0]\r\n ];\r\n switch (type) {\r\n case \"line\":\r\n list = buildLineSegments(points);\r\n break;\r\n case \"area\":\r\n list = buildLineSegments(points, true);\r\n break;\r\n case \"bezier\":\r\n list = buildCurveSegments(points);\r\n break;\r\n case \"bezierarea\":\r\n list = buildCurveSegments(points, true)\r\n }\r\n return list\r\n}\r\n\r\nfunction buildLineSegments(points, close) {\r\n return buildSegments(points, buildSimpleLineSegment, close)\r\n}\r\n\r\nfunction buildCurveSegments(points, close) {\r\n return buildSegments(points, buildSimpleCurveSegment, close)\r\n}\r\n\r\nfunction buildSegments(points, buildSimpleSegment, close) {\r\n var _points$;\r\n var i;\r\n var ii;\r\n var list = [];\r\n if (null !== (_points$ = points[0]) && void 0 !== _points$ && _points$.length) {\r\n for (i = 0, ii = points.length; i < ii; ++i) {\r\n buildSimpleSegment(points[i], close, list)\r\n }\r\n } else {\r\n buildSimpleSegment(points, close, list)\r\n }\r\n return list\r\n}\r\n\r\nfunction buildSimpleLineSegment(points, close, list) {\r\n var i = 0;\r\n var k0 = list.length;\r\n var k = k0;\r\n var ii = (points || []).length;\r\n if (ii) {\r\n if (void 0 !== points[0].x) {\r\n for (; i < ii;) {\r\n list[k++] = [\"L\", points[i].x, points[i++].y]\r\n }\r\n } else {\r\n for (; i < ii;) {\r\n list[k++] = [\"L\", points[i++], points[i++]]\r\n }\r\n }\r\n list[k0][0] = \"M\"\r\n } else {\r\n list[k] = [\"M\", 0, 0]\r\n }\r\n close && list.push([\"Z\"]);\r\n return list\r\n}\r\n\r\nfunction buildSimpleCurveSegment(points, close, list) {\r\n var i;\r\n var k = list.length;\r\n var ii = (points || []).length;\r\n if (ii) {\r\n if (void 0 !== points[0].x) {\r\n list[k++] = [\"M\", points[0].x, points[0].y];\r\n for (i = 1; i < ii;) {\r\n list[k++] = [\"C\", points[i].x, points[i++].y, points[i].x, points[i++].y, points[i].x, points[i++].y]\r\n }\r\n } else {\r\n list[k++] = [\"M\", points[0], points[1]];\r\n for (i = 2; i < ii;) {\r\n list[k++] = [\"C\", points[i++], points[i++], points[i++], points[i++], points[i++], points[i++]]\r\n }\r\n }\r\n } else {\r\n list[k] = [\"M\", 0, 0]\r\n }\r\n close && list.push([\"Z\"]);\r\n return list\r\n}\r\n\r\nfunction combinePathParam(segments) {\r\n var d = [];\r\n var k = 0;\r\n var i;\r\n var ii = segments.length;\r\n var segment;\r\n var j;\r\n var jj;\r\n for (i = 0; i < ii; ++i) {\r\n segment = segments[i];\r\n for (j = 0, jj = segment.length; j < jj; ++j) {\r\n d[k++] = segment[j]\r\n }\r\n }\r\n return d.join(\" \")\r\n}\r\n\r\nfunction compensateSegments(oldSegments, newSegments, type) {\r\n var oldLength = oldSegments.length;\r\n var newLength = newSegments.length;\r\n var i;\r\n var originalNewSegments;\r\n var makeEqualSegments = -1 !== type.indexOf(\"area\") ? makeEqualAreaSegments : makeEqualLineSegments;\r\n if (0 === oldLength) {\r\n for (i = 0; i < newLength; i++) {\r\n oldSegments.push(newSegments[i].slice(0))\r\n }\r\n } else if (oldLength < newLength) {\r\n makeEqualSegments(oldSegments, newSegments, type)\r\n } else if (oldLength > newLength) {\r\n originalNewSegments = newSegments.slice(0);\r\n makeEqualSegments(newSegments, oldSegments, type)\r\n }\r\n return originalNewSegments\r\n}\r\n\r\nfunction prepareConstSegment(constSeg, type) {\r\n var x = constSeg[constSeg.length - 2];\r\n var y = constSeg[constSeg.length - 1];\r\n switch (type) {\r\n case \"line\":\r\n case \"area\":\r\n constSeg[0] = \"L\";\r\n break;\r\n case \"bezier\":\r\n case \"bezierarea\":\r\n constSeg[0] = \"C\";\r\n constSeg[1] = constSeg[3] = constSeg[5] = x;\r\n constSeg[2] = constSeg[4] = constSeg[6] = y\r\n }\r\n}\r\n\r\nfunction makeEqualLineSegments(short, long, type) {\r\n var constSeg = short[short.length - 1].slice();\r\n var i = short.length;\r\n prepareConstSegment(constSeg, type);\r\n for (; i < long.length; i++) {\r\n short[i] = constSeg.slice(0)\r\n }\r\n}\r\n\r\nfunction makeEqualAreaSegments(short, long, type) {\r\n var i;\r\n var head;\r\n var shortLength = short.length;\r\n var longLength = long.length;\r\n var constsSeg1;\r\n var constsSeg2;\r\n if ((shortLength - 1) % 2 === 0 && (longLength - 1) % 2 === 0) {\r\n i = (shortLength - 1) / 2 - 1;\r\n head = short.slice(0, i + 1);\r\n constsSeg1 = head[head.length - 1].slice(0);\r\n constsSeg2 = short.slice(i + 1)[0].slice(0);\r\n prepareConstSegment(constsSeg1, type);\r\n prepareConstSegment(constsSeg2, type);\r\n for (var j = i; j < (longLength - 1) / 2 - 1; j++) {\r\n short.splice(j + 1, 0, constsSeg1);\r\n short.splice(j + 3, 0, constsSeg2)\r\n }\r\n }\r\n}\r\n\r\nfunction baseCss(that, styles) {\r\n var elemStyles = that._styles;\r\n var key;\r\n var value;\r\n styles = styles || {};\r\n for (key in styles) {\r\n value = styles[key];\r\n if (isDefined(value)) {\r\n value += \"number\" === typeof value && !pxAddingExceptions[key] ? \"px\" : \"\";\r\n elemStyles[key] = \"\" !== value ? value : null\r\n }\r\n }\r\n for (key in elemStyles) {\r\n value = elemStyles[key];\r\n if (value) {\r\n that.element.style[key] = value\r\n } else if (null === value) {\r\n that.element.style[key] = \"\"\r\n }\r\n }\r\n return that\r\n}\r\n\r\nfunction fixFuncIri(wrapper, attribute) {\r\n var element = wrapper.element;\r\n var id = wrapper.attr(attribute);\r\n if (id && -1 !== id.indexOf(\"DevExpress\")) {\r\n element.removeAttribute(attribute);\r\n element.setAttribute(attribute, getFuncIri(id, wrapper.renderer.pathModified))\r\n }\r\n}\r\n\r\nfunction baseAttr(that, attrs) {\r\n attrs = attrs || {};\r\n var settings = that._settings;\r\n var attributes = {};\r\n var key;\r\n var value;\r\n var elem = that.element;\r\n var renderer = that.renderer;\r\n var rtl = renderer.rtl;\r\n var hasTransformations;\r\n var recalculateDashStyle;\r\n var sw;\r\n var i;\r\n if (!isObjectArgument(attrs)) {\r\n if (attrs in settings) {\r\n return settings[attrs]\r\n }\r\n if (attrs in DEFAULTS) {\r\n return DEFAULTS[attrs]\r\n }\r\n return 0\r\n }\r\n extend(attributes, attrs);\r\n for (key in attributes) {\r\n value = attributes[key];\r\n if (void 0 === value) {\r\n continue\r\n }\r\n settings[key] = value;\r\n if (\"align\" === key) {\r\n key = \"text-anchor\";\r\n value = {\r\n left: rtl ? \"end\" : \"start\",\r\n center: \"middle\",\r\n right: rtl ? \"start\" : \"end\"\r\n } [value] || null\r\n } else if (\"dashStyle\" === key) {\r\n recalculateDashStyle = true;\r\n continue\r\n } else if (key === KEY_STROKE_WIDTH) {\r\n recalculateDashStyle = true\r\n } else if (value && (\"fill\" === key || \"clip-path\" === key || \"filter\" === key) && 0 === value.indexOf(\"DevExpress\")) {\r\n that._addFixIRICallback();\r\n value = getFuncIri(value, renderer.pathModified)\r\n } else if (/^(translate(X|Y)|rotate[XY]?|scale(X|Y)|sharp|sharpDirection)$/i.test(key)) {\r\n hasTransformations = true;\r\n continue\r\n } else if (/^(x|y|d)$/i.test(key)) {\r\n hasTransformations = true\r\n }\r\n if (null === value) {\r\n elem.removeAttribute(key)\r\n } else {\r\n elem.setAttribute(key, value)\r\n }\r\n }\r\n if (recalculateDashStyle && \"dashStyle\" in settings) {\r\n value = settings.dashStyle;\r\n sw = (\"_originalSW\" in that ? that._originalSW : settings[KEY_STROKE_WIDTH]) || 1;\r\n key = \"stroke-dasharray\";\r\n value = null === value ? \"\" : normalizeEnum(value);\r\n if (\"\" === value || \"solid\" === value || value === NONE) {\r\n that.element.removeAttribute(key)\r\n } else {\r\n value = value.replace(/longdash/g, \"8,3,\").replace(/dash/g, \"4,3,\").replace(/dot/g, \"1,3,\").replace(/,$/, \"\").split(\",\");\r\n i = value.length;\r\n while (i--) {\r\n value[i] = parseInt(value[i]) * sw\r\n }\r\n that.element.setAttribute(key, value.join(\",\"))\r\n }\r\n }\r\n if (hasTransformations) {\r\n that._applyTransformation()\r\n }\r\n return that\r\n}\r\n\r\nfunction pathAttr(attrs) {\r\n var segments;\r\n if (isObjectArgument(attrs)) {\r\n attrs = extend({}, attrs);\r\n segments = attrs.segments;\r\n if (\"points\" in attrs) {\r\n segments = buildPathSegments(attrs.points, this.type);\r\n delete attrs.points\r\n }\r\n if (segments) {\r\n attrs.d = combinePathParam(segments);\r\n this.segments = segments;\r\n delete attrs.segments\r\n }\r\n }\r\n return baseAttr(this, attrs)\r\n}\r\n\r\nfunction arcAttr(attrs) {\r\n var settings = this._settings;\r\n var x;\r\n var y;\r\n var innerRadius;\r\n var outerRadius;\r\n var startAngle;\r\n var endAngle;\r\n if (isObjectArgument(attrs)) {\r\n attrs = extend({}, attrs);\r\n if (\"x\" in attrs || \"y\" in attrs || \"innerRadius\" in attrs || \"outerRadius\" in attrs || \"startAngle\" in attrs || \"endAngle\" in attrs) {\r\n settings.x = x = \"x\" in attrs ? attrs.x : settings.x;\r\n delete attrs.x;\r\n settings.y = y = \"y\" in attrs ? attrs.y : settings.y;\r\n delete attrs.y;\r\n settings.innerRadius = innerRadius = \"innerRadius\" in attrs ? attrs.innerRadius : settings.innerRadius;\r\n delete attrs.innerRadius;\r\n settings.outerRadius = outerRadius = \"outerRadius\" in attrs ? attrs.outerRadius : settings.outerRadius;\r\n delete attrs.outerRadius;\r\n settings.startAngle = startAngle = \"startAngle\" in attrs ? attrs.startAngle : settings.startAngle;\r\n delete attrs.startAngle;\r\n settings.endAngle = endAngle = \"endAngle\" in attrs ? attrs.endAngle : settings.endAngle;\r\n delete attrs.endAngle;\r\n attrs.d = buildArcPath.apply(null, normalizeArcParams(x, y, innerRadius, outerRadius, startAngle, endAngle))\r\n }\r\n }\r\n return baseAttr(this, attrs)\r\n}\r\n\r\nfunction rectAttr(attrs) {\r\n var x;\r\n var y;\r\n var width;\r\n var height;\r\n var sw;\r\n var maxSW;\r\n var newSW;\r\n if (isObjectArgument(attrs)) {\r\n attrs = extend({}, attrs);\r\n if (void 0 !== attrs.x || void 0 !== attrs.y || void 0 !== attrs.width || void 0 !== attrs.height || void 0 !== attrs[KEY_STROKE_WIDTH]) {\r\n void 0 !== attrs.x ? x = this._originalX = attrs.x : x = this._originalX || 0;\r\n void 0 !== attrs.y ? y = this._originalY = attrs.y : y = this._originalY || 0;\r\n void 0 !== attrs.width ? width = this._originalWidth = attrs.width : width = this._originalWidth || 0;\r\n void 0 !== attrs.height ? height = this._originalHeight = attrs.height : height = this._originalHeight || 0;\r\n void 0 !== attrs[KEY_STROKE_WIDTH] ? sw = this._originalSW = attrs[KEY_STROKE_WIDTH] : sw = this._originalSW;\r\n maxSW = ~~((width < height ? width : height) / 2);\r\n newSW = (sw || 0) < maxSW ? sw || 0 : maxSW;\r\n attrs.x = x + newSW / 2;\r\n attrs.y = y + newSW / 2;\r\n attrs.width = width - newSW;\r\n attrs.height = height - newSW;\r\n ((sw || 0) !== newSW || !(0 === newSW && void 0 === sw)) && (attrs[KEY_STROKE_WIDTH] = newSW)\r\n }\r\n if (\"sharp\" in attrs) {\r\n delete attrs.sharp\r\n }\r\n }\r\n return baseAttr(this, attrs)\r\n}\r\n\r\nfunction textAttr(attrs) {\r\n var isResetRequired;\r\n if (!isObjectArgument(attrs)) {\r\n return baseAttr(this, attrs)\r\n }\r\n attrs = extend({}, attrs);\r\n var settings = this._settings;\r\n var wasStroked = isDefined(settings[KEY_STROKE]) && isDefined(settings[KEY_STROKE_WIDTH]);\r\n if (void 0 !== attrs[KEY_TEXT]) {\r\n settings[KEY_TEXT] = attrs[KEY_TEXT];\r\n delete attrs[KEY_TEXT];\r\n isResetRequired = true\r\n }\r\n if (void 0 !== attrs[KEY_STROKE]) {\r\n settings[KEY_STROKE] = attrs[KEY_STROKE];\r\n delete attrs[KEY_STROKE]\r\n }\r\n if (void 0 !== attrs[KEY_STROKE_WIDTH]) {\r\n settings[KEY_STROKE_WIDTH] = attrs[KEY_STROKE_WIDTH];\r\n delete attrs[KEY_STROKE_WIDTH]\r\n }\r\n if (void 0 !== attrs[KEY_STROKE_OPACITY]) {\r\n settings[KEY_STROKE_OPACITY] = attrs[KEY_STROKE_OPACITY];\r\n delete attrs[KEY_STROKE_OPACITY]\r\n }\r\n if (void 0 !== attrs[KEY_TEXTS_ALIGNMENT]) {\r\n alignTextNodes(this, attrs[KEY_TEXTS_ALIGNMENT]);\r\n delete attrs[KEY_TEXTS_ALIGNMENT]\r\n }\r\n var isStroked = isDefined(settings[KEY_STROKE]) && isDefined(settings[KEY_STROKE_WIDTH]);\r\n baseAttr(this, attrs);\r\n isResetRequired = isResetRequired || isStroked !== wasStroked && settings[KEY_TEXT];\r\n if (isResetRequired) {\r\n createTextNodes(this, settings.text, isStroked);\r\n this._hasEllipsis = false\r\n }\r\n if (isResetRequired || void 0 !== attrs.x || void 0 !== attrs.y) {\r\n locateTextNodes(this)\r\n }\r\n if (isStroked) {\r\n strokeTextNodes(this)\r\n }\r\n return this\r\n}\r\n\r\nfunction textCss(styles) {\r\n styles = styles || {};\r\n baseCss(this, styles);\r\n if (KEY_FONT_SIZE in styles) {\r\n locateTextNodes(this)\r\n }\r\n return this\r\n}\r\n\r\nfunction orderHtmlTree(list, line, node, parentStyle, parentClassName) {\r\n var style;\r\n var realStyle;\r\n var i;\r\n var ii;\r\n var nodes;\r\n if (void 0 !== node.wholeText) {\r\n list.push({\r\n value: node.wholeText,\r\n style: parentStyle,\r\n className: parentClassName,\r\n line: line,\r\n height: parentStyle[KEY_FONT_SIZE] || 0\r\n })\r\n } else if (\"BR\" === node.tagName) {\r\n ++line\r\n } else if (domAdapter.isElementNode(node)) {\r\n extend(style = {}, parentStyle);\r\n switch (node.tagName) {\r\n case \"B\":\r\n case \"STRONG\":\r\n style[KEY_FONT_WEIGHT] = \"bold\";\r\n break;\r\n case \"I\":\r\n case \"EM\":\r\n style[KEY_FONT_STYLE] = \"italic\";\r\n break;\r\n case \"U\":\r\n style[KEY_TEXT_DECORATION] = \"underline\"\r\n }\r\n realStyle = node.style;\r\n realStyle.color && (style.fill = realStyle.color);\r\n realStyle.fontSize && (style[KEY_FONT_SIZE] = realStyle.fontSize);\r\n realStyle.fontStyle && (style[KEY_FONT_STYLE] = realStyle.fontStyle);\r\n realStyle.fontWeight && (style[KEY_FONT_WEIGHT] = realStyle.fontWeight);\r\n realStyle.textDecoration && (style[KEY_TEXT_DECORATION] = realStyle.textDecoration);\r\n for (i = 0, nodes = node.childNodes, ii = nodes.length; i < ii; ++i) {\r\n line = orderHtmlTree(list, line, nodes[i], style, node.className || parentClassName)\r\n }\r\n }\r\n return line\r\n}\r\n\r\nfunction adjustLineHeights(items) {\r\n var i;\r\n var ii;\r\n var currentItem = items[0];\r\n var item;\r\n for (i = 1, ii = items.length; i < ii; ++i) {\r\n item = items[i];\r\n if (item.line === currentItem.line) {\r\n currentItem.height = maxLengthFontSize(currentItem.height, item.height);\r\n currentItem.inherits = currentItem.inherits || 0 === parseFloat(item.height);\r\n item.height = NaN\r\n } else {\r\n currentItem = item\r\n }\r\n }\r\n}\r\n\r\nfunction removeExtraAttrs(html) {\r\n var findStyleAndClassAttrs = /(style|class)\\s*=\\s*([\"'])(?:(?!\\2).)*\\2\\s?/gi;\r\n return html.replace(/(?:(<[a-z0-9]+\\s*))([\\s\\S]*?)(>|\\/>)/gi, (function(allTagAttrs, p1, p2, p3) {\r\n p2 = (p2 && p2.match(findStyleAndClassAttrs) || []).map((function(str) {\r\n return str\r\n })).join(\" \");\r\n return p1 + p2 + p3\r\n }))\r\n}\r\n\r\nfunction parseHTML(text) {\r\n var items = [];\r\n var div = domAdapter.createElement(\"div\");\r\n div.innerHTML = text.replace(/\\r/g, \"\").replace(/\\n/g, \"
\");\r\n orderHtmlTree(items, 0, div, {}, \"\");\r\n adjustLineHeights(items);\r\n return items\r\n}\r\n\r\nfunction parseMultiline(text) {\r\n var texts = text.replace(/\\r/g, \"\").split(/\\n/g);\r\n var i = 0;\r\n var items = [];\r\n for (; i < texts.length; i++) {\r\n items.push({\r\n value: texts[i].trim(),\r\n height: 0,\r\n line: i\r\n })\r\n }\r\n return items\r\n}\r\n\r\nfunction createTspans(items, element, fieldName) {\r\n var i;\r\n var ii;\r\n var item;\r\n for (i = 0, ii = items.length; i < ii; ++i) {\r\n item = items[i];\r\n item[fieldName] = createElement(\"tspan\");\r\n item[fieldName].appendChild(domAdapter.createTextNode(item.value));\r\n item.style && baseCss({\r\n element: item[fieldName],\r\n _styles: {}\r\n }, item.style);\r\n item.className && item[fieldName].setAttribute(\"class\", item.className);\r\n element.appendChild(item[fieldName])\r\n }\r\n}\r\n\r\nfunction restoreText() {\r\n if (this._hasEllipsis) {\r\n this.attr({\r\n text: this._settings.text\r\n })\r\n }\r\n}\r\n\r\nfunction applyEllipsis(maxWidth) {\r\n var lines;\r\n var hasEllipsis = false;\r\n var i;\r\n var ii;\r\n var lineParts;\r\n var j;\r\n var jj;\r\n var text;\r\n restoreText.call(this);\r\n var ellipsis = this.renderer.text(ELLIPSIS).attr(this._styles).append(this.renderer.root);\r\n var ellipsisWidth = ellipsis.getBBox().width;\r\n if (this._getElementBBox().width > maxWidth) {\r\n if (maxWidth - ellipsisWidth < 0) {\r\n maxWidth = 0\r\n } else {\r\n maxWidth -= ellipsisWidth\r\n }\r\n lines = prepareLines(this.element, this._texts, maxWidth);\r\n for (i = 0, ii = lines.length; i < ii; ++i) {\r\n lineParts = lines[i].parts;\r\n if (1 === lines[i].commonLength) {\r\n continue\r\n }\r\n for (j = 0, jj = lineParts.length; j < jj; ++j) {\r\n text = lineParts[j];\r\n if (isDefined(text.endIndex)) {\r\n setNewText(text, text.endIndex);\r\n hasEllipsis = true\r\n } else if (text.startBox > maxWidth) {\r\n removeTextSpan(text)\r\n }\r\n }\r\n }\r\n }\r\n ellipsis.remove();\r\n this._hasEllipsis = hasEllipsis;\r\n return hasEllipsis\r\n}\r\n\r\nfunction cloneAndRemoveAttrs(node) {\r\n var clone;\r\n if (node) {\r\n clone = node.cloneNode();\r\n clone.removeAttribute(\"y\");\r\n clone.removeAttribute(\"x\")\r\n }\r\n return clone || node\r\n}\r\n\r\nfunction detachTitleElements(element) {\r\n var titleElements = domAdapter.querySelectorAll(element, \"title\");\r\n for (var i = 0; i < titleElements.length; i++) {\r\n element.removeChild(titleElements[i])\r\n }\r\n return titleElements\r\n}\r\n\r\nfunction detachAndStoreTitleElements(element) {\r\n var titleElements = detachTitleElements(element);\r\n return () => {\r\n for (var i = 0; i < titleElements.length; i++) {\r\n element.appendChild(titleElements[i])\r\n }\r\n }\r\n}\r\n\r\nfunction setMaxSize(maxWidth, maxHeight) {\r\n var options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};\r\n var that = this;\r\n var lines = [];\r\n var textChanged = false;\r\n var textIsEmpty = false;\r\n var ellipsisMaxWidth = maxWidth;\r\n restoreText.call(that);\r\n var restoreTitleElement = detachAndStoreTitleElements(this.element);\r\n var ellipsis = that.renderer.text(ELLIPSIS).attr(that._styles).append(that.renderer.root);\r\n var ellipsisWidth = ellipsis.getBBox().width;\r\n var {\r\n width: width,\r\n height: height\r\n } = that._getElementBBox();\r\n if ((width || height) && (width > maxWidth || maxHeight && height > maxHeight)) {\r\n if (maxWidth - ellipsisWidth < 0) {\r\n ellipsisMaxWidth = 0\r\n } else {\r\n ellipsisMaxWidth -= ellipsisWidth\r\n }\r\n lines = applyOverflowRules(that.element, that._texts, maxWidth, ellipsisMaxWidth, options);\r\n lines = setMaxHeight(lines, ellipsisMaxWidth, options, maxHeight, parseFloat(this._getLineHeight()));\r\n this._texts = lines.reduce((texts, line) => texts.concat(line.parts), []).filter(t => \"\" !== t.value).map(t => {\r\n t.stroke && t.tspan.parentNode.appendChild(t.stroke);\r\n return t\r\n }).map(t => {\r\n t.tspan.parentNode.appendChild(t.tspan);\r\n return t\r\n });\r\n !this._texts.length && (this._texts = null);\r\n textChanged = true;\r\n if (this._texts) {\r\n locateTextNodes(this)\r\n } else {\r\n this.element.textContent = \"\";\r\n textIsEmpty = true\r\n }\r\n }\r\n ellipsis.remove();\r\n that._hasEllipsis = textChanged;\r\n restoreTitleElement();\r\n return {\r\n rowCount: lines.length,\r\n textChanged: textChanged,\r\n textIsEmpty: textIsEmpty\r\n }\r\n}\r\n\r\nfunction getIndexForEllipsis(text, maxWidth, startBox, endBox) {\r\n var k;\r\n var kk;\r\n if (startBox <= maxWidth && endBox > maxWidth) {\r\n for (k = 1, kk = text.value.length; k <= kk; ++k) {\r\n if (startBox + text.tspan.getSubStringLength(0, k) > maxWidth) {\r\n return k - 1\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction getTextWidth(text) {\r\n return text.value.length ? text.tspan.getSubStringLength(0, text.value.length) : 0\r\n}\r\n\r\nfunction prepareLines(element, texts, maxWidth) {\r\n var lines = [];\r\n var i;\r\n var ii;\r\n var text;\r\n var startBox;\r\n var endBox;\r\n if (texts) {\r\n for (i = 0, ii = texts.length; i < ii; ++i) {\r\n text = texts[i];\r\n if (!lines[text.line]) {\r\n text.startBox = startBox = 0;\r\n lines.push({\r\n commonLength: text.value.length,\r\n parts: [text]\r\n })\r\n } else {\r\n text.startBox = startBox;\r\n lines[text.line].parts.push(text);\r\n lines[text.line].commonLength += text.value.length\r\n }\r\n endBox = startBox + text.tspan.getSubStringLength(0, text.value.length);\r\n text.endIndex = getIndexForEllipsis(text, maxWidth, startBox, endBox);\r\n startBox = endBox\r\n }\r\n } else {\r\n text = {\r\n value: element.textContent,\r\n tspan: element\r\n };\r\n text.startBox = startBox = 0;\r\n endBox = startBox + getTextWidth(text);\r\n text.endIndex = getIndexForEllipsis(text, maxWidth, startBox, endBox);\r\n lines = [{\r\n commonLength: element.textContent.length,\r\n parts: [text]\r\n }]\r\n }\r\n return lines\r\n}\r\n\r\nfunction getSpaceBreakIndex(text, maxWidth) {\r\n var initialIndices = text.startBox > 0 ? [0] : [];\r\n var spaceIndices = text.value.split(\"\").reduce((indices, char, index) => {\r\n if (\" \" === char) {\r\n indices.push(index)\r\n }\r\n return indices\r\n }, initialIndices);\r\n var spaceIndex = 0;\r\n while (void 0 !== spaceIndices[spaceIndex + 1] && text.startBox + text.tspan.getSubStringLength(0, spaceIndices[spaceIndex + 1]) < maxWidth) {\r\n spaceIndex++\r\n }\r\n return spaceIndices[spaceIndex]\r\n}\r\n\r\nfunction getWordBreakIndex(text, maxWidth) {\r\n for (var i = 0; i < text.value.length - 1; i++) {\r\n if (text.startBox + text.tspan.getSubStringLength(0, i + 1) > maxWidth) {\r\n return i\r\n }\r\n }\r\n}\r\n\r\nfunction getEllipsisString(ellipsisMaxWidth, _ref) {\r\n var {\r\n hideOverflowEllipsis: hideOverflowEllipsis\r\n } = _ref;\r\n return hideOverflowEllipsis && 0 === ellipsisMaxWidth ? \"\" : ELLIPSIS\r\n}\r\n\r\nfunction setEllipsis(text, ellipsisMaxWidth, options) {\r\n var ellipsis = getEllipsisString(ellipsisMaxWidth, options);\r\n if (text.value.length && text.tspan.parentNode) {\r\n for (var i = text.value.length - 1; i >= 1; i--) {\r\n if (text.startBox + text.tspan.getSubStringLength(0, i) < ellipsisMaxWidth) {\r\n setNewText(text, i, ellipsis);\r\n break\r\n } else if (1 === i) {\r\n setNewText(text, 0, ellipsis)\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction wordWrap(text, maxWidth, ellipsisMaxWidth, options, lastStepBreakIndex) {\r\n var wholeText = text.value;\r\n var breakIndex;\r\n if (\"none\" !== options.wordWrap) {\r\n breakIndex = \"normal\" === options.wordWrap ? getSpaceBreakIndex(text, maxWidth) : getWordBreakIndex(text, maxWidth)\r\n }\r\n var restLines = [];\r\n var restText;\r\n if (isFinite(breakIndex) && !(0 === lastStepBreakIndex && 0 === breakIndex)) {\r\n setNewText(text, breakIndex, \"\");\r\n var newTextOffset = \" \" === wholeText[breakIndex] ? 1 : 0;\r\n var restString = wholeText.slice(breakIndex + newTextOffset);\r\n if (restString.length) {\r\n var restTspan = cloneAndRemoveAttrs(text.tspan);\r\n restTspan.textContent = restString;\r\n text.tspan.parentNode.appendChild(restTspan);\r\n restText = extend(extend({}, text), {\r\n value: restString,\r\n startBox: 0,\r\n height: 0,\r\n tspan: restTspan,\r\n stroke: cloneAndRemoveAttrs(text.stroke),\r\n endBox: restTspan.getSubStringLength(0, restString.length)\r\n });\r\n restText.stroke && (restText.stroke.textContent = restString);\r\n if (restText.endBox > maxWidth) {\r\n restLines = wordWrap(restText, maxWidth, ellipsisMaxWidth, options, breakIndex);\r\n if (!restLines.length) {\r\n return []\r\n }\r\n }\r\n }\r\n }\r\n if (text.value.length) {\r\n if (\"ellipsis\" === options.textOverflow && text.tspan.getSubStringLength(0, text.value.length) > maxWidth) {\r\n setEllipsis(text, ellipsisMaxWidth, options)\r\n }\r\n if (\"hide\" === options.textOverflow && text.tspan.getSubStringLength(0, text.value.length) > maxWidth) {\r\n return []\r\n }\r\n } else {\r\n text.tspan.parentNode.removeChild(text.tspan)\r\n }\r\n var parts = [];\r\n if (restText) {\r\n parts.push(restText)\r\n }\r\n return [{\r\n commonLength: wholeText.length,\r\n parts: parts\r\n }].concat(restLines)\r\n}\r\n\r\nfunction calculateLineHeight(line, lineHeight) {\r\n return line.parts.reduce((height, text) => max(height, getItemLineHeight(text, lineHeight)), 0)\r\n}\r\n\r\nfunction setMaxHeight(lines, ellipsisMaxWidth, options, maxHeight, lineHeight) {\r\n var textOverflow = options.textOverflow;\r\n if (!isFinite(maxHeight) || 0 === Number(maxHeight) || \"none\" === textOverflow) {\r\n return lines\r\n }\r\n var result = lines.reduce((_ref2, l, index, arr) => {\r\n var [lines, commonHeight] = _ref2;\r\n var height = calculateLineHeight(l, lineHeight);\r\n commonHeight += height;\r\n if (commonHeight < maxHeight) {\r\n lines.push(l)\r\n } else {\r\n l.parts.forEach(item => {\r\n removeTextSpan(item)\r\n });\r\n if (\"ellipsis\" === textOverflow) {\r\n var prevLine = arr[index - 1];\r\n if (prevLine) {\r\n var text = prevLine.parts[prevLine.parts.length - 1];\r\n if (!text.hasEllipsis) {\r\n if (0 === ellipsisMaxWidth || text.endBox < ellipsisMaxWidth) {\r\n setNewText(text, text.value.length, getEllipsisString(ellipsisMaxWidth, options))\r\n } else {\r\n setEllipsis(text, ellipsisMaxWidth, options)\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return [lines, commonHeight]\r\n }, [\r\n [], 0\r\n ]);\r\n if (\"hide\" === textOverflow && result[1] > maxHeight) {\r\n result[0].forEach(l => {\r\n l.parts.forEach(item => {\r\n removeTextSpan(item)\r\n })\r\n });\r\n return []\r\n }\r\n return result[0]\r\n}\r\n\r\nfunction applyOverflowRules(element, texts, maxWidth, ellipsisMaxWidth, options) {\r\n if (!texts) {\r\n var textValue = element.textContent;\r\n var text = {\r\n value: textValue,\r\n height: 0,\r\n line: 0\r\n };\r\n element.textContent = \"\";\r\n createTspans([text], element, \"tspan\");\r\n texts = [text]\r\n }\r\n return texts.reduce((_ref3, text) => {\r\n var [lines, startBox, endBox, stop, lineNumber] = _ref3;\r\n var line = lines[lines.length - 1];\r\n if (stop) {\r\n return [lines, startBox, endBox, stop]\r\n }\r\n if (!line || text.line !== lineNumber) {\r\n text.startBox = startBox = 0;\r\n lines.push({\r\n commonLength: text.value.length,\r\n parts: [text]\r\n })\r\n } else {\r\n text.startBox = startBox;\r\n if (startBox > ellipsisMaxWidth && \"none\" === options.wordWrap && \"ellipsis\" === options.textOverflow) {\r\n removeTextSpan(text);\r\n return [lines, startBox, endBox, stop, lineNumber]\r\n }\r\n line.parts.push(text);\r\n line.commonLength += text.value.length\r\n }\r\n text.endBox = endBox = startBox + getTextWidth(text);\r\n startBox = endBox;\r\n if (isDefined(maxWidth) && endBox > maxWidth) {\r\n var wordWrapLines = wordWrap(text, maxWidth, ellipsisMaxWidth, options);\r\n if (!wordWrapLines.length) {\r\n lines = [];\r\n stop = true\r\n } else {\r\n lines = lines.concat(wordWrapLines.filter(l => l.parts.length > 0))\r\n }\r\n }\r\n return [lines, startBox, endBox, stop, text.line]\r\n }, [\r\n [], 0, 0, false, 0\r\n ])[0]\r\n}\r\n\r\nfunction setNewText(text, index) {\r\n var insertString = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : ELLIPSIS;\r\n var newText = text.value.substr(0, index) + insertString;\r\n text.value = text.tspan.textContent = newText;\r\n text.stroke && (text.stroke.textContent = newText);\r\n if (insertString === ELLIPSIS) {\r\n text.hasEllipsis = true\r\n }\r\n}\r\n\r\nfunction removeTextSpan(text) {\r\n text.tspan.parentNode && text.tspan.parentNode.removeChild(text.tspan);\r\n text.stroke && text.stroke.parentNode && text.stroke.parentNode.removeChild(text.stroke)\r\n}\r\n\r\nfunction createTextNodes(wrapper, text, isStroked) {\r\n var items;\r\n var parsedHtml;\r\n wrapper._texts = null;\r\n wrapper.clear();\r\n if (null === text) {\r\n return\r\n }\r\n text = \"\" + text;\r\n if (!wrapper.renderer.encodeHtml && (/<[a-z][\\s\\S]*>/i.test(text) || -1 !== text.indexOf(\"&\"))) {\r\n parsedHtml = removeExtraAttrs(text);\r\n items = parseHTML(parsedHtml)\r\n } else if (/\\n/g.test(text)) {\r\n items = parseMultiline(text)\r\n } else if (isStroked) {\r\n items = [{\r\n value: text.trim(),\r\n height: 0\r\n }]\r\n }\r\n if (items) {\r\n if (items.length) {\r\n wrapper._texts = items;\r\n if (isStroked) {\r\n createTspans(items, wrapper.element, KEY_STROKE)\r\n }\r\n createTspans(items, wrapper.element, \"tspan\")\r\n }\r\n } else {\r\n wrapper.element.appendChild(domAdapter.createTextNode(text))\r\n }\r\n}\r\n\r\nfunction setTextNodeAttribute(item, name, value) {\r\n item.tspan.setAttribute(name, value);\r\n item.stroke && item.stroke.setAttribute(name, value)\r\n}\r\n\r\nfunction getItemLineHeight(item, defaultValue) {\r\n return item.inherits ? maxLengthFontSize(item.height, defaultValue) : item.height || defaultValue\r\n}\r\n\r\nfunction locateTextNodes(wrapper) {\r\n if (!wrapper._texts) {\r\n return\r\n }\r\n var items = wrapper._texts;\r\n var x = wrapper._settings.x;\r\n var lineHeight = wrapper._getLineHeight();\r\n var i;\r\n var ii;\r\n var item = items[0];\r\n setTextNodeAttribute(item, \"x\", x);\r\n setTextNodeAttribute(item, \"y\", wrapper._settings.y);\r\n for (i = 1, ii = items.length; i < ii; ++i) {\r\n item = items[i];\r\n if (parseFloat(item.height) >= 0) {\r\n setTextNodeAttribute(item, \"x\", x);\r\n var height = getItemLineHeight(item, lineHeight);\r\n setTextNodeAttribute(item, \"dy\", height)\r\n }\r\n }\r\n}\r\n\r\nfunction alignTextNodes(wrapper, alignment) {\r\n if (!wrapper._texts || \"center\" === alignment) {\r\n return\r\n }\r\n var items = wrapper._texts;\r\n var direction = \"left\" === alignment ? -1 : 1;\r\n var maxTextWidth = Math.max.apply(Math, items.map(t => getTextWidth(t)));\r\n for (var i = 0; i < items.length; i++) {\r\n var item = items[i];\r\n var textWidth = getTextWidth(item);\r\n if (0 !== maxTextWidth && maxTextWidth !== textWidth) {\r\n setTextNodeAttribute(item, \"dx\", direction * round((maxTextWidth - textWidth) / 2 * 10) / 10)\r\n }\r\n }\r\n}\r\n\r\nfunction maxLengthFontSize(fontSize1, fontSize2) {\r\n var parsedHeight1 = parseFloat(fontSize1);\r\n var parsedHeight2 = parseFloat(fontSize2);\r\n var height1 = parsedHeight1 || DEFAULT_FONT_SIZE;\r\n var height2 = parsedHeight2 || DEFAULT_FONT_SIZE;\r\n return height1 > height2 ? !isNaN(parsedHeight1) ? fontSize1 : height1 : !isNaN(parsedHeight2) ? fontSize2 : height2\r\n}\r\n\r\nfunction strokeTextNodes(wrapper) {\r\n if (!wrapper._texts) {\r\n return\r\n }\r\n var items = wrapper._texts;\r\n var stroke = wrapper._settings[KEY_STROKE];\r\n var strokeWidth = wrapper._settings[KEY_STROKE_WIDTH];\r\n var strokeOpacity = wrapper._settings[KEY_STROKE_OPACITY] || 1;\r\n var tspan;\r\n var i;\r\n var ii;\r\n for (i = 0, ii = items.length; i < ii; ++i) {\r\n tspan = items[i].stroke;\r\n tspan.setAttribute(KEY_STROKE, stroke);\r\n tspan.setAttribute(KEY_STROKE_WIDTH, strokeWidth);\r\n tspan.setAttribute(KEY_STROKE_OPACITY, strokeOpacity);\r\n tspan.setAttribute(\"stroke-linejoin\", \"round\")\r\n }\r\n}\r\n\r\nfunction baseAnimate(that, params, options, complete) {\r\n options = options || {};\r\n var key;\r\n var value;\r\n var renderer = that.renderer;\r\n var settings = that._settings;\r\n var animationParams = {};\r\n var defaults = {\r\n translateX: 0,\r\n translateY: 0,\r\n scaleX: 1,\r\n scaleY: 1,\r\n rotate: 0,\r\n rotateX: 0,\r\n rotateY: 0\r\n };\r\n if (complete) {\r\n options.complete = complete\r\n }\r\n if (renderer.animationEnabled()) {\r\n for (key in params) {\r\n value = params[key];\r\n if (/^(translate(X|Y)|rotate[XY]?|scale(X|Y))$/i.test(key)) {\r\n animationParams.transform = animationParams.transform || {\r\n from: {},\r\n to: {}\r\n };\r\n animationParams.transform.from[key] = key in settings ? Number(settings[key].toFixed(3)) : defaults[key];\r\n animationParams.transform.to[key] = value\r\n } else if (\"arc\" === key || \"segments\" === key) {\r\n animationParams[key] = value\r\n } else {\r\n animationParams[key] = {\r\n from: key in settings ? settings[key] : parseFloat(that.element.getAttribute(key) || 0),\r\n to: value\r\n }\r\n }\r\n }\r\n renderer.animateElement(that, animationParams, extend(extend({}, renderer._animation), options))\r\n } else {\r\n options.step && options.step.call(that, 1, 1);\r\n options.complete && options.complete.call(that);\r\n that.attr(params)\r\n }\r\n return that\r\n}\r\n\r\nfunction pathAnimate(params, options, complete) {\r\n var curSegments = this.segments || [];\r\n var newSegments;\r\n var endSegments;\r\n if (this.renderer.animationEnabled() && \"points\" in params) {\r\n newSegments = buildPathSegments(params.points, this.type);\r\n endSegments = compensateSegments(curSegments, newSegments, this.type);\r\n params.segments = {\r\n from: curSegments,\r\n to: newSegments,\r\n end: endSegments\r\n };\r\n delete params.points\r\n }\r\n return baseAnimate(this, params, options, complete)\r\n}\r\n\r\nfunction arcAnimate(params, options, complete) {\r\n var settings = this._settings;\r\n var arcParams = {\r\n from: {},\r\n to: {}\r\n };\r\n if (this.renderer.animationEnabled() && (\"x\" in params || \"y\" in params || \"innerRadius\" in params || \"outerRadius\" in params || \"startAngle\" in params || \"endAngle\" in params)) {\r\n arcParams.from.x = settings.x || 0;\r\n arcParams.from.y = settings.y || 0;\r\n arcParams.from.innerRadius = settings.innerRadius || 0;\r\n arcParams.from.outerRadius = settings.outerRadius || 0;\r\n arcParams.from.startAngle = settings.startAngle || 0;\r\n arcParams.from.endAngle = settings.endAngle || 0;\r\n arcParams.to.x = \"x\" in params ? params.x : settings.x;\r\n delete params.x;\r\n arcParams.to.y = \"y\" in params ? params.y : settings.y;\r\n delete params.y;\r\n arcParams.to.innerRadius = \"innerRadius\" in params ? params.innerRadius : settings.innerRadius;\r\n delete params.innerRadius;\r\n arcParams.to.outerRadius = \"outerRadius\" in params ? params.outerRadius : settings.outerRadius;\r\n delete params.outerRadius;\r\n arcParams.to.startAngle = \"startAngle\" in params ? params.startAngle : settings.startAngle;\r\n delete params.startAngle;\r\n arcParams.to.endAngle = \"endAngle\" in params ? params.endAngle : settings.endAngle;\r\n delete params.endAngle;\r\n params.arc = arcParams\r\n }\r\n return baseAnimate(this, params, options, complete)\r\n}\r\n\r\nfunction buildLink(target, parameters) {\r\n var obj = {\r\n is: false,\r\n name: parameters.name || parameters,\r\n after: parameters.after\r\n };\r\n if (target) {\r\n obj.to = target\r\n } else {\r\n obj.virtual = true\r\n }\r\n return obj\r\n}\r\nexport var SvgElement = function(renderer, tagName, type) {\r\n this.renderer = renderer;\r\n this.element = createElement(tagName);\r\n this._settings = {};\r\n this._styles = {};\r\n if (\"path\" === tagName) {\r\n this.type = type || \"line\"\r\n }\r\n};\r\n\r\nfunction removeFuncIriCallback(callback) {\r\n fixFuncIriCallbacks.remove(callback)\r\n}\r\nSvgElement.prototype = {\r\n constructor: SvgElement,\r\n _getJQElement: function() {\r\n return this._$element || (this._$element = $(this.element))\r\n },\r\n _addFixIRICallback: function() {\r\n var that = this;\r\n var fn = function() {\r\n fixFuncIri(that, \"fill\");\r\n fixFuncIri(that, \"clip-path\");\r\n fixFuncIri(that, \"filter\")\r\n };\r\n that.element._fixFuncIri = fn;\r\n fn.renderer = that.renderer;\r\n fixFuncIriCallbacks.add(fn);\r\n that._addFixIRICallback = function() {}\r\n },\r\n _clearChildrenFuncIri: function() {\r\n ! function clearChildren(element) {\r\n var i;\r\n for (i = 0; i < element.childNodes.length; i++) {\r\n removeFuncIriCallback(element.childNodes[i]._fixFuncIri);\r\n clearChildren(element.childNodes[i])\r\n }\r\n }(this.element)\r\n },\r\n dispose: function() {\r\n removeFuncIriCallback(this.element._fixFuncIri);\r\n this._clearChildrenFuncIri();\r\n this._getJQElement().remove();\r\n return this\r\n },\r\n append: function(parent) {\r\n (parent || this.renderer.root).element.appendChild(this.element);\r\n return this\r\n },\r\n remove: function() {\r\n var element = this.element;\r\n element.parentNode && element.parentNode.removeChild(element);\r\n return this\r\n },\r\n enableLinks: function() {\r\n this._links = [];\r\n return this\r\n },\r\n virtualLink: function(parameters) {\r\n linkItem({\r\n _link: buildLink(null, parameters)\r\n }, this);\r\n return this\r\n },\r\n linkAfter: function(name) {\r\n this._linkAfter = name;\r\n return this\r\n },\r\n linkOn: function(target, parameters) {\r\n this._link = buildLink(target, parameters);\r\n linkItem(this, target);\r\n return this\r\n },\r\n linkOff: function() {\r\n unlinkItem(this);\r\n this._link = null;\r\n return this\r\n },\r\n linkAppend: function() {\r\n var link = this._link;\r\n var items = link.to._links;\r\n var i;\r\n var next;\r\n for (i = link.i + 1;\r\n (next = items[i]) && !next._link.is; ++i) {}\r\n this._insert(link.to, next);\r\n link.is = true;\r\n return this\r\n },\r\n _insert: function(parent, next) {\r\n parent.element.insertBefore(this.element, next ? next.element : null)\r\n },\r\n linkRemove: function() {\r\n this.remove();\r\n this._link.is = false;\r\n return this\r\n },\r\n clear: function() {\r\n this._clearChildrenFuncIri();\r\n this._getJQElement().empty();\r\n return this\r\n },\r\n toBackground: function() {\r\n var elem = this.element;\r\n var parent = elem.parentNode;\r\n parent && parent.insertBefore(elem, parent.firstChild);\r\n return this\r\n },\r\n toForeground: function() {\r\n var elem = this.element;\r\n var parent = elem.parentNode;\r\n parent && parent.appendChild(elem);\r\n return this\r\n },\r\n attr: function(attrs) {\r\n return baseAttr(this, attrs)\r\n },\r\n smartAttr: function(attrs) {\r\n return this.attr(processHatchingAttrs(this, attrs))\r\n },\r\n css: function(styles) {\r\n return baseCss(this, styles)\r\n },\r\n animate: function(params, options, complete) {\r\n return baseAnimate(this, params, options, complete)\r\n },\r\n sharp(pos, sharpDirection) {\r\n return this.attr({\r\n sharp: pos || true,\r\n sharpDirection: sharpDirection\r\n })\r\n },\r\n _applyTransformation() {\r\n var tr = this._settings;\r\n var rotateX;\r\n var rotateY;\r\n var transformations = [];\r\n var sharpMode = tr.sharp;\r\n var trDirection = tr.sharpDirection || 1;\r\n var strokeOdd = tr[KEY_STROKE_WIDTH] % 2;\r\n var correctionX = strokeOdd && (\"h\" === sharpMode || true === sharpMode) ? SHARPING_CORRECTION * trDirection : 0;\r\n var correctionY = strokeOdd && (\"v\" === sharpMode || true === sharpMode) ? SHARPING_CORRECTION * trDirection : 0;\r\n transformations.push(\"translate(\" + ((tr.translateX || 0) + correctionX) + \",\" + ((tr.translateY || 0) + correctionY) + \")\");\r\n if (tr.rotate) {\r\n if (\"rotateX\" in tr) {\r\n rotateX = tr.rotateX\r\n } else {\r\n rotateX = tr.x\r\n }\r\n if (\"rotateY\" in tr) {\r\n rotateY = tr.rotateY\r\n } else {\r\n rotateY = tr.y\r\n }\r\n transformations.push(\"rotate(\" + tr.rotate + \",\" + (rotateX || 0) + \",\" + (rotateY || 0) + \")\")\r\n }\r\n var scaleXDefined = isDefined(tr.scaleX);\r\n var scaleYDefined = isDefined(tr.scaleY);\r\n if (scaleXDefined || scaleYDefined) {\r\n transformations.push(\"scale(\" + (scaleXDefined ? tr.scaleX : 1) + \",\" + (scaleYDefined ? tr.scaleY : 1) + \")\")\r\n }\r\n if (transformations.length) {\r\n this.element.setAttribute(\"transform\", transformations.join(\" \"))\r\n }\r\n },\r\n move: function(x, y, animate, animOptions) {\r\n var obj = {};\r\n isDefined(x) && (obj.translateX = x);\r\n isDefined(y) && (obj.translateY = y);\r\n if (!animate) {\r\n this.attr(obj)\r\n } else {\r\n this.animate(obj, animOptions)\r\n }\r\n return this\r\n },\r\n rotate: function(angle, x, y, animate, animOptions) {\r\n var obj = {\r\n rotate: angle || 0\r\n };\r\n isDefined(x) && (obj.rotateX = x);\r\n isDefined(y) && (obj.rotateY = y);\r\n if (!animate) {\r\n this.attr(obj)\r\n } else {\r\n this.animate(obj, animOptions)\r\n }\r\n return this\r\n },\r\n _getElementBBox: function() {\r\n var elem = this.element;\r\n var bBox;\r\n try {\r\n bBox = elem.getBBox && elem.getBBox()\r\n } catch (e) {}\r\n return bBox || {\r\n x: 0,\r\n y: 0,\r\n width: elem.offsetWidth || 0,\r\n height: elem.offsetHeight || 0\r\n }\r\n },\r\n getBBox: function() {\r\n var transformation = this._settings;\r\n var bBox = this._getElementBBox();\r\n if (transformation.rotate) {\r\n bBox = rotateBBox(bBox, [(\"rotateX\" in transformation ? transformation.rotateX : transformation.x) || 0, (\"rotateY\" in transformation ? transformation.rotateY : transformation.y) || 0], -transformation.rotate)\r\n } else {\r\n bBox = normalizeBBox(bBox)\r\n }\r\n return bBox\r\n },\r\n markup: function() {\r\n return getSvgMarkup(this.element)\r\n },\r\n getOffset: function() {\r\n return this._getJQElement().offset()\r\n },\r\n stopAnimation: function(disableComplete) {\r\n var animation = this.animation;\r\n animation && animation.stop(disableComplete);\r\n return this\r\n },\r\n setTitle: function(text) {\r\n var titleElem = createElement(\"title\");\r\n titleElem.textContent = text || \"\";\r\n this.element.appendChild(titleElem)\r\n },\r\n removeTitle() {\r\n detachTitleElements(this.element)\r\n },\r\n data: function(obj, val) {\r\n var elem = this.element;\r\n var key;\r\n if (void 0 !== val) {\r\n elem[obj] = val\r\n } else {\r\n for (key in obj) {\r\n elem[key] = obj[key]\r\n }\r\n }\r\n return this\r\n },\r\n on: function() {\r\n var args = [this._getJQElement()];\r\n args.push.apply(args, arguments);\r\n eventsEngine.on.apply(eventsEngine, args);\r\n return this\r\n },\r\n off: function() {\r\n var args = [this._getJQElement()];\r\n args.push.apply(args, arguments);\r\n eventsEngine.off.apply(eventsEngine, args);\r\n return this\r\n },\r\n trigger: function() {\r\n var args = [this._getJQElement()];\r\n args.push.apply(args, arguments);\r\n eventsEngine.trigger.apply(eventsEngine, args);\r\n return this\r\n }\r\n};\r\nexport var PathSvgElement = function(renderer, type) {\r\n SvgElement.call(this, renderer, \"path\", type)\r\n};\r\nPathSvgElement.prototype = objectCreate(SvgElement.prototype);\r\nextend(PathSvgElement.prototype, {\r\n constructor: PathSvgElement,\r\n attr: pathAttr,\r\n animate: pathAnimate\r\n});\r\nexport var ArcSvgElement = function(renderer) {\r\n SvgElement.call(this, renderer, \"path\", \"arc\")\r\n};\r\nArcSvgElement.prototype = objectCreate(SvgElement.prototype);\r\nextend(ArcSvgElement.prototype, {\r\n constructor: ArcSvgElement,\r\n attr: arcAttr,\r\n animate: arcAnimate\r\n});\r\nexport var RectSvgElement = function(renderer) {\r\n SvgElement.call(this, renderer, \"rect\")\r\n};\r\nRectSvgElement.prototype = objectCreate(SvgElement.prototype);\r\nextend(RectSvgElement.prototype, {\r\n constructor: RectSvgElement,\r\n attr: rectAttr\r\n});\r\nexport var TextSvgElement = function(renderer) {\r\n SvgElement.call(this, renderer, \"text\");\r\n this.css({\r\n \"white-space\": \"pre\"\r\n })\r\n};\r\nTextSvgElement.prototype = objectCreate(SvgElement.prototype);\r\nextend(TextSvgElement.prototype, {\r\n constructor: TextSvgElement,\r\n attr: textAttr,\r\n css: textCss,\r\n applyEllipsis: applyEllipsis,\r\n setMaxSize: setMaxSize,\r\n restoreText: restoreText,\r\n _getLineHeight() {\r\n return !isNaN(parseFloat(this._styles[KEY_FONT_SIZE])) ? this._styles[KEY_FONT_SIZE] : DEFAULT_FONT_SIZE\r\n }\r\n});\r\n\r\nfunction updateIndexes(items, k) {\r\n var i;\r\n var item;\r\n for (i = k; item = items[i]; ++i) {\r\n item._link.i = i\r\n }\r\n}\r\n\r\nfunction linkItem(target, container) {\r\n var items = container._links;\r\n var key = target._link.after = target._link.after || container._linkAfter;\r\n var i;\r\n var item;\r\n if (key) {\r\n for (i = 0;\r\n (item = items[i]) && item._link.name !== key; ++i) {}\r\n if (item) {\r\n for (++i;\r\n (item = items[i]) && item._link.after === key; ++i) {}\r\n }\r\n } else {\r\n i = items.length\r\n }\r\n items.splice(i, 0, target);\r\n updateIndexes(items, i)\r\n}\r\n\r\nfunction unlinkItem(target) {\r\n var i;\r\n var items = target._link.to._links;\r\n for (i = 0; items[i] !== target; ++i) {}\r\n items.splice(i, 1);\r\n updateIndexes(items, i)\r\n}\r\nexport function Renderer(options) {\r\n this.root = this._createElement(\"svg\", {\r\n xmlns: \"http://www.w3.org/2000/svg\",\r\n version: \"1.1\",\r\n fill: NONE,\r\n stroke: NONE,\r\n \"stroke-width\": 0\r\n }).attr({\r\n class: options.cssClass\r\n }).css({\r\n \"line-height\": \"normal\",\r\n \"-ms-user-select\": NONE,\r\n \"-moz-user-select\": NONE,\r\n \"-webkit-user-select\": NONE,\r\n \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\r\n display: \"block\",\r\n overflow: \"hidden\"\r\n });\r\n this._init();\r\n this.pathModified = !!options.pathModified;\r\n this._$container = $(options.container);\r\n this.root.append({\r\n element: options.container\r\n });\r\n this._locker = 0;\r\n this._backed = false\r\n}\r\nRenderer.prototype = {\r\n constructor: Renderer,\r\n _init: function() {\r\n this._defs = this._createElement(\"defs\").append(this.root);\r\n this._animationController = new AnimationController(this.root.element);\r\n this._animation = {\r\n enabled: true,\r\n duration: 1e3,\r\n easing: \"easeOutCubic\"\r\n }\r\n },\r\n setOptions: function(options) {\r\n this.rtl = !!options.rtl;\r\n this.encodeHtml = !!options.encodeHtml;\r\n this.updateAnimationOptions(options.animation || {});\r\n this.root.attr({\r\n direction: this.rtl ? \"rtl\" : \"ltr\"\r\n });\r\n return this\r\n },\r\n _createElement: function(tagName, attr, type) {\r\n var elem = new SvgElement(this, tagName, type);\r\n attr && elem.attr(attr);\r\n return elem\r\n },\r\n lock: function() {\r\n if (0 === this._locker) {\r\n this._backed = !this._$container.is(\":visible\");\r\n if (this._backed) {\r\n backupRoot(this.root)\r\n }\r\n }++this._locker;\r\n return this\r\n },\r\n unlock: function() {\r\n --this._locker;\r\n if (0 === this._locker) {\r\n if (this._backed) {\r\n restoreRoot(this.root, this._$container[0])\r\n }\r\n this._backed = false\r\n }\r\n return this\r\n },\r\n resize: function(width, height) {\r\n if (width >= 0 && height >= 0) {\r\n this.root.attr({\r\n width: width,\r\n height: height\r\n })\r\n }\r\n return this\r\n },\r\n dispose: function() {\r\n var key;\r\n this.root.dispose();\r\n this._defs.dispose();\r\n this._animationController.dispose();\r\n fixFuncIriCallbacks.removeByRenderer(this);\r\n for (key in this) {\r\n this[key] = null\r\n }\r\n return this\r\n },\r\n animationEnabled: function() {\r\n return !!this._animation.enabled\r\n },\r\n updateAnimationOptions: function(newOptions) {\r\n extend(this._animation, newOptions);\r\n return this\r\n },\r\n stopAllAnimations: function(lock) {\r\n this._animationController[lock ? \"lock\" : \"stop\"]();\r\n return this\r\n },\r\n animateElement: function(element, params, options) {\r\n this._animationController.animateElement(element, params, options);\r\n return this\r\n },\r\n svg: function() {\r\n return this.root.markup()\r\n },\r\n getRootOffset: function() {\r\n return this.root.getOffset()\r\n },\r\n onEndAnimation: function(endAnimation) {\r\n this._animationController.onEndAnimation(endAnimation)\r\n },\r\n rect: function(x, y, width, height) {\r\n var elem = new RectSvgElement(this);\r\n return elem.attr({\r\n x: x || 0,\r\n y: y || 0,\r\n width: width || 0,\r\n height: height || 0\r\n })\r\n },\r\n simpleRect: function() {\r\n return this._createElement(\"rect\")\r\n },\r\n circle: function(x, y, r) {\r\n return this._createElement(\"circle\", {\r\n cx: x || 0,\r\n cy: y || 0,\r\n r: r || 0\r\n })\r\n },\r\n g: function() {\r\n return this._createElement(\"g\")\r\n },\r\n image: function(x, y, w, h, href, location) {\r\n var image = this._createElement(\"image\", {\r\n x: x || 0,\r\n y: y || 0,\r\n width: w || 0,\r\n height: h || 0,\r\n preserveAspectRatio: preserveAspectRatioMap[normalizeEnum(location)] || NONE\r\n });\r\n image.element.setAttributeNS(\"http://www.w3.org/1999/xlink\", \"href\", href || \"\");\r\n return image\r\n },\r\n path: function(points, type) {\r\n var elem = new PathSvgElement(this, type);\r\n return elem.attr({\r\n points: points || []\r\n })\r\n },\r\n arc: function(x, y, innerRadius, outerRadius, startAngle, endAngle) {\r\n var elem = new ArcSvgElement(this);\r\n return elem.attr({\r\n x: x || 0,\r\n y: y || 0,\r\n innerRadius: innerRadius || 0,\r\n outerRadius: outerRadius || 0,\r\n startAngle: startAngle || 0,\r\n endAngle: endAngle || 0\r\n })\r\n },\r\n text: function(_text, x, y) {\r\n var elem = new TextSvgElement(this);\r\n return elem.attr({\r\n text: _text,\r\n x: x || 0,\r\n y: y || 0\r\n })\r\n },\r\n linearGradient: function(stops) {\r\n var id = getNextDefsSvgId();\r\n var that = this;\r\n var gradient = that._createElement(\"linearGradient\", {\r\n id: id\r\n }).append(that._defs);\r\n gradient.id = id;\r\n stops.forEach(stop => {\r\n that._createElement(\"stop\", {\r\n offset: stop.offset,\r\n \"stop-color\": stop[\"stop-color\"]\r\n }).append(gradient)\r\n });\r\n return gradient\r\n },\r\n pattern: function(color, hatching, _id) {\r\n hatching = hatching || {};\r\n var step = hatching.step || 6;\r\n var stepTo2 = step / 2;\r\n var stepBy15 = 1.5 * step;\r\n var id = _id || getNextDefsSvgId();\r\n var d = \"right\" === normalizeEnum(hatching.direction) ? \"M \" + stepTo2 + \" \" + -stepTo2 + \" L \" + -stepTo2 + \" \" + stepTo2 + \" M 0 \" + step + \" L \" + step + \" 0 M \" + stepBy15 + \" \" + stepTo2 + \" L \" + stepTo2 + \" \" + stepBy15 : \"M 0 0 L \" + step + \" \" + step + \" M \" + -stepTo2 + \" \" + stepTo2 + \" L \" + stepTo2 + \" \" + stepBy15 + \" M \" + stepTo2 + \" \" + -stepTo2 + \" L \" + stepBy15 + \" \" + stepTo2;\r\n var pattern = this._createElement(\"pattern\", {\r\n id: id,\r\n width: step,\r\n height: step,\r\n patternUnits: \"userSpaceOnUse\"\r\n }).append(this._defs);\r\n pattern.id = id;\r\n this.rect(0, 0, step, step).attr({\r\n fill: color,\r\n opacity: hatching.opacity\r\n }).append(pattern);\r\n new PathSvgElement(this).attr({\r\n d: d,\r\n \"stroke-width\": hatching.width || 1,\r\n stroke: color\r\n }).append(pattern);\r\n return pattern\r\n },\r\n _getPointsWithYOffset: function(points, offset) {\r\n return points.map((function(point, index) {\r\n if (index % 2 !== 0) {\r\n return point + offset\r\n }\r\n return point\r\n }))\r\n },\r\n clipShape: function(method, methodArgs) {\r\n var id = getNextDefsSvgId();\r\n var clipPath = this._createElement(\"clipPath\", {\r\n id: id\r\n }).append(this._defs);\r\n var shape = method.apply(this, methodArgs).append(clipPath);\r\n shape.id = id;\r\n shape.remove = function() {\r\n throw \"Not implemented\"\r\n };\r\n shape.dispose = function() {\r\n clipPath.dispose();\r\n clipPath = null;\r\n return this\r\n };\r\n return shape\r\n },\r\n clipRect(x, y, width, height) {\r\n return this.clipShape(this.rect, arguments)\r\n },\r\n clipCircle(x, y, radius) {\r\n return this.clipShape(this.circle, arguments)\r\n },\r\n shadowFilter: function(x, y, width, height, offsetX, offsetY, blur, color, opacity) {\r\n var id = getNextDefsSvgId();\r\n var filter = this._createElement(\"filter\", {\r\n id: id,\r\n x: x || 0,\r\n y: y || 0,\r\n width: width || 0,\r\n height: height || 0\r\n }).append(this._defs);\r\n var gaussianBlur = this._createElement(\"feGaussianBlur\", {\r\n in: \"SourceGraphic\",\r\n result: \"gaussianBlurResult\",\r\n stdDeviation: blur || 0\r\n }).append(filter);\r\n var offset = this._createElement(\"feOffset\", {\r\n in: \"gaussianBlurResult\",\r\n result: \"offsetResult\",\r\n dx: offsetX || 0,\r\n dy: offsetY || 0\r\n }).append(filter);\r\n var flood = this._createElement(\"feFlood\", {\r\n result: \"floodResult\",\r\n \"flood-color\": color || \"\",\r\n \"flood-opacity\": opacity\r\n }).append(filter);\r\n var composite = this._createElement(\"feComposite\", {\r\n in: \"floodResult\",\r\n in2: \"offsetResult\",\r\n operator: \"in\",\r\n result: \"compositeResult\"\r\n }).append(filter);\r\n var finalComposite = this._createElement(\"feComposite\", {\r\n in: \"SourceGraphic\",\r\n in2: \"compositeResult\",\r\n operator: \"over\"\r\n }).append(filter);\r\n filter.id = id;\r\n filter.gaussianBlur = gaussianBlur;\r\n filter.offset = offset;\r\n filter.flood = flood;\r\n filter.composite = composite;\r\n filter.finalComposite = finalComposite;\r\n filter.attr = function(attrs) {\r\n var filterAttrs = {};\r\n var offsetAttrs = {};\r\n var floodAttrs = {};\r\n \"x\" in attrs && (filterAttrs.x = attrs.x);\r\n \"y\" in attrs && (filterAttrs.y = attrs.y);\r\n \"width\" in attrs && (filterAttrs.width = attrs.width);\r\n \"height\" in attrs && (filterAttrs.height = attrs.height);\r\n baseAttr(this, filterAttrs);\r\n \"blur\" in attrs && this.gaussianBlur.attr({\r\n stdDeviation: attrs.blur\r\n });\r\n \"offsetX\" in attrs && (offsetAttrs.dx = attrs.offsetX);\r\n \"offsetY\" in attrs && (offsetAttrs.dy = attrs.offsetY);\r\n this.offset.attr(offsetAttrs);\r\n \"color\" in attrs && (floodAttrs[\"flood-color\"] = attrs.color);\r\n \"opacity\" in attrs && (floodAttrs[\"flood-opacity\"] = attrs.opacity);\r\n this.flood.attr(floodAttrs);\r\n return this\r\n };\r\n return filter\r\n },\r\n brightFilter: function(type, slope) {\r\n var id = getNextDefsSvgId();\r\n var filter = this._createElement(\"filter\", {\r\n id: id\r\n }).append(this._defs);\r\n var componentTransferElement = this._createElement(\"feComponentTransfer\").append(filter);\r\n var attrs = {\r\n type: type,\r\n slope: slope\r\n };\r\n filter.id = id;\r\n this._createElement(\"feFuncR\", attrs).append(componentTransferElement);\r\n this._createElement(\"feFuncG\", attrs).append(componentTransferElement);\r\n this._createElement(\"feFuncB\", attrs).append(componentTransferElement);\r\n return filter\r\n },\r\n getGrayScaleFilter: function() {\r\n if (this._grayScaleFilter) {\r\n return this._grayScaleFilter\r\n }\r\n var id = getNextDefsSvgId();\r\n var filter = this._createElement(\"filter\", {\r\n id: id\r\n }).append(this._defs);\r\n this._createElement(\"feColorMatrix\").attr({\r\n type: \"matrix\",\r\n values: \"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 0.6 0\"\r\n }).append(filter);\r\n filter.id = id;\r\n this._grayScaleFilter = filter;\r\n return filter\r\n },\r\n initHatching: function() {\r\n var storage = this._hatchingStorage = this._hatchingStorage || {\r\n byHash: {},\r\n baseId: getNextDefsSvgId()\r\n };\r\n var byHash = storage.byHash;\r\n var name;\r\n for (name in byHash) {\r\n byHash[name].pattern.dispose()\r\n }\r\n storage.byHash = {};\r\n storage.refToHash = {};\r\n storage.nextId = 0\r\n },\r\n lockHatching: function(color, hatching, ref) {\r\n var storage = this._hatchingStorage;\r\n var hash = getHatchingHash(color, hatching);\r\n var storageItem;\r\n var pattern;\r\n if (storage.refToHash[ref] !== hash) {\r\n if (ref) {\r\n this.releaseHatching(ref)\r\n }\r\n storageItem = storage.byHash[hash];\r\n if (!storageItem) {\r\n pattern = this.pattern(color, hatching, storage.baseId + \"-hatching-\" + storage.nextId++);\r\n storageItem = storage.byHash[hash] = {\r\n pattern: pattern,\r\n count: 0\r\n };\r\n storage.refToHash[pattern.id] = hash\r\n }++storageItem.count;\r\n ref = storageItem.pattern.id\r\n }\r\n return ref\r\n },\r\n releaseHatching: function(ref) {\r\n var storage = this._hatchingStorage;\r\n var hash = storage.refToHash[ref];\r\n var storageItem = storage.byHash[hash];\r\n if (storageItem && 0 === --storageItem.count) {\r\n storageItem.pattern.dispose();\r\n delete storage.byHash[hash];\r\n delete storage.refToHash[ref]\r\n }\r\n }\r\n};\r\n\r\nfunction getHatchingHash(color, hatching) {\r\n return \"@\" + color + \"::\" + hatching.step + \":\" + hatching.width + \":\" + hatching.opacity + \":\" + hatching.direction\r\n}\r\nvar fixFuncIriCallbacks = function() {\r\n var callbacks = [];\r\n return {\r\n add: function(fn) {\r\n callbacks.push(fn)\r\n },\r\n remove: function(fn) {\r\n callbacks = callbacks.filter((function(el) {\r\n return el !== fn\r\n }))\r\n },\r\n removeByRenderer: function(renderer) {\r\n callbacks = callbacks.filter((function(el) {\r\n return el.renderer !== renderer\r\n }))\r\n },\r\n fire: function() {\r\n callbacks.forEach((function(fn) {\r\n fn()\r\n }))\r\n }\r\n }\r\n}();\r\nexport var refreshPaths = function() {\r\n fixFuncIriCallbacks.fire()\r\n};\r\n","/**\r\n * DevExtreme (esm/viz/utils.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\r\nimport {\r\n refreshPaths\r\n} from \"./core/renderers/renderer\";\r\nimport {\r\n each as _each\r\n} from \"../core/utils/iterator\";\r\nvar {\r\n floor: floor\r\n} = Math;\r\nexport var prepareSegmentRectPoints = function(left, top, width, height, borderOptions) {\r\n var maxSW = ~~((width < height ? width : height) / 2);\r\n var sw = borderOptions.width || 0;\r\n var newSW = sw < maxSW ? sw : maxSW;\r\n left += newSW / 2;\r\n top += newSW / 2;\r\n width -= newSW;\r\n height -= newSW;\r\n var right = left + width;\r\n var bottom = top + height;\r\n var points = [];\r\n var segments = [];\r\n var segmentSequence;\r\n var visiblyOpt = 0;\r\n var prevSegmentVisibility = 0;\r\n var allSegment = {\r\n top: [\r\n [left, top],\r\n [right, top]\r\n ],\r\n right: [\r\n [right, top],\r\n [right, bottom]\r\n ],\r\n bottom: [\r\n [right, bottom],\r\n [left, bottom]\r\n ],\r\n left: [\r\n [left, bottom],\r\n [left, top]\r\n ]\r\n };\r\n _each(allSegment, (function(seg) {\r\n var visibility = !!borderOptions[seg];\r\n visiblyOpt = 2 * visiblyOpt + ~~visibility\r\n }));\r\n switch (visiblyOpt) {\r\n case 13:\r\n case 9:\r\n segmentSequence = [\"left\", \"top\", \"right\", \"bottom\"];\r\n break;\r\n case 11:\r\n segmentSequence = [\"bottom\", \"left\", \"top\", \"right\"];\r\n break;\r\n default:\r\n segmentSequence = [\"top\", \"right\", \"bottom\", \"left\"]\r\n }\r\n _each(segmentSequence, (function(_, seg) {\r\n var segmentVisibility = !!borderOptions[seg];\r\n if (!prevSegmentVisibility && segments.length) {\r\n points.push(segments);\r\n segments = []\r\n }\r\n if (segmentVisibility) {\r\n _each(allSegment[seg].slice(prevSegmentVisibility), (function(_, segment) {\r\n segments = segments.concat(segment)\r\n }))\r\n }\r\n prevSegmentVisibility = ~~segmentVisibility\r\n }));\r\n segments.length && points.push(segments);\r\n 1 === points.length && (points = points[0]);\r\n return {\r\n points: points,\r\n pathType: 15 === visiblyOpt ? \"area\" : \"line\"\r\n }\r\n};\r\nexport {\r\n refreshPaths\r\n};\r\nexport var areCanvasesDifferent = function(canvas1, canvas2) {\r\n var sizeLessThreshold = [\"width\", \"height\"].every(key => Math.abs(canvas1[key] - canvas2[key]) < 1);\r\n var canvasCoordsIsEqual = [\"left\", \"right\", \"top\", \"bottom\"].every(key => canvas1[key] === canvas2[key]);\r\n return !(sizeLessThreshold && canvasCoordsIsEqual)\r\n};\r\nexport var floorCanvasDimensions = function(canvas) {\r\n return _extends({}, canvas, {\r\n height: floor(canvas.height),\r\n width: floor(canvas.width)\r\n })\r\n};\r\n","/**\r\n * DevExtreme (esm/__internal/viz/core/m_base_widget.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport devices from \"../../../core/devices\";\r\nimport domAdapter from \"../../../core/dom_adapter\";\r\nimport DOMComponent from \"../../../core/dom_component\";\r\nimport $ from \"../../../core/renderer\";\r\nimport {\r\n noop\r\n} from \"../../../core/utils/common\";\r\nimport {\r\n when\r\n} from \"../../../core/utils/deferred\";\r\nimport {\r\n extend\r\n} from \"../../../core/utils/extend\";\r\nimport {\r\n each\r\n} from \"../../../core/utils/iterator\";\r\nimport {\r\n getHeight,\r\n getWidth\r\n} from \"../../../core/utils/size\";\r\nimport {\r\n isDefined,\r\n isFunction,\r\n isNumeric,\r\n isObject as _isObject,\r\n type\r\n} from \"../../../core/utils/type\";\r\nimport {\r\n getWindow,\r\n hasWindow\r\n} from \"../../../core/utils/window\";\r\nimport eventsEngine from \"../../../events/core/events_engine\";\r\nimport {\r\n BaseThemeManager\r\n} from \"../../../viz/core/base_theme_manager\";\r\nimport {\r\n createEventTrigger,\r\n createIncidentOccurred,\r\n createResizeHandler\r\n} from \"../../../viz/core/base_widget.utils\";\r\nimport warnings from \"../../../viz/core/errors_warnings\";\r\nimport {\r\n changes,\r\n replaceInherit\r\n} from \"../../../viz/core/helpers\";\r\nimport _Layout from \"../../../viz/core/layout\";\r\nimport {\r\n Renderer\r\n} from \"../../../viz/core/renderers/renderer\";\r\nimport {\r\n parseScalar as _parseScalar\r\n} from \"../../../viz/core/utils\";\r\nimport {\r\n areCanvasesDifferent,\r\n floorCanvasDimensions\r\n} from \"../../../viz/utils\";\r\nvar {\r\n log: log\r\n} = warnings;\r\nvar OPTION_RTL_ENABLED = \"rtlEnabled\";\r\nvar SIZED_ELEMENT_CLASS = \"dx-sized-element\";\r\nvar baseOptionMethod = DOMComponent.prototype.option;\r\n\r\nfunction getTrue() {\r\n return true\r\n}\r\n\r\nfunction getFalse() {\r\n return false\r\n}\r\n\r\nfunction defaultOnIncidentOccurred(e) {\r\n if (!e.component._eventsStrategy.hasEvent(\"incidentOccurred\")) {\r\n log.apply(null, [e.target.id].concat(e.target.args || []))\r\n }\r\n}\r\n\r\nfunction pickPositiveValue(values) {\r\n return values.reduce((result, value) => value > 0 && !result ? value : result, 0)\r\n}\r\nvar getEmptyComponent = function() {\r\n var emptyComponentConfig = {\r\n _initTemplates() {},\r\n ctor(element, options) {\r\n this.callBase(element, options);\r\n var sizedElement = domAdapter.createElement(\"div\");\r\n var width = options && isNumeric(options.width) ? \"\".concat(options.width, \"px\") : \"100%\";\r\n var height = options && isNumeric(options.height) ? \"\".concat(options.height, \"px\") : \"\".concat(this._getDefaultSize().height, \"px\");\r\n domAdapter.setStyle(sizedElement, \"width\", width);\r\n domAdapter.setStyle(sizedElement, \"height\", height);\r\n domAdapter.setClass(sizedElement, SIZED_ELEMENT_CLASS, false);\r\n domAdapter.insertElement(element, sizedElement)\r\n }\r\n };\r\n var EmptyComponent = DOMComponent.inherit(emptyComponentConfig);\r\n var originalInherit = EmptyComponent.inherit;\r\n EmptyComponent.inherit = function(config) {\r\n Object.keys(config).forEach(field => {\r\n if (isFunction(config[field]) && \"_\" !== field.substr(0, 1) && \"option\" !== field || \"_dispose\" === field || \"_optionChanged\" === field) {\r\n config[field] = noop\r\n }\r\n });\r\n return originalInherit.call(this, config)\r\n };\r\n return EmptyComponent\r\n};\r\n\r\nfunction callForEach(functions) {\r\n functions.forEach(c => c())\r\n}\r\nvar isServerSide = !hasWindow();\r\n\r\nfunction sizeIsValid(value) {\r\n return isDefined(value) && value > 0\r\n}\r\nvar baseWidget = isServerSide ? getEmptyComponent() : DOMComponent.inherit({\r\n _eventsMap: {\r\n onIncidentOccurred: {\r\n name: \"incidentOccurred\",\r\n actionSettings: {\r\n excludeValidators: [\"disabled\"]\r\n }\r\n },\r\n onDrawn: {\r\n name: \"drawn\",\r\n actionSettings: {\r\n excludeValidators: [\"disabled\"]\r\n }\r\n }\r\n },\r\n _getDefaultOptions() {\r\n return extend(this.callBase(), {\r\n onIncidentOccurred: defaultOnIncidentOccurred\r\n })\r\n },\r\n _useLinks: true,\r\n _init() {\r\n this._$element.children(\".\".concat(SIZED_ELEMENT_CLASS)).remove();\r\n this._$element.children(\".\".concat(SIZED_ELEMENT_CLASS)).remove();\r\n this.callBase(...arguments);\r\n this._changesLocker = 0;\r\n this._optionChangedLocker = 0;\r\n this._asyncFirstDrawing = true;\r\n this._changes = changes();\r\n this._suspendChanges();\r\n this._themeManager = this._createThemeManager();\r\n this._themeManager.setCallback(() => {\r\n this._requestChange(this._themeDependentChanges)\r\n });\r\n this._renderElementAttributes();\r\n this._initRenderer();\r\n var useLinks = this._useLinks;\r\n if (useLinks) {\r\n this._renderer.root.enableLinks().virtualLink(\"core\").virtualLink(\"peripheral\")\r\n }\r\n this._renderVisibilityChange();\r\n this._attachVisibilityChangeHandlers();\r\n this._toggleParentsScrollSubscription(this._isVisible());\r\n this._initEventTrigger();\r\n this._incidentOccurred = createIncidentOccurred(this.NAME, this._eventTrigger);\r\n this._layout = new _Layout;\r\n if (useLinks) {\r\n this._renderer.root.linkAfter(\"core\")\r\n }\r\n this._initPlugins();\r\n this._initCore();\r\n if (useLinks) {\r\n this._renderer.root.linkAfter()\r\n }\r\n this._change(this._initialChanges)\r\n },\r\n _createThemeManager() {\r\n return new BaseThemeManager(this._getThemeManagerOptions())\r\n },\r\n _getThemeManagerOptions() {\r\n return {\r\n themeSection: this._themeSection,\r\n fontFields: this._fontFields\r\n }\r\n },\r\n _initialChanges: [\"LAYOUT\", \"RESIZE_HANDLER\", \"THEME\", \"DISABLED\"],\r\n _initPlugins() {\r\n each(this._plugins, (_, plugin) => {\r\n plugin.init.call(this)\r\n })\r\n },\r\n _disposePlugins() {\r\n each(this._plugins.slice().reverse(), (_, plugin) => {\r\n plugin.dispose.call(this)\r\n })\r\n },\r\n _change(codes) {\r\n this._changes.add(codes)\r\n },\r\n _suspendChanges() {\r\n this._changesLocker += 1\r\n },\r\n _resumeChanges() {\r\n if (0 === --this._changesLocker && this._changes.count() > 0 && !this._applyingChanges) {\r\n this._renderer.lock();\r\n this._applyingChanges = true;\r\n this._applyChanges();\r\n this._changes.reset();\r\n this._applyingChanges = false;\r\n this._changesApplied();\r\n this._renderer.unlock();\r\n if (this._optionsQueue) {\r\n this._applyQueuedOptions()\r\n }\r\n this.resolveItemsDeferred(this._legend ? [this._legend] : []);\r\n this._optionChangedLocker += 1;\r\n this._notify();\r\n this._optionChangedLocker -= 1\r\n }\r\n },\r\n resolveItemsDeferred(items) {\r\n this._resolveDeferred(this._getTemplatesItems(items))\r\n },\r\n _collectTemplatesFromItems: items => items.reduce((prev, i) => ({\r\n items: prev.items.concat(i.getTemplatesDef()),\r\n groups: prev.groups.concat(i.getTemplatesGroups())\r\n }), {\r\n items: [],\r\n groups: []\r\n }),\r\n _getTemplatesItems(items) {\r\n var elements = this._collectTemplatesFromItems(items);\r\n var extraItems = this._getExtraTemplatesItems();\r\n return {\r\n items: extraItems.items.concat(elements.items),\r\n groups: extraItems.groups.concat(elements.groups),\r\n launchRequest: [extraItems.launchRequest],\r\n doneRequest: [extraItems.doneRequest]\r\n }\r\n },\r\n _getExtraTemplatesItems: () => ({\r\n items: [],\r\n groups: [],\r\n launchRequest: () => {},\r\n doneRequest: () => {}\r\n }),\r\n _resolveDeferred(_ref) {\r\n var {\r\n items: items,\r\n launchRequest: launchRequest,\r\n doneRequest: doneRequest,\r\n groups: groups\r\n } = _ref;\r\n this._setGroupsVisibility(groups, \"hidden\");\r\n if (this._changesApplying) {\r\n this._changesApplying = false;\r\n callForEach(doneRequest);\r\n return\r\n }\r\n var syncRendering = true;\r\n when.apply(this, items).done(() => {\r\n if (syncRendering) {\r\n this._setGroupsVisibility(groups, \"visible\");\r\n return\r\n }\r\n callForEach(launchRequest);\r\n this._changesApplying = true;\r\n var changes = [\"LAYOUT\", \"FULL_RENDER\"];\r\n if (this._asyncFirstDrawing) {\r\n changes.push(\"FORCE_FIRST_DRAWING\");\r\n this._asyncFirstDrawing = false\r\n } else {\r\n changes.push(\"FORCE_DRAWING\")\r\n }\r\n this._requestChange(changes);\r\n this._setGroupsVisibility(groups, \"visible\")\r\n });\r\n syncRendering = false\r\n },\r\n _setGroupsVisibility(groups, visibility) {\r\n groups.forEach(g => g.attr({\r\n visibility: visibility\r\n }))\r\n },\r\n _applyQueuedOptions() {\r\n var queue = this._optionsQueue;\r\n this._optionsQueue = null;\r\n this.beginUpdate();\r\n each(queue, (_, action) => {\r\n action()\r\n });\r\n this.endUpdate()\r\n },\r\n _requestChange(codes) {\r\n this._suspendChanges();\r\n this._change(codes);\r\n this._resumeChanges()\r\n },\r\n _applyChanges() {\r\n var changes = this._changes;\r\n var order = this._totalChangesOrder;\r\n var changesOrderLength = order.length;\r\n for (var i = 0; i < changesOrderLength; i += 1) {\r\n if (changes.has(order[i])) {\r\n this[\"_change_\".concat(order[i])]()\r\n }\r\n }\r\n },\r\n _optionChangesOrder: [\"EVENTS\", \"THEME\", \"RENDERER\", \"RESIZE_HANDLER\"],\r\n _layoutChangesOrder: [\"ELEMENT_ATTR\", \"CONTAINER_SIZE\", \"LAYOUT\"],\r\n _customChangesOrder: [\"DISABLED\"],\r\n _change_EVENTS() {\r\n this._eventTrigger.applyChanges()\r\n },\r\n _change_THEME() {\r\n this._setThemeAndRtl()\r\n },\r\n _change_RENDERER() {\r\n this._setRendererOptions()\r\n },\r\n _change_RESIZE_HANDLER() {\r\n this._setupResizeHandler()\r\n },\r\n _change_ELEMENT_ATTR() {\r\n this._renderElementAttributes();\r\n this._change([\"CONTAINER_SIZE\"])\r\n },\r\n _change_CONTAINER_SIZE() {\r\n this._updateSize()\r\n },\r\n _change_LAYOUT() {\r\n this._setContentSize()\r\n },\r\n _change_DISABLED() {\r\n var renderer = this._renderer;\r\n var {\r\n root: root\r\n } = renderer;\r\n if (this.option(\"disabled\")) {\r\n this._initDisabledState = root.attr(\"pointer-events\");\r\n root.attr({\r\n \"pointer-events\": \"none\",\r\n filter: renderer.getGrayScaleFilter().id\r\n })\r\n } else if (\"none\" === root.attr(\"pointer-events\")) {\r\n root.attr({\r\n \"pointer-events\": isDefined(this._initDisabledState) ? this._initDisabledState : null,\r\n filter: null\r\n })\r\n }\r\n },\r\n _themeDependentChanges: [\"RENDERER\"],\r\n _initRenderer() {\r\n var rawCanvas = this._calculateRawCanvas();\r\n this._canvas = floorCanvasDimensions(rawCanvas);\r\n this._renderer = new Renderer({\r\n cssClass: \"\".concat(this._rootClassPrefix, \" \").concat(this._rootClass),\r\n pathModified: this.option(\"pathModified\"),\r\n container: this._$element[0]\r\n });\r\n this._renderer.resize(this._canvas.width, this._canvas.height)\r\n },\r\n _disposeRenderer() {\r\n this._renderer.dispose()\r\n },\r\n _getAnimationOptions: noop,\r\n render() {\r\n this._requestChange([\"CONTAINER_SIZE\"]);\r\n var visible = this._isVisible();\r\n this._toggleParentsScrollSubscription(visible);\r\n !visible && this._stopCurrentHandling()\r\n },\r\n _toggleParentsScrollSubscription(subscribe) {\r\n var $parents = $(this._renderer.root.element).parents();\r\n if (\"generic\" === devices.real().platform) {\r\n $parents = $parents.add(getWindow())\r\n }\r\n this._proxiedTargetParentsScrollHandler = this._proxiedTargetParentsScrollHandler || function() {\r\n this._stopCurrentHandling()\r\n }.bind(this);\r\n eventsEngine.off($(\"\").add(this._$prevRootParents), \"scroll.viz_widgets\", this._proxiedTargetParentsScrollHandler);\r\n if (subscribe) {\r\n eventsEngine.on($parents, \"scroll.viz_widgets\", this._proxiedTargetParentsScrollHandler);\r\n this._$prevRootParents = $parents\r\n }\r\n },\r\n _stopCurrentHandling: noop,\r\n _dispose() {\r\n if (this._disposed) {\r\n return\r\n }\r\n this.callBase(...arguments);\r\n this._toggleParentsScrollSubscription(false);\r\n this._removeResizeHandler();\r\n this._layout.dispose();\r\n this._eventTrigger.dispose();\r\n this._disposeCore();\r\n this._disposePlugins();\r\n this._disposeRenderer();\r\n this._themeManager.dispose();\r\n this._themeManager = null;\r\n this._renderer = null;\r\n this._eventTrigger = null\r\n },\r\n _initEventTrigger() {\r\n this._eventTrigger = createEventTrigger(this._eventsMap, (name, actionSettings) => this._createActionByOption(name, actionSettings))\r\n },\r\n _calculateRawCanvas() {\r\n var size = this.option(\"size\") || {};\r\n var margin = this.option(\"margin\") || {};\r\n var defaultCanvas = this._getDefaultSize() || {};\r\n var getSizeOfSide = (size, side, getter) => {\r\n if (sizeIsValid(size[side]) || !hasWindow()) {\r\n return 0\r\n }\r\n var elementSize = getter(this._$element);\r\n return elementSize <= 1 ? 0 : elementSize\r\n };\r\n var elementWidth = getSizeOfSide(size, \"width\", x => getWidth(x));\r\n var elementHeight = getSizeOfSide(size, \"height\", x => getHeight(x));\r\n var canvas = {\r\n width: size.width <= 0 ? 0 : pickPositiveValue([size.width, elementWidth, defaultCanvas.width]),\r\n height: size.height <= 0 ? 0 : pickPositiveValue([size.height, elementHeight, defaultCanvas.height]),\r\n left: pickPositiveValue([margin.left, defaultCanvas.left]),\r\n top: pickPositiveValue([margin.top, defaultCanvas.top]),\r\n right: pickPositiveValue([margin.right, defaultCanvas.right]),\r\n bottom: pickPositiveValue([margin.bottom, defaultCanvas.bottom])\r\n };\r\n if (canvas.width - canvas.left - canvas.right <= 0 || canvas.height - canvas.top - canvas.bottom <= 0) {\r\n canvas = {\r\n width: 0,\r\n height: 0\r\n }\r\n }\r\n return canvas\r\n },\r\n _updateSize() {\r\n var rawCanvas = this._calculateRawCanvas();\r\n if (areCanvasesDifferent(this._canvas, rawCanvas) || this.__forceRender) {\r\n this._canvas = floorCanvasDimensions(rawCanvas);\r\n this._recreateSizeDependentObjects(true);\r\n this._renderer.resize(this._canvas.width, this._canvas.height);\r\n this._change([\"LAYOUT\"])\r\n }\r\n },\r\n _recreateSizeDependentObjects: noop,\r\n _getMinSize: () => [0, 0],\r\n _getAlignmentRect: noop,\r\n _setContentSize() {\r\n var canvas = this._canvas;\r\n var layout = this._layout;\r\n var rect = canvas.width > 0 && canvas.height > 0 ? [canvas.left, canvas.top, canvas.width - canvas.right, canvas.height - canvas.bottom] : [0, 0, 0, 0];\r\n rect = layout.forward(rect, this._getMinSize());\r\n var nextRect = this._applySize(rect) || rect;\r\n layout.backward(nextRect, this._getAlignmentRect() || nextRect)\r\n },\r\n _getOption(name, isScalar) {\r\n var theme = this._themeManager.theme(name);\r\n var option = this.option(name);\r\n return isScalar ? void 0 !== option ? option : theme : extend(true, {}, theme, option)\r\n },\r\n _setupResizeHandler() {\r\n var redrawOnResize = _parseScalar(this._getOption(\"redrawOnResize\", true), true);\r\n if (this._disposeResizeHandler) {\r\n this._removeResizeHandler()\r\n }\r\n this._disposeResizeHandler = createResizeHandler(this._$element[0], redrawOnResize, () => this._requestChange([\"CONTAINER_SIZE\"]))\r\n },\r\n _removeResizeHandler() {\r\n if (this._disposeResizeHandler) {\r\n this._disposeResizeHandler();\r\n this._disposeResizeHandler = null\r\n }\r\n },\r\n _onBeginUpdate: noop,\r\n beginUpdate() {\r\n if (this._initialized && this._isUpdateAllowed()) {\r\n this._onBeginUpdate();\r\n this._suspendChanges()\r\n }\r\n this.callBase(...arguments);\r\n return this\r\n },\r\n endUpdate() {\r\n this.callBase();\r\n this._isUpdateAllowed() && this._resumeChanges();\r\n return this\r\n },\r\n option(name) {\r\n if (this._initialized && this._applyingChanges && (arguments.length > 1 || _isObject(name))) {\r\n this._optionsQueue = this._optionsQueue || [];\r\n this._optionsQueue.push(this._getActionForUpdating(arguments))\r\n } else {\r\n return baseOptionMethod.apply(this, arguments)\r\n }\r\n },\r\n _getActionForUpdating(args) {\r\n return () => {\r\n baseOptionMethod.apply(this, args)\r\n }\r\n },\r\n _clean: noop,\r\n _render: noop,\r\n _optionChanged(arg) {\r\n if (this._optionChangedLocker) {\r\n return\r\n }\r\n var partialChanges = this.getPartialChangeOptionsName(arg);\r\n var changes = [];\r\n if (partialChanges.length > 0) {\r\n partialChanges.forEach(pc => changes.push(this._partialOptionChangesMap[pc]))\r\n } else {\r\n changes.push(this._optionChangesMap[arg.name])\r\n }\r\n changes = changes.filter(c => !!c);\r\n if (this._eventTrigger.change(arg.name)) {\r\n this._change([\"EVENTS\"])\r\n } else if (changes.length > 0) {\r\n this._change(changes)\r\n } else {\r\n this.callBase.apply(this, arguments)\r\n }\r\n },\r\n _notify: noop,\r\n _changesApplied: noop,\r\n _optionChangesMap: {\r\n size: \"CONTAINER_SIZE\",\r\n margin: \"CONTAINER_SIZE\",\r\n redrawOnResize: \"RESIZE_HANDLER\",\r\n theme: \"THEME\",\r\n rtlEnabled: \"THEME\",\r\n encodeHtml: \"THEME\",\r\n elementAttr: \"ELEMENT_ATTR\",\r\n disabled: \"DISABLED\"\r\n },\r\n _partialOptionChangesMap: {},\r\n _partialOptionChangesPath: {},\r\n getPartialChangeOptionsName(changedOption) {\r\n var {\r\n fullName: fullName\r\n } = changedOption;\r\n var sections = fullName.split(/[.]/);\r\n var {\r\n name: name\r\n } = changedOption;\r\n var {\r\n value: value\r\n } = changedOption;\r\n var options = this._partialOptionChangesPath[name];\r\n var partialChangeOptionsName = [];\r\n if (options) {\r\n if (true === options) {\r\n partialChangeOptionsName.push(name)\r\n } else {\r\n options.forEach(op => {\r\n fullName.indexOf(op) >= 0 && partialChangeOptionsName.push(op)\r\n });\r\n if (1 === sections.length) {\r\n if (\"object\" === type(value)) {\r\n this._addOptionsNameForPartialUpdate(value, options, partialChangeOptionsName)\r\n } else if (\"array\" === type(value)) {\r\n if (value.length > 0 && value.every(item => this._checkOptionsForPartialUpdate(item, options))) {\r\n value.forEach(item => {\r\n this._addOptionsNameForPartialUpdate(item, options, partialChangeOptionsName)\r\n })\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return partialChangeOptionsName.filter((value, index, self) => self.indexOf(value) === index)\r\n },\r\n _checkOptionsForPartialUpdate: (optionObject, options) => !Object.keys(optionObject).some(key => -1 === options.indexOf(key)),\r\n _addOptionsNameForPartialUpdate(optionObject, options, partialChangeOptionsName) {\r\n var optionKeys = Object.keys(optionObject);\r\n if (this._checkOptionsForPartialUpdate(optionObject, options)) {\r\n optionKeys.forEach(key => options.indexOf(key) > -1 && partialChangeOptionsName.push(key))\r\n }\r\n },\r\n _visibilityChanged() {\r\n this.render()\r\n },\r\n _setThemeAndRtl() {\r\n this._themeManager.setTheme(this.option(\"theme\"), this.option(OPTION_RTL_ENABLED))\r\n },\r\n _getRendererOptions() {\r\n return {\r\n rtl: this.option(OPTION_RTL_ENABLED),\r\n encodeHtml: this.option(\"encodeHtml\"),\r\n animation: this._getAnimationOptions()\r\n }\r\n },\r\n _setRendererOptions() {\r\n this._renderer.setOptions(this._getRendererOptions())\r\n },\r\n svg() {\r\n return this._renderer.svg()\r\n },\r\n getSize() {\r\n var canvas = this._canvas || {};\r\n return {\r\n width: canvas.width,\r\n height: canvas.height\r\n }\r\n },\r\n isReady: getFalse,\r\n _dataIsReady: getTrue,\r\n _resetIsReady() {\r\n this.isReady = getFalse\r\n },\r\n _drawn() {\r\n this.isReady = getFalse;\r\n if (this._dataIsReady()) {\r\n this._renderer.onEndAnimation(() => {\r\n this.isReady = getTrue\r\n })\r\n }\r\n this._eventTrigger(\"drawn\", {})\r\n }\r\n});\r\nexport default baseWidget;\r\nreplaceInherit(baseWidget);\r\n","/**\r\n * DevExtreme (esm/integration/knockout/utils.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport ko from \"knockout\";\r\nimport $ from \"../../core/renderer\";\r\nexport var getClosestNodeWithContext = node => {\r\n var context = ko.contextFor(node);\r\n if (!context && node.parentNode) {\r\n return getClosestNodeWithContext(node.parentNode)\r\n }\r\n return node\r\n};\r\nexport var getClosestNodeWithKoCreation = node => {\r\n var $el = $(node);\r\n var data = $el.data();\r\n var hasFlag = data && data.dxKoCreation;\r\n if (hasFlag) {\r\n return node\r\n }\r\n if (node.parentNode) {\r\n return getClosestNodeWithKoCreation(node.parentNode)\r\n }\r\n return null\r\n};\r\n","/**\r\n * DevExtreme (esm/integration/knockout/template.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport $ from \"../../core/renderer\";\r\nimport domAdapter from \"../../core/dom_adapter\";\r\nimport ko from \"knockout\";\r\nimport {\r\n isDefined\r\n} from \"../../core/utils/type\";\r\nimport {\r\n TemplateBase\r\n} from \"../../core/templates/template_base\";\r\nimport {\r\n normalizeTemplateElement\r\n} from \"../../core/utils/dom\";\r\nimport {\r\n getClosestNodeWithContext\r\n} from \"./utils\";\r\nvar getParentContext = function(data) {\r\n var parentNode = domAdapter.createElement(\"div\");\r\n ko.applyBindingsToNode(parentNode, null, data);\r\n var parentContext = ko.contextFor(parentNode);\r\n ko.cleanNode(parentNode);\r\n return parentContext\r\n};\r\nexport var KoTemplate = class extends TemplateBase {\r\n constructor(element) {\r\n super();\r\n this._element = element;\r\n this._template = $(\"
\");\r\n orderHtmlTree(items, 0, div, {}, \"\");\r\n adjustLineHeights(items);\r\n return items\r\n}\r\n\r\nfunction parseMultiline(text) {\r\n var texts = text.replace(/\\r/g, \"\").split(/\\n/g);\r\n var i = 0;\r\n var items = [];\r\n for (; i < texts.length; i++) {\r\n items.push({\r\n value: texts[i].trim(),\r\n height: 0,\r\n line: i\r\n })\r\n }\r\n return items\r\n}\r\n\r\nfunction createTspans(items, element, fieldName) {\r\n var i;\r\n var ii;\r\n var item;\r\n for (i = 0, ii = items.length; i < ii; ++i) {\r\n item = items[i];\r\n item[fieldName] = createElement(\"tspan\");\r\n item[fieldName].appendChild(domAdapter.createTextNode(item.value));\r\n item.style && baseCss({\r\n element: item[fieldName],\r\n _styles: {}\r\n }, item.style);\r\n item.className && item[fieldName].setAttribute(\"class\", item.className);\r\n element.appendChild(item[fieldName])\r\n }\r\n}\r\n\r\nfunction restoreText() {\r\n if (this._hasEllipsis) {\r\n this.attr({\r\n text: this._settings.text\r\n })\r\n }\r\n}\r\n\r\nfunction applyEllipsis(maxWidth) {\r\n var lines;\r\n var hasEllipsis = false;\r\n var i;\r\n var ii;\r\n var lineParts;\r\n var j;\r\n var jj;\r\n var text;\r\n restoreText.call(this);\r\n var ellipsis = this.renderer.text(ELLIPSIS).attr(this._styles).append(this.renderer.root);\r\n var ellipsisWidth = ellipsis.getBBox().width;\r\n if (this._getElementBBox().width > maxWidth) {\r\n if (maxWidth - ellipsisWidth < 0) {\r\n maxWidth = 0\r\n } else {\r\n maxWidth -= ellipsisWidth\r\n }\r\n lines = prepareLines(this.element, this._texts, maxWidth);\r\n for (i = 0, ii = lines.length; i < ii; ++i) {\r\n lineParts = lines[i].parts;\r\n if (1 === lines[i].commonLength) {\r\n continue\r\n }\r\n for (j = 0, jj = lineParts.length; j < jj; ++j) {\r\n text = lineParts[j];\r\n if (isDefined(text.endIndex)) {\r\n setNewText(text, text.endIndex);\r\n hasEllipsis = true\r\n } else if (text.startBox > maxWidth) {\r\n removeTextSpan(text)\r\n }\r\n }\r\n }\r\n }\r\n ellipsis.remove();\r\n this._hasEllipsis = hasEllipsis;\r\n return hasEllipsis\r\n}\r\n\r\nfunction cloneAndRemoveAttrs(node) {\r\n var clone;\r\n if (node) {\r\n clone = node.cloneNode();\r\n clone.removeAttribute(\"y\");\r\n clone.removeAttribute(\"x\")\r\n }\r\n return clone || node\r\n}\r\n\r\nfunction detachTitleElements(element) {\r\n var titleElements = domAdapter.querySelectorAll(element, \"title\");\r\n for (var i = 0; i < titleElements.length; i++) {\r\n element.removeChild(titleElements[i])\r\n }\r\n return titleElements\r\n}\r\n\r\nfunction detachAndStoreTitleElements(element) {\r\n var titleElements = detachTitleElements(element);\r\n return () => {\r\n for (var i = 0; i < titleElements.length; i++) {\r\n element.appendChild(titleElements[i])\r\n }\r\n }\r\n}\r\n\r\nfunction setMaxSize(maxWidth, maxHeight) {\r\n var options = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};\r\n var that = this;\r\n var lines = [];\r\n var textChanged = false;\r\n var textIsEmpty = false;\r\n var ellipsisMaxWidth = maxWidth;\r\n restoreText.call(that);\r\n var restoreTitleElement = detachAndStoreTitleElements(this.element);\r\n var ellipsis = that.renderer.text(ELLIPSIS).attr(that._styles).append(that.renderer.root);\r\n var ellipsisWidth = ellipsis.getBBox().width;\r\n var {\r\n width: width,\r\n height: height\r\n } = that._getElementBBox();\r\n if ((width || height) && (width > maxWidth || maxHeight && height > maxHeight)) {\r\n if (maxWidth - ellipsisWidth < 0) {\r\n ellipsisMaxWidth = 0\r\n } else {\r\n ellipsisMaxWidth -= ellipsisWidth\r\n }\r\n lines = applyOverflowRules(that.element, that._texts, maxWidth, ellipsisMaxWidth, options);\r\n lines = setMaxHeight(lines, ellipsisMaxWidth, options, maxHeight, parseFloat(this._getLineHeight()));\r\n this._texts = lines.reduce((texts, line) => texts.concat(line.parts), []).filter(t => \"\" !== t.value).map(t => {\r\n t.stroke && t.tspan.parentNode.appendChild(t.stroke);\r\n return t\r\n }).map(t => {\r\n t.tspan.parentNode.appendChild(t.tspan);\r\n return t\r\n });\r\n !this._texts.length && (this._texts = null);\r\n textChanged = true;\r\n if (this._texts) {\r\n locateTextNodes(this)\r\n } else {\r\n this.element.textContent = \"\";\r\n textIsEmpty = true\r\n }\r\n }\r\n ellipsis.remove();\r\n that._hasEllipsis = textChanged;\r\n restoreTitleElement();\r\n return {\r\n rowCount: lines.length,\r\n textChanged: textChanged,\r\n textIsEmpty: textIsEmpty\r\n }\r\n}\r\n\r\nfunction getIndexForEllipsis(text, maxWidth, startBox, endBox) {\r\n var k;\r\n var kk;\r\n if (startBox <= maxWidth && endBox > maxWidth) {\r\n for (k = 1, kk = text.value.length; k <= kk; ++k) {\r\n if (startBox + text.tspan.getSubStringLength(0, k) > maxWidth) {\r\n return k - 1\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction getTextWidth(text) {\r\n return text.value.length ? text.tspan.getSubStringLength(0, text.value.length) : 0\r\n}\r\n\r\nfunction prepareLines(element, texts, maxWidth) {\r\n var lines = [];\r\n var i;\r\n var ii;\r\n var text;\r\n var startBox;\r\n var endBox;\r\n if (texts) {\r\n for (i = 0, ii = texts.length; i < ii; ++i) {\r\n text = texts[i];\r\n if (!lines[text.line]) {\r\n text.startBox = startBox = 0;\r\n lines.push({\r\n commonLength: text.value.length,\r\n parts: [text]\r\n })\r\n } else {\r\n text.startBox = startBox;\r\n lines[text.line].parts.push(text);\r\n lines[text.line].commonLength += text.value.length\r\n }\r\n endBox = startBox + text.tspan.getSubStringLength(0, text.value.length);\r\n text.endIndex = getIndexForEllipsis(text, maxWidth, startBox, endBox);\r\n startBox = endBox\r\n }\r\n } else {\r\n text = {\r\n value: element.textContent,\r\n tspan: element\r\n };\r\n text.startBox = startBox = 0;\r\n endBox = startBox + getTextWidth(text);\r\n text.endIndex = getIndexForEllipsis(text, maxWidth, startBox, endBox);\r\n lines = [{\r\n commonLength: element.textContent.length,\r\n parts: [text]\r\n }]\r\n }\r\n return lines\r\n}\r\n\r\nfunction getSpaceBreakIndex(text, maxWidth) {\r\n var initialIndices = text.startBox > 0 ? [0] : [];\r\n var spaceIndices = text.value.split(\"\").reduce((indices, char, index) => {\r\n if (\" \" === char) {\r\n indices.push(index)\r\n }\r\n return indices\r\n }, initialIndices);\r\n var spaceIndex = 0;\r\n while (void 0 !== spaceIndices[spaceIndex + 1] && text.startBox + text.tspan.getSubStringLength(0, spaceIndices[spaceIndex + 1]) < maxWidth) {\r\n spaceIndex++\r\n }\r\n return spaceIndices[spaceIndex]\r\n}\r\n\r\nfunction getWordBreakIndex(text, maxWidth) {\r\n for (var i = 0; i < text.value.length - 1; i++) {\r\n if (text.startBox + text.tspan.getSubStringLength(0, i + 1) > maxWidth) {\r\n return i\r\n }\r\n }\r\n}\r\n\r\nfunction getEllipsisString(ellipsisMaxWidth, _ref) {\r\n var {\r\n hideOverflowEllipsis: hideOverflowEllipsis\r\n } = _ref;\r\n return hideOverflowEllipsis && 0 === ellipsisMaxWidth ? \"\" : ELLIPSIS\r\n}\r\n\r\nfunction setEllipsis(text, ellipsisMaxWidth, options) {\r\n var ellipsis = getEllipsisString(ellipsisMaxWidth, options);\r\n if (text.value.length && text.tspan.parentNode) {\r\n for (var i = text.value.length - 1; i >= 1; i--) {\r\n if (text.startBox + text.tspan.getSubStringLength(0, i) < ellipsisMaxWidth) {\r\n setNewText(text, i, ellipsis);\r\n break\r\n } else if (1 === i) {\r\n setNewText(text, 0, ellipsis)\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction wordWrap(text, maxWidth, ellipsisMaxWidth, options, lastStepBreakIndex) {\r\n var wholeText = text.value;\r\n var breakIndex;\r\n if (\"none\" !== options.wordWrap) {\r\n breakIndex = \"normal\" === options.wordWrap ? getSpaceBreakIndex(text, maxWidth) : getWordBreakIndex(text, maxWidth)\r\n }\r\n var restLines = [];\r\n var restText;\r\n if (isFinite(breakIndex) && !(0 === lastStepBreakIndex && 0 === breakIndex)) {\r\n setNewText(text, breakIndex, \"\");\r\n var newTextOffset = \" \" === wholeText[breakIndex] ? 1 : 0;\r\n var restString = wholeText.slice(breakIndex + newTextOffset);\r\n if (restString.length) {\r\n var restTspan = cloneAndRemoveAttrs(text.tspan);\r\n restTspan.textContent = restString;\r\n text.tspan.parentNode.appendChild(restTspan);\r\n restText = extend(extend({}, text), {\r\n value: restString,\r\n startBox: 0,\r\n height: 0,\r\n tspan: restTspan,\r\n stroke: cloneAndRemoveAttrs(text.stroke),\r\n endBox: restTspan.getSubStringLength(0, restString.length)\r\n });\r\n restText.stroke && (restText.stroke.textContent = restString);\r\n if (restText.endBox > maxWidth) {\r\n restLines = wordWrap(restText, maxWidth, ellipsisMaxWidth, options, breakIndex);\r\n if (!restLines.length) {\r\n return []\r\n }\r\n }\r\n }\r\n }\r\n if (text.value.length) {\r\n if (\"ellipsis\" === options.textOverflow && text.tspan.getSubStringLength(0, text.value.length) > maxWidth) {\r\n setEllipsis(text, ellipsisMaxWidth, options)\r\n }\r\n if (\"hide\" === options.textOverflow && text.tspan.getSubStringLength(0, text.value.length) > maxWidth) {\r\n return []\r\n }\r\n } else {\r\n text.tspan.parentNode.removeChild(text.tspan)\r\n }\r\n var parts = [];\r\n if (restText) {\r\n parts.push(restText)\r\n }\r\n return [{\r\n commonLength: wholeText.length,\r\n parts: parts\r\n }].concat(restLines)\r\n}\r\n\r\nfunction calculateLineHeight(line, lineHeight) {\r\n return line.parts.reduce((height, text) => max(height, getItemLineHeight(text, lineHeight)), 0)\r\n}\r\n\r\nfunction setMaxHeight(lines, ellipsisMaxWidth, options, maxHeight, lineHeight) {\r\n var textOverflow = options.textOverflow;\r\n if (!isFinite(maxHeight) || 0 === Number(maxHeight) || \"none\" === textOverflow) {\r\n return lines\r\n }\r\n var result = lines.reduce((_ref2, l, index, arr) => {\r\n var [lines, commonHeight] = _ref2;\r\n var height = calculateLineHeight(l, lineHeight);\r\n commonHeight += height;\r\n if (commonHeight < maxHeight) {\r\n lines.push(l)\r\n } else {\r\n l.parts.forEach(item => {\r\n removeTextSpan(item)\r\n });\r\n if (\"ellipsis\" === textOverflow) {\r\n var prevLine = arr[index - 1];\r\n if (prevLine) {\r\n var text = prevLine.parts[prevLine.parts.length - 1];\r\n if (!text.hasEllipsis) {\r\n if (0 === ellipsisMaxWidth || text.endBox < ellipsisMaxWidth) {\r\n setNewText(text, text.value.length, getEllipsisString(ellipsisMaxWidth, options))\r\n } else {\r\n setEllipsis(text, ellipsisMaxWidth, options)\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return [lines, commonHeight]\r\n }, [\r\n [], 0\r\n ]);\r\n if (\"hide\" === textOverflow && result[1] > maxHeight) {\r\n result[0].forEach(l => {\r\n l.parts.forEach(item => {\r\n removeTextSpan(item)\r\n })\r\n });\r\n return []\r\n }\r\n return result[0]\r\n}\r\n\r\nfunction applyOverflowRules(element, texts, maxWidth, ellipsisMaxWidth, options) {\r\n if (!texts) {\r\n var textValue = element.textContent;\r\n var text = {\r\n value: textValue,\r\n height: 0,\r\n line: 0\r\n };\r\n element.textContent = \"\";\r\n createTspans([text], element, \"tspan\");\r\n texts = [text]\r\n }\r\n return texts.reduce((_ref3, text) => {\r\n var [lines, startBox, endBox, stop, lineNumber] = _ref3;\r\n var line = lines[lines.length - 1];\r\n if (stop) {\r\n return [lines, startBox, endBox, stop]\r\n }\r\n if (!line || text.line !== lineNumber) {\r\n text.startBox = startBox = 0;\r\n lines.push({\r\n commonLength: text.value.length,\r\n parts: [text]\r\n })\r\n } else {\r\n text.startBox = startBox;\r\n if (startBox > ellipsisMaxWidth && \"none\" === options.wordWrap && \"ellipsis\" === options.textOverflow) {\r\n removeTextSpan(text);\r\n return [lines, startBox, endBox, stop, lineNumber]\r\n }\r\n line.parts.push(text);\r\n line.commonLength += text.value.length\r\n }\r\n text.endBox = endBox = startBox + getTextWidth(text);\r\n startBox = endBox;\r\n if (isDefined(maxWidth) && endBox > maxWidth) {\r\n var wordWrapLines = wordWrap(text, maxWidth, ellipsisMaxWidth, options);\r\n if (!wordWrapLines.length) {\r\n lines = [];\r\n stop = true\r\n } else {\r\n lines = lines.concat(wordWrapLines.filter(l => l.parts.length > 0))\r\n }\r\n }\r\n return [lines, startBox, endBox, stop, text.line]\r\n }, [\r\n [], 0, 0, false, 0\r\n ])[0]\r\n}\r\n\r\nfunction setNewText(text, index) {\r\n var insertString = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : ELLIPSIS;\r\n var newText = text.value.substr(0, index) + insertString;\r\n text.value = text.tspan.textContent = newText;\r\n text.stroke && (text.stroke.textContent = newText);\r\n if (insertString === ELLIPSIS) {\r\n text.hasEllipsis = true\r\n }\r\n}\r\n\r\nfunction removeTextSpan(text) {\r\n text.tspan.parentNode && text.tspan.parentNode.removeChild(text.tspan);\r\n text.stroke && text.stroke.parentNode && text.stroke.parentNode.removeChild(text.stroke)\r\n}\r\n\r\nfunction createTextNodes(wrapper, text, isStroked) {\r\n var items;\r\n var parsedHtml;\r\n wrapper._texts = null;\r\n wrapper.clear();\r\n if (null === text) {\r\n return\r\n }\r\n text = \"\" + text;\r\n if (!wrapper.renderer.encodeHtml && (/<[a-z][\\s\\S]*>/i.test(text) || -1 !== text.indexOf(\"&\"))) {\r\n parsedHtml = removeExtraAttrs(text);\r\n items = parseHTML(parsedHtml)\r\n } else if (/\\n/g.test(text)) {\r\n items = parseMultiline(text)\r\n } else if (isStroked) {\r\n items = [{\r\n value: text.trim(),\r\n height: 0\r\n }]\r\n }\r\n if (items) {\r\n if (items.length) {\r\n wrapper._texts = items;\r\n if (isStroked) {\r\n createTspans(items, wrapper.element, KEY_STROKE)\r\n }\r\n createTspans(items, wrapper.element, \"tspan\")\r\n }\r\n } else {\r\n wrapper.element.appendChild(domAdapter.createTextNode(text))\r\n }\r\n}\r\n\r\nfunction setTextNodeAttribute(item, name, value) {\r\n item.tspan.setAttribute(name, value);\r\n item.stroke && item.stroke.setAttribute(name, value)\r\n}\r\n\r\nfunction getItemLineHeight(item, defaultValue) {\r\n return item.inherits ? maxLengthFontSize(item.height, defaultValue) : item.height || defaultValue\r\n}\r\n\r\nfunction locateTextNodes(wrapper) {\r\n if (!wrapper._texts) {\r\n return\r\n }\r\n var items = wrapper._texts;\r\n var x = wrapper._settings.x;\r\n var lineHeight = wrapper._getLineHeight();\r\n var i;\r\n var ii;\r\n var item = items[0];\r\n setTextNodeAttribute(item, \"x\", x);\r\n setTextNodeAttribute(item, \"y\", wrapper._settings.y);\r\n for (i = 1, ii = items.length; i < ii; ++i) {\r\n item = items[i];\r\n if (parseFloat(item.height) >= 0) {\r\n setTextNodeAttribute(item, \"x\", x);\r\n var height = getItemLineHeight(item, lineHeight);\r\n setTextNodeAttribute(item, \"dy\", height)\r\n }\r\n }\r\n}\r\n\r\nfunction alignTextNodes(wrapper, alignment) {\r\n if (!wrapper._texts || \"center\" === alignment) {\r\n return\r\n }\r\n var items = wrapper._texts;\r\n var direction = \"left\" === alignment ? -1 : 1;\r\n var maxTextWidth = Math.max.apply(Math, items.map(t => getTextWidth(t)));\r\n for (var i = 0; i < items.length; i++) {\r\n var item = items[i];\r\n var textWidth = getTextWidth(item);\r\n if (0 !== maxTextWidth && maxTextWidth !== textWidth) {\r\n setTextNodeAttribute(item, \"dx\", direction * round((maxTextWidth - textWidth) / 2 * 10) / 10)\r\n }\r\n }\r\n}\r\n\r\nfunction maxLengthFontSize(fontSize1, fontSize2) {\r\n var parsedHeight1 = parseFloat(fontSize1);\r\n var parsedHeight2 = parseFloat(fontSize2);\r\n var height1 = parsedHeight1 || DEFAULT_FONT_SIZE;\r\n var height2 = parsedHeight2 || DEFAULT_FONT_SIZE;\r\n return height1 > height2 ? !isNaN(parsedHeight1) ? fontSize1 : height1 : !isNaN(parsedHeight2) ? fontSize2 : height2\r\n}\r\n\r\nfunction strokeTextNodes(wrapper) {\r\n if (!wrapper._texts) {\r\n return\r\n }\r\n var items = wrapper._texts;\r\n var stroke = wrapper._settings[KEY_STROKE];\r\n var strokeWidth = wrapper._settings[KEY_STROKE_WIDTH];\r\n var strokeOpacity = wrapper._settings[KEY_STROKE_OPACITY] || 1;\r\n var tspan;\r\n var i;\r\n var ii;\r\n for (i = 0, ii = items.length; i < ii; ++i) {\r\n tspan = items[i].stroke;\r\n tspan.setAttribute(KEY_STROKE, stroke);\r\n tspan.setAttribute(KEY_STROKE_WIDTH, strokeWidth);\r\n tspan.setAttribute(KEY_STROKE_OPACITY, strokeOpacity);\r\n tspan.setAttribute(\"stroke-linejoin\", \"round\")\r\n }\r\n}\r\n\r\nfunction baseAnimate(that, params, options, complete) {\r\n options = options || {};\r\n var key;\r\n var value;\r\n var renderer = that.renderer;\r\n var settings = that._settings;\r\n var animationParams = {};\r\n var defaults = {\r\n translateX: 0,\r\n translateY: 0,\r\n scaleX: 1,\r\n scaleY: 1,\r\n rotate: 0,\r\n rotateX: 0,\r\n rotateY: 0\r\n };\r\n if (complete) {\r\n options.complete = complete\r\n }\r\n if (renderer.animationEnabled()) {\r\n for (key in params) {\r\n value = params[key];\r\n if (/^(translate(X|Y)|rotate[XY]?|scale(X|Y))$/i.test(key)) {\r\n animationParams.transform = animationParams.transform || {\r\n from: {},\r\n to: {}\r\n };\r\n animationParams.transform.from[key] = key in settings ? Number(settings[key].toFixed(3)) : defaults[key];\r\n animationParams.transform.to[key] = value\r\n } else if (\"arc\" === key || \"segments\" === key) {\r\n animationParams[key] = value\r\n } else {\r\n animationParams[key] = {\r\n from: key in settings ? settings[key] : parseFloat(that.element.getAttribute(key) || 0),\r\n to: value\r\n }\r\n }\r\n }\r\n renderer.animateElement(that, animationParams, extend(extend({}, renderer._animation), options))\r\n } else {\r\n options.step && options.step.call(that, 1, 1);\r\n options.complete && options.complete.call(that);\r\n that.attr(params)\r\n }\r\n return that\r\n}\r\n\r\nfunction pathAnimate(params, options, complete) {\r\n var curSegments = this.segments || [];\r\n var newSegments;\r\n var endSegments;\r\n if (this.renderer.animationEnabled() && \"points\" in params) {\r\n newSegments = buildPathSegments(params.points, this.type);\r\n endSegments = compensateSegments(curSegments, newSegments, this.type);\r\n params.segments = {\r\n from: curSegments,\r\n to: newSegments,\r\n end: endSegments\r\n };\r\n delete params.points\r\n }\r\n return baseAnimate(this, params, options, complete)\r\n}\r\n\r\nfunction arcAnimate(params, options, complete) {\r\n var settings = this._settings;\r\n var arcParams = {\r\n from: {},\r\n to: {}\r\n };\r\n if (this.renderer.animationEnabled() && (\"x\" in params || \"y\" in params || \"innerRadius\" in params || \"outerRadius\" in params || \"startAngle\" in params || \"endAngle\" in params)) {\r\n arcParams.from.x = settings.x || 0;\r\n arcParams.from.y = settings.y || 0;\r\n arcParams.from.innerRadius = settings.innerRadius || 0;\r\n arcParams.from.outerRadius = settings.outerRadius || 0;\r\n arcParams.from.startAngle = settings.startAngle || 0;\r\n arcParams.from.endAngle = settings.endAngle || 0;\r\n arcParams.to.x = \"x\" in params ? params.x : settings.x;\r\n delete params.x;\r\n arcParams.to.y = \"y\" in params ? params.y : settings.y;\r\n delete params.y;\r\n arcParams.to.innerRadius = \"innerRadius\" in params ? params.innerRadius : settings.innerRadius;\r\n delete params.innerRadius;\r\n arcParams.to.outerRadius = \"outerRadius\" in params ? params.outerRadius : settings.outerRadius;\r\n delete params.outerRadius;\r\n arcParams.to.startAngle = \"startAngle\" in params ? params.startAngle : settings.startAngle;\r\n delete params.startAngle;\r\n arcParams.to.endAngle = \"endAngle\" in params ? params.endAngle : settings.endAngle;\r\n delete params.endAngle;\r\n params.arc = arcParams\r\n }\r\n return baseAnimate(this, params, options, complete)\r\n}\r\n\r\nfunction buildLink(target, parameters) {\r\n var obj = {\r\n is: false,\r\n name: parameters.name || parameters,\r\n after: parameters.after\r\n };\r\n if (target) {\r\n obj.to = target\r\n } else {\r\n obj.virtual = true\r\n }\r\n return obj\r\n}\r\nexport var SvgElement = function(renderer, tagName, type) {\r\n this.renderer = renderer;\r\n this.element = createElement(tagName);\r\n this._settings = {};\r\n this._styles = {};\r\n if (\"path\" === tagName) {\r\n this.type = type || \"line\"\r\n }\r\n};\r\n\r\nfunction removeFuncIriCallback(callback) {\r\n fixFuncIriCallbacks.remove(callback)\r\n}\r\nSvgElement.prototype = {\r\n constructor: SvgElement,\r\n _getJQElement: function() {\r\n return this._$element || (this._$element = $(this.element))\r\n },\r\n _addFixIRICallback: function() {\r\n var that = this;\r\n var fn = function() {\r\n fixFuncIri(that, \"fill\");\r\n fixFuncIri(that, \"clip-path\");\r\n fixFuncIri(that, \"filter\")\r\n };\r\n that.element._fixFuncIri = fn;\r\n fn.renderer = that.renderer;\r\n fixFuncIriCallbacks.add(fn);\r\n that._addFixIRICallback = function() {}\r\n },\r\n _clearChildrenFuncIri: function() {\r\n ! function clearChildren(element) {\r\n var i;\r\n for (i = 0; i < element.childNodes.length; i++) {\r\n removeFuncIriCallback(element.childNodes[i]._fixFuncIri);\r\n clearChildren(element.childNodes[i])\r\n }\r\n }(this.element)\r\n },\r\n dispose: function() {\r\n removeFuncIriCallback(this.element._fixFuncIri);\r\n this._clearChildrenFuncIri();\r\n this._getJQElement().remove();\r\n return this\r\n },\r\n append: function(parent) {\r\n (parent || this.renderer.root).element.appendChild(this.element);\r\n return this\r\n },\r\n remove: function() {\r\n var element = this.element;\r\n element.parentNode && element.parentNode.removeChild(element);\r\n return this\r\n },\r\n enableLinks: function() {\r\n this._links = [];\r\n return this\r\n },\r\n virtualLink: function(parameters) {\r\n linkItem({\r\n _link: buildLink(null, parameters)\r\n }, this);\r\n return this\r\n },\r\n linkAfter: function(name) {\r\n this._linkAfter = name;\r\n return this\r\n },\r\n linkOn: function(target, parameters) {\r\n this._link = buildLink(target, parameters);\r\n linkItem(this, target);\r\n return this\r\n },\r\n linkOff: function() {\r\n unlinkItem(this);\r\n this._link = null;\r\n return this\r\n },\r\n linkAppend: function() {\r\n var link = this._link;\r\n var items = link.to._links;\r\n var i;\r\n var next;\r\n for (i = link.i + 1;\r\n (next = items[i]) && !next._link.is; ++i) {}\r\n this._insert(link.to, next);\r\n link.is = true;\r\n return this\r\n },\r\n _insert: function(parent, next) {\r\n parent.element.insertBefore(this.element, next ? next.element : null)\r\n },\r\n linkRemove: function() {\r\n this.remove();\r\n this._link.is = false;\r\n return this\r\n },\r\n clear: function() {\r\n this._clearChildrenFuncIri();\r\n this._getJQElement().empty();\r\n return this\r\n },\r\n toBackground: function() {\r\n var elem = this.element;\r\n var parent = elem.parentNode;\r\n parent && parent.insertBefore(elem, parent.firstChild);\r\n return this\r\n },\r\n toForeground: function() {\r\n var elem = this.element;\r\n var parent = elem.parentNode;\r\n parent && parent.appendChild(elem);\r\n return this\r\n },\r\n attr: function(attrs) {\r\n return baseAttr(this, attrs)\r\n },\r\n smartAttr: function(attrs) {\r\n return this.attr(processHatchingAttrs(this, attrs))\r\n },\r\n css: function(styles) {\r\n return baseCss(this, styles)\r\n },\r\n animate: function(params, options, complete) {\r\n return baseAnimate(this, params, options, complete)\r\n },\r\n sharp(pos, sharpDirection) {\r\n return this.attr({\r\n sharp: pos || true,\r\n sharpDirection: sharpDirection\r\n })\r\n },\r\n _applyTransformation() {\r\n var tr = this._settings;\r\n var rotateX;\r\n var rotateY;\r\n var transformations = [];\r\n var sharpMode = tr.sharp;\r\n var trDirection = tr.sharpDirection || 1;\r\n var strokeOdd = tr[KEY_STROKE_WIDTH] % 2;\r\n var correctionX = strokeOdd && (\"h\" === sharpMode || true === sharpMode) ? SHARPING_CORRECTION * trDirection : 0;\r\n var correctionY = strokeOdd && (\"v\" === sharpMode || true === sharpMode) ? SHARPING_CORRECTION * trDirection : 0;\r\n transformations.push(\"translate(\" + ((tr.translateX || 0) + correctionX) + \",\" + ((tr.translateY || 0) + correctionY) + \")\");\r\n if (tr.rotate) {\r\n if (\"rotateX\" in tr) {\r\n rotateX = tr.rotateX\r\n } else {\r\n rotateX = tr.x\r\n }\r\n if (\"rotateY\" in tr) {\r\n rotateY = tr.rotateY\r\n } else {\r\n rotateY = tr.y\r\n }\r\n transformations.push(\"rotate(\" + tr.rotate + \",\" + (rotateX || 0) + \",\" + (rotateY || 0) + \")\")\r\n }\r\n var scaleXDefined = isDefined(tr.scaleX);\r\n var scaleYDefined = isDefined(tr.scaleY);\r\n if (scaleXDefined || scaleYDefined) {\r\n transformations.push(\"scale(\" + (scaleXDefined ? tr.scaleX : 1) + \",\" + (scaleYDefined ? tr.scaleY : 1) + \")\")\r\n }\r\n if (transformations.length) {\r\n this.element.setAttribute(\"transform\", transformations.join(\" \"))\r\n }\r\n },\r\n move: function(x, y, animate, animOptions) {\r\n var obj = {};\r\n isDefined(x) && (obj.translateX = x);\r\n isDefined(y) && (obj.translateY = y);\r\n if (!animate) {\r\n this.attr(obj)\r\n } else {\r\n this.animate(obj, animOptions)\r\n }\r\n return this\r\n },\r\n rotate: function(angle, x, y, animate, animOptions) {\r\n var obj = {\r\n rotate: angle || 0\r\n };\r\n isDefined(x) && (obj.rotateX = x);\r\n isDefined(y) && (obj.rotateY = y);\r\n if (!animate) {\r\n this.attr(obj)\r\n } else {\r\n this.animate(obj, animOptions)\r\n }\r\n return this\r\n },\r\n _getElementBBox: function() {\r\n var elem = this.element;\r\n var bBox;\r\n try {\r\n bBox = elem.getBBox && elem.getBBox()\r\n } catch (e) {}\r\n return bBox || {\r\n x: 0,\r\n y: 0,\r\n width: elem.offsetWidth || 0,\r\n height: elem.offsetHeight || 0\r\n }\r\n },\r\n getBBox: function() {\r\n var transformation = this._settings;\r\n var bBox = this._getElementBBox();\r\n if (transformation.rotate) {\r\n bBox = rotateBBox(bBox, [(\"rotateX\" in transformation ? transformation.rotateX : transformation.x) || 0, (\"rotateY\" in transformation ? transformation.rotateY : transformation.y) || 0], -transformation.rotate)\r\n } else {\r\n bBox = normalizeBBox(bBox)\r\n }\r\n return bBox\r\n },\r\n markup: function() {\r\n return getSvgMarkup(this.element)\r\n },\r\n getOffset: function() {\r\n return this._getJQElement().offset()\r\n },\r\n stopAnimation: function(disableComplete) {\r\n var animation = this.animation;\r\n animation && animation.stop(disableComplete);\r\n return this\r\n },\r\n setTitle: function(text) {\r\n var titleElem = createElement(\"title\");\r\n titleElem.textContent = text || \"\";\r\n this.element.appendChild(titleElem)\r\n },\r\n removeTitle() {\r\n detachTitleElements(this.element)\r\n },\r\n data: function(obj, val) {\r\n var elem = this.element;\r\n var key;\r\n if (void 0 !== val) {\r\n elem[obj] = val\r\n } else {\r\n for (key in obj) {\r\n elem[key] = obj[key]\r\n }\r\n }\r\n return this\r\n },\r\n on: function() {\r\n var args = [this._getJQElement()];\r\n args.push.apply(args, arguments);\r\n eventsEngine.on.apply(eventsEngine, args);\r\n return this\r\n },\r\n off: function() {\r\n var args = [this._getJQElement()];\r\n args.push.apply(args, arguments);\r\n eventsEngine.off.apply(eventsEngine, args);\r\n return this\r\n },\r\n trigger: function() {\r\n var args = [this._getJQElement()];\r\n args.push.apply(args, arguments);\r\n eventsEngine.trigger.apply(eventsEngine, args);\r\n return this\r\n }\r\n};\r\nexport var PathSvgElement = function(renderer, type) {\r\n SvgElement.call(this, renderer, \"path\", type)\r\n};\r\nPathSvgElement.prototype = objectCreate(SvgElement.prototype);\r\nextend(PathSvgElement.prototype, {\r\n constructor: PathSvgElement,\r\n attr: pathAttr,\r\n animate: pathAnimate\r\n});\r\nexport var ArcSvgElement = function(renderer) {\r\n SvgElement.call(this, renderer, \"path\", \"arc\")\r\n};\r\nArcSvgElement.prototype = objectCreate(SvgElement.prototype);\r\nextend(ArcSvgElement.prototype, {\r\n constructor: ArcSvgElement,\r\n attr: arcAttr,\r\n animate: arcAnimate\r\n});\r\nexport var RectSvgElement = function(renderer) {\r\n SvgElement.call(this, renderer, \"rect\")\r\n};\r\nRectSvgElement.prototype = objectCreate(SvgElement.prototype);\r\nextend(RectSvgElement.prototype, {\r\n constructor: RectSvgElement,\r\n attr: rectAttr\r\n});\r\nexport var TextSvgElement = function(renderer) {\r\n SvgElement.call(this, renderer, \"text\");\r\n this.css({\r\n \"white-space\": \"pre\"\r\n })\r\n};\r\nTextSvgElement.prototype = objectCreate(SvgElement.prototype);\r\nextend(TextSvgElement.prototype, {\r\n constructor: TextSvgElement,\r\n attr: textAttr,\r\n css: textCss,\r\n applyEllipsis: applyEllipsis,\r\n setMaxSize: setMaxSize,\r\n restoreText: restoreText,\r\n _getLineHeight() {\r\n return !isNaN(parseFloat(this._styles[KEY_FONT_SIZE])) ? this._styles[KEY_FONT_SIZE] : DEFAULT_FONT_SIZE\r\n }\r\n});\r\n\r\nfunction updateIndexes(items, k) {\r\n var i;\r\n var item;\r\n for (i = k; item = items[i]; ++i) {\r\n item._link.i = i\r\n }\r\n}\r\n\r\nfunction linkItem(target, container) {\r\n var items = container._links;\r\n var key = target._link.after = target._link.after || container._linkAfter;\r\n var i;\r\n var item;\r\n if (key) {\r\n for (i = 0;\r\n (item = items[i]) && item._link.name !== key; ++i) {}\r\n if (item) {\r\n for (++i;\r\n (item = items[i]) && item._link.after === key; ++i) {}\r\n }\r\n } else {\r\n i = items.length\r\n }\r\n items.splice(i, 0, target);\r\n updateIndexes(items, i)\r\n}\r\n\r\nfunction unlinkItem(target) {\r\n var i;\r\n var items = target._link.to._links;\r\n for (i = 0; items[i] !== target; ++i) {}\r\n items.splice(i, 1);\r\n updateIndexes(items, i)\r\n}\r\nexport function Renderer(options) {\r\n this.root = this._createElement(\"svg\", {\r\n xmlns: \"http://www.w3.org/2000/svg\",\r\n version: \"1.1\",\r\n fill: NONE,\r\n stroke: NONE,\r\n \"stroke-width\": 0\r\n }).attr({\r\n class: options.cssClass\r\n }).css({\r\n \"line-height\": \"normal\",\r\n \"-ms-user-select\": NONE,\r\n \"-moz-user-select\": NONE,\r\n \"-webkit-user-select\": NONE,\r\n \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\r\n display: \"block\",\r\n overflow: \"hidden\"\r\n });\r\n this._init();\r\n this.pathModified = !!options.pathModified;\r\n this._$container = $(options.container);\r\n this.root.append({\r\n element: options.container\r\n });\r\n this._locker = 0;\r\n this._backed = false\r\n}\r\nRenderer.prototype = {\r\n constructor: Renderer,\r\n _init: function() {\r\n this._defs = this._createElement(\"defs\").append(this.root);\r\n this._animationController = new AnimationController(this.root.element);\r\n this._animation = {\r\n enabled: true,\r\n duration: 1e3,\r\n easing: \"easeOutCubic\"\r\n }\r\n },\r\n setOptions: function(options) {\r\n this.rtl = !!options.rtl;\r\n this.encodeHtml = !!options.encodeHtml;\r\n this.updateAnimationOptions(options.animation || {});\r\n this.root.attr({\r\n direction: this.rtl ? \"rtl\" : \"ltr\"\r\n });\r\n return this\r\n },\r\n _createElement: function(tagName, attr, type) {\r\n var elem = new SvgElement(this, tagName, type);\r\n attr && elem.attr(attr);\r\n return elem\r\n },\r\n lock: function() {\r\n if (0 === this._locker) {\r\n this._backed = !this._$container.is(\":visible\");\r\n if (this._backed) {\r\n backupRoot(this.root)\r\n }\r\n }++this._locker;\r\n return this\r\n },\r\n unlock: function() {\r\n --this._locker;\r\n if (0 === this._locker) {\r\n if (this._backed) {\r\n restoreRoot(this.root, this._$container[0])\r\n }\r\n this._backed = false\r\n }\r\n return this\r\n },\r\n resize: function(width, height) {\r\n if (width >= 0 && height >= 0) {\r\n this.root.attr({\r\n width: width,\r\n height: height\r\n })\r\n }\r\n return this\r\n },\r\n dispose: function() {\r\n var key;\r\n this.root.dispose();\r\n this._defs.dispose();\r\n this._animationController.dispose();\r\n fixFuncIriCallbacks.removeByRenderer(this);\r\n for (key in this) {\r\n this[key] = null\r\n }\r\n return this\r\n },\r\n animationEnabled: function() {\r\n return !!this._animation.enabled\r\n },\r\n updateAnimationOptions: function(newOptions) {\r\n extend(this._animation, newOptions);\r\n return this\r\n },\r\n stopAllAnimations: function(lock) {\r\n this._animationController[lock ? \"lock\" : \"stop\"]();\r\n return this\r\n },\r\n animateElement: function(element, params, options) {\r\n this._animationController.animateElement(element, params, options);\r\n return this\r\n },\r\n svg: function() {\r\n return this.root.markup()\r\n },\r\n getRootOffset: function() {\r\n return this.root.getOffset()\r\n },\r\n onEndAnimation: function(endAnimation) {\r\n this._animationController.onEndAnimation(endAnimation)\r\n },\r\n rect: function(x, y, width, height) {\r\n var elem = new RectSvgElement(this);\r\n return elem.attr({\r\n x: x || 0,\r\n y: y || 0,\r\n width: width || 0,\r\n height: height || 0\r\n })\r\n },\r\n simpleRect: function() {\r\n return this._createElement(\"rect\")\r\n },\r\n circle: function(x, y, r) {\r\n return this._createElement(\"circle\", {\r\n cx: x || 0,\r\n cy: y || 0,\r\n r: r || 0\r\n })\r\n },\r\n g: function() {\r\n return this._createElement(\"g\")\r\n },\r\n image: function(x, y, w, h, href, location) {\r\n var image = this._createElement(\"image\", {\r\n x: x || 0,\r\n y: y || 0,\r\n width: w || 0,\r\n height: h || 0,\r\n preserveAspectRatio: preserveAspectRatioMap[normalizeEnum(location)] || NONE\r\n });\r\n image.element.setAttributeNS(\"http://www.w3.org/1999/xlink\", \"href\", href || \"\");\r\n return image\r\n },\r\n path: function(points, type) {\r\n var elem = new PathSvgElement(this, type);\r\n return elem.attr({\r\n points: points || []\r\n })\r\n },\r\n arc: function(x, y, innerRadius, outerRadius, startAngle, endAngle) {\r\n var elem = new ArcSvgElement(this);\r\n return elem.attr({\r\n x: x || 0,\r\n y: y || 0,\r\n innerRadius: innerRadius || 0,\r\n outerRadius: outerRadius || 0,\r\n startAngle: startAngle || 0,\r\n endAngle: endAngle || 0\r\n })\r\n },\r\n text: function(_text, x, y) {\r\n var elem = new TextSvgElement(this);\r\n return elem.attr({\r\n text: _text,\r\n x: x || 0,\r\n y: y || 0\r\n })\r\n },\r\n linearGradient: function(stops) {\r\n var id = getNextDefsSvgId();\r\n var that = this;\r\n var gradient = that._createElement(\"linearGradient\", {\r\n id: id\r\n }).append(that._defs);\r\n gradient.id = id;\r\n stops.forEach(stop => {\r\n that._createElement(\"stop\", {\r\n offset: stop.offset,\r\n \"stop-color\": stop[\"stop-color\"]\r\n }).append(gradient)\r\n });\r\n return gradient\r\n },\r\n pattern: function(color, hatching, _id) {\r\n hatching = hatching || {};\r\n var step = hatching.step || 6;\r\n var stepTo2 = step / 2;\r\n var stepBy15 = 1.5 * step;\r\n var id = _id || getNextDefsSvgId();\r\n var d = \"right\" === normalizeEnum(hatching.direction) ? \"M \" + stepTo2 + \" \" + -stepTo2 + \" L \" + -stepTo2 + \" \" + stepTo2 + \" M 0 \" + step + \" L \" + step + \" 0 M \" + stepBy15 + \" \" + stepTo2 + \" L \" + stepTo2 + \" \" + stepBy15 : \"M 0 0 L \" + step + \" \" + step + \" M \" + -stepTo2 + \" \" + stepTo2 + \" L \" + stepTo2 + \" \" + stepBy15 + \" M \" + stepTo2 + \" \" + -stepTo2 + \" L \" + stepBy15 + \" \" + stepTo2;\r\n var pattern = this._createElement(\"pattern\", {\r\n id: id,\r\n width: step,\r\n height: step,\r\n patternUnits: \"userSpaceOnUse\"\r\n }).append(this._defs);\r\n pattern.id = id;\r\n this.rect(0, 0, step, step).attr({\r\n fill: color,\r\n opacity: hatching.opacity\r\n }).append(pattern);\r\n new PathSvgElement(this).attr({\r\n d: d,\r\n \"stroke-width\": hatching.width || 1,\r\n stroke: color\r\n }).append(pattern);\r\n return pattern\r\n },\r\n _getPointsWithYOffset: function(points, offset) {\r\n return points.map((function(point, index) {\r\n if (index % 2 !== 0) {\r\n return point + offset\r\n }\r\n return point\r\n }))\r\n },\r\n clipShape: function(method, methodArgs) {\r\n var id = getNextDefsSvgId();\r\n var clipPath = this._createElement(\"clipPath\", {\r\n id: id\r\n }).append(this._defs);\r\n var shape = method.apply(this, methodArgs).append(clipPath);\r\n shape.id = id;\r\n shape.remove = function() {\r\n throw \"Not implemented\"\r\n };\r\n shape.dispose = function() {\r\n clipPath.dispose();\r\n clipPath = null;\r\n return this\r\n };\r\n return shape\r\n },\r\n clipRect(x, y, width, height) {\r\n return this.clipShape(this.rect, arguments)\r\n },\r\n clipCircle(x, y, radius) {\r\n return this.clipShape(this.circle, arguments)\r\n },\r\n shadowFilter: function(x, y, width, height, offsetX, offsetY, blur, color, opacity) {\r\n var id = getNextDefsSvgId();\r\n var filter = this._createElement(\"filter\", {\r\n id: id,\r\n x: x || 0,\r\n y: y || 0,\r\n width: width || 0,\r\n height: height || 0\r\n }).append(this._defs);\r\n var gaussianBlur = this._createElement(\"feGaussianBlur\", {\r\n in: \"SourceGraphic\",\r\n result: \"gaussianBlurResult\",\r\n stdDeviation: blur || 0\r\n }).append(filter);\r\n var offset = this._createElement(\"feOffset\", {\r\n in: \"gaussianBlurResult\",\r\n result: \"offsetResult\",\r\n dx: offsetX || 0,\r\n dy: offsetY || 0\r\n }).append(filter);\r\n var flood = this._createElement(\"feFlood\", {\r\n result: \"floodResult\",\r\n \"flood-color\": color || \"\",\r\n \"flood-opacity\": opacity\r\n }).append(filter);\r\n var composite = this._createElement(\"feComposite\", {\r\n in: \"floodResult\",\r\n in2: \"offsetResult\",\r\n operator: \"in\",\r\n result: \"compositeResult\"\r\n }).append(filter);\r\n var finalComposite = this._createElement(\"feComposite\", {\r\n in: \"SourceGraphic\",\r\n in2: \"compositeResult\",\r\n operator: \"over\"\r\n }).append(filter);\r\n filter.id = id;\r\n filter.gaussianBlur = gaussianBlur;\r\n filter.offset = offset;\r\n filter.flood = flood;\r\n filter.composite = composite;\r\n filter.finalComposite = finalComposite;\r\n filter.attr = function(attrs) {\r\n var filterAttrs = {};\r\n var offsetAttrs = {};\r\n var floodAttrs = {};\r\n \"x\" in attrs && (filterAttrs.x = attrs.x);\r\n \"y\" in attrs && (filterAttrs.y = attrs.y);\r\n \"width\" in attrs && (filterAttrs.width = attrs.width);\r\n \"height\" in attrs && (filterAttrs.height = attrs.height);\r\n baseAttr(this, filterAttrs);\r\n \"blur\" in attrs && this.gaussianBlur.attr({\r\n stdDeviation: attrs.blur\r\n });\r\n \"offsetX\" in attrs && (offsetAttrs.dx = attrs.offsetX);\r\n \"offsetY\" in attrs && (offsetAttrs.dy = attrs.offsetY);\r\n this.offset.attr(offsetAttrs);\r\n \"color\" in attrs && (floodAttrs[\"flood-color\"] = attrs.color);\r\n \"opacity\" in attrs && (floodAttrs[\"flood-opacity\"] = attrs.opacity);\r\n this.flood.attr(floodAttrs);\r\n return this\r\n };\r\n return filter\r\n },\r\n brightFilter: function(type, slope) {\r\n var id = getNextDefsSvgId();\r\n var filter = this._createElement(\"filter\", {\r\n id: id\r\n }).append(this._defs);\r\n var componentTransferElement = this._createElement(\"feComponentTransfer\").append(filter);\r\n var attrs = {\r\n type: type,\r\n slope: slope\r\n };\r\n filter.id = id;\r\n this._createElement(\"feFuncR\", attrs).append(componentTransferElement);\r\n this._createElement(\"feFuncG\", attrs).append(componentTransferElement);\r\n this._createElement(\"feFuncB\", attrs).append(componentTransferElement);\r\n return filter\r\n },\r\n getGrayScaleFilter: function() {\r\n if (this._grayScaleFilter) {\r\n return this._grayScaleFilter\r\n }\r\n var id = getNextDefsSvgId();\r\n var filter = this._createElement(\"filter\", {\r\n id: id\r\n }).append(this._defs);\r\n this._createElement(\"feColorMatrix\").attr({\r\n type: \"matrix\",\r\n values: \"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 0.6 0\"\r\n }).append(filter);\r\n filter.id = id;\r\n this._grayScaleFilter = filter;\r\n return filter\r\n },\r\n initHatching: function() {\r\n var storage = this._hatchingStorage = this._hatchingStorage || {\r\n byHash: {},\r\n baseId: getNextDefsSvgId()\r\n };\r\n var byHash = storage.byHash;\r\n var name;\r\n for (name in byHash) {\r\n byHash[name].pattern.dispose()\r\n }\r\n storage.byHash = {};\r\n storage.refToHash = {};\r\n storage.nextId = 0\r\n },\r\n lockHatching: function(color, hatching, ref) {\r\n var storage = this._hatchingStorage;\r\n var hash = getHatchingHash(color, hatching);\r\n var storageItem;\r\n var pattern;\r\n if (storage.refToHash[ref] !== hash) {\r\n if (ref) {\r\n this.releaseHatching(ref)\r\n }\r\n storageItem = storage.byHash[hash];\r\n if (!storageItem) {\r\n pattern = this.pattern(color, hatching, storage.baseId + \"-hatching-\" + storage.nextId++);\r\n storageItem = storage.byHash[hash] = {\r\n pattern: pattern,\r\n count: 0\r\n };\r\n storage.refToHash[pattern.id] = hash\r\n }++storageItem.count;\r\n ref = storageItem.pattern.id\r\n }\r\n return ref\r\n },\r\n releaseHatching: function(ref) {\r\n var storage = this._hatchingStorage;\r\n var hash = storage.refToHash[ref];\r\n var storageItem = storage.byHash[hash];\r\n if (storageItem && 0 === --storageItem.count) {\r\n storageItem.pattern.dispose();\r\n delete storage.byHash[hash];\r\n delete storage.refToHash[ref]\r\n }\r\n }\r\n};\r\n\r\nfunction getHatchingHash(color, hatching) {\r\n return \"@\" + color + \"::\" + hatching.step + \":\" + hatching.width + \":\" + hatching.opacity + \":\" + hatching.direction\r\n}\r\nvar fixFuncIriCallbacks = function() {\r\n var callbacks = [];\r\n return {\r\n add: function(fn) {\r\n callbacks.push(fn)\r\n },\r\n remove: function(fn) {\r\n callbacks = callbacks.filter((function(el) {\r\n return el !== fn\r\n }))\r\n },\r\n removeByRenderer: function(renderer) {\r\n callbacks = callbacks.filter((function(el) {\r\n return el.renderer !== renderer\r\n }))\r\n },\r\n fire: function() {\r\n callbacks.forEach((function(fn) {\r\n fn()\r\n }))\r\n }\r\n }\r\n}();\r\nexport var refreshPaths = function() {\r\n fixFuncIriCallbacks.fire()\r\n};\r\n","/**\r\n * DevExtreme (esm/viz/utils.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\r\nimport {\r\n refreshPaths\r\n} from \"./core/renderers/renderer\";\r\nimport {\r\n each as _each\r\n} from \"../core/utils/iterator\";\r\nvar {\r\n floor: floor\r\n} = Math;\r\nexport var prepareSegmentRectPoints = function(left, top, width, height, borderOptions) {\r\n var maxSW = ~~((width < height ? width : height) / 2);\r\n var sw = borderOptions.width || 0;\r\n var newSW = sw < maxSW ? sw : maxSW;\r\n left += newSW / 2;\r\n top += newSW / 2;\r\n width -= newSW;\r\n height -= newSW;\r\n var right = left + width;\r\n var bottom = top + height;\r\n var points = [];\r\n var segments = [];\r\n var segmentSequence;\r\n var visiblyOpt = 0;\r\n var prevSegmentVisibility = 0;\r\n var allSegment = {\r\n top: [\r\n [left, top],\r\n [right, top]\r\n ],\r\n right: [\r\n [right, top],\r\n [right, bottom]\r\n ],\r\n bottom: [\r\n [right, bottom],\r\n [left, bottom]\r\n ],\r\n left: [\r\n [left, bottom],\r\n [left, top]\r\n ]\r\n };\r\n _each(allSegment, (function(seg) {\r\n var visibility = !!borderOptions[seg];\r\n visiblyOpt = 2 * visiblyOpt + ~~visibility\r\n }));\r\n switch (visiblyOpt) {\r\n case 13:\r\n case 9:\r\n segmentSequence = [\"left\", \"top\", \"right\", \"bottom\"];\r\n break;\r\n case 11:\r\n segmentSequence = [\"bottom\", \"left\", \"top\", \"right\"];\r\n break;\r\n default:\r\n segmentSequence = [\"top\", \"right\", \"bottom\", \"left\"]\r\n }\r\n _each(segmentSequence, (function(_, seg) {\r\n var segmentVisibility = !!borderOptions[seg];\r\n if (!prevSegmentVisibility && segments.length) {\r\n points.push(segments);\r\n segments = []\r\n }\r\n if (segmentVisibility) {\r\n _each(allSegment[seg].slice(prevSegmentVisibility), (function(_, segment) {\r\n segments = segments.concat(segment)\r\n }))\r\n }\r\n prevSegmentVisibility = ~~segmentVisibility\r\n }));\r\n segments.length && points.push(segments);\r\n 1 === points.length && (points = points[0]);\r\n return {\r\n points: points,\r\n pathType: 15 === visiblyOpt ? \"area\" : \"line\"\r\n }\r\n};\r\nexport {\r\n refreshPaths\r\n};\r\nexport var areCanvasesDifferent = function(canvas1, canvas2) {\r\n var sizeLessThreshold = [\"width\", \"height\"].every(key => Math.abs(canvas1[key] - canvas2[key]) < 1);\r\n var canvasCoordsIsEqual = [\"left\", \"right\", \"top\", \"bottom\"].every(key => canvas1[key] === canvas2[key]);\r\n return !(sizeLessThreshold && canvasCoordsIsEqual)\r\n};\r\nexport var floorCanvasDimensions = function(canvas) {\r\n return _extends({}, canvas, {\r\n height: floor(canvas.height),\r\n width: floor(canvas.width)\r\n })\r\n};\r\n","/**\r\n * DevExtreme (esm/__internal/viz/core/m_base_widget.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport devices from \"../../../core/devices\";\r\nimport domAdapter from \"../../../core/dom_adapter\";\r\nimport DOMComponent from \"../../../core/dom_component\";\r\nimport $ from \"../../../core/renderer\";\r\nimport {\r\n noop\r\n} from \"../../../core/utils/common\";\r\nimport {\r\n when\r\n} from \"../../../core/utils/deferred\";\r\nimport {\r\n extend\r\n} from \"../../../core/utils/extend\";\r\nimport {\r\n each\r\n} from \"../../../core/utils/iterator\";\r\nimport {\r\n getHeight,\r\n getWidth\r\n} from \"../../../core/utils/size\";\r\nimport {\r\n isDefined,\r\n isFunction,\r\n isNumeric,\r\n isObject as _isObject,\r\n type\r\n} from \"../../../core/utils/type\";\r\nimport {\r\n getWindow,\r\n hasWindow\r\n} from \"../../../core/utils/window\";\r\nimport eventsEngine from \"../../../events/core/events_engine\";\r\nimport {\r\n BaseThemeManager\r\n} from \"../../../viz/core/base_theme_manager\";\r\nimport {\r\n createEventTrigger,\r\n createIncidentOccurred,\r\n createResizeHandler\r\n} from \"../../../viz/core/base_widget.utils\";\r\nimport warnings from \"../../../viz/core/errors_warnings\";\r\nimport {\r\n changes,\r\n replaceInherit\r\n} from \"../../../viz/core/helpers\";\r\nimport _Layout from \"../../../viz/core/layout\";\r\nimport {\r\n Renderer\r\n} from \"../../../viz/core/renderers/renderer\";\r\nimport {\r\n parseScalar as _parseScalar\r\n} from \"../../../viz/core/utils\";\r\nimport {\r\n areCanvasesDifferent,\r\n floorCanvasDimensions\r\n} from \"../../../viz/utils\";\r\nvar {\r\n log: log\r\n} = warnings;\r\nvar OPTION_RTL_ENABLED = \"rtlEnabled\";\r\nvar SIZED_ELEMENT_CLASS = \"dx-sized-element\";\r\nvar baseOptionMethod = DOMComponent.prototype.option;\r\n\r\nfunction getTrue() {\r\n return true\r\n}\r\n\r\nfunction getFalse() {\r\n return false\r\n}\r\n\r\nfunction defaultOnIncidentOccurred(e) {\r\n if (!e.component._eventsStrategy.hasEvent(\"incidentOccurred\")) {\r\n log.apply(null, [e.target.id].concat(e.target.args || []))\r\n }\r\n}\r\n\r\nfunction pickPositiveValue(values) {\r\n return values.reduce((result, value) => value > 0 && !result ? value : result, 0)\r\n}\r\nvar getEmptyComponent = function() {\r\n var emptyComponentConfig = {\r\n _initTemplates() {},\r\n ctor(element, options) {\r\n this.callBase(element, options);\r\n var sizedElement = domAdapter.createElement(\"div\");\r\n var width = options && isNumeric(options.width) ? \"\".concat(options.width, \"px\") : \"100%\";\r\n var height = options && isNumeric(options.height) ? \"\".concat(options.height, \"px\") : \"\".concat(this._getDefaultSize().height, \"px\");\r\n domAdapter.setStyle(sizedElement, \"width\", width);\r\n domAdapter.setStyle(sizedElement, \"height\", height);\r\n domAdapter.setClass(sizedElement, SIZED_ELEMENT_CLASS, false);\r\n domAdapter.insertElement(element, sizedElement)\r\n }\r\n };\r\n var EmptyComponent = DOMComponent.inherit(emptyComponentConfig);\r\n var originalInherit = EmptyComponent.inherit;\r\n EmptyComponent.inherit = function(config) {\r\n Object.keys(config).forEach(field => {\r\n if (isFunction(config[field]) && \"_\" !== field.substr(0, 1) && \"option\" !== field || \"_dispose\" === field || \"_optionChanged\" === field) {\r\n config[field] = noop\r\n }\r\n });\r\n return originalInherit.call(this, config)\r\n };\r\n return EmptyComponent\r\n};\r\n\r\nfunction callForEach(functions) {\r\n functions.forEach(c => c())\r\n}\r\nvar isServerSide = !hasWindow();\r\n\r\nfunction sizeIsValid(value) {\r\n return isDefined(value) && value > 0\r\n}\r\nvar baseWidget = isServerSide ? getEmptyComponent() : DOMComponent.inherit({\r\n _eventsMap: {\r\n onIncidentOccurred: {\r\n name: \"incidentOccurred\",\r\n actionSettings: {\r\n excludeValidators: [\"disabled\"]\r\n }\r\n },\r\n onDrawn: {\r\n name: \"drawn\",\r\n actionSettings: {\r\n excludeValidators: [\"disabled\"]\r\n }\r\n }\r\n },\r\n _getDefaultOptions() {\r\n return extend(this.callBase(), {\r\n onIncidentOccurred: defaultOnIncidentOccurred\r\n })\r\n },\r\n _useLinks: true,\r\n _init() {\r\n this._$element.children(\".\".concat(SIZED_ELEMENT_CLASS)).remove();\r\n this._$element.children(\".\".concat(SIZED_ELEMENT_CLASS)).remove();\r\n this.callBase(...arguments);\r\n this._changesLocker = 0;\r\n this._optionChangedLocker = 0;\r\n this._asyncFirstDrawing = true;\r\n this._changes = changes();\r\n this._suspendChanges();\r\n this._themeManager = this._createThemeManager();\r\n this._themeManager.setCallback(() => {\r\n this._requestChange(this._themeDependentChanges)\r\n });\r\n this._renderElementAttributes();\r\n this._initRenderer();\r\n var useLinks = this._useLinks;\r\n if (useLinks) {\r\n this._renderer.root.enableLinks().virtualLink(\"core\").virtualLink(\"peripheral\")\r\n }\r\n this._renderVisibilityChange();\r\n this._attachVisibilityChangeHandlers();\r\n this._toggleParentsScrollSubscription(this._isVisible());\r\n this._initEventTrigger();\r\n this._incidentOccurred = createIncidentOccurred(this.NAME, this._eventTrigger);\r\n this._layout = new _Layout;\r\n if (useLinks) {\r\n this._renderer.root.linkAfter(\"core\")\r\n }\r\n this._initPlugins();\r\n this._initCore();\r\n if (useLinks) {\r\n this._renderer.root.linkAfter()\r\n }\r\n this._change(this._initialChanges)\r\n },\r\n _createThemeManager() {\r\n return new BaseThemeManager(this._getThemeManagerOptions())\r\n },\r\n _getThemeManagerOptions() {\r\n return {\r\n themeSection: this._themeSection,\r\n fontFields: this._fontFields\r\n }\r\n },\r\n _initialChanges: [\"LAYOUT\", \"RESIZE_HANDLER\", \"THEME\", \"DISABLED\"],\r\n _initPlugins() {\r\n each(this._plugins, (_, plugin) => {\r\n plugin.init.call(this)\r\n })\r\n },\r\n _disposePlugins() {\r\n each(this._plugins.slice().reverse(), (_, plugin) => {\r\n plugin.dispose.call(this)\r\n })\r\n },\r\n _change(codes) {\r\n this._changes.add(codes)\r\n },\r\n _suspendChanges() {\r\n this._changesLocker += 1\r\n },\r\n _resumeChanges() {\r\n if (0 === --this._changesLocker && this._changes.count() > 0 && !this._applyingChanges) {\r\n this._renderer.lock();\r\n this._applyingChanges = true;\r\n this._applyChanges();\r\n this._changes.reset();\r\n this._applyingChanges = false;\r\n this._changesApplied();\r\n this._renderer.unlock();\r\n if (this._optionsQueue) {\r\n this._applyQueuedOptions()\r\n }\r\n this.resolveItemsDeferred(this._legend ? [this._legend] : []);\r\n this._optionChangedLocker += 1;\r\n this._notify();\r\n this._optionChangedLocker -= 1\r\n }\r\n },\r\n resolveItemsDeferred(items) {\r\n this._resolveDeferred(this._getTemplatesItems(items))\r\n },\r\n _collectTemplatesFromItems: items => items.reduce((prev, i) => ({\r\n items: prev.items.concat(i.getTemplatesDef()),\r\n groups: prev.groups.concat(i.getTemplatesGroups())\r\n }), {\r\n items: [],\r\n groups: []\r\n }),\r\n _getTemplatesItems(items) {\r\n var elements = this._collectTemplatesFromItems(items);\r\n var extraItems = this._getExtraTemplatesItems();\r\n return {\r\n items: extraItems.items.concat(elements.items),\r\n groups: extraItems.groups.concat(elements.groups),\r\n launchRequest: [extraItems.launchRequest],\r\n doneRequest: [extraItems.doneRequest]\r\n }\r\n },\r\n _getExtraTemplatesItems: () => ({\r\n items: [],\r\n groups: [],\r\n launchRequest: () => {},\r\n doneRequest: () => {}\r\n }),\r\n _resolveDeferred(_ref) {\r\n var {\r\n items: items,\r\n launchRequest: launchRequest,\r\n doneRequest: doneRequest,\r\n groups: groups\r\n } = _ref;\r\n this._setGroupsVisibility(groups, \"hidden\");\r\n if (this._changesApplying) {\r\n this._changesApplying = false;\r\n callForEach(doneRequest);\r\n return\r\n }\r\n var syncRendering = true;\r\n when.apply(this, items).done(() => {\r\n if (syncRendering) {\r\n this._setGroupsVisibility(groups, \"visible\");\r\n return\r\n }\r\n callForEach(launchRequest);\r\n this._changesApplying = true;\r\n var changes = [\"LAYOUT\", \"FULL_RENDER\"];\r\n if (this._asyncFirstDrawing) {\r\n changes.push(\"FORCE_FIRST_DRAWING\");\r\n this._asyncFirstDrawing = false\r\n } else {\r\n changes.push(\"FORCE_DRAWING\")\r\n }\r\n this._requestChange(changes);\r\n this._setGroupsVisibility(groups, \"visible\")\r\n });\r\n syncRendering = false\r\n },\r\n _setGroupsVisibility(groups, visibility) {\r\n groups.forEach(g => g.attr({\r\n visibility: visibility\r\n }))\r\n },\r\n _applyQueuedOptions() {\r\n var queue = this._optionsQueue;\r\n this._optionsQueue = null;\r\n this.beginUpdate();\r\n each(queue, (_, action) => {\r\n action()\r\n });\r\n this.endUpdate()\r\n },\r\n _requestChange(codes) {\r\n this._suspendChanges();\r\n this._change(codes);\r\n this._resumeChanges()\r\n },\r\n _applyChanges() {\r\n var changes = this._changes;\r\n var order = this._totalChangesOrder;\r\n var changesOrderLength = order.length;\r\n for (var i = 0; i < changesOrderLength; i += 1) {\r\n if (changes.has(order[i])) {\r\n this[\"_change_\".concat(order[i])]()\r\n }\r\n }\r\n },\r\n _optionChangesOrder: [\"EVENTS\", \"THEME\", \"RENDERER\", \"RESIZE_HANDLER\"],\r\n _layoutChangesOrder: [\"ELEMENT_ATTR\", \"CONTAINER_SIZE\", \"LAYOUT\"],\r\n _customChangesOrder: [\"DISABLED\"],\r\n _change_EVENTS() {\r\n this._eventTrigger.applyChanges()\r\n },\r\n _change_THEME() {\r\n this._setThemeAndRtl()\r\n },\r\n _change_RENDERER() {\r\n this._setRendererOptions()\r\n },\r\n _change_RESIZE_HANDLER() {\r\n this._setupResizeHandler()\r\n },\r\n _change_ELEMENT_ATTR() {\r\n this._renderElementAttributes();\r\n this._change([\"CONTAINER_SIZE\"])\r\n },\r\n _change_CONTAINER_SIZE() {\r\n this._updateSize()\r\n },\r\n _change_LAYOUT() {\r\n this._setContentSize()\r\n },\r\n _change_DISABLED() {\r\n var renderer = this._renderer;\r\n var {\r\n root: root\r\n } = renderer;\r\n if (this.option(\"disabled\")) {\r\n this._initDisabledState = root.attr(\"pointer-events\");\r\n root.attr({\r\n \"pointer-events\": \"none\",\r\n filter: renderer.getGrayScaleFilter().id\r\n })\r\n } else if (\"none\" === root.attr(\"pointer-events\")) {\r\n root.attr({\r\n \"pointer-events\": isDefined(this._initDisabledState) ? this._initDisabledState : null,\r\n filter: null\r\n })\r\n }\r\n },\r\n _themeDependentChanges: [\"RENDERER\"],\r\n _initRenderer() {\r\n var rawCanvas = this._calculateRawCanvas();\r\n this._canvas = floorCanvasDimensions(rawCanvas);\r\n this._renderer = new Renderer({\r\n cssClass: \"\".concat(this._rootClassPrefix, \" \").concat(this._rootClass),\r\n pathModified: this.option(\"pathModified\"),\r\n container: this._$element[0]\r\n });\r\n this._renderer.resize(this._canvas.width, this._canvas.height)\r\n },\r\n _disposeRenderer() {\r\n this._renderer.dispose()\r\n },\r\n _getAnimationOptions: noop,\r\n render() {\r\n this._requestChange([\"CONTAINER_SIZE\"]);\r\n var visible = this._isVisible();\r\n this._toggleParentsScrollSubscription(visible);\r\n !visible && this._stopCurrentHandling()\r\n },\r\n _toggleParentsScrollSubscription(subscribe) {\r\n var $parents = $(this._renderer.root.element).parents();\r\n if (\"generic\" === devices.real().platform) {\r\n $parents = $parents.add(getWindow())\r\n }\r\n this._proxiedTargetParentsScrollHandler = this._proxiedTargetParentsScrollHandler || function() {\r\n this._stopCurrentHandling()\r\n }.bind(this);\r\n eventsEngine.off($(\"\").add(this._$prevRootParents), \"scroll.viz_widgets\", this._proxiedTargetParentsScrollHandler);\r\n if (subscribe) {\r\n eventsEngine.on($parents, \"scroll.viz_widgets\", this._proxiedTargetParentsScrollHandler);\r\n this._$prevRootParents = $parents\r\n }\r\n },\r\n _stopCurrentHandling: noop,\r\n _dispose() {\r\n if (this._disposed) {\r\n return\r\n }\r\n this.callBase(...arguments);\r\n this._toggleParentsScrollSubscription(false);\r\n this._removeResizeHandler();\r\n this._layout.dispose();\r\n this._eventTrigger.dispose();\r\n this._disposeCore();\r\n this._disposePlugins();\r\n this._disposeRenderer();\r\n this._themeManager.dispose();\r\n this._themeManager = null;\r\n this._renderer = null;\r\n this._eventTrigger = null\r\n },\r\n _initEventTrigger() {\r\n this._eventTrigger = createEventTrigger(this._eventsMap, (name, actionSettings) => this._createActionByOption(name, actionSettings))\r\n },\r\n _calculateRawCanvas() {\r\n var size = this.option(\"size\") || {};\r\n var margin = this.option(\"margin\") || {};\r\n var defaultCanvas = this._getDefaultSize() || {};\r\n var getSizeOfSide = (size, side, getter) => {\r\n if (sizeIsValid(size[side]) || !hasWindow()) {\r\n return 0\r\n }\r\n var elementSize = getter(this._$element);\r\n return elementSize <= 1 ? 0 : elementSize\r\n };\r\n var elementWidth = getSizeOfSide(size, \"width\", x => getWidth(x));\r\n var elementHeight = getSizeOfSide(size, \"height\", x => getHeight(x));\r\n var canvas = {\r\n width: size.width <= 0 ? 0 : pickPositiveValue([size.width, elementWidth, defaultCanvas.width]),\r\n height: size.height <= 0 ? 0 : pickPositiveValue([size.height, elementHeight, defaultCanvas.height]),\r\n left: pickPositiveValue([margin.left, defaultCanvas.left]),\r\n top: pickPositiveValue([margin.top, defaultCanvas.top]),\r\n right: pickPositiveValue([margin.right, defaultCanvas.right]),\r\n bottom: pickPositiveValue([margin.bottom, defaultCanvas.bottom])\r\n };\r\n if (canvas.width - canvas.left - canvas.right <= 0 || canvas.height - canvas.top - canvas.bottom <= 0) {\r\n canvas = {\r\n width: 0,\r\n height: 0\r\n }\r\n }\r\n return canvas\r\n },\r\n _updateSize() {\r\n var rawCanvas = this._calculateRawCanvas();\r\n if (areCanvasesDifferent(this._canvas, rawCanvas) || this.__forceRender) {\r\n this._canvas = floorCanvasDimensions(rawCanvas);\r\n this._recreateSizeDependentObjects(true);\r\n this._renderer.resize(this._canvas.width, this._canvas.height);\r\n this._change([\"LAYOUT\"])\r\n }\r\n },\r\n _recreateSizeDependentObjects: noop,\r\n _getMinSize: () => [0, 0],\r\n _getAlignmentRect: noop,\r\n _setContentSize() {\r\n var canvas = this._canvas;\r\n var layout = this._layout;\r\n var rect = canvas.width > 0 && canvas.height > 0 ? [canvas.left, canvas.top, canvas.width - canvas.right, canvas.height - canvas.bottom] : [0, 0, 0, 0];\r\n rect = layout.forward(rect, this._getMinSize());\r\n var nextRect = this._applySize(rect) || rect;\r\n layout.backward(nextRect, this._getAlignmentRect() || nextRect)\r\n },\r\n _getOption(name, isScalar) {\r\n var theme = this._themeManager.theme(name);\r\n var option = this.option(name);\r\n return isScalar ? void 0 !== option ? option : theme : extend(true, {}, theme, option)\r\n },\r\n _setupResizeHandler() {\r\n var redrawOnResize = _parseScalar(this._getOption(\"redrawOnResize\", true), true);\r\n if (this._disposeResizeHandler) {\r\n this._removeResizeHandler()\r\n }\r\n this._disposeResizeHandler = createResizeHandler(this._$element[0], redrawOnResize, () => this._requestChange([\"CONTAINER_SIZE\"]))\r\n },\r\n _removeResizeHandler() {\r\n if (this._disposeResizeHandler) {\r\n this._disposeResizeHandler();\r\n this._disposeResizeHandler = null\r\n }\r\n },\r\n _onBeginUpdate: noop,\r\n beginUpdate() {\r\n if (this._initialized && this._isUpdateAllowed()) {\r\n this._onBeginUpdate();\r\n this._suspendChanges()\r\n }\r\n this.callBase(...arguments);\r\n return this\r\n },\r\n endUpdate() {\r\n this.callBase();\r\n this._isUpdateAllowed() && this._resumeChanges();\r\n return this\r\n },\r\n option(name) {\r\n if (this._initialized && this._applyingChanges && (arguments.length > 1 || _isObject(name))) {\r\n this._optionsQueue = this._optionsQueue || [];\r\n this._optionsQueue.push(this._getActionForUpdating(arguments))\r\n } else {\r\n return baseOptionMethod.apply(this, arguments)\r\n }\r\n },\r\n _getActionForUpdating(args) {\r\n return () => {\r\n baseOptionMethod.apply(this, args)\r\n }\r\n },\r\n _clean: noop,\r\n _render: noop,\r\n _optionChanged(arg) {\r\n if (this._optionChangedLocker) {\r\n return\r\n }\r\n var partialChanges = this.getPartialChangeOptionsName(arg);\r\n var changes = [];\r\n if (partialChanges.length > 0) {\r\n partialChanges.forEach(pc => changes.push(this._partialOptionChangesMap[pc]))\r\n } else {\r\n changes.push(this._optionChangesMap[arg.name])\r\n }\r\n changes = changes.filter(c => !!c);\r\n if (this._eventTrigger.change(arg.name)) {\r\n this._change([\"EVENTS\"])\r\n } else if (changes.length > 0) {\r\n this._change(changes)\r\n } else {\r\n this.callBase.apply(this, arguments)\r\n }\r\n },\r\n _notify: noop,\r\n _changesApplied: noop,\r\n _optionChangesMap: {\r\n size: \"CONTAINER_SIZE\",\r\n margin: \"CONTAINER_SIZE\",\r\n redrawOnResize: \"RESIZE_HANDLER\",\r\n theme: \"THEME\",\r\n rtlEnabled: \"THEME\",\r\n encodeHtml: \"THEME\",\r\n elementAttr: \"ELEMENT_ATTR\",\r\n disabled: \"DISABLED\"\r\n },\r\n _partialOptionChangesMap: {},\r\n _partialOptionChangesPath: {},\r\n getPartialChangeOptionsName(changedOption) {\r\n var {\r\n fullName: fullName\r\n } = changedOption;\r\n var sections = fullName.split(/[.]/);\r\n var {\r\n name: name\r\n } = changedOption;\r\n var {\r\n value: value\r\n } = changedOption;\r\n var options = this._partialOptionChangesPath[name];\r\n var partialChangeOptionsName = [];\r\n if (options) {\r\n if (true === options) {\r\n partialChangeOptionsName.push(name)\r\n } else {\r\n options.forEach(op => {\r\n fullName.indexOf(op) >= 0 && partialChangeOptionsName.push(op)\r\n });\r\n if (1 === sections.length) {\r\n if (\"object\" === type(value)) {\r\n this._addOptionsNameForPartialUpdate(value, options, partialChangeOptionsName)\r\n } else if (\"array\" === type(value)) {\r\n if (value.length > 0 && value.every(item => this._checkOptionsForPartialUpdate(item, options))) {\r\n value.forEach(item => {\r\n this._addOptionsNameForPartialUpdate(item, options, partialChangeOptionsName)\r\n })\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return partialChangeOptionsName.filter((value, index, self) => self.indexOf(value) === index)\r\n },\r\n _checkOptionsForPartialUpdate: (optionObject, options) => !Object.keys(optionObject).some(key => -1 === options.indexOf(key)),\r\n _addOptionsNameForPartialUpdate(optionObject, options, partialChangeOptionsName) {\r\n var optionKeys = Object.keys(optionObject);\r\n if (this._checkOptionsForPartialUpdate(optionObject, options)) {\r\n optionKeys.forEach(key => options.indexOf(key) > -1 && partialChangeOptionsName.push(key))\r\n }\r\n },\r\n _visibilityChanged() {\r\n this.render()\r\n },\r\n _setThemeAndRtl() {\r\n this._themeManager.setTheme(this.option(\"theme\"), this.option(OPTION_RTL_ENABLED))\r\n },\r\n _getRendererOptions() {\r\n return {\r\n rtl: this.option(OPTION_RTL_ENABLED),\r\n encodeHtml: this.option(\"encodeHtml\"),\r\n animation: this._getAnimationOptions()\r\n }\r\n },\r\n _setRendererOptions() {\r\n this._renderer.setOptions(this._getRendererOptions())\r\n },\r\n svg() {\r\n return this._renderer.svg()\r\n },\r\n getSize() {\r\n var canvas = this._canvas || {};\r\n return {\r\n width: canvas.width,\r\n height: canvas.height\r\n }\r\n },\r\n isReady: getFalse,\r\n _dataIsReady: getTrue,\r\n _resetIsReady() {\r\n this.isReady = getFalse\r\n },\r\n _drawn() {\r\n this.isReady = getFalse;\r\n if (this._dataIsReady()) {\r\n this._renderer.onEndAnimation(() => {\r\n this.isReady = getTrue\r\n })\r\n }\r\n this._eventTrigger(\"drawn\", {})\r\n }\r\n});\r\nexport default baseWidget;\r\nreplaceInherit(baseWidget);\r\n","/**\r\n * DevExtreme (esm/integration/knockout/utils.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport ko from \"knockout\";\r\nimport $ from \"../../core/renderer\";\r\nexport var getClosestNodeWithContext = node => {\r\n var context = ko.contextFor(node);\r\n if (!context && node.parentNode) {\r\n return getClosestNodeWithContext(node.parentNode)\r\n }\r\n return node\r\n};\r\nexport var getClosestNodeWithKoCreation = node => {\r\n var $el = $(node);\r\n var data = $el.data();\r\n var hasFlag = data && data.dxKoCreation;\r\n if (hasFlag) {\r\n return node\r\n }\r\n if (node.parentNode) {\r\n return getClosestNodeWithKoCreation(node.parentNode)\r\n }\r\n return null\r\n};\r\n","/**\r\n * DevExtreme (esm/integration/knockout/template.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport $ from \"../../core/renderer\";\r\nimport domAdapter from \"../../core/dom_adapter\";\r\nimport ko from \"knockout\";\r\nimport {\r\n isDefined\r\n} from \"../../core/utils/type\";\r\nimport {\r\n TemplateBase\r\n} from \"../../core/templates/template_base\";\r\nimport {\r\n normalizeTemplateElement\r\n} from \"../../core/utils/dom\";\r\nimport {\r\n getClosestNodeWithContext\r\n} from \"./utils\";\r\nvar getParentContext = function(data) {\r\n var parentNode = domAdapter.createElement(\"div\");\r\n ko.applyBindingsToNode(parentNode, null, data);\r\n var parentContext = ko.contextFor(parentNode);\r\n ko.cleanNode(parentNode);\r\n return parentContext\r\n};\r\nexport var KoTemplate = class extends TemplateBase {\r\n constructor(element) {\r\n super();\r\n this._element = element;\r\n this._template = $(\"
\").append(normalizeTemplateElement(element));\r\n this._registerKoTemplate()\r\n }\r\n _registerKoTemplate() {\r\n var template = this._template.get(0);\r\n new ko.templateSources.anonymousTemplate(template).nodes(template)\r\n }\r\n _prepareDataForContainer(data, container) {\r\n if (container && container.length) {\r\n var node = getClosestNodeWithContext(container.get(0));\r\n var containerContext = ko.contextFor(node);\r\n data = void 0 !== data ? data : ko.dataFor(node) || {};\r\n if (containerContext) {\r\n return data === containerContext.$data ? containerContext : containerContext.createChildContext(data)\r\n }\r\n }\r\n return getParentContext(data).createChildContext(data)\r\n }\r\n _renderCore(options) {\r\n var model = this._prepareDataForContainer(options.model, $(options.container));\r\n if (isDefined(options.index)) {\r\n model.$index = options.index\r\n }\r\n var $placeholder = $(\"
\").appendTo(options.container);\r\n var $result;\r\n ko.renderTemplate(this._template.get(0), model, {\r\n afterRender: function(nodes) {\r\n $result = $(nodes)\r\n }\r\n }, $placeholder.get(0), \"replaceNode\");\r\n return $result\r\n }\r\n source() {\r\n return $(this._element).clone()\r\n }\r\n dispose() {\r\n this._template.remove()\r\n }\r\n};\r\n","/**\r\n * DevExtreme (esm/core/utils/locker.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport errors from \"../errors\";\r\nvar Locker = function() {\r\n var info = {};\r\n var currentCount = function(lockName) {\r\n return info[lockName] || 0\r\n };\r\n return {\r\n obtain: function(lockName) {\r\n info[lockName] = currentCount(lockName) + 1\r\n },\r\n release: function(lockName) {\r\n var count = currentCount(lockName);\r\n if (count < 1) {\r\n throw errors.Error(\"E0014\")\r\n }\r\n if (1 === count) {\r\n delete info[lockName]\r\n } else {\r\n info[lockName] = count - 1\r\n }\r\n },\r\n locked: function(lockName) {\r\n return currentCount(lockName) > 0\r\n }\r\n }\r\n};\r\nexport default Locker;\r\n","/**\r\n * DevExtreme (esm/integration/knockout/component_registrator.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport $ from \"../../core/renderer\";\r\nimport ko from \"knockout\";\r\nimport Callbacks from \"../../core/utils/callbacks\";\r\nimport {\r\n isPlainObject\r\n} from \"../../core/utils/type\";\r\nimport registerComponentCallbacks from \"../../core/component_registrator_callbacks\";\r\nimport Widget from \"../../ui/widget/ui.widget\";\r\nimport VizWidget from \"../../__internal/viz/core/m_base_widget\";\r\nimport ComponentWrapper from \"../../renovation/component_wrapper/common/component\";\r\nimport Draggable from \"../../ui/draggable\";\r\nimport ScrollView from \"../../ui/scroll_view\";\r\nimport {\r\n KoTemplate\r\n} from \"./template\";\r\nimport Editor from \"../../ui/editor/editor\";\r\nimport Locker from \"../../core/utils/locker\";\r\nimport {\r\n getClosestNodeWithContext\r\n} from \"./utils\";\r\nimport config from \"../../core/config\";\r\nif (ko) {\r\n var LOCKS_DATA_KEY = \"dxKoLocks\";\r\n var CREATED_WITH_KO_DATA_KEY = \"dxKoCreation\";\r\n var editorsBindingHandlers = [];\r\n var registerComponentKoBinding = function(componentName, componentClass) {\r\n if (Editor.isEditor(componentClass.prototype)) {\r\n editorsBindingHandlers.push(componentName)\r\n }\r\n ko.bindingHandlers[componentName] = {\r\n init: function(domNode, valueAccessor) {\r\n var $element = $(domNode);\r\n var optionChangedCallbacks = Callbacks();\r\n var optionsByReference = {};\r\n var component;\r\n var knockoutConfig = config().knockout;\r\n var isBindingPropertyPredicateName = knockoutConfig && knockoutConfig.isBindingPropertyPredicateName;\r\n var isBindingPropertyPredicate;\r\n var ctorOptions = {\r\n onInitializing: function(options) {\r\n optionsByReference = this._getOptionsByReference();\r\n ko.computed(() => {\r\n var model = ko.unwrap(valueAccessor());\r\n if (component) {\r\n component.beginUpdate()\r\n }\r\n isBindingPropertyPredicate = isBindingPropertyPredicateName && model && model[isBindingPropertyPredicateName];\r\n unwrapModel(model);\r\n if (component) {\r\n component.endUpdate()\r\n } else {\r\n var _model$onInitializing;\r\n null === model || void 0 === model ? void 0 : null === (_model$onInitializing = model.onInitializing) || void 0 === _model$onInitializing ? void 0 : _model$onInitializing.call(this, options)\r\n }\r\n }, null, {\r\n disposeWhenNodeIsRemoved: domNode\r\n });\r\n component = this\r\n },\r\n modelByElement: function($element) {\r\n if ($element.length) {\r\n var node = getClosestNodeWithContext($element.get(0));\r\n return ko.dataFor(node)\r\n }\r\n },\r\n nestedComponentOptions: function(component) {\r\n return {\r\n modelByElement: component.option(\"modelByElement\"),\r\n nestedComponentOptions: component.option(\"nestedComponentOptions\")\r\n }\r\n },\r\n _optionChangedCallbacks: optionChangedCallbacks,\r\n integrationOptions: {\r\n watchMethod: function(fn, callback, options) {\r\n options = options || {};\r\n var skipCallback = options.skipImmediate;\r\n var watcher = ko.computed((function() {\r\n var newValue = ko.unwrap(fn());\r\n if (!skipCallback) {\r\n callback(newValue)\r\n }\r\n skipCallback = false\r\n }));\r\n return function() {\r\n watcher.dispose()\r\n }\r\n },\r\n templates: {\r\n \"dx-polymorph-widget\": {\r\n render: function(options) {\r\n var widgetName = ko.utils.unwrapObservable(options.model.widget);\r\n if (!widgetName) {\r\n return\r\n }\r\n var markup = $(\"
\").attr(\"data-bind\", widgetName + \": options\").get(0);\r\n $(options.container).append(markup);\r\n ko.applyBindings(options.model, markup)\r\n }\r\n }\r\n },\r\n createTemplate: function(element) {\r\n return new KoTemplate(element)\r\n }\r\n }\r\n };\r\n var optionNameToModelMap = {};\r\n var applyModelValueToOption = function(optionName, modelValue, unwrap) {\r\n var locks = $element.data(LOCKS_DATA_KEY);\r\n var optionValue = unwrap ? ko.unwrap(modelValue) : modelValue;\r\n if (ko.isWriteableObservable(modelValue)) {\r\n optionNameToModelMap[optionName] = modelValue\r\n }\r\n if (component) {\r\n if (locks.locked(optionName)) {\r\n return\r\n }\r\n locks.obtain(optionName);\r\n try {\r\n if (ko.ignoreDependencies) {\r\n ko.ignoreDependencies(component.option, component, [optionName, optionValue])\r\n } else {\r\n component.option(optionName, optionValue)\r\n }\r\n } finally {\r\n locks.release(optionName)\r\n }\r\n } else {\r\n ctorOptions[optionName] = optionValue\r\n }\r\n };\r\n var handleOptionChanged = function(args) {\r\n var optionName = args.fullName;\r\n var optionValue = args.value;\r\n if (!(optionName in optionNameToModelMap)) {\r\n return\r\n }\r\n var $element = this._$element;\r\n var locks = $element.data(LOCKS_DATA_KEY);\r\n if (locks.locked(optionName)) {\r\n return\r\n }\r\n locks.obtain(optionName);\r\n try {\r\n optionNameToModelMap[optionName](optionValue)\r\n } finally {\r\n locks.release(optionName)\r\n }\r\n };\r\n var unwrapModelValue = function(currentModel, propertyName, propertyPath) {\r\n if (propertyPath === isBindingPropertyPredicateName) {\r\n return\r\n }\r\n if (!isBindingPropertyPredicate || isBindingPropertyPredicate(propertyPath, propertyName, currentModel)) {\r\n var unwrappedPropertyValue;\r\n ko.computed((function() {\r\n var propertyValue = currentModel[propertyName];\r\n applyModelValueToOption(propertyPath, propertyValue, true);\r\n unwrappedPropertyValue = ko.unwrap(propertyValue)\r\n }), null, {\r\n disposeWhenNodeIsRemoved: domNode\r\n });\r\n if (isPlainObject(unwrappedPropertyValue)) {\r\n if (!optionsByReference[propertyPath]) {\r\n unwrapModel(unwrappedPropertyValue, propertyPath)\r\n }\r\n }\r\n } else {\r\n applyModelValueToOption(propertyPath, currentModel[propertyName], false)\r\n }\r\n };\r\n\r\n function unwrapModel(model, propertyPath) {\r\n for (var propertyName in model) {\r\n if (Object.prototype.hasOwnProperty.call(model, propertyName)) {\r\n unwrapModelValue(model, propertyName, propertyPath ? [propertyPath, propertyName].join(\".\") : propertyName)\r\n }\r\n }\r\n }! function() {\r\n optionChangedCallbacks.add(handleOptionChanged);\r\n $element.data(CREATED_WITH_KO_DATA_KEY, true).data(LOCKS_DATA_KEY, new Locker);\r\n new componentClass($element, ctorOptions);\r\n ctorOptions = null\r\n }();\r\n return {\r\n controlsDescendantBindings: componentClass.subclassOf(Widget) || componentClass.subclassOf(VizWidget) || componentClass.subclassOf(ComponentWrapper) && !(component instanceof ScrollView) || component instanceof Draggable\r\n }\r\n }\r\n };\r\n if (\"dxValidator\" === componentName) {\r\n ko.bindingHandlers.dxValidator.after = editorsBindingHandlers\r\n }\r\n };\r\n registerComponentCallbacks.add((function(name, componentClass) {\r\n registerComponentKoBinding(name, componentClass)\r\n }))\r\n}\r\n","/**\r\n * DevExtreme (esm/integration/knockout/event_registrator.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport $ from \"../../core/renderer\";\r\nimport eventsEngine from \"../../events/core/events_engine\";\r\nimport ko from \"knockout\";\r\nimport {\r\n isPlainObject\r\n} from \"../../core/utils/type\";\r\nimport eventRegistratorCallbacks from \"../../events/core/event_registrator_callbacks\";\r\nimport {\r\n addNamespace\r\n} from \"../../events/utils/index\";\r\nif (ko) {\r\n eventRegistratorCallbacks.add((function(name) {\r\n var koBindingEventName = addNamespace(name, name + \"Binding\");\r\n ko.bindingHandlers[name] = {\r\n update: function(element, valueAccessor, allBindingsAccessor, viewModel) {\r\n var $element = $(element);\r\n var unwrappedValue = ko.utils.unwrapObservable(valueAccessor());\r\n var eventSource = unwrappedValue.execute ? unwrappedValue.execute : unwrappedValue;\r\n eventsEngine.off($element, koBindingEventName);\r\n eventsEngine.on($element, koBindingEventName, isPlainObject(unwrappedValue) ? unwrappedValue : {}, (function(e) {\r\n eventSource.call(viewModel, viewModel, e)\r\n }))\r\n }\r\n }\r\n }))\r\n}\r\n","/**\r\n * DevExtreme (esm/integration/knockout/components.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport ko from \"knockout\";\r\nimport {\r\n getImageContainer\r\n} from \"../../core/utils/icon\";\r\nif (ko) {\r\n ko.bindingHandlers.dxControlsDescendantBindings = {\r\n init: function(_, valueAccessor) {\r\n return {\r\n controlsDescendantBindings: ko.unwrap(valueAccessor())\r\n }\r\n }\r\n };\r\n ko.bindingHandlers.dxIcon = {\r\n init: function(element, valueAccessor) {\r\n var options = ko.utils.unwrapObservable(valueAccessor()) || {};\r\n var iconElement = getImageContainer(options);\r\n ko.virtualElements.emptyNode(element);\r\n if (iconElement) {\r\n ko.virtualElements.prepend(element, iconElement.get(0))\r\n }\r\n },\r\n update: function(element, valueAccessor) {\r\n var options = ko.utils.unwrapObservable(valueAccessor()) || {};\r\n var iconElement = getImageContainer(options);\r\n ko.virtualElements.emptyNode(element);\r\n if (iconElement) {\r\n ko.virtualElements.prepend(element, iconElement.get(0))\r\n }\r\n }\r\n };\r\n ko.virtualElements.allowedBindings.dxIcon = true\r\n}\r\n","/**\r\n * DevExtreme (esm/integration/knockout/validation.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n each,\r\n map\r\n} from \"../../core/utils/iterator\";\r\nimport {\r\n extend\r\n} from \"../../core/utils/extend\";\r\nimport Class from \"../../core/class\";\r\nimport {\r\n EventsStrategy\r\n} from \"../../core/events_strategy\";\r\nimport ValidationEngine from \"../../ui/validation_engine\";\r\nimport {\r\n Deferred\r\n} from \"../../core/utils/deferred\";\r\nimport Guid from \"../../core/guid\";\r\nimport ko from \"knockout\";\r\nif (ko) {\r\n var VALIDATION_STATUS_VALID = \"valid\";\r\n var VALIDATION_STATUS_PENDING = \"pending\";\r\n var koDxValidator = Class.inherit({\r\n ctor(target, _ref) {\r\n var {\r\n name: name,\r\n validationRules: validationRules\r\n } = _ref;\r\n this.target = target;\r\n this.name = name;\r\n this.isValid = ko.observable(true);\r\n this.validationError = ko.observable();\r\n this.validationErrors = ko.observable();\r\n this.validationStatus = ko.observable(VALIDATION_STATUS_VALID);\r\n this._eventsStrategy = new EventsStrategy(this);\r\n this.validationRules = map(validationRules, (rule, index) => extend({}, rule, {\r\n validator: this,\r\n index: index\r\n }));\r\n this._validationInfo = {\r\n result: null,\r\n deferred: null\r\n }\r\n },\r\n _updateValidationResult(result) {\r\n if (!this._validationInfo.result || this._validationInfo.result.id !== result.id) {\r\n var complete = this._validationInfo.deferred && this._validationInfo.result.complete;\r\n this._validationInfo.result = extend({}, result, {\r\n complete: complete\r\n })\r\n } else {\r\n for (var prop in result) {\r\n if (\"id\" !== prop && \"complete\" !== prop) {\r\n this._validationInfo.result[prop] = result[prop]\r\n }\r\n }\r\n }\r\n },\r\n validate() {\r\n var currentResult = this._validationInfo && this._validationInfo.result;\r\n var value = this.target();\r\n if (currentResult && currentResult.status === VALIDATION_STATUS_PENDING && currentResult.value === value) {\r\n return extend({}, currentResult)\r\n }\r\n var result = ValidationEngine.validate(value, this.validationRules, this.name);\r\n result.id = (new Guid).toString();\r\n this._applyValidationResult(result);\r\n result.complete && result.complete.then(res => {\r\n if (res.id === this._validationInfo.result.id) {\r\n this._applyValidationResult(res)\r\n }\r\n });\r\n return extend({}, this._validationInfo.result)\r\n },\r\n reset() {\r\n this.target(null);\r\n var result = {\r\n id: null,\r\n isValid: true,\r\n brokenRule: null,\r\n pendingRules: null,\r\n status: VALIDATION_STATUS_VALID,\r\n complete: null\r\n };\r\n this._applyValidationResult(result);\r\n return result\r\n },\r\n _applyValidationResult(result) {\r\n result.validator = this;\r\n this._updateValidationResult(result);\r\n this.target.dxValidator.isValid(this._validationInfo.result.isValid);\r\n this.target.dxValidator.validationError(this._validationInfo.result.brokenRule);\r\n this.target.dxValidator.validationErrors(this._validationInfo.result.brokenRules);\r\n this.target.dxValidator.validationStatus(this._validationInfo.result.status);\r\n if (result.status === VALIDATION_STATUS_PENDING) {\r\n if (!this._validationInfo.deferred) {\r\n this._validationInfo.deferred = new Deferred;\r\n this._validationInfo.result.complete = this._validationInfo.deferred.promise()\r\n }\r\n this._eventsStrategy.fireEvent(\"validating\", [this._validationInfo.result]);\r\n return\r\n }\r\n if (result.status !== VALIDATION_STATUS_PENDING) {\r\n this._eventsStrategy.fireEvent(\"validated\", [result]);\r\n if (this._validationInfo.deferred) {\r\n this._validationInfo.deferred.resolve(result);\r\n this._validationInfo.deferred = null\r\n }\r\n }\r\n },\r\n on(eventName, eventHandler) {\r\n this._eventsStrategy.on(eventName, eventHandler);\r\n return this\r\n },\r\n off(eventName, eventHandler) {\r\n this._eventsStrategy.off(eventName, eventHandler);\r\n return this\r\n }\r\n });\r\n ko.extenders.dxValidator = function(target, option) {\r\n target.dxValidator = new koDxValidator(target, option);\r\n target.subscribe(target.dxValidator.validate.bind(target.dxValidator));\r\n return target\r\n };\r\n ValidationEngine.registerModelForValidation = function(model) {\r\n each(model, (function(name, member) {\r\n if (ko.isObservable(member) && member.dxValidator) {\r\n ValidationEngine.registerValidatorInGroup(model, member.dxValidator)\r\n }\r\n }))\r\n };\r\n ValidationEngine.unregisterModelForValidation = function(model) {\r\n each(model, (function(name, member) {\r\n if (ko.isObservable(member) && member.dxValidator) {\r\n ValidationEngine.removeRegisteredValidator(model, member.dxValidator)\r\n }\r\n }))\r\n };\r\n ValidationEngine.validateModel = ValidationEngine.validateGroup\r\n}\r\n","/**\r\n * DevExtreme (esm/integration/knockout/variable_wrapper_utils.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport ko from \"knockout\";\r\nimport variableWrapper from \"../../core/utils/variable_wrapper\";\r\nif (ko) {\r\n variableWrapper.inject({\r\n isWrapped: ko.isObservable,\r\n isWritableWrapped: ko.isWritableObservable,\r\n wrap: ko.observable,\r\n unwrap: function(value) {\r\n if (ko.isObservable(value)) {\r\n return ko.utils.unwrapObservable(value)\r\n }\r\n return this.callBase(value)\r\n },\r\n assign: function(variable, value) {\r\n if (ko.isObservable(variable)) {\r\n variable(value)\r\n } else {\r\n this.callBase(variable, value)\r\n }\r\n }\r\n })\r\n}\r\n","/**\r\n * DevExtreme (esm/integration/knockout/clean_node.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n afterCleanData,\r\n strategyChanging,\r\n cleanData\r\n} from \"../../core/element_data\";\r\nimport ko from \"knockout\";\r\nimport {\r\n compare as compareVersion\r\n} from \"../../core/utils/version\";\r\nimport {\r\n getClosestNodeWithKoCreation\r\n} from \"./utils\";\r\nif (ko) {\r\n var originalKOCleanExternalData = ko.utils.domNodeDisposal.cleanExternalData;\r\n var patchCleanData = function() {\r\n afterCleanData((function(nodes) {\r\n var i;\r\n for (i = 0; i < nodes.length; i++) {\r\n nodes[i].cleanedByJquery = true\r\n }\r\n for (i = 0; i < nodes.length; i++) {\r\n if (!nodes[i].cleanedByKo) {\r\n ko.cleanNode(nodes[i])\r\n }\r\n delete nodes[i].cleanedByKo\r\n }\r\n for (i = 0; i < nodes.length; i++) {\r\n delete nodes[i].cleanedByJquery\r\n }\r\n }));\r\n ko.utils.domNodeDisposal.cleanExternalData = function(node) {\r\n node.cleanedByKo = true;\r\n if (getClosestNodeWithKoCreation(node)) {\r\n if (!node.cleanedByJquery) {\r\n cleanData([node])\r\n }\r\n }\r\n }\r\n };\r\n var restoreOriginCleanData = function() {\r\n afterCleanData((function() {}));\r\n ko.utils.domNodeDisposal.cleanExternalData = originalKOCleanExternalData\r\n };\r\n patchCleanData();\r\n strategyChanging.add((function(strategy) {\r\n var isJQuery = !!strategy.fn;\r\n if (isJQuery && compareVersion(strategy.fn.jquery, [2, 0]) < 0) {\r\n restoreOriginCleanData()\r\n }\r\n }))\r\n}\r\n","/**\r\n * DevExtreme (esm/integration/knockout/clean_node_old.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport ko from \"knockout\";\r\nimport {\r\n compare as compareVersion\r\n} from \"../../core/utils/version\";\r\nimport {\r\n strategyChanging\r\n} from \"../../core/element_data\";\r\nif (ko) {\r\n var patchCleanData = function(jQuery) {\r\n var cleanKoData = function(element, andSelf) {\r\n var cleanNode = function() {\r\n ko.cleanNode(this)\r\n };\r\n if (andSelf) {\r\n element.each(cleanNode)\r\n } else {\r\n element.find(\"*\").each(cleanNode)\r\n }\r\n };\r\n var originalEmpty = jQuery.fn.empty;\r\n jQuery.fn.empty = function() {\r\n cleanKoData(this, false);\r\n return originalEmpty.apply(this, arguments)\r\n };\r\n var originalRemove = jQuery.fn.remove;\r\n jQuery.fn.remove = function(selector, keepData) {\r\n if (!keepData) {\r\n var subject = this;\r\n if (selector) {\r\n subject = subject.filter(selector)\r\n }\r\n cleanKoData(subject, true)\r\n }\r\n return originalRemove.call(this, selector, keepData)\r\n };\r\n var originalHtml = jQuery.fn.html;\r\n jQuery.fn.html = function(value) {\r\n if (\"string\" === typeof value) {\r\n cleanKoData(this, false)\r\n }\r\n return originalHtml.apply(this, arguments)\r\n };\r\n var originalReplaceWith = jQuery.fn.replaceWith;\r\n jQuery.fn.replaceWith = function() {\r\n var result = originalReplaceWith.apply(this, arguments);\r\n if (!this.parent().length) {\r\n cleanKoData(this, true)\r\n }\r\n return result\r\n }\r\n };\r\n strategyChanging.add((function(strategy) {\r\n var isJQuery = !!strategy.fn;\r\n if (isJQuery && compareVersion(strategy.fn.jquery, [2, 0]) < 0) {\r\n patchCleanData(strategy)\r\n }\r\n }))\r\n}\r\n","/**\r\n * DevExtreme (esm/integration/knockout.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport ko from \"knockout\";\r\nimport errors from \"../core/errors\";\r\nimport {\r\n compare as compareVersion\r\n} from \"../core/utils/version\";\r\nif (ko) {\r\n if (compareVersion(ko.version, [2, 3]) < 0) {\r\n throw errors.Error(\"E0013\")\r\n }\r\n}\r\nimport \"./knockout/component_registrator\";\r\nimport \"./knockout/event_registrator\";\r\nimport \"./knockout/components\";\r\nimport \"./knockout/validation\";\r\nimport \"./knockout/variable_wrapper_utils\";\r\nimport \"./knockout/clean_node\";\r\nimport \"./knockout/clean_node_old\";\r\n","/**\r\n * DevExtreme (esm/ui/popover/ui.popover.full.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport \"../toolbar\";\r\nimport Popover from \"../popover/ui.popover\";\r\nimport registerComponent from \"../../core/component_registrator\";\r\nexport default class PopoverFull extends Popover {\r\n _getToolbarName() {\r\n return \"dxToolbar\"\r\n }\r\n}\r\nPopoverFull.defaultOptions = function(rule) {\r\n Popover.defaultOptions(rule)\r\n};\r\nregisterComponent(\"dxPopover\", PopoverFull);\r\n","/**\r\n * DevExtreme (esm/ui/popover.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport Popover from \"./popover/ui.popover.full\";\r\nexport default Popover;\r\n","/**\r\n * DevExtreme (esm/ui/track_bar.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport $ from \"../core/renderer\";\r\nimport Editor from \"./editor/editor\";\r\nimport registerComponent from \"../core/component_registrator\";\r\nimport {\r\n extend\r\n} from \"../core/utils/extend\";\r\nimport {\r\n hasWindow\r\n} from \"../core/utils/window\";\r\nimport fx from \"../animation/fx\";\r\nvar TRACKBAR_CLASS = \"dx-trackbar\";\r\nvar TRACKBAR_CONTAINER_CLASS = \"dx-trackbar-container\";\r\nvar TRACKBAR_RANGE_CLASS = \"dx-trackbar-range\";\r\nvar TRACKBAR_WRAPPER_CLASS = \"dx-trackbar-wrapper\";\r\nvar TrackBar = Editor.inherit({\r\n _getDefaultOptions: function() {\r\n return extend(this.callBase(), {\r\n min: 0,\r\n max: 100,\r\n value: 0\r\n })\r\n },\r\n _initMarkup: function() {\r\n this.$element().addClass(TRACKBAR_CLASS);\r\n this._renderWrapper();\r\n this._renderContainer();\r\n this._renderRange();\r\n this._renderValue();\r\n this._setRangeStyles();\r\n this.callBase()\r\n },\r\n _render: function() {\r\n this.callBase();\r\n this._setRangeStyles(this._rangeStylesConfig())\r\n },\r\n _renderWrapper: function() {\r\n this._$wrapper = $(\"
\").addClass(TRACKBAR_WRAPPER_CLASS).appendTo(this.$element())\r\n },\r\n _renderContainer: function() {\r\n this._$bar = $(\"
\").addClass(TRACKBAR_CONTAINER_CLASS).appendTo(this._$wrapper)\r\n },\r\n _renderRange: function() {\r\n this._$range = $(\"
\").addClass(TRACKBAR_RANGE_CLASS).appendTo(this._$bar)\r\n },\r\n _renderValue: function() {\r\n var val = this.option(\"value\");\r\n var min = this.option(\"min\");\r\n var max = this.option(\"max\");\r\n if (min > max) {\r\n return\r\n }\r\n if (val < min) {\r\n this.option(\"value\", min);\r\n this._currentRatio = 0;\r\n return\r\n }\r\n if (val > max) {\r\n this.option(\"value\", max);\r\n this._currentRatio = 1;\r\n return\r\n }\r\n var ratio = min === max ? 0 : (val - min) / (max - min);\r\n !this._needPreventAnimation && this._setRangeStyles({\r\n width: 100 * ratio + \"%\"\r\n });\r\n this.setAria({\r\n valuemin: this.option(\"min\"),\r\n valuemax: max,\r\n valuenow: val\r\n });\r\n this._currentRatio = ratio\r\n },\r\n _rangeStylesConfig: function() {\r\n return {\r\n width: 100 * this._currentRatio + \"%\"\r\n }\r\n },\r\n _setRangeStyles: function(options) {\r\n fx.stop(this._$range);\r\n if (!options) {\r\n this._$range.css({\r\n width: 0\r\n });\r\n return\r\n }\r\n if (this._needPreventAnimation || !hasWindow()) {\r\n return\r\n }\r\n fx.animate(this._$range, {\r\n type: \"custom\",\r\n duration: 100,\r\n to: options\r\n })\r\n },\r\n _optionChanged: function(args) {\r\n switch (args.name) {\r\n case \"value\":\r\n this._renderValue();\r\n this.callBase(args);\r\n break;\r\n case \"max\":\r\n case \"min\":\r\n this._renderValue();\r\n break;\r\n default:\r\n this.callBase(args)\r\n }\r\n },\r\n _dispose: function() {\r\n fx.stop(this._$range);\r\n this.callBase()\r\n }\r\n});\r\nregisterComponent(\"dxTrackBar\", TrackBar);\r\nexport default TrackBar;\r\n","/**\r\n * DevExtreme (esm/ui/tooltip/tooltip.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport $ from \"../../core/renderer\";\r\nimport Guid from \"../../core/guid\";\r\nimport registerComponent from \"../../core/component_registrator\";\r\nimport {\r\n extend\r\n} from \"../../core/utils/extend\";\r\nimport Popover from \"../popover/ui.popover\";\r\nvar TOOLTIP_CLASS = \"dx-tooltip\";\r\nvar TOOLTIP_WRAPPER_CLASS = \"dx-tooltip-wrapper\";\r\nimport {\r\n isWindow\r\n} from \"../../core/utils/type\";\r\nvar Tooltip = Popover.inherit({\r\n _getDefaultOptions: function() {\r\n return extend(this.callBase(), {\r\n toolbarItems: [],\r\n showCloseButton: false,\r\n showTitle: false,\r\n title: null,\r\n titleTemplate: null,\r\n onTitleRendered: null,\r\n bottomTemplate: null,\r\n propagateOutsideClick: true\r\n })\r\n },\r\n _render: function() {\r\n this.$element().addClass(TOOLTIP_CLASS);\r\n this.$wrapper().addClass(TOOLTIP_WRAPPER_CLASS);\r\n this.callBase()\r\n },\r\n _renderContent: function() {\r\n this.callBase();\r\n this._contentId = \"dx-\" + new Guid;\r\n this.$overlayContent().attr({\r\n id: this._contentId,\r\n role: \"tooltip\"\r\n });\r\n this._toggleAriaDescription(true)\r\n },\r\n _toggleAriaDescription: function(showing) {\r\n var $target = $(this.option(\"target\"));\r\n var label = showing ? this._contentId : void 0;\r\n if (!isWindow($target.get(0))) {\r\n this.setAria(\"describedby\", label, $target)\r\n }\r\n }\r\n});\r\nregisterComponent(\"dxTooltip\", Tooltip);\r\nexport default Tooltip;\r\n","/**\r\n * DevExtreme (esm/ui/tooltip.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport Tooltip from \"./tooltip/tooltip\";\r\nexport default Tooltip;\r\n","/**\r\n * DevExtreme (esm/ui/slider/slider_tooltip_position_controller.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n PopoverPositionController\r\n} from \"../popover/popover_position_controller\";\r\nimport {\r\n move\r\n} from \"../../animation/translator\";\r\nimport positionUtils from \"../../animation/position\";\r\nimport {\r\n extend\r\n} from \"../../core/utils/extend\";\r\nimport {\r\n isString\r\n} from \"../../core/utils/type\";\r\nvar SLIDER_TOOLTIP_POSITION_ALIASES = {\r\n top: {\r\n my: \"bottom center\",\r\n at: \"top center\",\r\n collision: \"fit none\"\r\n },\r\n bottom: {\r\n my: \"top center\",\r\n at: \"bottom center\",\r\n collision: \"fit none\"\r\n }\r\n};\r\nvar SLIDER_TOOLTIP_DEFAULT_BOUNDARY_OFFSET = {\r\n h: 2,\r\n v: 1\r\n};\r\nvar SLIDER_CLASS = \"dx-slider\";\r\nclass SliderTooltipPositionController extends PopoverPositionController {\r\n _normalizePosition(positionProp) {\r\n var $sliderHandle = this._props.target;\r\n var sliderClass = \".\".concat(SLIDER_CLASS);\r\n var $slider = null === $sliderHandle || void 0 === $sliderHandle ? void 0 : $sliderHandle.closest(sliderClass);\r\n var defaultPositionConfig = {\r\n of: $sliderHandle,\r\n boundaryOffset: SLIDER_TOOLTIP_DEFAULT_BOUNDARY_OFFSET,\r\n boundary: null === $slider || void 0 === $slider ? void 0 : $slider.get(0)\r\n };\r\n var resultPosition = extend(true, {}, defaultPositionConfig, this._positionToObject(positionProp));\r\n this._positionSide = this._getDisplaySide(resultPosition);\r\n return resultPosition\r\n }\r\n _renderContentInitialPosition() {\r\n super._renderContentInitialPosition();\r\n this._fitIntoSlider()\r\n }\r\n _fitIntoSlider() {\r\n var {\r\n collisionSide: collisionSide,\r\n oversize: oversize\r\n } = positionUtils.calculate(this._$content, this._position).h;\r\n var left = this._visualPosition.left;\r\n var isLeftSide = \"left\" === collisionSide;\r\n var offset = (isLeftSide ? 1 : -1) * oversize;\r\n move(this._$content, {\r\n left: left + offset\r\n });\r\n this._updateVisualPositionValue()\r\n }\r\n _positionToObject(positionProp) {\r\n if (isString(positionProp)) {\r\n return extend({}, SLIDER_TOOLTIP_POSITION_ALIASES[positionProp])\r\n }\r\n return positionProp\r\n }\r\n}\r\nexport {\r\n SliderTooltipPositionController\r\n};\r\n","/**\r\n * DevExtreme (esm/ui/slider/ui.slider_tooltip.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport Tooltip from \"../tooltip\";\r\nimport {\r\n extend\r\n} from \"../../core/utils/extend\";\r\nimport {\r\n SliderTooltipPositionController\r\n} from \"./slider_tooltip_position_controller\";\r\nimport numberLocalization from \"../../localization/number\";\r\nvar SLIDER_TOOLTIP_VISIBILITY_CLASS = \"dx-slider-tooltip-visible-on-hover\";\r\nvar SliderTooltip = Tooltip.inherit({\r\n _getDefaultOptions() {\r\n return extend(this.callBase(), {\r\n visible: false,\r\n position: \"top\",\r\n hideOnOutsideClick: false,\r\n hideTopOverlayHandler: null,\r\n hideOnParentScroll: false,\r\n animation: null,\r\n arrowPosition: null,\r\n templatesRenderAsynchronously: false,\r\n _fixWrapperPosition: false,\r\n useResizeObserver: false,\r\n showMode: \"onHover\",\r\n format: value => value,\r\n value: 0\r\n })\r\n },\r\n _initMarkup() {\r\n this.callBase();\r\n this._attachToMarkup(this.option(\"visible\"));\r\n this._toggleShowModeClass()\r\n },\r\n _renderContent() {\r\n this.callBase();\r\n this._renderContentText()\r\n },\r\n _renderContentText() {\r\n var {\r\n value: value,\r\n format: format\r\n } = this.option();\r\n var formattedText = numberLocalization.format(null !== value && void 0 !== value ? value : 0, format);\r\n this.$content().text(formattedText);\r\n this._renderPosition()\r\n },\r\n _toggleShowModeClass() {\r\n var isHoverMode = \"onHover\" === this.option(\"showMode\");\r\n var $sliderHandle = this.option(\"target\");\r\n $sliderHandle.toggleClass(SLIDER_TOOLTIP_VISIBILITY_CLASS, isHoverMode)\r\n },\r\n _initPositionController() {\r\n this._positionController = new SliderTooltipPositionController(this._getPositionControllerConfig())\r\n },\r\n _attachToMarkup(enabled) {\r\n var $sliderHandle = this.option(\"target\");\r\n enabled ? this.$element().appendTo($sliderHandle) : this.$element().detach()\r\n },\r\n _optionChanged(args) {\r\n var {\r\n name: name,\r\n value: value\r\n } = args;\r\n switch (name) {\r\n case \"visible\":\r\n this._attachToMarkup(value);\r\n this.callBase(args);\r\n break;\r\n case \"showMode\":\r\n this._toggleShowModeClass();\r\n break;\r\n case \"format\":\r\n case \"value\":\r\n this._renderContentText();\r\n break;\r\n default:\r\n this.callBase(args)\r\n }\r\n },\r\n updatePosition() {\r\n this._renderPosition()\r\n }\r\n});\r\nexport default SliderTooltip;\r\n","/**\r\n * DevExtreme (esm/ui/slider/ui.slider_handle.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport $ from \"../../core/renderer\";\r\nimport Widget from \"../widget/ui.widget\";\r\nimport SliderTooltip from \"./ui.slider_tooltip\";\r\nimport {\r\n extend\r\n} from \"../../core/utils/extend\";\r\nvar SLIDER_HANDLE_CLASS = \"dx-slider-handle\";\r\nvar SliderHandle = Widget.inherit({\r\n _getDefaultOptions: function() {\r\n return extend(this.callBase(), {\r\n hoverStateEnabled: false,\r\n value: 0,\r\n tooltip: {\r\n enabled: false,\r\n format: value => value,\r\n position: \"top\",\r\n showMode: \"onHover\"\r\n }\r\n })\r\n },\r\n _initMarkup: function() {\r\n this.callBase();\r\n this.$element().addClass(SLIDER_HANDLE_CLASS);\r\n this.setAria({\r\n role: \"slider\",\r\n valuenow: this.option(\"value\")\r\n })\r\n },\r\n _render: function() {\r\n this.callBase();\r\n this._renderTooltip()\r\n },\r\n _renderTooltip: function() {\r\n var {\r\n tooltip: tooltip,\r\n value: value\r\n } = this.option();\r\n var {\r\n position: position,\r\n format: format,\r\n enabled: enabled,\r\n showMode: showMode\r\n } = tooltip;\r\n var $sliderTooltip = $(\"
\");\r\n this._sliderTooltip = this._createComponent($sliderTooltip, SliderTooltip, {\r\n target: this.$element(),\r\n container: $sliderTooltip,\r\n position: position,\r\n visible: enabled,\r\n showMode: showMode,\r\n format: format,\r\n value: value\r\n })\r\n },\r\n _clean: function() {\r\n this.callBase();\r\n this._sliderTooltip = null\r\n },\r\n _updateTooltipOptions(args) {\r\n var _this$_sliderTooltip;\r\n var tooltipOptions = Widget.getOptionsFromContainer(args);\r\n this._setWidgetOption(\"_sliderTooltip\", [tooltipOptions]);\r\n null === (_this$_sliderTooltip = this._sliderTooltip) || void 0 === _this$_sliderTooltip ? void 0 : _this$_sliderTooltip.option(\"visible\", tooltipOptions.enabled)\r\n },\r\n _optionChanged: function(args) {\r\n var {\r\n name: name,\r\n value: value\r\n } = args;\r\n switch (name) {\r\n case \"value\":\r\n var _this$_sliderTooltip2;\r\n null === (_this$_sliderTooltip2 = this._sliderTooltip) || void 0 === _this$_sliderTooltip2 ? void 0 : _this$_sliderTooltip2.option(\"value\", value);\r\n this.setAria(\"valuenow\", value);\r\n break;\r\n case \"tooltip\":\r\n this._updateTooltipOptions(args);\r\n break;\r\n default:\r\n this.callBase(args)\r\n }\r\n },\r\n updateTooltipPosition: function() {\r\n var _this$_sliderTooltip3;\r\n null === (_this$_sliderTooltip3 = this._sliderTooltip) || void 0 === _this$_sliderTooltip3 ? void 0 : _this$_sliderTooltip3.updatePosition()\r\n },\r\n repaint: function() {\r\n var _this$_sliderTooltip4;\r\n null === (_this$_sliderTooltip4 = this._sliderTooltip) || void 0 === _this$_sliderTooltip4 ? void 0 : _this$_sliderTooltip4.repaint()\r\n }\r\n});\r\nexport default SliderHandle;\r\n","/**\r\n * DevExtreme (esm/ui/slider/ui.slider.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n getWidth,\r\n setWidth\r\n} from \"../../core/utils/size\";\r\nimport registerComponent from \"../../core/component_registrator\";\r\nimport devices from \"../../core/devices\";\r\nimport $ from \"../../core/renderer\";\r\nimport {\r\n applyServerDecimalSeparator\r\n} from \"../../core/utils/common\";\r\nimport {\r\n Deferred\r\n} from \"../../core/utils/deferred\";\r\nimport {\r\n extend\r\n} from \"../../core/utils/extend\";\r\nimport {\r\n name as clickName\r\n} from \"../../events/click\";\r\nimport {\r\n lock\r\n} from \"../../events/core/emitter.feedback\";\r\nimport eventsEngine from \"../../events/core/events_engine\";\r\nimport Swipeable from \"../../events/gesture/swipeable\";\r\nimport pointerEvents from \"../../events/pointer\";\r\nimport {\r\n addNamespace,\r\n isMouseEvent,\r\n isTouchEvent,\r\n eventData\r\n} from \"../../events/utils/index\";\r\nimport numberLocalization from \"../../localization/number\";\r\nimport {\r\n isMaterial,\r\n current as currentTheme\r\n} from \"../themes\";\r\nimport TrackBar from \"../track_bar\";\r\nimport {\r\n render\r\n} from \"../widget/utils.ink_ripple\";\r\nimport SliderHandle from \"./ui.slider_handle\";\r\nimport {\r\n roundFloatPart,\r\n getExponentLength,\r\n getRemainderByDivision\r\n} from \"../../core/utils/math\";\r\nvar SLIDER_CLASS = \"dx-slider\";\r\nvar SLIDER_WRAPPER_CLASS = \"dx-slider-wrapper\";\r\nvar SLIDER_HANDLE_SELECTOR = \".dx-slider-handle\";\r\nvar SLIDER_BAR_CLASS = \"dx-slider-bar\";\r\nvar SLIDER_RANGE_CLASS = \"dx-slider-range\";\r\nvar SLIDER_RANGE_VISIBLE_CLASS = \"dx-slider-range-visible\";\r\nvar SLIDER_LABEL_CLASS = \"dx-slider-label\";\r\nvar SLIDER_LABEL_POSITION_CLASS_PREFIX = \"dx-slider-label-position-\";\r\nvar SLIDER_TOOLTIP_POSITION_CLASS_PREFIX = \"dx-slider-tooltip-position-\";\r\nvar INVALID_MESSAGE_VISIBLE_CLASS = \"dx-invalid-message-visible\";\r\nvar SLIDER_VALIDATION_NAMESPACE = \"Validation\";\r\nvar Slider = TrackBar.inherit({\r\n _activeStateUnit: SLIDER_HANDLE_SELECTOR,\r\n _supportedKeys: function() {\r\n var isRTL = this.option(\"rtlEnabled\");\r\n var roundedValue = (offset, isLeftDirection) => {\r\n offset = this._valueStep(offset);\r\n var step = this.option(\"step\");\r\n var value = this.option(\"value\");\r\n var currentPosition = value - this.option(\"min\");\r\n var remainder = getRemainderByDivision(currentPosition, step, this._getValueExponentLength());\r\n var result = isLeftDirection ? value - offset + (remainder ? step - remainder : 0) : value + offset - remainder;\r\n var min = this.option(\"min\");\r\n var max = this.option(\"max\");\r\n if (result < min) {\r\n result = min\r\n } else if (result > max) {\r\n result = max\r\n }\r\n return this._roundToExponentLength(result)\r\n };\r\n var moveHandleRight = offset => {\r\n this.option(\"value\", roundedValue(offset, isRTL))\r\n };\r\n var moveHandleLeft = offset => {\r\n this.option(\"value\", roundedValue(offset, !isRTL))\r\n };\r\n return extend(this.callBase(), {\r\n leftArrow: function(e) {\r\n this._processKeyboardEvent(e);\r\n moveHandleLeft(this.option(\"step\"))\r\n },\r\n rightArrow: function(e) {\r\n this._processKeyboardEvent(e);\r\n moveHandleRight(this.option(\"step\"))\r\n },\r\n pageUp: function(e) {\r\n this._processKeyboardEvent(e);\r\n moveHandleRight(this.option(\"step\") * this.option(\"keyStep\"))\r\n },\r\n pageDown: function(e) {\r\n this._processKeyboardEvent(e);\r\n moveHandleLeft(this.option(\"step\") * this.option(\"keyStep\"))\r\n },\r\n home: function(e) {\r\n this._processKeyboardEvent(e);\r\n var min = this.option(\"min\");\r\n this.option(\"value\", min)\r\n },\r\n end: function(e) {\r\n this._processKeyboardEvent(e);\r\n var max = this.option(\"max\");\r\n this.option(\"value\", max)\r\n }\r\n })\r\n },\r\n _processKeyboardEvent: function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this._saveValueChangeEvent(e)\r\n },\r\n _getDefaultOptions: function() {\r\n return extend(this.callBase(), {\r\n value: 50,\r\n hoverStateEnabled: true,\r\n activeStateEnabled: true,\r\n step: 1,\r\n showRange: true,\r\n tooltip: {\r\n enabled: false,\r\n format: function(value) {\r\n return value\r\n },\r\n position: \"top\",\r\n showMode: \"onHover\"\r\n },\r\n label: {\r\n visible: false,\r\n position: \"bottom\",\r\n format: function(value) {\r\n return value\r\n }\r\n },\r\n keyStep: 1,\r\n useInkRipple: false,\r\n validationMessageOffset: isMaterial() ? {\r\n h: 18,\r\n v: 0\r\n } : {\r\n h: 7,\r\n v: 4\r\n },\r\n focusStateEnabled: true,\r\n valueChangeMode: \"onHandleMove\"\r\n })\r\n },\r\n _toggleValidationMessage: function(visible) {\r\n if (!this.option(\"isValid\")) {\r\n this.$element().toggleClass(INVALID_MESSAGE_VISIBLE_CLASS, visible)\r\n }\r\n },\r\n _defaultOptionsRules: function() {\r\n return this.callBase().concat([{\r\n device: function() {\r\n return \"desktop\" === devices.real().deviceType && !devices.isSimulator()\r\n },\r\n options: {\r\n focusStateEnabled: true\r\n }\r\n }, {\r\n device: function() {\r\n var themeName = currentTheme();\r\n return isMaterial(themeName)\r\n },\r\n options: {\r\n useInkRipple: true\r\n }\r\n }])\r\n },\r\n _initMarkup: function() {\r\n this.$element().addClass(SLIDER_CLASS);\r\n this._renderSubmitElement();\r\n this.option(\"useInkRipple\") && this._renderInkRipple();\r\n this.callBase();\r\n this._renderLabels();\r\n this._renderStartHandler();\r\n this._renderAriaMinAndMax()\r\n },\r\n _attachFocusEvents: function() {\r\n this.callBase();\r\n var namespace = this.NAME + SLIDER_VALIDATION_NAMESPACE;\r\n var focusInEvent = addNamespace(\"focusin\", namespace);\r\n var focusOutEvent = addNamespace(\"focusout\", namespace);\r\n var $focusTarget = this._focusTarget();\r\n eventsEngine.on($focusTarget, focusInEvent, this._toggleValidationMessage.bind(this, true));\r\n eventsEngine.on($focusTarget, focusOutEvent, this._toggleValidationMessage.bind(this, false))\r\n },\r\n _detachFocusEvents: function() {\r\n this.callBase();\r\n var $focusTarget = this._focusTarget();\r\n this._toggleValidationMessage(false);\r\n eventsEngine.off($focusTarget, this.NAME + SLIDER_VALIDATION_NAMESPACE)\r\n },\r\n _render: function() {\r\n this.callBase();\r\n this._repaintHandle()\r\n },\r\n _renderSubmitElement: function() {\r\n this._$submitElement = $(\"\").attr(\"type\", \"hidden\").appendTo(this.$element())\r\n },\r\n _getSubmitElement: function() {\r\n return this._$submitElement\r\n },\r\n _renderInkRipple: function() {\r\n this._inkRipple = render({\r\n waveSizeCoefficient: .7,\r\n isCentered: true,\r\n wavesNumber: 2,\r\n useHoldAnimation: false\r\n })\r\n },\r\n _renderInkWave: function(element, dxEvent, doRender, waveIndex) {\r\n if (!this._inkRipple) {\r\n return\r\n }\r\n var config = {\r\n element: element,\r\n event: dxEvent,\r\n wave: waveIndex\r\n };\r\n if (doRender) {\r\n this._inkRipple.showWave(config)\r\n } else {\r\n this._inkRipple.hideWave(config)\r\n }\r\n },\r\n _visibilityChanged: function() {\r\n this.repaint()\r\n },\r\n _renderWrapper: function() {\r\n this.callBase();\r\n this._$wrapper.addClass(SLIDER_WRAPPER_CLASS);\r\n this._createComponent(this._$wrapper, Swipeable, {\r\n elastic: false,\r\n immediate: true,\r\n immediateTimeout: 0,\r\n onStart: this._swipeStartHandler.bind(this),\r\n onUpdated: this._swipeUpdateHandler.bind(this),\r\n onEnd: this._swipeEndHandler.bind(this),\r\n itemSizeFunc: this._itemWidthFunc.bind(this)\r\n })\r\n },\r\n _renderContainer: function() {\r\n this.callBase();\r\n this._$bar.addClass(SLIDER_BAR_CLASS)\r\n },\r\n _renderRange: function() {\r\n this.callBase();\r\n this._$range.addClass(SLIDER_RANGE_CLASS);\r\n this._renderHandle();\r\n this._renderRangeVisibility()\r\n },\r\n _renderRangeVisibility: function() {\r\n this._$range.toggleClass(SLIDER_RANGE_VISIBLE_CLASS, Boolean(this.option(\"showRange\")))\r\n },\r\n _renderHandle: function() {\r\n this._$handle = this._renderHandleImpl(this.option(\"value\"), this._$handle)\r\n },\r\n _renderHandleImpl: function(value, $element) {\r\n var $handle = $element || $(\"
\").appendTo(this._$range);\r\n var tooltip = this.option(\"tooltip\");\r\n this.$element().toggleClass(SLIDER_TOOLTIP_POSITION_CLASS_PREFIX + \"bottom\", tooltip.enabled && \"bottom\" === tooltip.position).toggleClass(SLIDER_TOOLTIP_POSITION_CLASS_PREFIX + \"top\", tooltip.enabled && \"top\" === tooltip.position);\r\n this._createComponent($handle, SliderHandle, {\r\n value: value,\r\n tooltip: tooltip\r\n });\r\n return $handle\r\n },\r\n _renderAriaMinAndMax: function() {\r\n this.setAria({\r\n valuemin: this.option(\"min\"),\r\n valuemax: this.option(\"max\")\r\n }, this._$handle)\r\n },\r\n _toggleActiveState: function($element, value) {\r\n this.callBase($element, value);\r\n this._renderInkWave($element, null, !!value, 1)\r\n },\r\n _toggleFocusClass: function(isFocused, $element) {\r\n this.callBase(isFocused, $element);\r\n if (this._disposed) {\r\n return\r\n }\r\n var $focusTarget = $($element || this._focusTarget());\r\n this._renderInkWave($focusTarget, null, isFocused, 0)\r\n },\r\n _renderLabels: function() {\r\n this.$element().removeClass(SLIDER_LABEL_POSITION_CLASS_PREFIX + \"bottom\").removeClass(SLIDER_LABEL_POSITION_CLASS_PREFIX + \"top\");\r\n if (this.option(\"label.visible\")) {\r\n var min = this.option(\"min\");\r\n var max = this.option(\"max\");\r\n var position = this.option(\"label.position\");\r\n var labelFormat = this.option(\"label.format\");\r\n if (!this._$minLabel) {\r\n this._$minLabel = $(\"
\").addClass(SLIDER_LABEL_CLASS).appendTo(this._$wrapper)\r\n }\r\n this._$minLabel.text(numberLocalization.format(min, labelFormat));\r\n if (!this._$maxLabel) {\r\n this._$maxLabel = $(\"
\").addClass(SLIDER_LABEL_CLASS).appendTo(this._$wrapper)\r\n }\r\n this._$maxLabel.text(numberLocalization.format(max, labelFormat));\r\n this.$element().addClass(SLIDER_LABEL_POSITION_CLASS_PREFIX + position)\r\n } else {\r\n if (this._$minLabel) {\r\n this._$minLabel.remove();\r\n delete this._$minLabel\r\n }\r\n if (this._$maxLabel) {\r\n this._$maxLabel.remove();\r\n delete this._$maxLabel\r\n }\r\n }\r\n },\r\n _renderStartHandler: function() {\r\n var pointerDownEventName = addNamespace(pointerEvents.down, this.NAME);\r\n var clickEventName = addNamespace(clickName, this.NAME);\r\n var startAction = this._createAction(this._startHandler.bind(this));\r\n var $element = this.$element();\r\n eventsEngine.off($element, pointerDownEventName);\r\n eventsEngine.on($element, pointerDownEventName, e => {\r\n if (isMouseEvent(e)) {\r\n startAction({\r\n event: e\r\n })\r\n }\r\n });\r\n eventsEngine.off($element, clickEventName);\r\n eventsEngine.on($element, clickEventName, e => {\r\n var $handle = this._activeHandle();\r\n if ($handle) {\r\n eventsEngine.trigger($handle, \"focusin\");\r\n eventsEngine.trigger($handle, \"focus\")\r\n }\r\n startAction({\r\n event: e\r\n });\r\n if (\"onHandleRelease\" === this.option(\"valueChangeMode\")) {\r\n this.option(\"value\", this._getActualValue());\r\n this._actualValue = void 0\r\n }\r\n })\r\n },\r\n _itemWidthFunc: function() {\r\n return this._itemWidthRatio\r\n },\r\n _swipeStartHandler: function(e) {\r\n var rtlEnabled = this.option(\"rtlEnabled\");\r\n if (isTouchEvent(e.event)) {\r\n this._createAction(this._startHandler.bind(this))({\r\n event: e.event\r\n })\r\n }\r\n this._feedbackDeferred = new Deferred;\r\n lock(this._feedbackDeferred);\r\n this._toggleActiveState(this._activeHandle(), this.option(\"activeStateEnabled\"));\r\n this._startOffset = this._currentRatio;\r\n var startOffset = this._startOffset * this._swipePixelRatio();\r\n var endOffset = (1 - this._startOffset) * this._swipePixelRatio();\r\n e.event.maxLeftOffset = rtlEnabled ? endOffset : startOffset;\r\n e.event.maxRightOffset = rtlEnabled ? startOffset : endOffset;\r\n this._itemWidthRatio = getWidth(this.$element()) / this._swipePixelRatio();\r\n this._needPreventAnimation = true\r\n },\r\n _swipeEndHandler: function(e) {\r\n if (this._isSingleValuePossible()) {\r\n return\r\n }\r\n this._feedbackDeferred.resolve();\r\n this._toggleActiveState(this._activeHandle(), false);\r\n var offsetDirection = this.option(\"rtlEnabled\") ? -1 : 1;\r\n var ratio = this._startOffset + offsetDirection * e.event.targetOffset / this._swipePixelRatio();\r\n delete this._needPreventAnimation;\r\n this._saveValueChangeEvent(e.event);\r\n this._changeValueOnSwipe(ratio);\r\n if (\"onHandleRelease\" === this.option(\"valueChangeMode\")) {\r\n this.option(\"value\", this._getActualValue())\r\n }\r\n this._actualValue = void 0;\r\n delete this._startOffset;\r\n this._renderValue()\r\n },\r\n _activeHandle: function() {\r\n return this._$handle\r\n },\r\n _swipeUpdateHandler: function(e) {\r\n if (this._isSingleValuePossible()) {\r\n return\r\n }\r\n this._saveValueChangeEvent(e.event);\r\n this._updateHandlePosition(e)\r\n },\r\n _updateHandlePosition: function(e) {\r\n var offsetDirection = this.option(\"rtlEnabled\") ? -1 : 1;\r\n var newRatio = Math.min(this._startOffset + offsetDirection * e.event.offset / this._swipePixelRatio(), 1);\r\n setWidth(this._$range, 100 * newRatio + \"%\");\r\n SliderHandle.getInstance(this._activeHandle()).fitTooltipPosition;\r\n this._changeValueOnSwipe(newRatio)\r\n },\r\n _swipePixelRatio: function() {\r\n var min = this.option(\"min\");\r\n var max = this.option(\"max\");\r\n var step = this._valueStep(this.option(\"step\"));\r\n return (max - min) / step\r\n },\r\n _valueStep: function(step) {\r\n if (!step || isNaN(step)) {\r\n step = 1\r\n }\r\n return step\r\n },\r\n _getValueExponentLength: function() {\r\n var {\r\n step: step,\r\n min: min\r\n } = this.option();\r\n return Math.max(getExponentLength(step), getExponentLength(min))\r\n },\r\n _roundToExponentLength: function(value) {\r\n var valueExponentLength = this._getValueExponentLength();\r\n return roundFloatPart(value, valueExponentLength)\r\n },\r\n _changeValueOnSwipe: function(ratio) {\r\n var min = this.option(\"min\");\r\n var max = this.option(\"max\");\r\n var step = this._valueStep(this.option(\"step\"));\r\n var newChange = ratio * (max - min);\r\n var newValue = min + newChange;\r\n if (step < 0) {\r\n return\r\n }\r\n if (newValue === max || newValue === min) {\r\n this._setValueOnSwipe(newValue)\r\n } else {\r\n var stepCount = Math.round((newValue - min) / step);\r\n newValue = this._roundToExponentLength(stepCount * step + min);\r\n this._setValueOnSwipe(Math.max(Math.min(newValue, max), min))\r\n }\r\n },\r\n _setValueOnSwipe: function(value) {\r\n this._actualValue = value;\r\n if (\"onHandleRelease\" === this.option(\"valueChangeMode\")) {\r\n SliderHandle.getInstance(this._activeHandle()).option(\"value\", value)\r\n } else {\r\n this.option(\"value\", value);\r\n this._saveValueChangeEvent(void 0)\r\n }\r\n },\r\n _getActualValue: function() {\r\n var _this$_actualValue;\r\n return null !== (_this$_actualValue = this._actualValue) && void 0 !== _this$_actualValue ? _this$_actualValue : this.option(\"value\")\r\n },\r\n _isSingleValuePossible: function() {\r\n var {\r\n min: min,\r\n max: max\r\n } = this.option();\r\n return min === max\r\n },\r\n _startHandler: function(args) {\r\n if (this._isSingleValuePossible()) {\r\n return\r\n }\r\n var e = args.event;\r\n this._currentRatio = (eventData(e).x - this._$bar.offset().left) / getWidth(this._$bar);\r\n if (this.option(\"rtlEnabled\")) {\r\n this._currentRatio = 1 - this._currentRatio\r\n }\r\n this._saveValueChangeEvent(e);\r\n this._changeValueOnSwipe(this._currentRatio)\r\n },\r\n _renderValue: function() {\r\n this.callBase();\r\n var value = this._getActualValue();\r\n this._getSubmitElement().val(applyServerDecimalSeparator(value));\r\n SliderHandle.getInstance(this._activeHandle()).option(\"value\", value)\r\n },\r\n _setRangeStyles: function(options) {\r\n options && this._$range.css(options)\r\n },\r\n _callHandlerMethod: function(name, args) {\r\n SliderHandle.getInstance(this._$handle)[name](args)\r\n },\r\n _repaintHandle: function() {\r\n this._callHandlerMethod(\"repaint\")\r\n },\r\n _fitTooltip: function() {\r\n this._callHandlerMethod(\"updateTooltipPosition\")\r\n },\r\n _optionChanged: function(args) {\r\n switch (args.name) {\r\n case \"visible\":\r\n this.callBase(args);\r\n this._renderHandle();\r\n this._repaintHandle();\r\n break;\r\n case \"min\":\r\n case \"max\":\r\n this._renderValue();\r\n this.callBase(args);\r\n this._renderLabels();\r\n this._renderAriaMinAndMax();\r\n this._fitTooltip();\r\n break;\r\n case \"step\":\r\n this._renderValue();\r\n break;\r\n case \"keyStep\":\r\n break;\r\n case \"showRange\":\r\n this._renderRangeVisibility();\r\n break;\r\n case \"tooltip\":\r\n this._renderHandle();\r\n break;\r\n case \"label\":\r\n this._renderLabels();\r\n break;\r\n case \"useInkRipple\":\r\n this._invalidate();\r\n break;\r\n case \"valueChangeMode\":\r\n break;\r\n default:\r\n this.callBase(args)\r\n }\r\n },\r\n _refresh: function() {\r\n this._toggleRTLDirection(this.option(\"rtlEnabled\"));\r\n this._renderDimensions();\r\n this._renderValue();\r\n this._renderHandle();\r\n this._repaintHandle()\r\n },\r\n _clean: function() {\r\n delete this._inkRipple;\r\n delete this._actualValue;\r\n this.callBase()\r\n }\r\n});\r\nregisterComponent(\"dxSlider\", Slider);\r\nexport default Slider;\r\n","/**\r\n * DevExtreme (esm/ui/tag_box.js)\r\n * Version: 22.2.15\r\n * Build date: Mon Feb 10 2025\r\n *\r\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\r\n * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/\r\n */\r\nimport {\r\n getOuterWidth,\r\n getHeight\r\n} from \"../core/utils/size\";\r\nimport $ from \"../core/renderer\";\r\nimport devices from \"../core/devices\";\r\nimport {\r\n data as elementData\r\n} from \"../core/element_data\";\r\nimport eventsEngine from \"../events/core/events_engine\";\r\nimport registerComponent from \"../core/component_registrator\";\r\nimport {\r\n noop,\r\n ensureDefined,\r\n equalByValue\r\n} from \"../core/utils/common\";\r\nimport {\r\n SelectionFilterCreator as FilterCreator\r\n} from \"../core/utils/selection_filter\";\r\nimport {\r\n Deferred,\r\n when\r\n} from \"../core/utils/deferred\";\r\nimport {\r\n createTextElementHiddenCopy\r\n} from \"../core/utils/dom\";\r\nimport {\r\n getPublicElement\r\n} from \"../core/element\";\r\nimport {\r\n isDefined,\r\n isObject,\r\n isString\r\n} from \"../core/utils/type\";\r\nimport {\r\n hasWindow\r\n} from \"../core/utils/window\";\r\nimport {\r\n extend\r\n} from \"../core/utils/extend\";\r\nimport {\r\n each\r\n} from \"../core/utils/iterator\";\r\nimport {\r\n removeDuplicates,\r\n getIntersection\r\n} from \"../core/utils/array\";\r\nimport messageLocalization from \"../localization/message\";\r\nimport {\r\n addNamespace,\r\n isCommandKeyPressed,\r\n normalizeKeyName\r\n} from \"../events/utils/index\";\r\nimport {\r\n name as clickEvent\r\n} from \"../events/click\";\r\nimport caret from \"./text_box/utils.caret\";\r\nimport {\r\n normalizeLoadResult\r\n} from \"../data/data_source/utils\";\r\nimport SelectBox from \"./select_box\";\r\nimport {\r\n BindableTemplate\r\n} from \"../core/templates/bindable_template\";\r\nimport {\r\n allowScroll\r\n} from \"./text_box/utils.scroll\";\r\nimport errors from \"./widget/ui.errors\";\r\nvar TAGBOX_TAG_DATA_KEY = \"dxTagData\";\r\nvar TAGBOX_CLASS = \"dx-tagbox\";\r\nvar TAGBOX_TAG_CONTAINER_CLASS = \"dx-tag-container\";\r\nvar TAGBOX_TAG_CLASS = \"dx-tag\";\r\nvar TAGBOX_MULTI_TAG_CLASS = \"dx-tagbox-multi-tag\";\r\nvar TAGBOX_CUSTOM_TAG_CLASS = \"dx-tag-custom\";\r\nvar TAGBOX_TAG_REMOVE_BUTTON_CLASS = \"dx-tag-remove-button\";\r\nvar TAGBOX_ONLY_SELECT_CLASS = \"dx-tagbox-only-select\";\r\nvar TAGBOX_SINGLE_LINE_CLASS = \"dx-tagbox-single-line\";\r\nvar TAGBOX_POPUP_WRAPPER_CLASS = \"dx-tagbox-popup-wrapper\";\r\nvar TAGBOX_TAG_CONTENT_CLASS = \"dx-tag-content\";\r\nvar TAGBOX_DEFAULT_FIELD_TEMPLATE_CLASS = \"dx-tagbox-default-template\";\r\nvar TAGBOX_CUSTOM_FIELD_TEMPLATE_CLASS = \"dx-tagbox-custom-template\";\r\nvar TEXTEDITOR_INPUT_CONTAINER_CLASS = \"dx-texteditor-input-container\";\r\nvar TAGBOX_MOUSE_WHEEL_DELTA_MULTIPLIER = -.3;\r\nvar TagBox = SelectBox.inherit({\r\n _supportedKeys: function() {\r\n var parent = this.callBase();\r\n var sendToList = options => this._list._keyboardHandler(options);\r\n var rtlEnabled = this.option(\"rtlEnabled\");\r\n return extend({}, parent, {\r\n backspace: function(e) {\r\n if (!this._isCaretAtTheStart()) {\r\n return\r\n }\r\n this._processKeyboardEvent(e);\r\n this._isTagRemoved = true;\r\n var $tagToDelete = this._$focusedTag || this._tagElements().last();\r\n if (this._$focusedTag) {\r\n this._moveTagFocus(\"prev\", true)\r\n }\r\n if (0 === $tagToDelete.length) {\r\n return\r\n }\r\n this._preserveFocusedTag = true;\r\n this._removeTagElement($tagToDelete);\r\n delete this._preserveFocusedTag\r\n },\r\n upArrow: (e, opts) => e.altKey || !this._list ? parent.upArrow.call(this, e) : sendToList(opts),\r\n downArrow: (e, opts) => e.altKey || !this._list ? parent.downArrow.call(this, e) : sendToList(opts),\r\n del: function(e) {\r\n if (!this._$focusedTag || !this._isCaretAtTheStart()) {\r\n return\r\n }\r\n this._processKeyboardEvent(e);\r\n this._isTagRemoved = true;\r\n var $tagToDelete = this._$focusedTag;\r\n this._moveTagFocus(\"next\", true);\r\n this._preserveFocusedTag = true;\r\n this._removeTagElement($tagToDelete);\r\n delete this._preserveFocusedTag\r\n },\r\n enter: function(e, options) {\r\n var isListItemFocused = this._list && null !== this._list.option(\"focusedElement\");\r\n var isCustomItem = this.option(\"acceptCustomValue\") && !isListItemFocused;\r\n if (isCustomItem) {\r\n e.preventDefault();\r\n \"\" !== this._searchValue() && this._customItemAddedHandler(e);\r\n return\r\n }\r\n if (this.option(\"opened\")) {\r\n this._saveValueChangeEvent(e);\r\n sendToList(options);\r\n e.preventDefault()\r\n }\r\n },\r\n space: function(e, options) {\r\n var isOpened = this.option(\"opened\");\r\n var isInputActive = this._shouldRenderSearchEvent();\r\n if (isOpened && !isInputActive) {\r\n this._saveValueChangeEvent(e);\r\n sendToList(options);\r\n e.preventDefault()\r\n }\r\n },\r\n leftArrow: function(e) {\r\n if (!this._isCaretAtTheStart() || this._isEmpty() || this._isEditable() && rtlEnabled && !this._$focusedTag) {\r\n return\r\n }\r\n e.preventDefault();\r\n var direction = rtlEnabled ? \"next\" : \"prev\";\r\n this._moveTagFocus(direction);\r\n !this.option(\"multiline\") && this._scrollContainer(direction)\r\n },\r\n rightArrow: function(e) {\r\n if (!this._isCaretAtTheStart() || this._isEmpty() || this._isEditable() && !rtlEnabled && !this._$focusedTag) {\r\n return\r\n }\r\n e.preventDefault();\r\n var direction = rtlEnabled ? \"prev\" : \"next\";\r\n this._moveTagFocus(direction);\r\n !this.option(\"multiline\") && this._scrollContainer(direction)\r\n }\r\n })\r\n },\r\n _processKeyboardEvent: function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this._saveValueChangeEvent(e)\r\n },\r\n _isEmpty: function() {\r\n return 0 === this._getValue().length\r\n },\r\n _updateTagsContainer: function($element) {\r\n this._$tagsContainer = $element.addClass(TAGBOX_TAG_CONTAINER_CLASS)\r\n },\r\n _allowSelectItemByTab: function() {\r\n return false\r\n },\r\n _isCaretAtTheStart: function() {\r\n var position = caret(this._input());\r\n return 0 === position.start && 0 === position.end\r\n },\r\n _moveTagFocus: function(direction, clearOnBoundary) {\r\n if (!this._$focusedTag) {\r\n var tagElements = this._tagElements();\r\n this._$focusedTag = \"next\" === direction ? tagElements.first() : tagElements.last();\r\n this._toggleFocusClass(true, this._$focusedTag);\r\n return\r\n }\r\n var $nextFocusedTag = this._$focusedTag[direction](\".\".concat(TAGBOX_TAG_CLASS));\r\n if ($nextFocusedTag.length > 0) {\r\n this._replaceFocusedTag($nextFocusedTag)\r\n } else if (clearOnBoundary || \"next\" === direction && this._isEditable()) {\r\n this._clearTagFocus()\r\n }\r\n },\r\n _replaceFocusedTag: function($nextFocusedTag) {\r\n this._toggleFocusClass(false, this._$focusedTag);\r\n this._$focusedTag = $nextFocusedTag;\r\n this._toggleFocusClass(true, this._$focusedTag)\r\n },\r\n _clearTagFocus: function() {\r\n if (!this._$focusedTag) {\r\n return\r\n }\r\n this._toggleFocusClass(false, this._$focusedTag);\r\n delete this._$focusedTag\r\n },\r\n _focusClassTarget: function($element) {\r\n if ($element && $element.length && $element[0] !== this._focusTarget()[0]) {\r\n return $element\r\n }\r\n return this.callBase()\r\n },\r\n _getLabelContainer: function() {\r\n return this._$tagsContainer\r\n },\r\n _scrollContainer: function(direction) {\r\n if (this.option(\"multiline\") || !hasWindow()) {\r\n return\r\n }\r\n if (!this._$tagsContainer) {\r\n return\r\n }\r\n var scrollPosition = this._getScrollPosition(direction);\r\n this._$tagsContainer.scrollLeft(scrollPosition)\r\n },\r\n _getScrollPosition: function(direction) {\r\n if (\"start\" === direction || \"end\" === direction) {\r\n return this._getBorderPosition(direction)\r\n }\r\n return this._$focusedTag ? this._getFocusedTagPosition(direction) : this._getBorderPosition(\"end\")\r\n },\r\n _getBorderPosition: function(direction) {\r\n var rtlEnabled = this.option(\"rtlEnabled\");\r\n var isScrollLeft = \"end\" === direction ^ rtlEnabled;\r\n var scrollSign = rtlEnabled ? -1 : 1;\r\n return isScrollLeft ^ !rtlEnabled ? 0 : scrollSign * (this._$tagsContainer.get(0).scrollWidth - getOuterWidth(this._$tagsContainer))\r\n },\r\n _getFocusedTagPosition: function(direction) {\r\n var rtlEnabled = this.option(\"rtlEnabled\");\r\n var isScrollLeft = \"next\" === direction ^ rtlEnabled;\r\n var {\r\n left: scrollOffset\r\n } = this._$focusedTag.position();\r\n var scrollLeft = this._$tagsContainer.scrollLeft();\r\n if (isScrollLeft) {\r\n scrollOffset += getOuterWidth(this._$focusedTag, true) - getOuterWidth(this._$tagsContainer)\r\n }\r\n if (isScrollLeft ^ scrollOffset < 0) {\r\n scrollLeft += scrollOffset\r\n }\r\n return scrollLeft\r\n },\r\n _setNextValue: noop,\r\n _getDefaultOptions: function() {\r\n return extend(this.callBase(), {\r\n value: [],\r\n showDropDownButton: false,\r\n maxFilterQueryLength: 1500,\r\n tagTemplate: \"tag\",\r\n selectAllText: messageLocalization.format(\"dxList-selectAll\"),\r\n hideSelectedItems: false,\r\n selectedItems: [],\r\n selectAllMode: \"page\",\r\n onSelectAllValueChanged: null,\r\n maxDisplayedTags: void 0,\r\n showMultiTagOnly: true,\r\n onMultiTagPreparing: null,\r\n multiline: true,\r\n useSubmitBehavior: true\r\n })\r\n },\r\n _init: function() {\r\n this.callBase();\r\n this._selectedItems = [];\r\n this._initSelectAllValueChangedAction()\r\n },\r\n _initActions: function() {\r\n this.callBase();\r\n this._initMultiTagPreparingAction()\r\n },\r\n _initMultiTagPreparingAction: function() {\r\n this._multiTagPreparingAction = this._createActionByOption(\"onMultiTagPreparing\", {\r\n beforeExecute: function(e) {\r\n this._multiTagPreparingHandler(e.args[0])\r\n }.bind(this),\r\n excludeValidators: [\"disabled\", \"readOnly\"]\r\n })\r\n },\r\n _multiTagPreparingHandler: function(args) {\r\n var {\r\n length: selectedCount\r\n } = this._getValue();\r\n if (!this.option(\"showMultiTagOnly\")) {\r\n args.text = messageLocalization.getFormatter(\"dxTagBox-moreSelected\")(selectedCount - this.option(\"maxDisplayedTags\") + 1)\r\n } else {\r\n args.text = messageLocalization.getFormatter(\"dxTagBox-selected\")(selectedCount)\r\n }\r\n },\r\n _initDynamicTemplates: function() {\r\n this.callBase();\r\n this._templateManager.addDefaultTemplates({\r\n tag: new BindableTemplate(($container, data) => {\r\n var _data$text;\r\n var $tagContent = $(\"
\").addClass(TAGBOX_TAG_CONTENT_CLASS);\r\n $(\"\").text(null !== (_data$text = data.text) && void 0 !== _data$text ? _data$text : data).appendTo($tagContent);\r\n $(\"
\").addClass(TAGBOX_TAG_REMOVE_BUTTON_CLASS).appendTo($tagContent);\r\n $container.append($tagContent)\r\n }, [\"text\"], this.option(\"integrationOptions.watchMethod\"), {\r\n text: this._displayGetter\r\n })\r\n })\r\n },\r\n _toggleSubmitElement: function(enabled) {\r\n if (enabled) {\r\n this._renderSubmitElement();\r\n this._setSubmitValue()\r\n } else {\r\n this._$submitElement && this._$submitElement.remove();\r\n delete this._$submitElement\r\n }\r\n },\r\n _renderSubmitElement: function() {\r\n if (!this.option(\"useSubmitBehavior\")) {\r\n return\r\n }\r\n this._$submitElement = $(\"