devexpress-reporting-angular 24.1.5-build-24205-2345 → 24.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,13 @@
1
+ import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
2
+ import { ITextEditingFieldData } from 'devexpress-reporting/viewer/editing/models/textEditingField';
3
+ import { DxComponent } from 'devextreme-angular';
4
+ import * as i0 from "@angular/core";
5
+ export declare class DxTextEditingFieldBaseComponent implements AfterViewInit {
6
+ protected _cd: ChangeDetectorRef;
7
+ data: ITextEditingFieldData;
8
+ widget: DxComponent;
9
+ constructor(_cd: ChangeDetectorRef);
10
+ ngAfterViewInit(): void;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<DxTextEditingFieldBaseComponent, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<DxTextEditingFieldBaseComponent, "ng-component", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
13
+ }
@@ -1,7 +1,6 @@
1
- import { ITextEditingFieldData } from 'devexpress-reporting/viewer/editing/models/textEditingField';
1
+ import { DxTextEditingFieldBaseComponent } from './dx-editing-field-base.component';
2
2
  import * as i0 from "@angular/core";
3
- export declare class TextEditingFieldMaskComponent {
4
- data: ITextEditingFieldData;
3
+ export declare class TextEditingFieldMaskComponent extends DxTextEditingFieldBaseComponent {
5
4
  static ɵfac: i0.ɵɵFactoryDeclaration<TextEditingFieldMaskComponent, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<TextEditingFieldMaskComponent, "dxv-editing-field-mask", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<TextEditingFieldMaskComponent, "dxv-editing-field-mask", never, {}, {}, never, never, false, never>;
7
6
  }
@@ -1,7 +1,6 @@
1
- import { ITextEditingFieldData } from 'devexpress-reporting/viewer/editing/models/textEditingField';
1
+ import { DxTextEditingFieldBaseComponent } from './dx-editing-field-base.component';
2
2
  import * as i0 from "@angular/core";
3
- export declare class TextEditingFieldNumberComponent {
4
- data: ITextEditingFieldData;
3
+ export declare class TextEditingFieldNumberComponent extends DxTextEditingFieldBaseComponent {
5
4
  static ɵfac: i0.ɵɵFactoryDeclaration<TextEditingFieldNumberComponent, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<TextEditingFieldNumberComponent, "dxv-editing-field-number", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<TextEditingFieldNumberComponent, "dxv-editing-field-number", never, {}, {}, never, never, false, never>;
7
6
  }
@@ -0,0 +1,35 @@
1
+ import { Component, Input, ViewChild } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ class DxTextEditingFieldBaseComponent {
4
+ _cd;
5
+ data;
6
+ widget;
7
+ constructor(_cd) {
8
+ this._cd = _cd;
9
+ }
10
+ ngAfterViewInit() {
11
+ if (!this.widget || !this.data?.options)
12
+ return;
13
+ const dxWidget = this.widget.instance;
14
+ dxWidget.beginUpdate();
15
+ dxWidget.option(this.data.options);
16
+ dxWidget.endUpdate();
17
+ this._cd.detectChanges();
18
+ }
19
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DxTextEditingFieldBaseComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
20
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DxTextEditingFieldBaseComponent, selector: "ng-component", inputs: { data: "data" }, viewQueries: [{ propertyName: "widget", first: true, predicate: ["widget"], descendants: true }], ngImport: i0, template: '', isInline: true });
21
+ }
22
+ export { DxTextEditingFieldBaseComponent };
23
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DxTextEditingFieldBaseComponent, decorators: [{
24
+ type: Component,
25
+ args: [{
26
+ template: ''
27
+ }]
28
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
29
+ type: Input,
30
+ args: ['data']
31
+ }], widget: [{
32
+ type: ViewChild,
33
+ args: ['widget']
34
+ }] } });
35
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHgtZWRpdGluZy1maWVsZC1iYXNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvZWRpdGluZy90ZXh0LWZpZWxkL2R4LWVkaXRpbmctZmllbGQtYmFzZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQyxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLOUYsTUFJYSwrQkFBK0I7SUFJbEI7SUFIUCxJQUFJLENBQXlCO0lBQ3ZCLE1BQU0sQ0FBZTtJQUUxQyxZQUFzQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUFHLENBQUM7SUFDaEQsZUFBZTtRQUNYLElBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPO1lBQUUsT0FBTztRQUMvQyxNQUFNLFFBQVEsR0FBb0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7UUFDdkQsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3ZCLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNuQyxRQUFRLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM3QixDQUFDO3dHQVpRLCtCQUErQjs0RkFBL0IsK0JBQStCLGdMQUg5QixFQUFFOztTQUdILCtCQUErQjs0RkFBL0IsK0JBQStCO2tCQUozQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxFQUFFO2lCQUNmO3dHQUdrQixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ1EsTUFBTTtzQkFBMUIsU0FBUzt1QkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSVRleHRFZGl0aW5nRmllbGREYXRhIH0gZnJvbSAnZGV2ZXhwcmVzcy1yZXBvcnRpbmcvdmlld2VyL2VkaXRpbmcvbW9kZWxzL3RleHRFZGl0aW5nRmllbGQnO1xuaW1wb3J0IHsgRHhDb21wb25lbnQgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXInO1xuaW1wb3J0IFdpZGdldCBmcm9tICdkZXZleHRyZW1lL3VpL3dpZGdldC91aS53aWRnZXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZTogJydcbn0pXG5cbmV4cG9ydCBjbGFzcyBEeFRleHRFZGl0aW5nRmllbGRCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQElucHV0KCdkYXRhJykgZGF0YSE6IElUZXh0RWRpdGluZ0ZpZWxkRGF0YTtcbiAgICBAVmlld0NoaWxkKCd3aWRnZXQnKSB3aWRnZXQhOiBEeENvbXBvbmVudDtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfY2Q6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYoIXRoaXMud2lkZ2V0IHx8ICF0aGlzLmRhdGE/Lm9wdGlvbnMpIHJldHVybjtcbiAgICAgICAgY29uc3QgZHhXaWRnZXQ6IFdpZGdldDx1bmtub3duPiA9IHRoaXMud2lkZ2V0Lmluc3RhbmNlO1xuICAgICAgICBkeFdpZGdldC5iZWdpblVwZGF0ZSgpO1xuICAgICAgICBkeFdpZGdldC5vcHRpb24odGhpcy5kYXRhLm9wdGlvbnMpO1xuICAgICAgICBkeFdpZGdldC5lbmRVcGRhdGUoKTtcbiAgICAgICAgdGhpcy5fY2QuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbn1cbiJdfQ==
@@ -1,18 +1,15 @@
1
- import { Component, Input } from '@angular/core';
1
+ import { Component } from '@angular/core';
2
+ import { DxTextEditingFieldBaseComponent } from './dx-editing-field-base.component';
2
3
  import * as i0 from "@angular/core";
3
4
  import * as i1 from "devextreme-angular";
4
5
  import * as i2 from "../../directives/child-styles.directive";
5
- class TextEditingFieldMaskComponent {
6
- data;
7
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditingFieldMaskComponent, selector: "dxv-editing-field-mask", inputs: { data: "data" }, ngImport: i0, template: "<dx-text-box class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-text-box>", dependencies: [{ kind: "component", type: i1.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i2.ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }] });
6
+ class TextEditingFieldMaskComponent extends DxTextEditingFieldBaseComponent {
7
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldMaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
8
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditingFieldMaskComponent, selector: "dxv-editing-field-mask", usesInheritance: true, ngImport: i0, template: "<dx-text-box #widget class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-text-box>", dependencies: [{ kind: "component", type: i1.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i2.ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }] });
9
9
  }
10
10
  export { TextEditingFieldMaskComponent };
11
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldMaskComponent, decorators: [{
12
12
  type: Component,
13
- args: [{ selector: 'dxv-editing-field-mask', template: "<dx-text-box class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-text-box>" }]
14
- }], propDecorators: { data: [{
15
- type: Input,
16
- args: ['data']
17
- }] } });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGluZy1maWVsZC1tYXNrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvZWRpdGluZy90ZXh0LWZpZWxkL2VkaXRpbmctZmllbGQtbWFzay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL2VkaXRpbmcvdGV4dC1maWVsZC9lZGl0aW5nLWZpZWxkLW1hc2suY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFHakQsTUFLYSw2QkFBNkI7SUFDdkIsSUFBSSxDQUF5Qjt3R0FEbkMsNkJBQTZCOzRGQUE3Qiw2QkFBNkIsd0ZDUjFDLDZ1QkFVYzs7U0RGRCw2QkFBNkI7NEZBQTdCLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDSSx3QkFBd0I7OEJBS25CLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElUZXh0RWRpdGluZ0ZpZWxkRGF0YSB9IGZyb20gJ2RldmV4cHJlc3MtcmVwb3J0aW5nL3ZpZXdlci9lZGl0aW5nL21vZGVscy90ZXh0RWRpdGluZ0ZpZWxkJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkeHYtZWRpdGluZy1maWVsZC1tYXNrJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWRpdGluZy1maWVsZC1tYXNrLmNvbXBvbmVudC5odG1sJ1xufSlcblxuZXhwb3J0IGNsYXNzIFRleHRFZGl0aW5nRmllbGRNYXNrQ29tcG9uZW50IHtcbiAgICBASW5wdXQoJ2RhdGEnKSBkYXRhITogSVRleHRFZGl0aW5nRmllbGREYXRhO1xufVxuIiwiPGR4LXRleHQtYm94IGNsYXNzPVwiZHhycC1lZGl0aW5nLWZpZWxkLW1hc2tcIlxuICAgIFt2YWx1ZV09XCJkYXRhLm9wdGlvbnMudmFsdWVcIlxuICAgIChvblZhbHVlQ2hhbmdlZCk9XCJkYXRhLm9wdGlvbnMub25WYWx1ZUNoYW5nZWQgJiYgZGF0YS5vcHRpb25zLm9uVmFsdWVDaGFuZ2VkKCRldmVudClcIlxuICAgIChvbkZvY3VzT3V0KT1cImRhdGEub3B0aW9ucy5vbkZvY3VzT3V0ICYmIGRhdGEub3B0aW9ucy5vbkZvY3VzT3V0KCRldmVudClcIlxuICAgIChvbkluaXRpYWxpemVkKT1cImRhdGEub3B0aW9ucy5vbkluaXRpYWxpemVkICYmIGRhdGEub3B0aW9ucy5vbkluaXRpYWxpemVkKCRldmVudClcIlxuICAgIChvbktleVVwKT1cImRhdGEub3B0aW9ucy5vbktleVVwICYmIGRhdGEub3B0aW9ucy5vbktleVVwKCRldmVudClcIlxuICAgIChvbktleURvd24pPVwiZGF0YS5vcHRpb25zLm9uS2V5RG93biAmJiBkYXRhLm9wdGlvbnMub25LZXlEb3duKCRldmVudClcIlxuICAgIChvbkZvY3VzSW4pPVwiZGF0YS5vcHRpb25zLm9uRm9jdXNJbiAmJiBkYXRhLm9wdGlvbnMub25Gb2N1c0luKCRldmVudClcIlxuICAgIChvblBhc3RlKT1cImRhdGEub3B0aW9ucy5vblBhc3RlICYmIGRhdGEub3B0aW9ucy5vblBhc3RlKCRldmVudClcIlxuICAgIFtkeHZDaGlsZFN0eWxlXT1cInsgc3R5bGU6IGRhdGEudGV4dFN0eWxlLCBzZWxlY3RvcjogJy5keC10ZXh0ZWRpdG9yLWlucHV0J31cIj5cbjwvZHgtdGV4dC1ib3g+Il19
13
+ args: [{ selector: 'dxv-editing-field-mask', template: "<dx-text-box #widget class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-text-box>" }]
14
+ }] });
15
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGluZy1maWVsZC1tYXNrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvZWRpdGluZy90ZXh0LWZpZWxkL2VkaXRpbmctZmllbGQtbWFzay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL2VkaXRpbmcvdGV4dC1maWVsZC9lZGl0aW5nLWZpZWxkLW1hc2suY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7OztBQUVwRixNQUthLDZCQUE4QixTQUFRLCtCQUErQjt3R0FBckUsNkJBQTZCOzRGQUE3Qiw2QkFBNkIscUZDUjFDLHF2QkFVYzs7U0RGRCw2QkFBNkI7NEZBQTdCLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDSSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IER4VGV4dEVkaXRpbmdGaWVsZEJhc2VDb21wb25lbnQgfSBmcm9tICcuL2R4LWVkaXRpbmctZmllbGQtYmFzZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2R4di1lZGl0aW5nLWZpZWxkLW1hc2snLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lZGl0aW5nLWZpZWxkLW1hc2suY29tcG9uZW50Lmh0bWwnXG59KVxuXG5leHBvcnQgY2xhc3MgVGV4dEVkaXRpbmdGaWVsZE1hc2tDb21wb25lbnQgZXh0ZW5kcyBEeFRleHRFZGl0aW5nRmllbGRCYXNlQ29tcG9uZW50IHtcbn1cbiIsIjxkeC10ZXh0LWJveCAjd2lkZ2V0IGNsYXNzPVwiZHhycC1lZGl0aW5nLWZpZWxkLW1hc2tcIlxuICAgIFt2YWx1ZV09XCJkYXRhLm9wdGlvbnMudmFsdWVcIlxuICAgIChvblZhbHVlQ2hhbmdlZCk9XCJkYXRhLm9wdGlvbnMub25WYWx1ZUNoYW5nZWQgJiYgZGF0YS5vcHRpb25zLm9uVmFsdWVDaGFuZ2VkKCRldmVudClcIlxuICAgIChvbkZvY3VzT3V0KT1cImRhdGEub3B0aW9ucy5vbkZvY3VzT3V0ICYmIGRhdGEub3B0aW9ucy5vbkZvY3VzT3V0KCRldmVudClcIlxuICAgIChvbkluaXRpYWxpemVkKT1cImRhdGEub3B0aW9ucy5vbkluaXRpYWxpemVkICYmIGRhdGEub3B0aW9ucy5vbkluaXRpYWxpemVkKCRldmVudClcIlxuICAgIChvbktleVVwKT1cImRhdGEub3B0aW9ucy5vbktleVVwICYmIGRhdGEub3B0aW9ucy5vbktleVVwKCRldmVudClcIlxuICAgIChvbktleURvd24pPVwiZGF0YS5vcHRpb25zLm9uS2V5RG93biAmJiBkYXRhLm9wdGlvbnMub25LZXlEb3duKCRldmVudClcIlxuICAgIChvbkZvY3VzSW4pPVwiZGF0YS5vcHRpb25zLm9uRm9jdXNJbiAmJiBkYXRhLm9wdGlvbnMub25Gb2N1c0luKCRldmVudClcIlxuICAgIChvblBhc3RlKT1cImRhdGEub3B0aW9ucy5vblBhc3RlICYmIGRhdGEub3B0aW9ucy5vblBhc3RlKCRldmVudClcIlxuICAgIFtkeHZDaGlsZFN0eWxlXT1cInsgc3R5bGU6IGRhdGEudGV4dFN0eWxlLCBzZWxlY3RvcjogJy5keC10ZXh0ZWRpdG9yLWlucHV0J31cIj5cbjwvZHgtdGV4dC1ib3g+Il19
@@ -1,18 +1,15 @@
1
- import { Component, Input } from '@angular/core';
1
+ import { Component } from '@angular/core';
2
+ import { DxTextEditingFieldBaseComponent } from './dx-editing-field-base.component';
2
3
  import * as i0 from "@angular/core";
