devexpress-reporting/dx-viewer-bindings.js

DevExpress Reporting provides the capability to develop a reporting application to create and customize reports.

/**
* DevExpress HTML/JS Reporting (dx-viewer-bindings.js)
* Version:  24.2.6
* Build date: Mar 18, 2025
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* License: https://www.devexpress.com/Support/EULAs/universal.xml
*/
import { addToBindingsCache } from '@devexpress/analytics-core/analytics-widgets-internal';
addToBindingsCache('style: $data.customGlyphStyleCss', function ($context, $element) { return { 'style': function () { return $context.$data.customGlyphStyleCss; } }; });
addToBindingsCache('dxSelectBox: { dataSource: items, displayExpr: \'displayName\', onValueChanged: popupModel.onTextChanged, useItemTextAsTitle: true , placeholder: popupModel.selectPeriodPlaceholder }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.items, 'displayExpr': 'displayName', 'onValueChanged': $context.$data.popupModel.onTextChanged, 'useItemTextAsTitle': true, 'placeholder': $context.$data.popupModel.selectPeriodPlaceholder }; } }; });
addToBindingsCache('text: popupModel.fromText', function ($context, $element) { return { 'text': function () { return $context.$data.popupModel.fromText; } }; });
addToBindingsCache('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; } }; });
addToBindingsCache('text: popupModel.untilText', function ($context, $element) { return { 'text': function () { return $context.$data.popupModel.untilText; } }; });
addToBindingsCache('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; } }; });
addToBindingsCache('if: popupModel.startButton.focused', function ($context, $element) { return { 'if': function () { return $context.$data.popupModel.startButton.focused; } }; });
addToBindingsCache('template: { name: \'dxrv-daterange-calendar\', data: startRange }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrv-daterange-calendar', 'data': $context.$data.startRange }; } }; });
addToBindingsCache('if: popupModel.endButton.focused', function ($context, $element) { return { 'if': function () { return $context.$data.popupModel.endButton.focused; } }; });
addToBindingsCache('template: { name: \'dxrv-daterange-calendar\', data: endRange }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrv-daterange-calendar', 'data': $context.$data.endRange }; } }; });
addToBindingsCache('dxclick: clickToBrick, styleunit: { width: width, height: height }, autoFit: autoFitOptions, dxPreviewPageRenderer: imageOptions', function ($context, $element) { return { 'dxclick': function () { return $context.$data.clickToBrick; }, 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height }; }, 'autoFit': function () { return $context.$data.autoFitOptions; }, 'dxPreviewPageRenderer': function () { return $context.$data.imageOptions; } }; });
addToBindingsCache('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; } }; });
addToBindingsCache('css: { \'dxrdp-active\': active && hasBricks }, visible: !readerMode', function ($context, $element) { return { 'css': function () { return { 'dxrdp-active': $context.$data.active && $context.$data.hasBricks }; }, 'visible': function () { return !$context.$data.readerMode; } }; });
addToBindingsCache('style: { top: topP, left: leftP, right: rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': 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 }; } }; });
addToBindingsCache('foreach: activeBricks', function ($context, $element) { return { 'foreach': function () { return $context.$data.activeBricks; } }; });
addToBindingsCache('template: { name: "dxrd-page-brick-mobile" }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-brick-mobile' }; } }; });
addToBindingsCache('if: !brickLoading && editingFields', function ($context, $element) { return { 'if': function () { return !$context.$data.brickLoading && $context.$data.editingFields; } }; });
addToBindingsCache('foreach: editingFields', function ($context, $element) { return { 'foreach': function () { return $context.$data.editingFields; } }; });
addToBindingsCache('styleunit:{ height: height }, dxrdSearchBar: $data', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height }; }, 'dxrdSearchBar': function () { return $context.$data; } }; });
addToBindingsCache('visible: !editorVisible, dxclick: focusEditor', function ($context, $element) { return { 'visible': function () { return !$context.$data.editorVisible; }, 'dxclick': function () { return $context.$data.focusEditor; } }; });
addToBindingsCache('text: tapToSearchText', function ($context, $element) { return { 'text': function () { return $context.$data.tapToSearchText; } }; });
addToBindingsCache('visible: editorVisible', function ($context, $element) { return { 'visible': function () { return $context.$data.editorVisible; } }; });
addToBindingsCache('dxTextBox: { value: searchText, onValueChanged: onSearchTextChanged, onEnterKey: startSearch }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.searchText, 'onValueChanged': $context.$data.onSearchTextChanged, 'onEnterKey': $context.$data.startSearch }; } }; });
addToBindingsCache('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) }; } }; });
addToBindingsCache('attr: { title: $root.getLocalization(text, $data.textId) }', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$root.getLocalization($context.$data.text, $context.$data.textId) }; } }; });
addToBindingsCache('text: $root.getLocalization($data.text, $data.textId)', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization($context.$data.text, $context.$data.textId); } }; });
addToBindingsCache('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) }; } }; });
addToBindingsCache('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; } }; });
addToBindingsCache('dxrdMobilePaginator: $data', function ($context, $element) { return { 'dxrdMobilePaginator': function () { return $context.$data; } }; });
addToBindingsCache('text : text', function ($context, $element) { return { 'text': function () { return $context.$data.text; } }; });
addToBindingsCache('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) }; } }; });
addToBindingsCache('dxclick: action, text: text', function ($context, $element) { return { 'dxclick': function () { return $context.$data.action; }, 'text': function () { return $context.$data.text; } }; });
addToBindingsCache('dxPopup: { wrapperAttr: { class: \'dxrd-menu-parameters-popup\' }, showTitle: false, onHidden: onHidden, 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, 'onHidden': $context.$data.onHidden, 'width': '100vw', 'height': '100vh', 'visible': $context.$data.visible, 'container': $context.$root.getPopupContainer($element) }; } }; });
addToBindingsCache('dxValidationGroup: {}, css: className', function ($context, $element) { return { 'dxValidationGroup': function () { return {}; }, 'css': function () { return $context.$data.className; } }; });
addToBindingsCache('text: $data.title', function ($context, $element) { return { 'text': function () { return $context.$data.title; } }; });
addToBindingsCache('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, bounceEnabled: false }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'bounceEnabled': false }; } }; });
addToBindingsCache('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); } }; } }; });
addToBindingsCache('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; } }; });
addToBindingsCache('visible: showIcons, foreach: { data: $data.actionIcons }', function ($context, $element) { return { 'visible': function () { return $context.$data.showIcons; }, 'foreach': function () { return { 'data': $context.$data.actionIcons }; } }; });
addToBindingsCache('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; } }; });
addToBindingsCache('dxrvDateRangeEditor: {value: value, isMobile: true }', function ($context, $element) { return { 'dxrvDateRangeEditor': function () { return { 'value': $context.$data.value, 'isMobile': true }; } }; });
addToBindingsCache('if: $data.format', function ($context, $element) { return { 'if': function () { return $context.$data.format; } }; });
addToBindingsCache('ifnot: $data.format', function ($context, $element) { return { 'ifnot': function () { return $context.$data.format; } }; });
addToBindingsCache('if: $data.enabled', function ($context, $element) { return { 'if': function () { return $context.$data.enabled; } }; });
addToBindingsCache('if: $data.content', function ($context, $element) { return { 'if': function () { return $context.$data.content; } }; });
addToBindingsCache('template: $data.content', function ($context, $element) { return { 'template': function () { return $context.$data.content; } }; });
addToBindingsCache('template: { name: \'dxrv-preview-parameters-mobile\', data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrv-preview-parameters-mobile', 'data': $context.$data }; } }; });
addToBindingsCache('template: { name: $data.contentTemplate, data: model.getViewModel() }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.contentTemplate, 'data': $context.$data.model.getViewModel() }; } }; });
addToBindingsCache('style: { pointerEvents: surfaceEvents, touchEvents: surfaceEvents }, styleunit: { top: topOffset, height: previewWrapperSizeHeight, width: previewWrapperSizeWidth }, slide: slideOptions, mobileZoom: mobileZoomOptions, dxclick: click, css: { \'dxrp-editing-fields-hightlighted\': editingFieldsHighlighted }', function ($context, $element) { return { 'style': function () { return { 'pointerEvents': $context.$data.surfaceEvents, 'touchEvents': $context.$data.surfaceEvents }; }, 'styleunit': function () { return { 'top': $context.$data.topOffset, 'height': $context.$data.previewWrapperSizeHeight, 'width': $context.$data.previewWrapperSizeWidth }; }, 'slide': function () { return $context.$data.slideOptions; }, 'mobileZoom': function () { return $context.$data.mobileZoomOptions; }, 'dxclick': function () { return $context.$data.click; }, 'css': function () { return { 'dxrp-editing-fields-hightlighted': $context.$data.editingFieldsHighlighted }; } }; });
addToBindingsCache('style: { pointerEvents: galleryEvents, touchEvents: galleryEvents }, dxGalleryReportPreview: { dataSource: gallery.items, gallery: gallery, slideOptions: slideOptions, animationEnabled: gallery.animationEnabled, disabled: zoomUpdating, width:\'100%\', height: \'100%\', showIndicator: false, loop: true, onSelectionChanged: onSlide, onOptionChanged: gallery.onOptionChanged }', function ($context, $element) { return { 'style': function () { return { 'pointerEvents': $context.$data.galleryEvents, 'touchEvents': $context.$data.galleryEvents }; }, 'dxGalleryReportPreview': function () { return { 'dataSource': $context.$data.gallery.items, 'gallery': $context.$data.gallery, 'slideOptions': $context.$data.slideOptions, 'animationEnabled': $context.$data.gallery.animationEnabled, 'disabled': $context.$data.zoomUpdating, 'width': '100%', 'height': '100%', 'showIndicator': false, 'loop': true, 'onSelectionChanged': $context.$data.onSlide, 'onOptionChanged': $context.$data.gallery.onOptionChanged }; } }; });
addToBindingsCache('dxScrollView: reportPreview.scrollViewOptions', function ($context, $element) { return { 'dxScrollView': function () { return $context.$data.reportPreview.scrollViewOptions; } }; });
addToBindingsCache('style: gallery.contentSize', function ($context, $element) { return { 'style': function () { return $context.$data.gallery.contentSize; } }; });
addToBindingsCache('styleunit: position, css: classSet', function ($context, $element) { return { 'styleunit': function () { return $context.$data.position; }, 'css': function () { return $context.$data.classSet; } }; });
addToBindingsCache('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 }; } }; });
addToBindingsCache('css: { \'dxrdp-active\': page.active && active, \'dxrdp-page-padding\': page.active && active }, visible: reportPreview.slideOptions.readerMode', function ($context, $element) { return { 'css': function () { return { 'dxrdp-active': $context.$data.page.active && $context.$data.active, 'dxrdp-page-padding': $context.$data.page.active && $context.$data.active }; }, 'visible': function () { return $context.$data.reportPreview.slideOptions.readerMode; } }; });
addToBindingsCache('styleunit: { width: page.width, height: page.height }, style: { pointerEvents: reportPreview.pageEvents, touchEvents: reportPreview.pageEvents }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.page.width, 'height': $context.$data.page.height }; }, 'style': function () { return { 'pointerEvents': $context.$data.reportPreview.pageEvents, 'touchEvents': $context.$data.reportPreview.pageEvents }; } }; });
addToBindingsCache('template: {name: \'dxrd-preview-progress-bar\', data: progressBar }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-preview-progress-bar', 'data': $context.$data.progressBar }; } }; });
addToBindingsCache('foreach: blocks', function ($context, $element) { return { 'foreach': function () { return $context.$data.blocks; } }; });
addToBindingsCache('if: page', function ($context, $element) { return { 'if': function () { return $context.$data.page; } }; });
addToBindingsCache('template: { name :\'dxrd-preview-page-mobile\', data: page }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-preview-page-mobile', 'data': $context.$data.page }; } }; });
addToBindingsCache('style: containerStyle, cacheElement: { action: function (elt) { setEditingFieldElement(elt); } }, zoom: zoom, css: { active: active, readonly: field.readOnly }', function ($context, $element) { return { 'style': function () { return $context.$data.containerStyle; }, 'cacheElement': function () { return { 'action': function (elt) { $context.$data.setEditingFieldElement(elt); } }; }, 'zoom': function () { return $context.$data.zoom; }, 'css': function () { return { 'active': $context.$data.active, 'readonly': $context.$data.field.readOnly }; } }; });
addToBindingsCache('style: borderStyle', function ($context, $element) { return { 'style': function () { return $context.$data.borderStyle; } }; });
addToBindingsCache('dxclick: activateEditor', function ($context, $element) { return { 'dxclick': function () { return $context.$data.activateEditor; } }; });
addToBindingsCache('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 }; } }; });
addToBindingsCache('style: breakOffsetStyle, html: field.htmlValue', function ($context, $element) { return { 'style': function () { return $context.$data.breakOffsetStyle; }, 'html': function () { return $context.$data.field.htmlValue; } }; });
addToBindingsCache('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; } }; });
addToBindingsCache('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; } }; } }; });
addToBindingsCache('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' }; } }; });
addToBindingsCache('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' }; } }; });
addToBindingsCache('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' }; } }; });
addToBindingsCache('style: containerStyle', function ($context, $element) { return { 'style': function () { return $context.$data.containerStyle; } }; });
addToBindingsCache('dxPictureEditor: $data', function ($context, $element) { return { 'dxPictureEditor': function () { return $context.$data; } }; });
addToBindingsCache('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; } }; });
addToBindingsCache('style: checkStyle, template: { name: checkStateStyleIcon, if: !!checkStateStyleIcon }', function ($context, $element) { return { 'style': function () { return $context.$data.checkStyle; }, 'template': function () { return { 'name': $context.$data.checkStateStyleIcon, 'if': !!$context.$data.checkStateStyleIcon }; } }; });
addToBindingsCache('style: checkStyle', function ($context, $element) { return { 'style': function () { return $context.$data.checkStyle; } }; });
addToBindingsCache('style: { fill: checked ? \'black\' : \'transparent\' }', function ($context, $element) { return { 'style': function () { return { 'fill': $context.$data.checked ? 'black' : 'transparent' }; } }; });
addToBindingsCache('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 }; } }; });
addToBindingsCache('style: style, text: text', function ($context, $element) { return { 'style': function () { return $context.$data.style; }, 'text': function () { return $context.$data.text; } }; });
addToBindingsCache('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; } }; } }; });
addToBindingsCache('if: !active || field.readOnly', function ($context, $element) { return { 'if': function () { return !$context.$data.active || $context.$data.field.readOnly; } }; });
addToBindingsCache('if: field.htmlValue', function ($context, $element) { return { 'if': function () { return $context.$data.field.htmlValue; } }; });
addToBindingsCache('ifnot: field.htmlValue', function ($context, $element) { return { 'ifnot': function () { return $context.$data.field.htmlValue; } }; });
addToBindingsCache('if: active && !field.readOnly', function ($context, $element) { return { 'if': function () { return $context.$data.active && !$context.$data.field.readOnly; } }; });
addToBindingsCache('template: { name: editorTemplate, data: data }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.editorTemplate, 'data': $context.$data.data }; } }; });
addToBindingsCache('template: \'dxrp-editing-field-image-editor\'', function ($context, $element) { return { 'template': function () { return 'dxrp-editing-field-image-editor'; } }; });
addToBindingsCache('foreach: cells', function ($context, $element) { return { 'foreach': function () { return $context.$data.cells; } }; });
addToBindingsCache('attr: { \'action\': exportActionUri }, foreach: exportFormData', function ($context, $element) { return { 'attr': function () { return { 'action': $context.$data.exportActionUri }; }, 'foreach': function () { return $context.$data.exportFormData; } }; });
addToBindingsCache('attr: {\'name\': name, \'value\': value}', function ($context, $element) { return { 'attr': function () { return { 'name': $context.$data.name, 'value': $context.$data.value }; } }; });
addToBindingsCache('dxPopup: { width: popupOptions.width, height: popupOptions.height, title: popupOptions.title, visible: popupOptions.visible, showCloseButton: true, onHidden: popupOptions.onHidden, toolbarItems: popupOptions.toolbarItems, wrapperAttr: popupOptions.wrapperAttr, container: popupOptions.getPopupContainer($element), position: { of: popupOptions.getPopupContainer($element) } }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': $context.$data.popupOptions.width, 'height': $context.$data.popupOptions.height, 'title': $context.$data.popupOptions.title, 'visible': $context.$data.popupOptions.visible, 'showCloseButton': true, 'onHidden': $context.$data.popupOptions.onHidden, 'toolbarItems': $context.$data.popupOptions.toolbarItems, 'wrapperAttr': $context.$data.popupOptions.wrapperAttr, 'container': $context.$data.popupOptions.getPopupContainer($element), 'position': { 'of': $context.$data.popupOptions.getPopupContainer($element) } }; } }; });
addToBindingsCache('text: printingTexts.caption', function ($context, $element) { return { 'text': function () { return $context.$data.printingTexts.caption; } }; });
addToBindingsCache('text: printingTexts.prefix', function ($context, $element) { return { 'text': function () { return $context.$data.printingTexts.prefix; } }; });
addToBindingsCache('click: printingLinkCallback, text: printingTexts.link', function ($context, $element) { return { 'click': function () { return $context.$data.printingLinkCallback; }, 'text': function () { return $context.$data.printingTexts.link; } }; });
addToBindingsCache('text: printingTexts.postfix', function ($context, $element) { return { 'text': function () { return $context.$data.printingTexts.postfix; } }; });
addToBindingsCache('if: printingTexts.prefix', function ($context, $element) { return { 'if': function () { return $context.$data.printingTexts.prefix; } }; });
addToBindingsCache('if: printingTexts.postfix', function ($context, $element) { return { 'if': function () { return $context.$data.printingTexts.postfix; } }; });
addToBindingsCache('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'); } }; });
addToBindingsCache('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); } }; } }; });
addToBindingsCache('dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
addToBindingsCache('dxMenu: { elementAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: disabled, items: widget.items, cssClass: \'dxrdp-export-to-menu\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.onItemRendered, tabIndex: \'-1\', }', function ($context, $element) { return { 'dxMenu': function () { return { 'elementAttr': { 'class': 'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted' }, 'disabled': $context.$data.disabled, 'items': $context.$data.widget.items, 'cssClass': 'dxrdp-export-to-menu', 'onItemClick': $context.$data.click, 'onSubmenuShowing': $context.$data.widget.onSubmenuShowing($context.$data.getPopupContainer($element), $element), 'onSubmenuShown': $context.$data.widget.onSubmenuShown, 'onSubmenuHiding': $context.$data.widget.onSubmenuHiding, 'onItemRendered': $context.$data.widget.onItemRendered, 'tabIndex': '-1' }; } }; });
addToBindingsCache('attr: { title: text }', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.text }; } }; });
addToBindingsCache('css: imageClassName, template: imageTemplateName', function ($context, $element) { return { 'css': function () { return $context.$data.imageClassName; }, 'template': function () { return $context.$data.imageTemplateName; } }; });
addToBindingsCache('template: { name: \'dx-propertieseditor\', data: propertyGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.propertyGrid }; } }; });
addToBindingsCache('template: { name: \'dx-propertygrid-popoverservice\', if: propertyGrid.popover, data: propertyGrid.popover }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertygrid-popoverservice', 'if': $context.$data.propertyGrid.popover, 'data': $context.$data.propertyGrid.popover }; } }; });
addToBindingsCache('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) }; } }; });
addToBindingsCache('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 }; } }; });
addToBindingsCache('attr: {\'aria-label\': currentPageAriaLabelImgAlt }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$data.currentPageAriaLabelImgAlt }; }, 'dxclick': function () { return $context.$data.clickToBrick; }, 'brick-selection-prog': function () { return $context.$data.brickSelectionProg; } }; });
addToBindingsCache('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; } }; });
addToBindingsCache('styleunit: { \'paddingTop\': height / 2.3 }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingTop': $context.$data.height / 2.3 }; } }; });
addToBindingsCache('text: loadingText', function ($context, $element) { return { 'text': function () { return $context.$data.loadingText; } }; });
addToBindingsCache('dxPreviewPageRenderer: imageOptions, visible: !pageLoading', function ($context, $element) { return { 'dxPreviewPageRenderer': function () { return $context.$data.imageOptions; }, 'visible': function () { return !$context.$data.pageLoading; } }; });
addToBindingsCache('dxMutationObserver: editingFieldsKeyboardHelper', function ($context, $element) { return { 'dxMutationObserver': function () { return $context.$data.editingFieldsKeyboardHelper; } }; });
addToBindingsCache('style: { \'position\': \'absolute\', top: smartTagAIMenuPosition.topP, left: smartTagAIMenuPosition.leftP, right: smartTagAIMenuPosition.rightP, height: smartTagAIMenuPosition.heightP, width: smartTagAIMenuPosition.widthP }', function ($context, $element) { return { 'style': function () { return { 'position': 'absolute', 'top': $context.$data.smartTagAIMenuPosition.topP, 'left': $context.$data.smartTagAIMenuPosition.leftP, 'right': $context.$data.smartTagAIMenuPosition.rightP, 'height': $context.$data.smartTagAIMenuPosition.heightP, 'width': $context.$data.smartTagAIMenuPosition.widthP }; } }; });
addToBindingsCache('dxMenu: smartTagAIMenu', function ($context, $element) { return { 'dxMenu': function () { return $context.$data.smartTagAIMenu; } }; });
addToBindingsCache('css: { \'dx-icon-spinright\': !$root.rtl, \'dx-icon-spinleft\': $root.rtl }', function ($context, $element) { return { 'css': function () { return { 'dx-icon-spinright': !$context.$root.rtl, 'dx-icon-spinleft': $context.$root.rtl }; } }; });
addToBindingsCache('template: icon', function ($context, $element) { return { 'template': function () { return $context.$data.icon; } }; });
addToBindingsCache('if: $data.navigation', function ($context, $element) { return { 'if': function () { return $context.$data.navigation; } }; });
addToBindingsCache('template: { name: "dxrd-page-brick-mobile", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-brick-mobile', 'data': $context.$data }; } }; });
addToBindingsCache('foreach: clickableBricks', function ($context, $element) { return { 'foreach': function () { return $context.$data.clickableBricks; } }; });
addToBindingsCache('template: { name: "dxrd-page-brick-clickable", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-brick-clickable', 'data': $context.$data }; } }; });
addToBindingsCache('if: !brickLoading && $data.editingFields', function ($context, $element) { return { 'if': function () { return !$context.$data.brickLoading && $context.$data.editingFields; } }; });
addToBindingsCache('if: aiServicesEnabled && activeBricks.length > 0', function ($context, $element) { return { 'if': function () { return $context.$data.aiServicesEnabled && $context.$data.activeBricks.length > 0; } }; });
addToBindingsCache('if: $data.text', function ($context, $element) { return { 'if': function () { return $context.$data.text; } }; });
addToBindingsCache('if: $data.items', function ($context, $element) { return { 'if': function () { return $context.$data.items; } }; });
addToBindingsCache('if: $data.icon', function ($context, $element) { return { 'if': function () { return $context.$data.icon; } }; });
addToBindingsCache('dxclick: activateEditor, css: parentPopupClass', function ($context, $element) { return { 'dxclick': function () { return $context.$data.activateEditor; }, 'css': function () { return $context.$data.parentPopupClass; } }; });
addToBindingsCache('dxPainter: getPainterOptions()', function ($context, $element) { return { 'dxPainter': function () { return $context.$data.getPainterOptions(); } }; });
addToBindingsCache('dxPopup: { width: containerStyle.width, height: containerStyle.height, position: { boundary: popupData.getPopupContainer($element), of: popupData.getPositionTarget($element), collision: \'flipfit flipfit\' }, container: popupData.getPopupContainer($element), showTitle: false, target: popupData.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: popupData.onContentReady, onHiding: popupData.onHiding, onShown: popupData.onShown, shading: popupData.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: popupData.visible }, cacheElement: { action: function(elt) { setEditingFieldElement(elt); } }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': $context.$data.containerStyle.width, 'height': $context.$data.containerStyle.height, 'position': { 'boundary': $context.$data.popupData.getPopupContainer($element), 'of': $context.$data.popupData.getPositionTarget($element), 'collision': 'flipfit flipfit' }, 'container': $context.$data.popupData.getPopupContainer($element), 'showTitle': false, 'target': $context.$data.popupData.getPopupContainer($element), 'deferRendering': false, 'hideOnOutsideClick': true, 'showCloseButton': false, 'onContentReady': $context.$data.popupData.onContentReady, 'onHiding': $context.$data.popupData.onHiding, 'onShown': $context.$data.popupData.onShown, 'shading': $context.$data.popupData.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.popupData.visible }; }, 'cacheElement': function () { return { 'action': function (elt) { $context.$data.setEditingFieldElement(elt); } }; } }; });
addToBindingsCache('template: { name: \'dx-picture-editing-popup\' }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-picture-editing-popup' }; } }; });
addToBindingsCache('if: popupData.showContent', function ($context, $element) { return { 'if': function () { return $context.$data.popupData.showContent; } }; });
addToBindingsCache('template: { name: popupData.contentTemplate, afterRender: popupData.renderedHandler }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.popupData.contentTemplate, 'afterRender': $context.$data.popupData.renderedHandler }; } }; });
addToBindingsCache('dxSelectBox: { items: widget.dataSource, value: widget.value, onValueChanged: widget.onValueChanged, displayExpr: widget.displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: widget.onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: getPopupContainer($element), position: { my: \'left top\', at: \'left bottom\', of: $element }, wrapperAttr: { class: \'dx-zoom-selectbox-popup-wrapper\' } }, tabIndex: \'-1\', inputAttr: widget.inputAttr }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.widget.dataSource, 'value': $context.$data.widget.value, 'onValueChanged': $context.$data.widget.onValueChanged, 'displayExpr': $context.$data.widget.displayExpr, 'displayCustomValue': true, 'acceptCustomValue': true, 'onCustomItemCreating': $context.$data.widget.onCustomItemCreating, 'useItemTextAsTitle': true, 'width': 140, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'position': { 'my': 'left top', 'at': 'left bottom', 'of': $element }, 'wrapperAttr': { 'class': 'dx-zoom-selectbox-popup-wrapper' } }, 'tabIndex': '-1', 'inputAttr': $context.$data.widget.inputAttr }; } }; });
addToBindingsCache('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); } }; } }; });
addToBindingsCache('keyDownActions: actionLists, dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'keyDownActions': function () { return $context.$data.actionLists; }, 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
addToBindingsCache('click: function(s, e) { $parent.onClick($data.position); }', function ($context, $element) { return { 'click': function () { return function (s, e) { $context.$parent.onClick($context.$data.position); }; } }; });
addToBindingsCache('text: $data.displayText', function ($context, $element) { return { 'text': function () { return $context.$data.displayText; } }; });
addToBindingsCache('template: { name: \'dxrd-svg-preview-breadcrumbs_seperator\' }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-svg-preview-breadcrumbs_seperator' }; } }; });
addToBindingsCache('visible: active && visible, dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'visible': function () { return $context.$data.active && $context.$data.visible; }, 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
addToBindingsCache('text: headerText', function ($context, $element) { return { 'text': function () { return $context.$data.headerText; } }; });
addToBindingsCache('dxTextBox: searchEditor', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.searchEditor; } }; });
addToBindingsCache('dxButton: buttons.searchButton', function ($context, $element) { return { 'dxButton': function () { return $context.$data.buttons.searchButton; } }; });
addToBindingsCache('dxCheckBox: matchCaseEditor', function ($context, $element) { return { 'dxCheckBox': function () { return $context.$data.matchCaseEditor; } }; });
addToBindingsCache('dxCheckBox: matchWholeWordEditor', function ($context, $element) { return { 'dxCheckBox': function () { return $context.$data.matchWholeWordEditor; } }; });
addToBindingsCache('attr: { id: searchResultHeaderId, \'aria-busy\': loading ? \'true\' : \'false\' }', function ($context, $element) { return { 'attr': function () { return { 'id': $context.$data.searchResultHeaderId, 'aria-busy': $context.$data.loading ? 'true' : 'false' }; } }; });
addToBindingsCache('text: searchResultCount', function ($context, $element) { return { 'text': function () { return $context.$data.searchResultCount; } }; });
addToBindingsCache('text: resultsInText', function ($context, $element) { return { 'text': function () { return $context.$data.resultsInText; } }; });
addToBindingsCache('text: searchResultPageCount', function ($context, $element) { return { 'text': function () { return $context.$data.searchResultPageCount; } }; });
addToBindingsCache('text: resultsPagesText', function ($context, $element) { return { 'text': function () { return $context.$data.resultsPagesText; } }; });
addToBindingsCache('dxLoadIndicator: { visible: loading }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': $context.$data.loading }; } }; });
addToBindingsCache('dxButton: buttons.upButton', function ($context, $element) { return { 'dxButton': function () { return $context.$data.buttons.upButton; } }; });
addToBindingsCache('dxButton: buttons.downButton', function ($context, $element) { return { 'dxButton': function () { return $context.$data.buttons.downButton; } }; });
addToBindingsCache('dxList: { dataSource: searchResultDataSource, pageLoadMode: \'scrollBottom\', focusStateEnabled:false, hoverStateEnabled:false, onItemRendered: onItemRendered, noDataText: \'\', encodeNoDataText: true }, attr: { \'aria-labelledby\': searchResultHeaderId }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.searchResultDataSource, 'pageLoadMode': 'scrollBottom', 'focusStateEnabled': false, 'hoverStateEnabled': false, 'onItemRendered': $context.$data.onItemRendered, 'noDataText': '', 'encodeNoDataText': true }; }, 'attr': function () { return { 'aria-labelledby': $context.$data.searchResultHeaderId }; } }; });
addToBindingsCache('dxAction: { model: data, action: itemClickAction }, attr: attr', function ($context, $element) { return { 'dxAction': function () { return { 'model': $context.$data.data, 'action': $context.$data.itemClickAction }; }, 'attr': function () { return $context.$data.attr; } }; });
addToBindingsCache('text: data.text', function ($context, $element) { return { 'text': function () { return $context.$data.data.text; } }; });
addToBindingsCache('text: info', function ($context, $element) { return { 'text': function () { return $context.$data.info; } }; });
addToBindingsCache('text: noResultText', function ($context, $element) { return { 'text': function () { return $context.$data.noResultText; } }; });
addToBindingsCache('text: aiPanelHeaderLabel', function ($context, $element) { return { 'text': function () { return $context.$data.aiPanelHeaderLabel; } }; });
addToBindingsCache('text: targetContentText', function ($context, $element) { return { 'text': function () { return $context.$data.targetContentText; } }; });
addToBindingsCache('dxSelectBox: getSelectBoxOptions(targetSelectBoxOptions, $element)', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getSelectBoxOptions($context.$data.targetSelectBoxOptions, $element); } }; });
addToBindingsCache('text: targetLanguageText', function ($context, $element) { return { 'text': function () { return $context.$data.targetLanguageText; } }; });
addToBindingsCache('dxSelectBox: getSelectBoxOptions(languageSelectBoxOptions, $element)', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getSelectBoxOptions($context.$data.languageSelectBoxOptions, $element); } }; });
addToBindingsCache('text: pageSelectText', function ($context, $element) { return { 'text': function () { return $context.$data.pageSelectText; } }; });
addToBindingsCache('dxSelectBox: getSelectBoxOptions(pageSelectBoxOptions, $element)', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getSelectBoxOptions($context.$data.pageSelectBoxOptions, $element); } }; });
addToBindingsCache('dxButton: buttons.translateTextButton', function ($context, $element) { return { 'dxButton': function () { return $context.$data.buttons.translateTextButton; } }; });
addToBindingsCache('dxButton: buttons.summarizeTextButton', function ($context, $element) { return { 'dxButton': function () { return $context.$data.buttons.summarizeTextButton; } }; });
addToBindingsCache('text: textProcessingResultHeaderText', function ($context, $element) { return { 'text': function () { return $context.$data.textProcessingResultHeaderText; } }; });
addToBindingsCache('event: { keydown: copyText }', function ($context, $element) { return { 'event': function () { return { 'keydown': $context.$data.copyText }; } }; });
addToBindingsCache('template: { name: buttons.copyResultButton.template }, dxclick: buttons.copyResultButton.o