3
4
  import * as i1 from "devextreme-angular";
4
5
  import * as i2 from "../../directives/child-styles.directive";
5
- class TextEditingFieldNumberComponent {
6
- data;
7
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditingFieldNumberComponent, selector: "dxv-editing-field-number", inputs: { data: "data" }, ngImport: i0, template: "<dx-number-box class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-number-box>", dependencies: [{ kind: "component", type: i1.DxNumberBoxComponent, selector: "dx-number-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "format", "height", "hint", "hoverStateEnabled", "inputAttr", "invalidValueMessage", "isDirty", "isValid", "label", "labelMode", "max", "min", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showSpinButtons", "step", "stylingMode", "tabIndex", "text", "useLargeSpinButtons", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formatChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "invalidValueMessageChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "minChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showSpinButtonsChange", "stepChange", "stylingModeChange", "tabIndexChange", "textChange", "useLargeSpinButtonsChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i2.ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }] });
6
+ class TextEditingFieldNumberComponent extends DxTextEditingFieldBaseComponent {
7
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
8
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditingFieldNumberComponent, selector: "dxv-editing-field-number", usesInheritance: true, ngImport: i0, template: "<dx-number-box #widget class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-number-box>", dependencies: [{ kind: "component", type: i1.DxNumberBoxComponent, selector: "dx-number-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "format", "height", "hint", "hoverStateEnabled", "inputAttr", "invalidValueMessage", "isDirty", "isValid", "label", "labelMode", "max", "min", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showSpinButtons", "step", "stylingMode", "tabIndex", "text", "useLargeSpinButtons", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formatChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "invalidValueMessageChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "minChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showSpinButtonsChange", "stepChange", "stylingModeChange", "tabIndexChange", "textChange", "useLargeSpinButtonsChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i2.ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }] });
9
9
  }
10
10
  export { TextEditingFieldNumberComponent };
11
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldNumberComponent, decorators: [{
12
12
  type: Component,
13
- args: [{ selector: 'dxv-editing-field-number', template: "<dx-number-box class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-number-box>" }]
14
- }], propDecorators: { data: [{
15
- type: Input,
16
- args: ['data']
17
- }] } });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGluZy1maWVsZC1udW1iZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9lZGl0aW5nL3RleHQtZmllbGQvZWRpdGluZy1maWVsZC1udW1iZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9lZGl0aW5nL3RleHQtZmllbGQvZWRpdGluZy1maWVsZC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFHakQsTUFLYSwrQkFBK0I7SUFDekIsSUFBSSxDQUF5Qjt3R0FEbkMsK0JBQStCOzRGQUEvQiwrQkFBK0IsMEZDUjVDLGl2QkFVZ0I7O1NERkgsK0JBQStCOzRGQUEvQiwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0ksMEJBQTBCOzhCQUtyQixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJVGV4dEVkaXRpbmdGaWVsZERhdGEgfSBmcm9tICdkZXZleHByZXNzLXJlcG9ydGluZy92aWV3ZXIvZWRpdGluZy9tb2RlbHMvdGV4dEVkaXRpbmdGaWVsZCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LWVkaXRpbmctZmllbGQtbnVtYmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWRpdGluZy1maWVsZC1udW1iZXIuY29tcG9uZW50Lmh0bWwnXG59KVxuXG5leHBvcnQgY2xhc3MgVGV4dEVkaXRpbmdGaWVsZE51bWJlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCdkYXRhJykgZGF0YSE6IElUZXh0RWRpdGluZ0ZpZWxkRGF0YTtcbn1cbiIsIjxkeC1udW1iZXItYm94IGNsYXNzPVwiZHhycC1lZGl0aW5nLWZpZWxkLW1hc2tcIlxuICAgIFt2YWx1ZV09XCJkYXRhLm9wdGlvbnMudmFsdWVcIlxuICAgIChvblZhbHVlQ2hhbmdlZCk9XCJkYXRhLm9wdGlvbnMub25WYWx1ZUNoYW5nZWQgJiYgZGF0YS5vcHRpb25zLm9uVmFsdWVDaGFuZ2VkKCRldmVudClcIlxuICAgIChvbkZvY3VzT3V0KT1cImRhdGEub3B0aW9ucy5vbkZvY3VzT3V0ICYmIGRhdGEub3B0aW9ucy5vbkZvY3VzT3V0KCRldmVudClcIlxuICAgIChvbkluaXRpYWxpemVkKT1cImRhdGEub3B0aW9ucy5vbkluaXRpYWxpemVkICYmIGRhdGEub3B0aW9ucy5vbkluaXRpYWxpemVkKCRldmVudClcIlxuICAgIChvbktleVVwKT1cImRhdGEub3B0aW9ucy5vbktleVVwICYmIGRhdGEub3B0aW9ucy5vbktleVVwKCRldmVudClcIlxuICAgIChvbktleURvd24pPVwiZGF0YS5vcHRpb25zLm9uS2V5RG93biAmJiBkYXRhLm9wdGlvbnMub25LZXlEb3duKCRldmVudClcIlxuICAgIChvbkZvY3VzSW4pPVwiZGF0YS5vcHRpb25zLm9uRm9jdXNJbiAmJiBkYXRhLm9wdGlvbnMub25Gb2N1c0luKCRldmVudClcIlxuICAgIChvblBhc3RlKT1cImRhdGEub3B0aW9ucy5vblBhc3RlICYmIGRhdGEub3B0aW9ucy5vblBhc3RlKCRldmVudClcIlxuICAgIFtkeHZDaGlsZFN0eWxlXT1cInsgc3R5bGU6IGRhdGEudGV4dFN0eWxlLCBzZWxlY3RvcjogJy5keC10ZXh0ZWRpdG9yLWlucHV0J31cIj5cbjwvZHgtbnVtYmVyLWJveD4iXX0=
13
+ args: [{ selector: 'dxv-editing-field-number', template: "<dx-number-box #widget class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-number-box>" }]
14
+ }] });
15
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGluZy1maWVsZC1udW1iZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9lZGl0aW5nL3RleHQtZmllbGQvZWRpdGluZy1maWVsZC1udW1iZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9lZGl0aW5nL3RleHQtZmllbGQvZWRpdGluZy1maWVsZC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7OztBQUVwRixNQUthLCtCQUFnQyxTQUFRLCtCQUErQjt3R0FBdkUsK0JBQStCOzRGQUEvQiwrQkFBK0IsdUZDUjVDLHl2QkFVZ0I7O1NERkgsK0JBQStCOzRGQUEvQiwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEeFRleHRFZGl0aW5nRmllbGRCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi9keC1lZGl0aW5nLWZpZWxkLWJhc2UuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkeHYtZWRpdGluZy1maWVsZC1udW1iZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lZGl0aW5nLWZpZWxkLW51bWJlci5jb21wb25lbnQuaHRtbCdcbn0pXG5cbmV4cG9ydCBjbGFzcyBUZXh0RWRpdGluZ0ZpZWxkTnVtYmVyQ29tcG9uZW50IGV4dGVuZHMgRHhUZXh0RWRpdGluZ0ZpZWxkQmFzZUNvbXBvbmVudCB7XG59XG4iLCI8ZHgtbnVtYmVyLWJveCAjd2lkZ2V0IGNsYXNzPVwiZHhycC1lZGl0aW5nLWZpZWxkLW1hc2tcIlxuICAgIFt2YWx1ZV09XCJkYXRhLm9wdGlvbnMudmFsdWVcIlxuICAgIChvblZhbHVlQ2hhbmdlZCk9XCJkYXRhLm9wdGlvbnMub25WYWx1ZUNoYW5nZWQgJiYgZGF0YS5vcHRpb25zLm9uVmFsdWVDaGFuZ2VkKCRldmVudClcIlxuICAgIChvbkZvY3VzT3V0KT1cImRhdGEub3B0aW9ucy5vbkZvY3VzT3V0ICYmIGRhdGEub3B0aW9ucy5vbkZvY3VzT3V0KCRldmVudClcIlxuICAgIChvbkluaXRpYWxpemVkKT1cImRhdGEub3B0aW9ucy5vbkluaXRpYWxpemVkICYmIGRhdGEub3B0aW9ucy5vbkluaXRpYWxpemVkKCRldmVudClcIlxuICAgIChvbktleVVwKT1cImRhdGEub3B0aW9ucy5vbktleVVwICYmIGRhdGEub3B0aW9ucy5vbktleVVwKCRldmVudClcIlxuICAgIChvbktleURvd24pPVwiZGF0YS5vcHRpb25zLm9uS2V5RG93biAmJiBkYXRhLm9wdGlvbnMub25LZXlEb3duKCRldmVudClcIlxuICAgIChvbkZvY3VzSW4pPVwiZGF0YS5vcHRpb25zLm9uRm9jdXNJbiAmJiBkYXRhLm9wdGlvbnMub25Gb2N1c0luKCRldmVudClcIlxuICAgIChvblBhc3RlKT1cImRhdGEub3B0aW9ucy5vblBhc3RlICYmIGRhdGEub3B0aW9ucy5vblBhc3RlKCRldmVudClcIlxuICAgIFtkeHZDaGlsZFN0eWxlXT1cInsgc3R5bGU6IGRhdGEudGV4dFN0eWxlLCBzZWxlY3RvcjogJy5keC10ZXh0ZWRpdG9yLWlucHV0J31cIj5cbjwvZHgtbnVtYmVyLWJveD4iXX0=
@@ -164,7 +164,7 @@ class ViewerTemplatesComponent {
164
164
  this._templateEngine.register('dxrdp-pages-mobile', this.mobilepaginator);
165
165
  }
166
166
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewerTemplatesComponent, deps: [{ token: i1.TemplateEngine }], target: i0.ɵɵFactoryTarget.Component });
167
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewerTemplatesComponent, selector: "dxv-templates", viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "breadcrumb", first: true, predicate: ["breadcrumb"], descendants: true }, { propertyName: "exportAction", first: true, predicate: ["exportAction"], descendants: true }, { propertyName: "pagerAction", first: true, predicate: ["pagerAction"], descendants: true }, { propertyName: "zoomAction", first: true, predicate: ["zoomAction"], descendants: true }, { propertyName: "parameters", first: true, predicate: ["parameters"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }, { propertyName: "multivalue", first: true, predicate: ["multivalue"], descendants: true }, { propertyName: "multivalueEditable", first: true, predicate: ["multivalueEditable"], descendants: true }, { propertyName: "signatureEditor", first: true, predicate: ["signatureEditor"], descendants: true }, { propertyName: "exportOptions", first: true, predicate: ["exportoptions"], descendants: true }, { propertyName: "documentMap", first: true, predicate: ["documentmap"], descendants: true }, { propertyName: "daterangeinput", first: true, predicate: ["daterangeinput"], descendants: true }, { propertyName: "daterangePopup", first: true, predicate: ["daterangeepopup"], descendants: true }, { propertyName: "daterangeecalendar", first: true, predicate: ["daterangeecalendar"], descendants: true }, { propertyName: "surface", first: true, predicate: ["surface"], descendants: true }, { propertyName: "page", first: true, predicate: ["page"], descendants: true }, { propertyName: "editorContent", first: true, predicate: ["editorContent"], descendants: true }, { propertyName: "groupEditor", first: true, predicate: ["groupEditor"], descendants: true }, { propertyName: "search", first: true, predicate: ["search"], descendants: true }, { propertyName: "brick", first: true, predicate: ["brick"], descendants: true }, { propertyName: "brickClickable", first: true, predicate: ["brickClickable"], descendants: true }, { propertyName: "separator", first: true, predicate: ["separator"], descendants: true }, { propertyName: "textEditingFieldContainer", first: true, predicate: ["textEditingFieldContainer"], descendants: true }, { propertyName: "textEditingField", first: true, predicate: ["textEditingField"], descendants: true }, { propertyName: "textEditingFieldDate", first: true, predicate: ["textEditingFieldDate"], descendants: true }, { propertyName: "textEditingFieldMask", first: true, predicate: ["textEditingFieldMask"], descendants: true }, { propertyName: "textEditingFieldNumber", first: true, predicate: ["textEditingFieldNumber"], descendants: true }, { propertyName: "characterCombEditingField", first: true, predicate: ["characterCombEditingField"], descendants: true }, { propertyName: "checkEditingField", first: true, predicate: ["checkEditingField"], descendants: true }, { propertyName: "radioEditingField", first: true, predicate: ["radioEditingField"], descendants: true }, { propertyName: "imageEditingField", first: true, predicate: ["imageEditingField"], descendants: true }, { propertyName: "imageEditingFieldEditor", first: true, predicate: ["imageEditingFieldEditor"], descendants: true }, { propertyName: "popupImageEditingField", first: true, predicate: ["popupImageEditingField"], descendants: true }, { propertyName: "pictureEditingToolbarPopup", first: true, predicate: ["pictureEditingToolbarPopup"], descendants: true }, { propertyName: "pictureEditingBrushOptions", first: true, predicate: ["pictureEditingBrushOptions"], descendants: true }, { propertyName: "pictureEditingSizeOptions", first: true, predicate: ["pictureEditingSizeOptions"], descendants: true }, { propertyName: "pictureEditingImagesPicker", first: true, predicate: ["pictureEditingImagesPicker"], descendants: true }, { propertyName: "pictureEditingImagesPickerWithFilter", first: true, predicate: ["pictureEditingImagesPickerWithFilter"], descendants: true }, { propertyName: "progressBar", first: true, predicate: ["progressBar"], descendants: true }, { propertyName: "exportTool", first: true, predicate: ["exportTool"], descendants: true }, { propertyName: "checkboxGlyph", first: true, predicate: ["checkboxglyph"], descendants: true }, { propertyName: "mobileSurface", first: true, predicate: ["mobilesurface"], descendants: true }, { propertyName: "mobilePage", first: true, predicate: ["mobilepage"], descendants: true }, { propertyName: "mobileActions", first: true, predicate: ["mobileactions"], descendants: true }, { propertyName: "mobileParameters", first: true, predicate: ["mobileparameters"], descendants: true }, { propertyName: "mobileParametersPopup", first: true, predicate: ["mobileparameterspopup"], descendants: true }, { propertyName: "mobileParametersDateRange", first: true, predicate: ["mobileparametersdaterange"], descendants: true }, { propertyName: "mobileDateRange", first: true, predicate: ["mobiledaterange"], descendants: true }, { propertyName: "mobileExport", first: true, predicate: ["mobileexport"], descendants: true }, { propertyName: "mobilesearch", first: true, predicate: ["mobilesearch"], descendants: true }, { propertyName: "mobilepaginator", first: true, predicate: ["mobilepaginator"], descendants: true }], ngImport: i0, template: "<ng-template #exportAction let-data=\"data\">\n <dxv-toolbar-export [data]=\"data\"></dxv-toolbar-export>\n</ng-template>\n\n<ng-template #pagerAction let-data=\"data\">\n <dxv-toolbar-pager [data]=\"data\"></dxv-toolbar-pager>\n</ng-template>\n\n<ng-template #zoomAction let-data=\"data\">\n <dxv-toolbar-zoom [data]=\"data\"></dxv-toolbar-zoom>\n</ng-template>\n\n<ng-template #toolbar let-data=\"data\">\n <dxv-toolbar [data]=\"data\"></dxv-toolbar>\n</ng-template>\n\n<ng-template #parameters let-data=\"data\">\n <dxv-parameters [data]=\"data\"></dxv-parameters>\n</ng-template>\n\n<ng-template #editor let-data=\"data\">\n <dxv-editor [data]=\"data\"></dxv-editor>\n</ng-template>\n\n<ng-template #multivalue let-data=\"data\">\n <dxv-multivalue [data]=\"data\"></dxv-multivalue>\n</ng-template>\n\n<ng-template #exportoptions let-data=\"data\">\n <dxv-export-options [data]=\"data\"></dxv-export-options>\n</ng-template>\n\n<ng-template #checkEditingField let-data=\"data\">\n <dxv-editing-field-checkbox [data]=\"data\"></dxv-editing-field-checkbox>\n</ng-template>\n\n<ng-template #radioEditingField let-data=\"data\">\n <dxv-editing-field-radio [data]=\"data\"></dxv-editing-field-radio>\n</ng-template>\n\n<ng-template #characterCombEditingField let-data=\"data\">\n <dxv-editing-field-character-comb [data]=\"data\"></dxv-editing-field-character-comb>\n</ng-template>\n\n<ng-template #textEditingField let-data=\"data\">\n <dxv-editing-field-text [data]=\"data\"></dxv-editing-field-text>\n</ng-template>\n\n<ng-template #textEditingFieldMask let-data=\"data\">\n <dxv-editing-field-mask [data]=\"data\"></dxv-editing-field-mask>\n</ng-template>\n\n<ng-template #textEditingFieldDate let-data=\"data\">\n <dxv-editing-field-datetime [data]=\"data\"></dxv-editing-field-datetime>\n</ng-template>\n\n<ng-template #textEditingFieldNumber let-data=\"data\">\n <dxv-editing-field-number [data]=\"data\"></dxv-editing-field-number>\n</ng-template>\n\n<ng-template #textEditingFieldContainer let-data=\"data\">\n <dxv-editing-field-container [data]=\"data\"></dxv-editing-field-container>\n</ng-template>\n\n<ng-template #imageEditingField let-data=\"data\">\n <dxv-image-editing-field [data]=\"data\"></dxv-image-editing-field>\n</ng-template>\n\n<ng-template #imageEditingFieldEditor let-data=\"data\">\n <dxv-image-editing-field-editor [data]=\"data\"></dxv-image-editing-field-editor>\n</ng-template>\n\n<ng-template #popupImageEditingField let-data=\"data\">\n <dxv-popup-image-editing-field [data]=\"data\"></dxv-popup-image-editing-field>\n</ng-template>\n\n<ng-template #pictureEditingToolbarPopup let-data=\"data\">\n <dxv-picture-editor-toolbar-popup [data]=\"data\"></dxv-picture-editor-toolbar-popup>\n</ng-template>\n\n<ng-template #pictureEditingBrushOptions let-data=\"data\">\n <dxv-picture-editing-brush-options [data]=\"data\"></dxv-picture-editing-brush-options>\n</ng-template>\n\n<ng-template #pictureEditingSizeOptions let-data=\"data\">\n <dxv-picture-editing-size-options [data]=\"data\"></dxv-picture-editing-size-options>\n</ng-template>\n\n<ng-template #pictureEditingImagesPicker let-data=\"data\">\n <dxv-picture-editing-imagespicker [data]=\"data\"></dxv-picture-editing-imagespicker>\n</ng-template>\n\n<ng-template #pictureEditingImagesPickerWithFilter let-data=\"data\">\n <dxv-picture-editing-imagespickerwithfilter [data]=\"data\"></dxv-picture-editing-imagespickerwithfilter>\n</ng-template>\n\n<ng-template #documentmap let-data=\"data\">\n <dxv-document-map [data]=\"data\"></dxv-document-map>\n</ng-template>\n\n<ng-template #multivalueEditable let-data=\"data\">\n <dxv-multivalue-editable [data]=\"data\"></dxv-multivalue-editable>\n</ng-template>\n\n<ng-template #signatureEditor let-data=\"data\">\n <dxv-signature-editor [data]=\"data\"></dxv-signature-editor>\n</ng-template>\n\n<ng-template #daterangeinput let-data=\"data\">\n <dxv-date-range [data]=\"data\"></dxv-date-range>\n</ng-template>\n\n<ng-template #daterangeepopup let-data=\"data\">\n <dxv-daterange-popup [data]=\"data\"></dxv-daterange-popup>\n</ng-template>\n\n<ng-template #daterangeecalendar let-data=\"data\">\n <dxv-daterange-calendar [data]=\"data\"></dxv-daterange-calendar>\n</ng-template>\n\n<ng-template #surface let-data=\"data\">\n <dxv-surface [data]=\"data\"></dxv-surface>\n</ng-template>\n\n<ng-template #page let-data=\"data\">\n <dxv-page [data]=\"data\"></dxv-page>\n</ng-template>\n\n<ng-template #editorContent let-data=\"data\">\n <dxv-editor-content [data]=\"data\"></dxv-editor-content>\n</ng-template>\n\n<ng-template #groupEditor let-data=\"data\">\n <dxv-group-editor [data]=\"data\"></dxv-group-editor>\n</ng-template>\n\n<ng-template #search let-data=\"data\">\n <dxv-search [data]=\"data\"></dxv-search>\n</ng-template>\n\n<ng-template #brick let-data=\"data\">\n <dxv-brick [data]=\"data\"></dxv-brick>\n</ng-template>\n\n<ng-template #brickClickable let-data=\"data\">\n <dxv-brick-clickable [data]=\"data\"></dxv-brick-clickable>\n</ng-template>\n\n<ng-template #exportTool let-data=\"data\">\n <dxv-export-tool [data]=\"data\"></dxv-export-tool>\n</ng-template>\n\n<ng-template #separator let-data=\"data\">\n <div class=\"dxrd-parameters-item-separator\">\n <div class=\"dxrd-item-separator dxd-border-secondary\"></div>\n </div>\n</ng-template>\n\n<ng-template #progressBar let-data=\"data\">\n <dxv-progress-bar [data]=\"data\"></dxv-progress-bar>\n</ng-template>\n\n<ng-template #checkboxglyph let-data=\"data\">\n <dxv-editing-field-checkbox-glyph [data]=\"data\"></dxv-editing-field-checkbox-glyph>\n</ng-template>\n\n<ng-template #mobilesurface let-data=\"data\">\n <dxv-mobile-surface [data]=\"data\"></dxv-mobile-surface>\n</ng-template>\n\n<ng-template #mobilepage let-data=\"data\">\n <dxv-mobile-page [data]=\"data\"></dxv-mobile-page>\n</ng-template>\n\n<ng-template #mobileactions let-data=\"data\">\n <dxv-mobile-actions [data]=\"data\"></dxv-mobile-actions>\n</ng-template>\n\n<ng-template #mobileparameters let-data=\"data\">\n <dxv-mobile-parameters [data]=\"data\"></dxv-mobile-parameters>\n</ng-template>\n\n<ng-template #mobileparameterspopup let-data=\"data\">\n <dxv-mobile-parameters-popup [data]=\"data\"></dxv-mobile-parameters-popup>\n</ng-template>\n\n<ng-template #mobileparametersdaterange let-data=\"data\">\n <dxv-mobile-parameters-daterange [data]=\"data\"></dxv-mobile-parameters-daterange>\n</ng-template>\n\n<ng-template #mobiledaterange let-data=\"data\">\n <dxv-date-range-mobile [data]=\"data\"></dxv-date-range-mobile>\n</ng-template>\n\n<ng-template #mobileexport let-data=\"data\">\n <dxv-mobile-actions-export [data]=\"data\"></dxv-mobile-actions-export>\n</ng-template>\n\n<ng-template #mobilesearch let-data=\"data\">\n <dxv-search-mobile [data]=\"data\"></dxv-search-mobile>\n</ng-template>\n\n<ng-template #mobilepaginator let-data=\"data\">\n <dxv-pages-mobile [data]=\"data\"></dxv-pages-mobile>\n</ng-template>\n\n<ng-template #breadcrumb let-data=\"data\">\n <dxv-breadcrumbs [data]=\"data\"></dxv-breadcrumbs>\n</ng-template>", dependencies: [{ kind: "component", type: i2.ParameterspanelComponent, selector: "dxv-parameters", inputs: ["data"] }, { kind: "component", type: i3.PagerComponent, selector: "dxv-toolbar-pager", inputs: ["data"] }, { kind: "component", type: i4.ZoomComponent, selector: "dxv-toolbar-zoom", inputs: ["data"] }, { kind: "component", type: i5.ExportComponent, selector: "dxv-toolbar-export", inputs: ["data"] }, { kind: "component", type: i6.ToolbarContentComponent, selector: "dxv-toolbar", inputs: ["data"] }, { kind: "component", type: i7.EditorComponent, selector: "dxv-editor" }, { kind: "component", type: i8.MultiValueComponent, selector: "dxv-multivalue" }, { kind: "component", type: i9.ExportOptionsComponent, selector: "dxv-export-options", inputs: ["data"] }, { kind: "component", type: i10.MultiValueEditableComponent, selector: "dxv-multivalue-editable" }, { kind: "component", type: i11.DateRangeComponent, selector: "dxv-date-range", inputs: ["data"] }, { kind: "component", type: i12.PopupContainerComponent, selector: "dxv-daterange-popup", inputs: ["data"] }, { kind: "component", type: i13.CalendarComponent, selector: "dxv-daterange-calendar", inputs: ["data"] }, { kind: "component", type: i14.SurfaceComponent, selector: "dxv-surface", inputs: ["data"] }, { kind: "component", type: i15.PageComponent, selector: "dxv-page", inputs: ["data"] }, { kind: "component", type: i16.EditorContentComponent, selector: "dxv-editor-content", inputs: ["data"] }, { kind: "component", type: i17.GroupEditorComponent, selector: "dxv-group-editor", inputs: ["data"] }, { kind: "component", type: i18.SearchComponent, selector: "dxv-search", inputs: ["data"] }, { kind: "component", type: i19.DocumentMapComponent, selector: "dxv-document-map", inputs: ["data"] }, { kind: "component", type: i20.TextEditingFieldComponent, selector: "dxv-editing-field-text", inputs: ["data"] }, { kind: "component", type: i21.TextEditingFieldMaskComponent, selector: "dxv-editing-field-mask", inputs: ["data"] }, { kind: "component", type: i22.TextEditingFieldNumberComponent, selector: "dxv-editing-field-number", inputs: ["data"] }, { kind: "component", type: i23.TextEditingFieldDateBoxComponent, selector: "dxv-editing-field-datetime", inputs: ["data"] }, { kind: "component", type: i24.TextEditingFieldContainerComponent, selector: "dxv-editing-field-container", inputs: ["data"] }, { kind: "component", type: i25.CharacterCombEditingFieldComponent, selector: "dxv-editing-field-character-comb", inputs: ["data"] }, { kind: "component", type: i26.CheckEditingFieldComponent, selector: "dxv-editing-field-checkbox", inputs: ["data"] }, { kind: "component", type: i27.RadioEditingFieldComponent, selector: "dxv-editing-field-radio", inputs: ["data"] }, { kind: "component", type: i28.ImageEditingFieldComponent, selector: "dxv-image-editing-field", inputs: ["data"] }, { kind: "component", type: i29.ImageEditingFieldEditorComponent, selector: "dxv-image-editing-field-editor", inputs: ["data"] }, { kind: "component", type: i30.PopupImageEditingFieldComponent, selector: "dxv-popup-image-editing-field", inputs: ["data"] }, { kind: "component", type: i31.ProgressBarComponent, selector: "dxv-progress-bar", inputs: ["data"] }, { kind: "component", type: i32.PictureEditorToolBarPopupComponent, selector: "dxv-picture-editor-toolbar-popup", inputs: ["data"] }, { kind: "component", type: i33.PictureEditorBrushOptionsComponent, selector: "dxv-picture-editing-brush-options", inputs: ["data"] }, { kind: "component", type: i34.PictureEditorSizeOptionsComponent, selector: "dxv-picture-editing-size-options", inputs: ["data"] }, { kind: "component", type: i35.PictureEditorImagespickerComponent, selector: "dxv-picture-editing-imagespicker", inputs: ["data"] }, { kind: "component", type: i36.PictureEditorImagespickerWithFilterComponent, selector: "dxv-picture-editing-imagespickerwithfilter" }, { kind: "component", type: i37.SignatureEditorComponent, selector: "dxv-signature-editor" }, { kind: "component", type: i38.BrickComponent, selector: "dxv-brick", inputs: ["data"] }, { kind: "component", type: i39.BrickClickableComponent, selector: "dxv-brick-clickable", inputs: ["data"] }, { kind: "component", type: i40.ExportToolComponent, selector: "dxv-export-tool", inputs: ["data"] }, { kind: "component", type: i41.EditingFieldCheckboxGlyphComponent, selector: "dxv-editing-field-checkbox-glyph", inputs: ["data"] }, { kind: "component", type: i42.MobileSurfaceComponent, selector: "dxv-mobile-surface", inputs: ["data"] }, { kind: "component", type: i43.MobilePageComponent, selector: "dxv-mobile-page", inputs: ["data"] }, { kind: "component", type: i44.MobileActionsComponent, selector: "dxv-mobile-actions", inputs: ["data"] }, { kind: "component", type: i45.MobileParametersPopupComponent, selector: "dxv-mobile-parameters-popup", inputs: ["data"] }, { kind: "component", type: i46.MobileParametersComponent, selector: "dxv-mobile-parameters", inputs: ["data"] }, { kind: "component", type: i47.MobileParametersDateRangeComponent, selector: "dxv-mobile-parameters-daterange" }, { kind: "component", type: i48.MobileActionsExportComponent, selector: "dxv-mobile-actions-export", inputs: ["data"] }, { kind: "component", type: i49.MobileSearchComponent, selector: "dxv-search-mobile", inputs: ["data"] }, { kind: "component", type: i50.DateRangeMobileComponent, selector: "dxv-date-range-mobile", inputs: ["data"] }, { kind: "component", type: i51.MobilePaginatorComponent, selector: "dxv-pages-mobile", inputs: ["data"] }, { kind: "component", type: i52.BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: ["data"] }] });
167
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewerTemplatesComponent, selector: "dxv-templates", viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "breadcrumb", first: true, predicate: ["breadcrumb"], descendants: true }, { propertyName: "exportAction", first: true, predicate: ["exportAction"], descendants: true }, { propertyName: "pagerAction", first: true, predicate: ["pagerAction"], descendants: true }, { propertyName: "zoomAction", first: true, predicate: ["zoomAction"], descendants: true }, { propertyName: "parameters", first: true, predicate: ["parameters"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }, { propertyName: "multivalue", first: true, predicate: ["multivalue"], descendants: true }, { propertyName: "multivalueEditable", first: true, predicate: ["multivalueEditable"], descendants: true }, { propertyName: "signatureEditor", first: true, predicate: ["signatureEditor"], descendants: true }, { propertyName: "exportOptions", first: true, predicate: ["exportoptions"], descendants: true }, { propertyName: "documentMap", first: true, predicate: ["documentmap"], descendants: true }, { propertyName: "daterangeinput", first: true, predicate: ["daterangeinput"], descendants: true }, { propertyName: "daterangePopup", first: true, predicate: ["daterangeepopup"], descendants: true }, { propertyName: "daterangeecalendar", first: true, predicate: ["daterangeecalendar"], descendants: true }, { propertyName: "surface", first: true, predicate: ["surface"], descendants: true }, { propertyName: "page", first: true, predicate: ["page"], descendants: true }, { propertyName: "editorContent", first: true, predicate: ["editorContent"], descendants: true }, { propertyName: "groupEditor", first: true, predicate: ["groupEditor"], descendants: true }, { propertyName: "search", first: true, predicate: ["search"], descendants: true }, { propertyName: "brick", first: true, predicate: ["brick"], descendants: true }, { propertyName: "brickClickable", first: true, predicate: ["brickClickable"], descendants: true }, { propertyName: "separator", first: true, predicate: ["separator"], descendants: true }, { propertyName: "textEditingFieldContainer", first: true, predicate: ["textEditingFieldContainer"], descendants: true }, { propertyName: "textEditingField", first: true, predicate: ["textEditingField"], descendants: true }, { propertyName: "textEditingFieldDate", first: true, predicate: ["textEditingFieldDate"], descendants: true }, { propertyName: "textEditingFieldMask", first: true, predicate: ["textEditingFieldMask"], descendants: true }, { propertyName: "textEditingFieldNumber", first: true, predicate: ["textEditingFieldNumber"], descendants: true }, { propertyName: "characterCombEditingField", first: true, predicate: ["characterCombEditingField"], descendants: true }, { propertyName: "checkEditingField", first: true, predicate: ["checkEditingField"], descendants: true }, { propertyName: "radioEditingField", first: true, predicate: ["radioEditingField"], descendants: true }, { propertyName: "imageEditingField", first: true, predicate: ["imageEditingField"], descendants: true }, { propertyName: "imageEditingFieldEditor", first: true, predicate: ["imageEditingFieldEditor"], descendants: true }, { propertyName: "popupImageEditingField", first: true, predicate: ["popupImageEditingField"], descendants: true }, { propertyName: "pictureEditingToolbarPopup", first: true, predicate: ["pictureEditingToolbarPopup"], descendants: true }, { propertyName: "pictureEditingBrushOptions", first: true, predicate: ["pictureEditingBrushOptions"], descendants: true }, { propertyName: "pictureEditingSizeOptions", first: true, predicate: ["pictureEditingSizeOptions"], descendants: true }, { propertyName: "pictureEditingImagesPicker", first: true, predicate: ["pictureEditingImagesPicker"], descendants: true }, { propertyName: "pictureEditingImagesPickerWithFilter", first: true, predicate: ["pictureEditingImagesPickerWithFilter"], descendants: true }, { propertyName: "progressBar", first: true, predicate: ["progressBar"], descendants: true }, { propertyName: "exportTool", first: true, predicate: ["exportTool"], descendants: true }, { propertyName: "checkboxGlyph", first: true, predicate: ["checkboxglyph"], descendants: true }, { propertyName: "mobileSurface", first: true, predicate: ["mobilesurface"], descendants: true }, { propertyName: "mobilePage", first: true, predicate: ["mobilepage"], descendants: true }, { propertyName: "mobileActions", first: true, predicate: ["mobileactions"], descendants: true }, { propertyName: "mobileParameters", first: true, predicate: ["mobileparameters"], descendants: true }, { propertyName: "mobileParametersPopup", first: true, predicate: ["mobileparameterspopup"], descendants: true }, { propertyName: "mobileParametersDateRange", first: true, predicate: ["mobileparametersdaterange"], descendants: true }, { propertyName: "mobileDateRange", first: true, predicate: ["mobiledaterange"], descendants: true }, { propertyName: "mobileExport", first: true, predicate: ["mobileexport"], descendants: true }, { propertyName: "mobilesearch", first: true, predicate: ["mobilesearch"], descendants: true }, { propertyName: "mobilepaginator", first: true, predicate: ["mobilepaginator"], descendants: true }], ngImport: i0, template: "<ng-template #exportAction let-data=\"data\">\n <dxv-toolbar-export [data]=\"data\"></dxv-toolbar-export>\n</ng-template>\n\n<ng-template #pagerAction let-data=\"data\">\n <dxv-toolbar-pager [data]=\"data\"></dxv-toolbar-pager>\n</ng-template>\n\n<ng-template #zoomAction let-data=\"data\">\n <dxv-toolbar-zoom [data]=\"data\"></dxv-toolbar-zoom>\n</ng-template>\n\n<ng-template #toolbar let-data=\"data\">\n <dxv-toolbar [data]=\"data\"></dxv-toolbar>\n</ng-template>\n\n<ng-template #parameters let-data=\"data\">\n <dxv-parameters [data]=\"data\"></dxv-parameters>\n</ng-template>\n\n<ng-template #editor let-data=\"data\">\n <dxv-editor [data]=\"data\"></dxv-editor>\n</ng-template>\n\n<ng-template #multivalue let-data=\"data\">\n <dxv-multivalue [data]=\"data\"></dxv-multivalue>\n</ng-template>\n\n<ng-template #exportoptions let-data=\"data\">\n <dxv-export-options [data]=\"data\"></dxv-export-options>\n</ng-template>\n\n<ng-template #checkEditingField let-data=\"data\">\n <dxv-editing-field-checkbox [data]=\"data\"></dxv-editing-field-checkbox>\n</ng-template>\n\n<ng-template #radioEditingField let-data=\"data\">\n <dxv-editing-field-radio [data]=\"data\"></dxv-editing-field-radio>\n</ng-template>\n\n<ng-template #characterCombEditingField let-data=\"data\">\n <dxv-editing-field-character-comb [data]=\"data\"></dxv-editing-field-character-comb>\n</ng-template>\n\n<ng-template #textEditingField let-data=\"data\">\n <dxv-editing-field-text [data]=\"data\"></dxv-editing-field-text>\n</ng-template>\n\n<ng-template #textEditingFieldMask let-data=\"data\">\n <dxv-editing-field-mask [data]=\"data\"></dxv-editing-field-mask>\n</ng-template>\n\n<ng-template #textEditingFieldDate let-data=\"data\">\n <dxv-editing-field-datetime [data]=\"data\"></dxv-editing-field-datetime>\n</ng-template>\n\n<ng-template #textEditingFieldNumber let-data=\"data\">\n <dxv-editing-field-number [data]=\"data\"></dxv-editing-field-number>\n</ng-template>\n\n<ng-template #textEditingFieldContainer let-data=\"data\">\n <dxv-editing-field-container [data]=\"data\"></dxv-editing-field-container>\n</ng-template>\n\n<ng-template #imageEditingField let-data=\"data\">\n <dxv-image-editing-field [data]=\"data\"></dxv-image-editing-field>\n</ng-template>\n\n<ng-template #imageEditingFieldEditor let-data=\"data\">\n <dxv-image-editing-field-editor [data]=\"data\"></dxv-image-editing-field-editor>\n</ng-template>\n\n<ng-template #popupImageEditingField let-data=\"data\">\n <dxv-popup-image-editing-field [data]=\"data\"></dxv-popup-image-editing-field>\n</ng-template>\n\n<ng-template #pictureEditingToolbarPopup let-data=\"data\">\n <dxv-picture-editor-toolbar-popup [data]=\"data\"></dxv-picture-editor-toolbar-popup>\n</ng-template>\n\n<ng-template #pictureEditingBrushOptions let-data=\"data\">\n <dxv-picture-editing-brush-options [data]=\"data\"></dxv-picture-editing-brush-options>\n</ng-template>\n\n<ng-template #pictureEditingSizeOptions let-data=\"data\">\n <dxv-picture-editing-size-options [data]=\"data\"></dxv-picture-editing-size-options>\n</ng-template>\n\n<ng-template #pictureEditingImagesPicker let-data=\"data\">\n <dxv-picture-editing-imagespicker [data]=\"data\"></dxv-picture-editing-imagespicker>\n</ng-template>\n\n<ng-template #pictureEditingImagesPickerWithFilter let-data=\"data\">\n <dxv-picture-editing-imagespickerwithfilter [data]=\"data\"></dxv-picture-editing-imagespickerwithfilter>\n</ng-template>\n\n<ng-template #documentmap let-data=\"data\">\n <dxv-document-map [data]=\"data\"></dxv-document-map>\n</ng-template>\n\n<ng-template #multivalueEditable let-data=\"data\">\n <dxv-multivalue-editable [data]=\"data\"></dxv-multivalue-editable>\n</ng-template>\n\n<ng-template #signatureEditor let-data=\"data\">\n <dxv-signature-editor [data]=\"data\"></dxv-signature-editor>\n</ng-template>\n\n<ng-template #daterangeinput let-data=\"data\">\n <dxv-date-range [data]=\"data\"></dxv-date-range>\n</ng-template>\n\n<ng-template #daterangeepopup let-data=\"data\">\n <dxv-daterange-popup [data]=\"data\"></dxv-daterange-popup>\n</ng-template>\n\n<ng-template #daterangeecalendar let-data=\"data\">\n <dxv-daterange-calendar [data]=\"data\"></dxv-daterange-calendar>\n</ng-template>\n\n<ng-template #surface let-data=\"data\">\n <dxv-surface [data]=\"data\"></dxv-surface>\n</ng-template>\n\n<ng-template #page let-data=\"data\">\n <dxv-page [data]=\"data\"></dxv-page>\n</ng-template>\n\n<ng-template #editorContent let-data=\"data\">\n <dxv-editor-content [data]=\"data\"></dxv-editor-content>\n</ng-template>\n\n<ng-template #groupEditor let-data=\"data\">\n <dxv-group-editor [data]=\"data\"></dxv-group-editor>\n</ng-template>\n\n<ng-template #search let-data=\"data\">\n <dxv-search [data]=\"data\"></dxv-search>\n</ng-template>\n\n<ng-template #brick let-data=\"data\">\n <dxv-brick [data]=\"data\"></dxv-brick>\n</ng-template>\n\n<ng-template #brickClickable let-data=\"data\">\n <dxv-brick-clickable [data]=\"data\"></dxv-brick-clickable>\n</ng-template>\n\n<ng-template #exportTool let-data=\"data\">\n <dxv-export-tool [data]=\"data\"></dxv-export-tool>\n</ng-template>\n\n<ng-template #separator let-data=\"data\">\n <div class=\"dxrd-parameters-item-separator\">\n <div class=\"dxrd-item-separator dxd-border-secondary\"></div>\n </div>\n</ng-template>\n\n<ng-template #progressBar let-data=\"data\">\n <dxv-progress-bar [data]=\"data\"></dxv-progress-bar>\n</ng-template>\n\n<ng-template #checkboxglyph let-data=\"data\">\n <dxv-editing-field-checkbox-glyph [data]=\"data\"></dxv-editing-field-checkbox-glyph>\n</ng-template>\n\n<ng-template #mobilesurface let-data=\"data\">\n <dxv-mobile-surface [data]=\"data\"></dxv-mobile-surface>\n</ng-template>\n\n<ng-template #mobilepage let-data=\"data\">\n <dxv-mobile-page [data]=\"data\"></dxv-mobile-page>\n</ng-template>\n\n<ng-template #mobileactions let-data=\"data\">\n <dxv-mobile-actions [data]=\"data\"></dxv-mobile-actions>\n</ng-template>\n\n<ng-template #mobileparameters let-data=\"data\">\n <dxv-mobile-parameters [data]=\"data\"></dxv-mobile-parameters>\n</ng-template>\n\n<ng-template #mobileparameterspopup let-data=\"data\">\n <dxv-mobile-parameters-popup [data]=\"data\"></dxv-mobile-parameters-popup>\n</ng-template>\n\n<ng-template #mobileparametersdaterange let-data=\"data\">\n <dxv-mobile-parameters-daterange [data]=\"data\"></dxv-mobile-parameters-daterange>\n</ng-template>\n\n<ng-template #mobiledaterange let-data=\"data\">\n <dxv-date-range-mobile [data]=\"data\"></dxv-date-range-mobile>\n</ng-template>\n\n<ng-template #mobileexport let-data=\"data\">\n <dxv-mobile-actions-export [data]=\"data\"></dxv-mobile-actions-export>\n</ng-template>\n\n<ng-template #mobilesearch let-data=\"data\">\n <dxv-search-mobile [data]=\"data\"></dxv-search-mobile>\n</ng-template>\n\n<ng-template #mobilepaginator let-data=\"data\">\n <dxv-pages-mobile [data]=\"data\"></dxv-pages-mobile>\n</ng-template>\n\n<ng-template #breadcrumb let-data=\"data\">\n <dxv-breadcrumbs [data]=\"data\"></dxv-breadcrumbs>\n</ng-template>", dependencies: [{ kind: "component", type: i2.ParameterspanelComponent, selector: "dxv-parameters", inputs: ["data"] }, { kind: "component", type: i3.PagerComponent, selector: "dxv-toolbar-pager", inputs: ["data"] }, { kind: "component", type: i4.ZoomComponent, selector: "dxv-toolbar-zoom", inputs: ["data"] }, { kind: "component", type: i5.ExportComponent, selector: "dxv-toolbar-export", inputs: ["data"] }, { kind: "component", type: i6.ToolbarContentComponent, selector: "dxv-toolbar", inputs: ["data"] }, { kind: "component", type: i7.EditorComponent, selector: "dxv-editor" }, { kind: "component", type: i8.MultiValueComponent, selector: "dxv-multivalue" }, { kind: "component", type: i9.ExportOptionsComponent, selector: "dxv-export-options", inputs: ["data"] }, { kind: "component", type: i10.MultiValueEditableComponent, selector: "dxv-multivalue-editable" }, { kind: "component", type: i11.DateRangeComponent, selector: "dxv-date-range", inputs: ["data"] }, { kind: "component", type: i12.PopupContainerComponent, selector: "dxv-daterange-popup", inputs: ["data"] }, { kind: "component", type: i13.CalendarComponent, selector: "dxv-daterange-calendar", inputs: ["data"] }, { kind: "component", type: i14.SurfaceComponent, selector: "dxv-surface", inputs: ["data"] }, { kind: "component", type: i15.PageComponent, selector: "dxv-page", inputs: ["data"] }, { kind: "component", type: i16.EditorContentComponent, selector: "dxv-editor-content", inputs: ["data"] }, { kind: "component", type: i17.GroupEditorComponent, selector: "dxv-group-editor", inputs: ["data"] }, { kind: "component", type: i18.SearchComponent, selector: "dxv-search", inputs: ["data"] }, { kind: "component", type: i19.DocumentMapComponent, selector: "dxv-document-map", inputs: ["data"] }, { kind: "component", type: i20.TextEditingFieldComponent, selector: "dxv-editing-field-text", inputs: ["data"] }, { kind: "component", type: i21.TextEditingFieldMaskComponent, selector: "dxv-editing-field-mask" }, { kind: "component", type: i22.TextEditingFieldNumberComponent, selector: "dxv-editing-field-number" }, { kind: "component", type: i23.TextEditingFieldDateBoxComponent, selector: "dxv-editing-field-datetime", inputs: ["data"] }, { kind: "component", type: i24.TextEditingFieldContainerComponent, selector: "dxv-editing-field-container", inputs: ["data"] }, { kind: "component", type: i25.CharacterCombEditingFieldComponent, selector: "dxv-editing-field-character-comb", inputs: ["data"] }, { kind: "component", type: i26.CheckEditingFieldComponent, selector: "dxv-editing-field-checkbox", inputs: ["data"] }, { kind: "component", type: i27.RadioEditingFieldComponent, selector: "dxv-editing-field-radio", inputs: ["data"] }, { kind: "component", type: i28.ImageEditingFieldComponent, selector: "dxv-image-editing-field", inputs: ["data"] }, { kind: "component", type: i29.ImageEditingFieldEditorComponent, selector: "dxv-image-editing-field-editor", inputs: ["data"] }, { kind: "component", type: i30.PopupImageEditingFieldComponent, selector: "dxv-popup-image-editing-field", inputs: ["data"] }, { kind: "component", type: i31.ProgressBarComponent, selector: "dxv-progress-bar", inputs: ["data"] }, { kind: "component", type: i32.PictureEditorToolBarPopupComponent, selector: "dxv-picture-editor-toolbar-popup", inputs: ["data"] }, { kind: "component", type: i33.PictureEditorBrushOptionsComponent, selector: "dxv-picture-editing-brush-options", inputs: ["data"] }, { kind: "component", type: i34.PictureEditorSizeOptionsComponent, selector: "dxv-picture-editing-size-options", inputs: ["data"] }, { kind: "component", type: i35.PictureEditorImagespickerComponent, selector: "dxv-picture-editing-imagespicker", inputs: ["data"] }, { kind: "component", type: i36.PictureEditorImagespickerWithFilterComponent, selector: "dxv-picture-editing-imagespickerwithfilter" }, { kind: "component", type: i37.SignatureEditorComponent, selector: "dxv-signature-editor" }, { kind: "component", type: i38.BrickComponent, selector: "dxv-brick", inputs: ["data"] }, { kind: "component", type: i39.BrickClickableComponent, selector: "dxv-brick-clickable", inputs: ["data"] }, { kind: "component", type: i40.ExportToolComponent, selector: "dxv-export-tool", inputs: ["data"] }, { kind: "component", type: i41.EditingFieldCheckboxGlyphComponent, selector: "dxv-editing-field-checkbox-glyph", inputs: ["data"] }, { kind: "component", type: i42.MobileSurfaceComponent, selector: "dxv-mobile-surface", inputs: ["data"] }, { kind: "component", type: i43.MobilePageComponent, selector: "dxv-mobile-page", inputs: ["data"] }, { kind: "component", type: i44.MobileActionsComponent, selector: "dxv-mobile-actions", inputs: ["data"] }, { kind: "component", type: i45.MobileParametersPopupComponent, selector: "dxv-mobile-parameters-popup", inputs: ["data"] }, { kind: "component", type: i46.MobileParametersComponent, selector: "dxv-mobile-parameters", inputs: ["data"] }, { kind: "component", type: i47.MobileParametersDateRangeComponent, selector: "dxv-mobile-parameters-daterange" }, { kind: "component", type: i48.MobileActionsExportComponent, selector: "dxv-mobile-actions-export", inputs: ["data"] }, { kind: "component", type: i49.MobileSearchComponent, selector: "dxv-search-mobile", inputs: ["data"] }, { kind: "component", type: i50.DateRangeMobileComponent, selector: "dxv-date-range-mobile", inputs: ["data"] }, { kind: "component", type: i51.MobilePaginatorComponent, selector: "dxv-pages-mobile", inputs: ["data"] }, { kind: "component", type: i52.BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: ["data"] }] });
168
168
  }
169
169
  export { ViewerTemplatesComponent };
170
170
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewerTemplatesComponent, decorators: [{
@@ -1918,6 +1918,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1918
1918
  args: ['data']
1919
1919
  }] } });
1920
1920
 
1921
+ class DxTextEditingFieldBaseComponent {
1922
+ _cd;
1923
+ data;
1924
+ widget;
1925
+ constructor(_cd) {
1926
+ this._cd = _cd;
1927
+ }
1928
+ ngAfterViewInit() {
1929
+ if (!this.widget || !this.data?.options)
1930
+ return;
1931
+ const dxWidget = this.widget.instance;
1932
+ dxWidget.beginUpdate();
1933
+ dxWidget.option(this.data.options);
1934
+ dxWidget.endUpdate();
1935
+ this._cd.detectChanges();
1936
+ }
1937
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DxTextEditingFieldBaseComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1938
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DxTextEditingFieldBaseComponent, selector: "ng-component", inputs: { data: "data" }, viewQueries: [{ propertyName: "widget", first: true, predicate: ["widget"], descendants: true }], ngImport: i0, template: '', isInline: true });
1939
+ }
1940
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DxTextEditingFieldBaseComponent, decorators: [{
1941
+ type: Component,
1942
+ args: [{
1943
+ template: ''
1944
+ }]
1945
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
1946
+ type: Input,
1947
+ args: ['data']
1948
+ }], widget: [{
1949
+ type: ViewChild,
1950
+ args: ['widget']
1951
+ }] } });
1952
+
1921
1953
  class ChildStyleDirective {
1922
1954
  _element;
1923
1955
  options;
@@ -1940,31 +1972,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1940
1972
  args: ['dxvChildStyle']
1941
1973
  }] } });
1942
1974
 
1943
- class TextEditingFieldMaskComponent {
1944
- data;
1945
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1946
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditingFieldMaskComponent, selector: "dxv-editing-field-mask", inputs: { data: "data" }, ngImport: i0, template: "<dx-text-box class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-text-box>", dependencies: [{ kind: "component", type: i2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }] });
1975
+ class TextEditingFieldMaskComponent extends DxTextEditingFieldBaseComponent {
1976
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldMaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1977
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditingFieldMaskComponent, selector: "dxv-editing-field-mask", usesInheritance: true, ngImport: i0, template: "<dx-text-box #widget class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-text-box>", dependencies: [{ kind: "component", type: i2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }] });
1947
1978
  }
1948
1979
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldMaskComponent, decorators: [{
1949
1980
  type: Component,
1950
- args: [{ selector: 'dxv-editing-field-mask', template: "<dx-text-box class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-text-box>" }]
1951
- }], propDecorators: { data: [{
1952
- type: Input,
1953
- args: ['data']
1954
- }] } });
1981
+ args: [{ selector: 'dxv-editing-field-mask', template: "<dx-text-box #widget class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-text-box>" }]
1982
+ }] });
1955
1983
 
1956
- class TextEditingFieldNumberComponent {
1957
- data;
1958
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1959
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditingFieldNumberComponent, selector: "dxv-editing-field-number", inputs: { data: "data" }, ngImport: i0, template: "<dx-number-box class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-number-box>", dependencies: [{ kind: "component", type: i2.DxNumberBoxComponent, selector: "dx-number-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "format", "height", "hint", "hoverStateEnabled", "inputAttr", "invalidValueMessage", "isDirty", "isValid", "label", "labelMode", "max", "min", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showSpinButtons", "step", "stylingMode", "tabIndex", "text", "useLargeSpinButtons", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formatChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "invalidValueMessageChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "minChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showSpinButtonsChange", "stepChange", "stylingModeChange", "tabIndexChange", "textChange", "useLargeSpinButtonsChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }] });
1984
+ class TextEditingFieldNumberComponent extends DxTextEditingFieldBaseComponent {
1985
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1986
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditingFieldNumberComponent, selector: "dxv-editing-field-number", usesInheritance: true, ngImport: i0, template: "<dx-number-box #widget class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-number-box>", dependencies: [{ kind: "component", type: i2.DxNumberBoxComponent, selector: "dx-number-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "format", "height", "hint", "hoverStateEnabled", "inputAttr", "invalidValueMessage", "isDirty", "isValid", "label", "labelMode", "max", "min", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showSpinButtons", "step", "stylingMode", "tabIndex", "text", "useLargeSpinButtons", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formatChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "invalidValueMessageChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "minChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showSpinButtonsChange", "stepChange", "stylingModeChange", "tabIndexChange", "textChange", "useLargeSpinButtonsChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }] });
1960
1987
  }
1961
1988
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditingFieldNumberComponent, decorators: [{
1962
1989
  type: Component,
1963
- args: [{ selector: 'dxv-editing-field-number', template: "<dx-number-box class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-number-box>" }]
1964
- }], propDecorators: { data: [{
1965
- type: Input,
1966
- args: ['data']
1967
- }] } });
1990
+ args: [{ selector: 'dxv-editing-field-number', template: "<dx-number-box #widget class=\"dxrp-editing-field-mask\"\n [value]=\"data.options.value\"\n (onValueChanged)=\"data.options.onValueChanged && data.options.onValueChanged($event)\"\n (onFocusOut)=\"data.options.onFocusOut && data.options.onFocusOut($event)\"\n (onInitialized)=\"data.options.onInitialized && data.options.onInitialized($event)\"\n (onKeyUp)=\"data.options.onKeyUp && data.options.onKeyUp($event)\"\n (onKeyDown)=\"data.options.onKeyDown && data.options.onKeyDown($event)\"\n (onFocusIn)=\"data.options.onFocusIn && data.options.onFocusIn($event)\"\n (onPaste)=\"data.options.onPaste && data.options.onPaste($event)\"\n [dxvChildStyle]=\"{ style: data.textStyle, selector: '.dx-texteditor-input'}\">\n</dx-number-box>" }]
1991
+ }] });
1968
1992
 
1969
1993
  class TextEditingFieldDateBoxComponent {
1970
1994
  _element;
@@ -2898,7 +2922,7 @@ class ViewerTemplatesComponent {
2898
2922
  this._templateEngine.register('dxrdp-pages-mobile', this.mobilepaginator);
2899
2923
  }
2900
2924
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewerTemplatesComponent, deps: [{ token: TemplateEngine }], target: i0.ɵɵFactoryTarget.Component });
2901
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewerTemplatesComponent, selector: "dxv-templates", viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "breadcrumb", first: true, predicate: ["breadcrumb"], descendants: true }, { propertyName: "exportAction", first: true, predicate: ["exportAction"], descendants: true }, { propertyName: "pagerAction", first: true, predicate: ["pagerAction"], descendants: true }, { propertyName: "zoomAction", first: true, predicate: ["zoomAction"], descendants: true }, { propertyName: "parameters", first: true, predicate: ["parameters"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }, { propertyName: "multivalue", first: true, predicate: ["multivalue"], descendants: true }, { propertyName: "multivalueEditable", first: true, predicate: ["multivalueEditable"], descendants: true }, { propertyName: "signatureEditor", first: true, predicate: ["signatureEditor"], descendants: true }, { propertyName: "exportOptions", first: true, predicate: ["exportoptions"], descendants: true }, { propertyName: "documentMap", first: true, predicate: ["documentmap"], descendants: true }, { propertyName: "daterangeinput", first: true, predicate: ["daterangeinput"], descendants: true }, { propertyName: "daterangePopup", first: true, predicate: ["daterangeepopup"], descendants: true }, { propertyName: "daterangeecalendar", first: true, predicate: ["daterangeecalendar"], descendants: true }, { propertyName: "surface", first: true, predicate: ["surface"], descendants: true }, { propertyName: "page", first: true, predicate: ["page"], descendants: true }, { propertyName: "editorContent", first: true, predicate: ["editorContent"], descendants: true }, { propertyName: "groupEditor", first: true, predicate: ["groupEditor"], descendants: true }, { propertyName: "search", first: true, predicate: ["search"], descendants: true }, { propertyName: "brick", first: true, predicate: ["brick"], descendants: true }, { propertyName: "brickClickable", first: true, predicate: ["brickClickable"], descendants: true }, { propertyName: "separator", first: true, predicate: ["separator"], descendants: true }, { propertyName: "textEditingFieldContainer", first: true, predicate: ["textEditingFieldContainer"], descendants: true }, { propertyName: "textEditingField", first: true, predicate: ["textEditingField"], descendants: true }, { propertyName: "textEditingFieldDate", first: true, predicate: ["textEditingFieldDate"], descendants: true }, { propertyName: "textEditingFieldMask", first: true, predicate: ["textEditingFieldMask"], descendants: true }, { propertyName: "textEditingFieldNumber", first: true, predicate: ["textEditingFieldNumber"], descendants: true }, { propertyName: "characterCombEditingField", first: true, predicate: ["characterCombEditingField"], descendants: true }, { propertyName: "checkEditingField", first: true, predicate: ["checkEditingField"], descendants: true }, { propertyName: "radioEditingField", first: true, predicate: ["radioEditingField"], descendants: true }, { propertyName: "imageEditingField", first: true, predicate: ["imageEditingField"], descendants: true }, { propertyName: "imageEditingFieldEditor", first: true, predicate: ["imageEditingFieldEditor"], descendants: true }, { propertyName: "popupImageEditingField", first: true, predicate: ["popupImageEditingField"], descendants: true }, { propertyName: "pictureEditingToolbarPopup", first: true, predicate: ["pictureEditingToolbarPopup"], descendants: true }, { propertyName: "pictureEditingBrushOptions", first: true, predicate: ["pictureEditingBrushOptions"], descendants: true }, { propertyName: "pictureEditingSizeOptions", first: true, predicate: ["pictureEditingSizeOptions"], descendants: true }, { propertyName: "pictureEditingImagesPicker", first: true, predicate: ["pictureEditingImagesPicker"], descendants: true }, { propertyName: "pictureEditingImagesPickerWithFilter", first: true, predicate: ["pictureEditingImagesPickerWithFilter"], descendants: true }, { propertyName: "progressBar", first: true, predicate: ["progressBar"], descendants: true }, { propertyName: "exportTool", first: true, predicate: ["exportTool"], descendants: true }, { propertyName: "checkboxGlyph", first: true, predicate: ["checkboxglyph"], descendants: true }, { propertyName: "mobileSurface", first: true, predicate: ["mobilesurface"], descendants: true }, { propertyName: "mobilePage", first: true, predicate: ["mobilepage"], descendants: true }, { propertyName: "mobileActions", first: true, predicate: ["mobileactions"], descendants: true }, { propertyName: "mobileParameters", first: true, predicate: ["mobileparameters"], descendants: true }, { propertyName: "mobileParametersPopup", first: true, predicate: ["mobileparameterspopup"], descendants: true }, { propertyName: "mobileParametersDateRange", first: true, predicate: ["mobileparametersdaterange"], descendants: true }, { propertyName: "mobileDateRange", first: true, predicate: ["mobiledaterange"], descendants: true }, { propertyName: "mobileExport", first: true, predicate: ["mobileexport"], descendants: true }, { propertyName: "mobilesearch", first: true, predicate: ["mobilesearch"], descendants: true }, { propertyName: "mobilepaginator", first: true, predicate: ["mobilepaginator"], descendants: true }], ngImport: i0, template: "<ng-template #exportAction let-data=\"data\">\n <dxv-toolbar-export [data]=\"data\"></dxv-toolbar-export>\n</ng-template>\n\n<ng-template #pagerAction let-data=\"data\">\n <dxv-toolbar-pager [data]=\"data\"></dxv-toolbar-pager>\n</ng-template>\n\n<ng-template #zoomAction let-data=\"data\">\n <dxv-toolbar-zoom [data]=\"data\"></dxv-toolbar-zoom>\n</ng-template>\n\n<ng-template #toolbar let-data=\"data\">\n <dxv-toolbar [data]=\"data\"></dxv-toolbar>\n</ng-template>\n\n<ng-template #parameters let-data=\"data\">\n <dxv-parameters [data]=\"data\"></dxv-parameters>\n</ng-template>\n\n<ng-template #editor let-data=\"data\">\n <dxv-editor [data]=\"data\"></dxv-editor>\n</ng-template>\n\n<ng-template #multivalue let-data=\"data\">\n <dxv-multivalue [data]=\"data\"></dxv-multivalue>\n</ng-template>\n\n<ng-template #exportoptions let-data=\"data\">\n <dxv-export-options [data]=\"data\"></dxv-export-options>\n</ng-template>\n\n<ng-template #checkEditingField let-data=\"data\">\n <dxv-editing-field-checkbox [data]=\"data\"></dxv-editing-field-checkbox>\n</ng-template>\n\n<ng-template #radioEditingField let-data=\"data\">\n <dxv-editing-field-radio [data]=\"data\"></dxv-editing-field-radio>\n</ng-template>\n\n<ng-template #characterCombEditingField let-data=\"data\">\n <dxv-editing-field-character-comb [data]=\"data\"></dxv-editing-field-character-comb>\n</ng-template>\n\n<ng-template #textEditingField let-data=\"data\">\n <dxv-editing-field-text [data]=\"data\"></dxv-editing-field-text>\n</ng-template>\n\n<ng-template #textEditingFieldMask let-data=\"data\">\n <dxv-editing-field-mask [data]=\"data\"></dxv-editing-field-mask>\n</ng-template>\n\n<ng-template #textEditingFieldDate let-data=\"data\">\n <dxv-editing-field-datetime [data]=\"data\"></dxv-editing-field-datetime>\n</ng-template>\n\n<ng-template #textEditingFieldNumber let-data=\"data\">\n <dxv-editing-field-number [data]=\"data\"></dxv-editing-field-number>\n</ng-template>\n\n<ng-template #textEditingFieldContainer let-data=\"data\">\n <dxv-editing-field-container [data]=\"data\"></dxv-editing-field-container>\n</ng-template>\n\n<ng-template #imageEditingField let-data=\"data\">\n <dxv-image-editing-field [data]=\"data\"></dxv-image-editing-field>\n</ng-template>\n\n<ng-template #imageEditingFieldEditor let-data=\"data\">\n <dxv-image-editing-field-editor [data]=\"data\"></dxv-image-editing-field-editor>\n</ng-template>\n\n<ng-template #popupImageEditingField let-data=\"data\">\n <dxv-popup-image-editing-field [data]=\"data\"></dxv-popup-image-editing-field>\n</ng-template>\n\n<ng-template #pictureEditingToolbarPopup let-data=\"data\">\n <dxv-picture-editor-toolbar-popup [data]=\"data\"></dxv-picture-editor-toolbar-popup>\n</ng-template>\n\n<ng-template #pictureEditingBrushOptions let-data=\"data\">\n <dxv-picture-editing-brush-options [data]=\"data\"></dxv-picture-editing-brush-options>\n</ng-template>\n\n<ng-template #pictureEditingSizeOptions let-data=\"data\">\n <dxv-picture-editing-size-options [data]=\"data\"></dxv-picture-editing-size-options>\n</ng-template>\n\n<ng-template #pictureEditingImagesPicker let-data=\"data\">\n <dxv-picture-editing-imagespicker [data]=\"data\"></dxv-picture-editing-imagespicker>\n</ng-template>\n\n<ng-template #pictureEditingImagesPickerWithFilter let-data=\"data\">\n <dxv-picture-editing-imagespickerwithfilter [data]=\"data\"></dxv-picture-editing-imagespickerwithfilter>\n</ng-template>\n\n<ng-template #documentmap let-data=\"data\">\n <dxv-document-map [data]=\"data\"></dxv-document-map>\n</ng-template>\n\n<ng-template #multivalueEditable let-data=\"data\">\n <dxv-multivalue-editable [data]=\"data\"></dxv-multivalue-editable>\n</ng-template>\n\n<ng-template #signatureEditor let-data=\"data\">\n <dxv-signature-editor [data]=\"data\"></dxv-signature-editor>\n</ng-template>\n\n<ng-template #daterangeinput let-data=\"data\">\n <dxv-date-range [data]=\"data\"></dxv-date-range>\n</ng-template>\n\n<ng-template #daterangeepopup let-data=\"data\">\n <dxv-daterange-popup [data]=\"data\"></dxv-daterange-popup>\n</ng-template>\n\n<ng-template #daterangeecalendar let-data=\"data\">\n <dxv-daterange-calendar [data]=\"data\"></dxv-daterange-calendar>\n</ng-template>\n\n<ng-template #surface let-data=\"data\">\n <dxv-surface [data]=\"data\"></dxv-surface>\n</ng-template>\n\n<ng-template #page let-data=\"data\">\n <dxv-page [data]=\"data\"></dxv-page>\n</ng-template>\n\n<ng-template #editorContent let-data=\"data\">\n <dxv-editor-content [data]=\"data\"></dxv-editor-content>\n</ng-template>\n\n<ng-template #groupEditor let-data=\"data\">\n <dxv-group-editor [data]=\"data\"></dxv-group-editor>\n</ng-template>\n\n<ng-template #search let-data=\"data\">\n <dxv-search [data]=\"data\"></dxv-search>\n</ng-template>\n\n<ng-template #brick let-data=\"data\">\n <dxv-brick [data]=\"data\"></dxv-brick>\n</ng-template>\n\n<ng-template #brickClickable let-data=\"data\">\n <dxv-brick-clickable [data]=\"data\"></dxv-brick-clickable>\n</ng-template>\n\n<ng-template #exportTool let-data=\"data\">\n <dxv-export-tool [data]=\"data\"></dxv-export-tool>\n</ng-template>\n\n<ng-template #separator let-data=\"data\">\n <div class=\"dxrd-parameters-item-separator\">\n <div class=\"dxrd-item-separator dxd-border-secondary\"></div>\n </div>\n</ng-template>\n\n<ng-template #progressBar let-data=\"data\">\n <dxv-progress-bar [data]=\"data\"></dxv-progress-bar>\n</ng-template>\n\n<ng-template #checkboxglyph let-data=\"data\">\n <dxv-editing-field-checkbox-glyph [data]=\"data\"></dxv-editing-field-checkbox-glyph>\n</ng-template>\n\n<ng-template #mobilesurface let-data=\"data\">\n <dxv-mobile-surface [data]=\"data\"></dxv-mobile-surface>\n</ng-template>\n\n<ng-template #mobilepage let-data=\"data\">\n <dxv-mobile-page [data]=\"data\"></dxv-mobile-page>\n</ng-template>\n\n<ng-template #mobileactions let-data=\"data\">\n <dxv-mobile-actions [data]=\"data\"></dxv-mobile-actions>\n</ng-template>\n\n<ng-template #mobileparameters let-data=\"data\">\n <dxv-mobile-parameters [data]=\"data\"></dxv-mobile-parameters>\n</ng-template>\n\n<ng-template #mobileparameterspopup let-data=\"data\">\n <dxv-mobile-parameters-popup [data]=\"data\"></dxv-mobile-parameters-popup>\n</ng-template>\n\n<ng-template #mobileparametersdaterange let-data=\"data\">\n <dxv-mobile-parameters-daterange [data]=\"data\"></dxv-mobile-parameters-daterange>\n</ng-template>\n\n<ng-template #mobiledaterange let-data=\"data\">\n <dxv-date-range-mobile [data]=\"data\"></dxv-date-range-mobile>\n</ng-template>\n\n<ng-template #mobileexport let-data=\"data\">\n <dxv-mobile-actions-export [data]=\"data\"></dxv-mobile-actions-export>\n</ng-template>\n\n<ng-template #mobilesearch let-data=\"data\">\n <dxv-search-mobile [data]=\"data\"></dxv-search-mobile>\n</ng-template>\n\n<ng-template #mobilepaginator let-data=\"data\">\n <dxv-pages-mobile [data]=\"data\"></dxv-pages-mobile>\n</ng-template>\n\n<ng-template #breadcrumb let-data=\"data\">\n <dxv-breadcrumbs [data]=\"data\"></dxv-breadcrumbs>\n</ng-template>", dependencies: [{ kind: "component", type: ParameterspanelComponent, selector: "dxv-parameters", inputs: ["data"] }, { kind: "component", type: PagerComponent, selector: "dxv-toolbar-pager", inputs: ["data"] }, { kind: "component", type: ZoomComponent, selector: "dxv-toolbar-zoom", inputs: ["data"] }, { kind: "component", type: ExportComponent, selector: "dxv-toolbar-export", inputs: ["data"] }, { kind: "component", type: ToolbarContentComponent, selector: "dxv-toolbar", inputs: ["data"] }, { kind: "component", type: EditorComponent, selector: "dxv-editor" }, { kind: "component", type: MultiValueComponent, selector: "dxv-multivalue" }, { kind: "component", type: ExportOptionsComponent, selector: "dxv-export-options", inputs: ["data"] }, { kind: "component", type: MultiValueEditableComponent, selector: "dxv-multivalue-editable" }, { kind: "component", type: DateRangeComponent, selector: "dxv-date-range", inputs: ["data"] }, { kind: "component", type: PopupContainerComponent, selector: "dxv-daterange-popup", inputs: ["data"] }, { kind: "component", type: CalendarComponent, selector: "dxv-daterange-calendar", inputs: ["data"] }, { kind: "component", type: SurfaceComponent, selector: "dxv-surface", inputs: ["data"] }, { kind: "component", type: PageComponent, selector: "dxv-page", inputs: ["data"] }, { kind: "component", type: EditorContentComponent, selector: "dxv-editor-content", inputs: ["data"] }, { kind: "component", type: GroupEditorComponent, selector: "dxv-group-editor", inputs: ["data"] }, { kind: "component", type: SearchComponent, selector: "dxv-search", inputs: ["data"] }, { kind: "component", type: DocumentMapComponent, selector: "dxv-document-map", inputs: ["data"] }, { kind: "component", type: TextEditingFieldComponent, selector: "dxv-editing-field-text", inputs: ["data"] }, { kind: "component", type: TextEditingFieldMaskComponent, selector: "dxv-editing-field-mask", inputs: ["data"] }, { kind: "component", type: TextEditingFieldNumberComponent, selector: "dxv-editing-field-number", inputs: ["data"] }, { kind: "component", type: TextEditingFieldDateBoxComponent, selector: "dxv-editing-field-datetime", inputs: ["data"] }, { kind: "component", type: TextEditingFieldContainerComponent, selector: "dxv-editing-field-container", inputs: ["data"] }, { kind: "component", type: CharacterCombEditingFieldComponent, selector: "dxv-editing-field-character-comb", inputs: ["data"] }, { kind: "component", type: CheckEditingFieldComponent, selector: "dxv-editing-field-checkbox", inputs: ["data"] }, { kind: "component", type: RadioEditingFieldComponent, selector: "dxv-editing-field-radio", inputs: ["data"] }, { kind: "component", type: ImageEditingFieldComponent, selector: "dxv-image-editing-field", inputs: ["data"] }, { kind: "component", type: ImageEditingFieldEditorComponent, selector: "dxv-image-editing-field-editor", inputs: ["data"] }, { kind: "component", type: PopupImageEditingFieldComponent, selector: "dxv-popup-image-editing-field", inputs: ["data"] }, { kind: "component", type: ProgressBarComponent, selector: "dxv-progress-bar", inputs: ["data"] }, { kind: "component", type: PictureEditorToolBarPopupComponent, selector: "dxv-picture-editor-toolbar-popup", inputs: ["data"] }, { kind: "component", type: PictureEditorBrushOptionsComponent, selector: "dxv-picture-editing-brush-options", inputs: ["data"] }, { kind: "component", type: PictureEditorSizeOptionsComponent, selector: "dxv-picture-editing-size-options", inputs: ["data"] }, { kind: "component", type: PictureEditorImagespickerComponent, selector: "dxv-picture-editing-imagespicker", inputs: ["data"] }, { kind: "component", type: PictureEditorImagespickerWithFilterComponent, selector: "dxv-picture-editing-imagespickerwithfilter" }, { kind: "component", type: SignatureEditorComponent, selector: "dxv-signature-editor" }, { kind: "component", type: BrickComponent, selector: "dxv-brick", inputs: ["data"] }, { kind: "component", type: BrickClickableComponent, selector: "dxv-brick-clickable", inputs: ["data"] }, { kind: "component", type: ExportToolComponent, selector: "dxv-export-tool", inputs: ["data"] }, { kind: "component", type: EditingFieldCheckboxGlyphComponent, selector: "dxv-editing-field-checkbox-glyph", inputs: ["data"] }, { kind: "component", type: MobileSurfaceComponent, selector: "dxv-mobile-surface", inputs: ["data"] }, { kind: "component", type: MobilePageComponent, selector: "dxv-mobile-page", inputs: ["data"] }, { kind: "component", type: MobileActionsComponent, selector: "dxv-mobile-actions", inputs: ["data"] }, { kind: "component", type: MobileParametersPopupComponent, selector: "dxv-mobile-parameters-popup", inputs: ["data"] }, { kind: "component", type: MobileParametersComponent, selector: "dxv-mobile-parameters", inputs: ["data"] }, { kind: "component", type: MobileParametersDateRangeComponent, selector: "dxv-mobile-parameters-daterange" }, { kind: "component", type: MobileActionsExportComponent, selector: "dxv-mobile-actions-export", inputs: ["data"] }, { kind: "component", type: MobileSearchComponent, selector: "dxv-search-mobile", inputs: ["data"] }, { kind: "component", type: DateRangeMobileComponent, selector: "dxv-date-range-mobile", inputs: ["data"] }, { kind: "component", type: MobilePaginatorComponent, selector: "dxv-pages-mobile", inputs: ["data"] }, { kind: "component", type: BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: ["data"] }] });
2925
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ViewerTemplatesComponent, selector: "dxv-templates", viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "breadcrumb", first: true, predicate: ["breadcrumb"], descendants: true }, { propertyName: "exportAction", first: true, predicate: ["exportAction"], descendants: true }, { propertyName: "pagerAction", first: true, predicate: ["pagerAction"], descendants: true }, { propertyName: "zoomAction", first: true, predicate: ["zoomAction"], descendants: true }, { propertyName: "parameters", first: true, predicate: ["parameters"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }, { propertyName: "multivalue", first: true, predicate: ["multivalue"], descendants: true }, { propertyName: "multivalueEditable", first: true, predicate: ["multivalueEditable"], descendants: true }, { propertyName: "signatureEditor", first: true, predicate: ["signatureEditor"], descendants: true }, { propertyName: "exportOptions", first: true, predicate: ["exportoptions"], descendants: true }, { propertyName: "documentMap", first: true, predicate: ["documentmap"], descendants: true }, { propertyName: "daterangeinput", first: true, predicate: ["daterangeinput"], descendants: true }, { propertyName: "daterangePopup", first: true, predicate: ["daterangeepopup"], descendants: true }, { propertyName: "daterangeecalendar", first: true, predicate: ["daterangeecalendar"], descendants: true }, { propertyName: "surface", first: true, predicate: ["surface"], descendants: true }, { propertyName: "page", first: true, predicate: ["page"], descendants: true }, { propertyName: "editorContent", first: true, predicate: ["editorContent"], descendants: true }, { propertyName: "groupEditor", first: true, predicate: ["groupEditor"], descendants: true }, { propertyName: "search", first: true, predicate: ["search"], descendants: true }, { propertyName: "brick", first: true, predicate: ["brick"], descendants: true }, { propertyName: "brickClickable", first: true, predicate: ["brickClickable"], descendants: true }, { propertyName: "separator", first: true, predicate: ["separator"], descendants: true }, { propertyName: "textEditingFieldContainer", first: true, predicate: ["textEditingFieldContainer"], descendants: true }, { propertyName: "textEditingField", first: true, predicate: ["textEditingField"], descendants: true }, { propertyName: "textEditingFieldDate", first: true, predicate: ["textEditingFieldDate"], descendants: true }, { propertyName: "textEditingFieldMask", first: true, predicate: ["textEditingFieldMask"], descendants: true }, { propertyName: "textEditingFieldNumber", first: true, predicate: ["textEditingFieldNumber"], descendants: true }, { propertyName: "characterCombEditingField", first: true, predicate: ["characterCombEditingField"], descendants: true }, { propertyName: "checkEditingField", first: true, predicate: ["checkEditingField"], descendants: true }, { propertyName: "radioEditingField", first: true, predicate: ["radioEditingField"], descendants: true }, { propertyName: "imageEditingField", first: true, predicate: ["imageEditingField"], descendants: true }, { propertyName: "imageEditingFieldEditor", first: true, predicate: ["imageEditingFieldEditor"], descendants: true }, { propertyName: "popupImageEditingField", first: true, predicate: ["popupImageEditingField"], descendants: true }, { propertyName: "pictureEditingToolbarPopup", first: true, predicate: ["pictureEditingToolbarPopup"], descendants: true }, { propertyName: "pictureEditingBrushOptions", first: true, predicate: ["pictureEditingBrushOptions"], descendants: true }, { propertyName: "pictureEditingSizeOptions", first: true, predicate: ["pictureEditingSizeOptions"], descendants: true }, { propertyName: "pictureEditingImagesPicker", first: true, predicate: ["pictureEditingImagesPicker"], descendants: true }, { propertyName: "pictureEditingImagesPickerWithFilter", first: true, predicate: ["pictureEditingImagesPickerWithFilter"], descendants: true }, { propertyName: "progressBar", first: true, predicate: ["progressBar"], descendants: true }, { propertyName: "exportTool", first: true, predicate: ["exportTool"], descendants: true }, { propertyName: "checkboxGlyph", first: true, predicate: ["checkboxglyph"], descendants: true }, { propertyName: "mobileSurface", first: true, predicate: ["mobilesurface"], descendants: true }, { propertyName: "mobilePage", first: true, predicate: ["mobilepage"], descendants: true }, { propertyName: "mobileActions", first: true, predicate: ["mobileactions"], descendants: true }, { propertyName: "mobileParameters", first: true, predicate: ["mobileparameters"], descendants: true }, { propertyName: "mobileParametersPopup", first: true, predicate: ["mobileparameterspopup"], descendants: true }, { propertyName: "mobileParametersDateRange", first: true, predicate: ["mobileparametersdaterange"], descendants: true }, { propertyName: "mobileDateRange", first: true, predicate: ["mobiledaterange"], descendants: true }, { propertyName: "mobileExport", first: true, predicate: ["mobileexport"], descendants: true }, { propertyName: "mobilesearch", first: true, predicate: ["mobilesearch"], descendants: true }, { propertyName: "mobilepaginator", first: true, predicate: ["mobilepaginator"], descendants: true }], ngImport: i0, template: "<ng-template #exportAction let-data=\"data\">\n <dxv-toolbar-export [data]=\"data\"></dxv-toolbar-export>\n</ng-template>\n\n<ng-template #pagerAction let-data=\"data\">\n <dxv-toolbar-pager [data]=\"data\"></dxv-toolbar-pager>\n</ng-template>\n\n<ng-template #zoomAction let-data=\"data\">\n <dxv-toolbar-zoom [data]=\"data\"></dxv-toolbar-zoom>\n</ng-template>\n\n<ng-template #toolbar let-data=\"data\">\n <dxv-toolbar [data]=\"data\"></dxv-toolbar>\n</ng-template>\n\n<ng-template #parameters let-data=\"data\">\n <dxv-parameters [data]=\"data\"></dxv-parameters>\n</ng-template>\n\n<ng-template #editor let-data=\"data\">\n <dxv-editor [data]=\"data\"></dxv-editor>\n</ng-template>\n\n<ng-template #multivalue let-data=\"data\">\n <dxv-multivalue [data]=\"data\"></dxv-multivalue>\n</ng-template>\n\n<ng-template #exportoptions let-data=\"data\">\n <dxv-export-options [data]=\"data\"></dxv-export-options>\n</ng-template>\n\n<ng-template #checkEditingField let-data=\"data\">\n <dxv-editing-field-checkbox [data]=\"data\"></dxv-editing-field-checkbox>\n</ng-template>\n\n<ng-template #radioEditingField let-data=\"data\">\n <dxv-editing-field-radio [data]=\"data\"></dxv-editing-field-radio>\n</ng-template>\n\n<ng-template #characterCombEditingField let-data=\"data\">\n <dxv-editing-field-character-comb [data]=\"data\"></dxv-editing-field-character-comb>\n</ng-template>\n\n<ng-template #textEditingField let-data=\"data\">\n <dxv-editing-field-text [data]=\"data\"></dxv-editing-field-text>\n</ng-template>\n\n<ng-template #textEditingFieldMask let-data=\"data\">\n <dxv-editing-field-mask [data]=\"data\"></dxv-editing-field-mask>\n</ng-template>\n\n<ng-template #textEditingFieldDate let-data=\"data\">\n <dxv-editing-field-datetime [data]=\"data\"></dxv-editing-field-datetime>\n</ng-template>\n\n<ng-template #textEditingFieldNumber let-data=\"data\">\n <dxv-editing-field-number [data]=\"data\"></dxv-editing-field-number>\n</ng-template>\n\n<ng-template #textEditingFieldContainer let-data=\"data\">\n <dxv-editing-field-container [data]=\"data\"></dxv-editing-field-container>\n</ng-template>\n\n<ng-template #imageEditingField let-data=\"data\">\n <dxv-image-editing-field [data]=\"data\"></dxv-image-editing-field>\n</ng-template>\n\n<ng-template #imageEditingFieldEditor let-data=\"data\">\n <dxv-image-editing-field-editor [data]=\"data\"></dxv-image-editing-field-editor>\n</ng-template>\n\n<ng-template #popupImageEditingField let-data=\"data\">\n <dxv-popup-image-editing-field [data]=\"data\"></dxv-popup-image-editing-field>\n</ng-template>\n\n<ng-template #pictureEditingToolbarPopup let-data=\"data\">\n <dxv-picture-editor-toolbar-popup [data]=\"data\"></dxv-picture-editor-toolbar-popup>\n</ng-template>\n\n<ng-template #pictureEditingBrushOptions let-data=\"data\">\n <dxv-picture-editing-brush-options [data]=\"data\"></dxv-picture-editing-brush-options>\n</ng-template>\n\n<ng-template #pictureEditingSizeOptions let-data=\"data\">\n <dxv-picture-editing-size-options [data]=\"data\"></dxv-picture-editing-size-options>\n</ng-template>\n\n<ng-template #pictureEditingImagesPicker let-data=\"data\">\n <dxv-picture-editing-imagespicker [data]=\"data\"></dxv-picture-editing-imagespicker>\n</ng-template>\n\n<ng-template #pictureEditingImagesPickerWithFilter let-data=\"data\">\n <dxv-picture-editing-imagespickerwithfilter [data]=\"data\"></dxv-picture-editing-imagespickerwithfilter>\n</ng-template>\n\n<ng-template #documentmap let-data=\"data\">\n <dxv-document-map [data]=\"data\"></dxv-document-map>\n</ng-template>\n\n<ng-template #multivalueEditable let-data=\"data\">\n <dxv-multivalue-editable [data]=\"data\"></dxv-multivalue-editable>\n</ng-template>\n\n<ng-template #signatureEditor let-data=\"data\">\n <dxv-signature-editor [data]=\"data\"></dxv-signature-editor>\n</ng-template>\n\n<ng-template #daterangeinput let-data=\"data\">\n <dxv-date-range [data]=\"data\"></dxv-date-range>\n</ng-template>\n\n<ng-template #daterangeepopup let-data=\"data\">\n <dxv-daterange-popup [data]=\"data\"></dxv-daterange-popup>\n</ng-template>\n\n<ng-template #daterangeecalendar let-data=\"data\">\n <dxv-daterange-calendar [data]=\"data\"></dxv-daterange-calendar>\n</ng-template>\n\n<ng-template #surface let-data=\"data\">\n <dxv-surface [data]=\"data\"></dxv-surface>\n</ng-template>\n\n<ng-template #page let-data=\"data\">\n <dxv-page [data]=\"data\"></dxv-page>\n</ng-template>\n\n<ng-template #editorContent let-data=\"data\">\n <dxv-editor-content [data]=\"data\"></dxv-editor-content>\n</ng-template>\n\n<ng-template #groupEditor let-data=\"data\">\n <dxv-group-editor [data]=\"data\"></dxv-group-editor>\n</ng-template>\n\n<ng-template #search let-data=\"data\">\n <dxv-search [data]=\"data\"></dxv-search>\n</ng-template>\n\n<ng-template #brick let-data=\"data\">\n <dxv-brick [data]=\"data\"></dxv-brick>\n</ng-template>\n\n<ng-template #brickClickable let-data=\"data\">\n <dxv-brick-clickable [data]=\"data\"></dxv-brick-clickable>\n</ng-template>\n\n<ng-template #exportTool let-data=\"data\">\n <dxv-export-tool [data]=\"data\"></dxv-export-tool>\n</ng-template>\n\n<ng-template #separator let-data=\"data\">\n <div class=\"dxrd-parameters-item-separator\">\n <div class=\"dxrd-item-separator dxd-border-secondary\"></div>\n </div>\n</ng-template>\n\n<ng-template #progressBar let-data=\"data\">\n <dxv-progress-bar [data]=\"data\"></dxv-progress-bar>\n</ng-template>\n\n<ng-template #checkboxglyph let-data=\"data\">\n <dxv-editing-field-checkbox-glyph [data]=\"data\"></dxv-editing-field-checkbox-glyph>\n</ng-template>\n\n<ng-template #mobilesurface let-data=\"data\">\n <dxv-mobile-surface [data]=\"data\"></dxv-mobile-surface>\n</ng-template>\n\n<ng-template #mobilepage let-data=\"data\">\n <dxv-mobile-page [data]=\"data\"></dxv-mobile-page>\n</ng-template>\n\n<ng-template #mobileactions let-data=\"data\">\n <dxv-mobile-actions [data]=\"data\"></dxv-mobile-actions>\n</ng-template>\n\n<ng-template #mobileparameters let-data=\"data\">\n <dxv-mobile-parameters [data]=\"data\"></dxv-mobile-parameters>\n</ng-template>\n\n<ng-template #mobileparameterspopup let-data=\"data\">\n <dxv-mobile-parameters-popup [data]=\"data\"></dxv-mobile-parameters-popup>\n</ng-template>\n\n<ng-template #mobileparametersdaterange let-data=\"data\">\n <dxv-mobile-parameters-daterange [data]=\"data\"></dxv-mobile-parameters-daterange>\n</ng-template>\n\n<ng-template #mobiledaterange let-data=\"data\">\n <dxv-date-range-mobile [data]=\"data\"></dxv-date-range-mobile>\n</ng-template>\n\n<ng-template #mobileexport let-data=\"data\">\n <dxv-mobile-actions-export [data]=\"data\"></dxv-mobile-actions-export>\n</ng-template>\n\n<ng-template #mobilesearch let-data=\"data\">\n <dxv-search-mobile [data]=\"data\"></dxv-search-mobile>\n</ng-template>\n\n<ng-template #mobilepaginator let-data=\"data\">\n <dxv-pages-mobile [data]=\"data\"></dxv-pages-mobile>\n</ng-template>\n\n<ng-template #breadcrumb let-data=\"data\">\n <dxv-breadcrumbs [data]=\"data\"></dxv-breadcrumbs>\n</ng-template>", dependencies: [{ kind: "component", type: ParameterspanelComponent, selector: "dxv-parameters", inputs: ["data"] }, { kind: "component", type: PagerComponent, selector: "dxv-toolbar-pager", inputs: ["data"] }, { kind: "component", type: ZoomComponent, selector: "dxv-toolbar-zoom", inputs: ["data"] }, { kind: "component", type: ExportComponent, selector: "dxv-toolbar-export", inputs: ["data"] }, { kind: "component", type: ToolbarContentComponent, selector: "dxv-toolbar", inputs: ["data"] }, { kind: "component", type: EditorComponent, selector: "dxv-editor" }, { kind: "component", type: MultiValueComponent, selector: "dxv-multivalue" }, { kind: "component", type: ExportOptionsComponent, selector: "dxv-export-options", inputs: ["data"] }, { kind: "component", type: MultiValueEditableComponent, selector: "dxv-multivalue-editable" }, { kind: "component", type: DateRangeComponent, selector: "dxv-date-range", inputs: ["data"] }, { kind: "component", type: PopupContainerComponent, selector: "dxv-daterange-popup", inputs: ["data"] }, { kind: "component", type: CalendarComponent, selector: "dxv-daterange-calendar", inputs: ["data"] }, { kind: "component", type: SurfaceComponent, selector: "dxv-surface", inputs: ["data"] }, { kind: "component", type: PageComponent, selector: "dxv-page", inputs: ["data"] }, { kind: "component", type: EditorContentComponent, selector: "dxv-editor-content", inputs: ["data"] }, { kind: "component", type: GroupEditorComponent, selector: "dxv-group-editor", inputs: ["data"] }, { kind: "component", type: SearchComponent, selector: "dxv-search", inputs: ["data"] }, { kind: "component", type: DocumentMapComponent, selector: "dxv-document-map", inputs: ["data"] }, { kind: "component", type: TextEditingFieldComponent, selector: "dxv-editing-field-text", inputs: ["data"] }, { kind: "component", type: TextEditingFieldMaskComponent, selector: "dxv-editing-field-mask" }, { kind: "component", type: TextEditingFieldNumberComponent, selector: "dxv-editing-field-number" }, { kind: "component", type: TextEditingFieldDateBoxComponent, selector: "dxv-editing-field-datetime", inputs: ["data"] }, { kind: "component", type: TextEditingFieldContainerComponent, selector: "dxv-editing-field-container", inputs: ["data"] }, { kind: "component", type: CharacterCombEditingFieldComponent, selector: "dxv-editing-field-character-comb", inputs: ["data"] }, { kind: "component", type: CheckEditingFieldComponent, selector: "dxv-editing-field-checkbox", inputs: ["data"] }, { kind: "component", type: RadioEditingFieldComponent, selector: "dxv-editing-field-radio", inputs: ["data"] }, { kind: "component", type: ImageEditingFieldComponent, selector: "dxv-image-editing-field", inputs: ["data"] }, { kind: "component", type: ImageEditingFieldEditorComponent, selector: "dxv-image-editing-field-editor", inputs: ["data"] }, { kind: "component", type: PopupImageEditingFieldComponent, selector: "dxv-popup-image-editing-field", inputs: ["data"] }, { kind: "component", type: ProgressBarComponent, selector: "dxv-progress-bar", inputs: ["data"] }, { kind: "component", type: PictureEditorToolBarPopupComponent, selector: "dxv-picture-editor-toolbar-popup", inputs: ["data"] }, { kind: "component", type: PictureEditorBrushOptionsComponent, selector: "dxv-picture-editing-brush-options", inputs: ["data"] }, { kind: "component", type: PictureEditorSizeOptionsComponent, selector: "dxv-picture-editing-size-options", inputs: ["data"] }, { kind: "component", type: PictureEditorImagespickerComponent, selector: "dxv-picture-editing-imagespicker", inputs: ["data"] }, { kind: "component", type: PictureEditorImagespickerWithFilterComponent, selector: "dxv-picture-editing-imagespickerwithfilter" }, { kind: "component", type: SignatureEditorComponent, selector: "dxv-signature-editor" }, { kind: "component", type: BrickComponent, selector: "dxv-brick", inputs: ["data"] }, { kind: "component", type: BrickClickableComponent, selector: "dxv-brick-clickable", inputs: ["data"] }, { kind: "component", type: ExportToolComponent, selector: "dxv-export-tool", inputs: ["data"] }, { kind: "component", type: EditingFieldCheckboxGlyphComponent, selector: "dxv-editing-field-checkbox-glyph", inputs: ["data"] }, { kind: "component", type: MobileSurfaceComponent, selector: "dxv-mobile-surface", inputs: ["data"] }, { kind: "component", type: MobilePageComponent, selector: "dxv-mobile-page", inputs: ["data"] }, { kind: "component", type: MobileActionsComponent, selector: "dxv-mobile-actions", inputs: ["data"] }, { kind: "component", type: MobileParametersPopupComponent, selector: "dxv-mobile-parameters-popup", inputs: ["data"] }, { kind: "component", type: MobileParametersComponent, selector: "dxv-mobile-parameters", inputs: ["data"] }, { kind: "component", type: MobileParametersDateRangeComponent, selector: "dxv-mobile-parameters-daterange" }, { kind: "component", type: MobileActionsExportComponent, selector: "dxv-mobile-actions-export", inputs: ["data"] }, { kind: "component", type: MobileSearchComponent, selector: "dxv-search-mobile", inputs: ["data"] }, { kind: "component", type: DateRangeMobileComponent, selector: "dxv-date-range-mobile", inputs: ["data"] }, { kind: "component", type: MobilePaginatorComponent, selector: "dxv-pages-mobile", inputs: ["data"] }, { kind: "component", type: BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: ["data"] }] });
2902
2926
  }
2903
2927
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ViewerTemplatesComponent, decorators: [{
2904
2928
  type: Component,