devexpress-reporting-angular 24.2.1-alpha-24260-0214 → 24.2.2-beta
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.
- package/dx-report-viewer/components/reporting/aipanel/aipanel.component.d.ts +14 -0
- package/dx-report-viewer/components/reporting/editing/text-field/editing-field-container.component.d.ts +3 -0
- package/dx-report-viewer/components/reporting/reportpreview/page/page.component.d.ts +2 -0
- package/dx-report-viewer/components/reporting/templates.component.d.ts +4 -1
- package/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editor.component.d.ts +2 -1
- package/dx-report-viewer/dx-report-viewer.module.d.ts +63 -62
- package/esm2022/all.mjs +6 -7
- package/esm2022/core/dx-reporting.component.mjs +7 -8
- package/esm2022/dx-report-designer/dx-report-designer.component.mjs +7 -8
- package/esm2022/dx-report-designer/dx-report-designer.module.mjs +6 -7
- package/esm2022/dx-report-designer/dxrd-callbacks.mjs +5 -6
- package/esm2022/dx-report-designer/dxrd-datasource-settings.component.mjs +5 -6
- package/esm2022/dx-report-designer/dxrd-designer-model-settings.component.mjs +5 -6
- package/esm2022/dx-report-designer/dxrd-parameter-editing-settings.component.mjs +5 -6
- package/esm2022/dx-report-designer/dxrd-preview-settings.component.mjs +5 -6
- package/esm2022/dx-report-designer/dxrd-request-options.mjs +5 -6
- package/esm2022/dx-report-designer/dxrd-wizard-settings.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/actions/actions.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/designer/designer.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/directives/accordion.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/directives/buttonWithTemplate.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/directives/disposable.directive.base.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/directives/dx-action.directive.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/directives/dx-mutation-observer.directive.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/directives/ellipsisEditor.directive.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/directives/key-down-actions.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/directives/resizable.directive.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/directives/searchHighlighting.directive.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/directives/zoom.directive.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/properties/collectioneditor/collectioneditor.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.base.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.boolean.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.boolselect.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.colorpicker.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.date.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.dropdown.base.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.numeric.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.selectbox.localized.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.selectbox.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.textbox.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/properties/object-editor/object-editor.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/properties/popover/popover.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/properties/propertygrid/propertygrid.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/tabpanel/tabpanel.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/template/image.template.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/template/lazy.template.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/template/template.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/templates.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/widgets/component-with-parent-container.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist-group.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist-header-item-caption-content.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist-header-item.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist-item-text-content.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist-item.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/aipanel/aipanel.component.mjs +33 -0
- package/esm2022/dx-report-viewer/components/reporting/directives/auto-fit.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/directives/brick-selection.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/directives/child-styles.directive.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/directives/lazy-images.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/directives/preview-page-renderer.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/directives/to-view.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/document-map/document-map.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/editing/character-comb/editing-field-character-comb.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/editing/check-field/editing-field-checkbox-glyph.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/editing/check-field/editing-field-checkbox.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/editing/check-field/editing-field-radio.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/editing/export/export-tool.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/editing/image-field/image-editing-field-editor.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/editing/image-field/image-editing-field.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/editing/popup-image-field/popup-image-editing-field.component.mjs +8 -8
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/dx-editing-field-base.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/editing-field-container.component.mjs +14 -8
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/editing-field-datetime.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/editing-field-mask.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/editing-field-number.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/editing-field-text.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/export-options/export-options.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/mobile/actions/mobile.actions.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/actions/mobile.actions.export.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/directives/mobile.autofit.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/directives/mobile.paginator.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/directives/mobile.searchBar.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/directives/mobile.slide.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/directives/mobile.zoom.directive.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/gallery/mobile.gallery.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/mobile/page/mobile.page.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/pages/pages/mobile.pages.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/parameters/mobile.parameters.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/mobile/parameters/mobile.parameters.daterange.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/parameters/mobile.parameters.popup.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/search/mobile.search.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/mobile/surface/mobile.surface.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/date-range/calendar/calendar.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/date-range/date-range.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/date-range/mobile/date-range-mobile.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/date-range/popup-container/popup-container.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/editor/editor-content/editor-content.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/editor/editor.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/editor/group-editor/group-editor.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/multi-value/multi-value.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/multi-value/multi-value.editable.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/parameterspanel.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/breadcrumbs/breadcrumbs.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/brick/brick-clickable.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/brick/brick.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/page/page.component.mjs +19 -11
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/progress-bar/progress-bar.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/surface/surface.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/search/search.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/templates.component.mjs +47 -42
- package/esm2022/dx-report-viewer/components/reporting/toolbar/export/export.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/toolbar/pager/pager.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/toolbar/toolbar-content/toolbar-content.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/toolbar/zoom/zoom.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/painter.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-brush-options.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-imagespicker.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-imagespickerwithfilter.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-size-options.component.mjs +5 -6
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editor-toolbar-popup.component.mjs +6 -7
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editor.component.mjs +7 -8
- package/esm2022/dx-report-viewer/components/reporting/widgets/signature/signature-editor.component.mjs +6 -7
- package/esm2022/dx-report-viewer/dx-report-parameters-panel.component.mjs +5 -6
- package/esm2022/dx-report-viewer/dx-report-viewer-base.component.mjs +7 -8
- package/esm2022/dx-report-viewer/dx-report-viewer.component.mjs +7 -8
- package/esm2022/dx-report-viewer/dx-report-viewer.module.mjs +13 -8
- package/esm2022/dx-report-viewer/dxrpp-callbacks.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrpp-request-options.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrv-callbacks-base.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrv-callbacks.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrv-export-settings.component.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrv-mobile-mode-settings.component.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrv-progressbar-settings.component.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrv-remote-settings.component.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrv-request-options-base.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrv-request-options.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrv-search-settings.component.mjs +5 -6
- package/esm2022/dx-report-viewer/dxrv-tabpanel-settings.component.mjs +5 -6
- package/esm2022/dx-report-viewer/utils/accessibility-settings.mjs +5 -6
- package/esm2022/dx-report-viewer/utils/templateEngine.mjs +6 -7
- package/fesm2022/devexpress-reporting-angular-core.mjs +6 -6
- package/fesm2022/devexpress-reporting-angular-core.mjs.map +1 -1
- package/fesm2022/devexpress-reporting-angular-dx-report-designer.mjs +31 -31
- package/fesm2022/devexpress-reporting-angular-dx-report-designer.mjs.map +1 -1
- package/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs +469 -416
- package/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs.map +1 -1
- package/fesm2022/devexpress-reporting-angular.mjs +4 -4
- package/fesm2022/devexpress-reporting-angular.mjs.map +1 -1
- package/package.json +10 -9
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter,
|
|
2
|
+
import { EventEmitter, Output, Component, Input, Injectable, PLATFORM_ID, Inject, ViewChild, HostListener, Directive, ElementRef, ContentChild, NgModule } from '@angular/core';
|
|
3
3
|
import { __decorate } from 'tslib';
|
|
4
4
|
import { _inputConverter, _booleanConverter, DxReportingComponent } from 'devexpress-reporting-angular/core';
|
|
5
5
|
import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
|
|
@@ -19,7 +19,7 @@ import { InitButtonWithTemplate } from '@devexpress/analytics-core/core/widgets/
|
|
|
19
19
|
import { globalResolver } from '@devexpress/analytics-core/property-grid/internal/_codeResolver';
|
|
20
20
|
import { getParentContainer } from '@devexpress/analytics-core/widgets/_utils';
|
|
21
21
|
import * as i2 from 'devextreme-angular';
|
|
22
|
-
import { DxButtonModule, DxLoadIndicatorModule, DxScrollViewModule, DxSelectBoxModule, DxMenuModule, DxTagBoxModule, DxTextBoxModule, DxValidatorModule, DxDateBoxModule, DxCheckBoxModule, DxNumberBoxModule, DxColorBoxModule, DxPopupModule, DxPopoverModule, DxSliderModule, DxCalendarModule, DxListModule, DxGalleryModule } from 'devextreme-angular';
|
|
22
|
+
import { DxButtonModule, DxTextAreaModule, DxLoadIndicatorModule, DxScrollViewModule, DxSelectBoxModule, DxMenuModule, DxTagBoxModule, DxTextBoxModule, DxValidatorModule, DxDateBoxModule, DxCheckBoxModule, DxNumberBoxModule, DxColorBoxModule, DxPopupModule, DxPopoverModule, DxSliderModule, DxCalendarModule, DxListModule, DxGalleryModule } from 'devextreme-angular';
|
|
23
23
|
import { CollectionEditorViewModel } from '@devexpress/analytics-core/property-grid/widgets/collectioneditor/_editor';
|
|
24
24
|
import { noDataText, getLocalization } from '@devexpress/analytics-core/property-grid/localization/_localization';
|
|
25
25
|
import * as i2$1 from 'devextreme-angular/core';
|
|
@@ -50,10 +50,10 @@ class DxReportViewerCallbacksBaseComponent {
|
|
|
50
50
|
OnInitializing = new EventEmitter();
|
|
51
51
|
BeforeRender = new EventEmitter();
|
|
52
52
|
OnServerError = new EventEmitter();
|
|
53
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
54
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
53
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerCallbacksBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerCallbacksBaseComponent, selector: "ng-component", outputs: { CustomizeParameterEditors: "CustomizeParameterEditors", CustomizeParameterLookUpSource: "CustomizeParameterLookUpSource", ParametersReset: "ParametersReset", ParametersSubmitted: "ParametersSubmitted", ParametersInitialized: "ParametersInitialized", CustomizeLocalization: "CustomizeLocalization", OnInitializing: "OnInitializing", BeforeRender: "BeforeRender", OnServerError: "OnServerError" }, ngImport: i0, template: '', isInline: true });
|
|
55
55
|
}
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerCallbacksBaseComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
58
58
|
args: [{
|
|
59
59
|
template: ''
|
|
@@ -86,10 +86,10 @@ class DxReportViewerCallbacksComponent extends DxReportViewerCallbacksBaseCompon
|
|
|
86
86
|
CustomizeExportOptions = new EventEmitter();
|
|
87
87
|
CustomizeMenuActions = new EventEmitter();
|
|
88
88
|
OnExport = new EventEmitter();
|
|
89
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
90
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
89
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerCallbacksComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
90
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerCallbacksComponent, selector: "dxrv-callbacks", outputs: { CustomizeElements: "CustomizeElements", PreviewClick: "PreviewClick", EditingFieldChanged: "EditingFieldChanged", DocumentReady: "DocumentReady", CustomizeExportOptions: "CustomizeExportOptions", CustomizeMenuActions: "CustomizeMenuActions", OnExport: "OnExport" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
91
91
|
}
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerCallbacksComponent, decorators: [{
|
|
93
93
|
type: Component,
|
|
94
94
|
args: [{
|
|
95
95
|
template: '',
|
|
@@ -115,10 +115,10 @@ class DxRequestOptionsBaseComponent {
|
|
|
115
115
|
invokeAction = '/DXXRDV';
|
|
116
116
|
getLocalizationAction;
|
|
117
117
|
host;
|
|
118
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
119
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxRequestOptionsBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxRequestOptionsBaseComponent, selector: "ng-component", inputs: { invokeAction: "invokeAction", getLocalizationAction: "getLocalizationAction", host: "host" }, ngImport: i0, template: '', isInline: true });
|
|
120
120
|
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxRequestOptionsBaseComponent, decorators: [{
|
|
122
122
|
type: Component,
|
|
123
123
|
args: [{
|
|
124
124
|
template: ''
|
|
@@ -132,10 +132,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
132
132
|
}] } });
|
|
133
133
|
|
|
134
134
|
class DxReportViewerRequestOptionsComponent extends DxRequestOptionsBaseComponent {
|
|
135
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
136
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
135
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerRequestOptionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
136
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerRequestOptionsComponent, selector: "dxrv-request-options", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
137
137
|
}
|
|
138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerRequestOptionsComponent, decorators: [{
|
|
139
139
|
type: Component,
|
|
140
140
|
args: [{
|
|
141
141
|
template: '',
|
|
@@ -154,8 +154,8 @@ class DxReportViewerExportSettingsComponent {
|
|
|
154
154
|
showPrintNotificationDialog: this.showPrintNotificationDialog
|
|
155
155
|
};
|
|
156
156
|
}
|
|
157
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
158
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
157
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerExportSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
158
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerExportSettingsComponent, selector: "dxrv-export-settings", inputs: { useSameTab: "useSameTab", useAsynchronousExport: "useAsynchronousExport", showPrintNotificationDialog: "showPrintNotificationDialog" }, ngImport: i0, template: '', isInline: true });
|
|
159
159
|
}
|
|
160
160
|
__decorate([
|
|
161
161
|
_inputConverter(_booleanConverter)
|
|
@@ -166,7 +166,7 @@ __decorate([
|
|
|
166
166
|
__decorate([
|
|
167
167
|
_inputConverter(_booleanConverter)
|
|
168
168
|
], DxReportViewerExportSettingsComponent.prototype, "showPrintNotificationDialog", void 0);
|
|
169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerExportSettingsComponent, decorators: [{
|
|
170
170
|
type: Component,
|
|
171
171
|
args: [{
|
|
172
172
|
template: '',
|
|
@@ -183,8 +183,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
183
183
|
class DxReportViewerMobileModeSettingsComponent {
|
|
184
184
|
readerMode;
|
|
185
185
|
animationEnabled;
|
|
186
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
187
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
186
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerMobileModeSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
187
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerMobileModeSettingsComponent, selector: "dxrv-mobile-mode-settings", inputs: { readerMode: "readerMode", animationEnabled: "animationEnabled" }, ngImport: i0, template: '', isInline: true });
|
|
188
188
|
}
|
|
189
189
|
__decorate([
|
|
190
190
|
_inputConverter(_booleanConverter)
|
|
@@ -192,7 +192,7 @@ __decorate([
|
|
|
192
192
|
__decorate([
|
|
193
193
|
_inputConverter(_booleanConverter)
|
|
194
194
|
], DxReportViewerMobileModeSettingsComponent.prototype, "animationEnabled", void 0);
|
|
195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerMobileModeSettingsComponent, decorators: [{
|
|
196
196
|
type: Component,
|
|
197
197
|
args: [{
|
|
198
198
|
template: '',
|
|
@@ -213,13 +213,13 @@ class DxReportViewerProgressBarSettingsComponent {
|
|
|
213
213
|
keepOnVisibleArea: this.keepOnVisibleArea,
|
|
214
214
|
};
|
|
215
215
|
}
|
|
216
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
217
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
216
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerProgressBarSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
217
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerProgressBarSettingsComponent, selector: "dxrv-progressbar-settings", inputs: { position: "position", keepOnVisibleArea: "keepOnVisibleArea" }, ngImport: i0, template: '', isInline: true });
|
|
218
218
|
}
|
|
219
219
|
__decorate([
|
|
220
220
|
_inputConverter(_booleanConverter)
|
|
221
221
|
], DxReportViewerProgressBarSettingsComponent.prototype, "keepOnVisibleArea", void 0);
|
|
222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerProgressBarSettingsComponent, decorators: [{
|
|
223
223
|
type: Component,
|
|
224
224
|
args: [{
|
|
225
225
|
template: '',
|
|
@@ -234,10 +234,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
234
234
|
class DxReportViewerRemoteSettingsComponent {
|
|
235
235
|
authToken;
|
|
236
236
|
serverUri;
|
|
237
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
238
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
237
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerRemoteSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
238
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerRemoteSettingsComponent, selector: "dxrv-remote-settings", inputs: { authToken: "authToken", serverUri: "serverUri" }, ngImport: i0, template: '', isInline: true });
|
|
239
239
|
}
|
|
240
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerRemoteSettingsComponent, decorators: [{
|
|
241
241
|
type: Component,
|
|
242
242
|
args: [{
|
|
243
243
|
template: '',
|
|
@@ -252,10 +252,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
252
252
|
class DxReportViewerTabPanelSettingsComponent {
|
|
253
253
|
position;
|
|
254
254
|
width;
|
|
255
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
256
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
255
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerTabPanelSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
256
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerTabPanelSettingsComponent, selector: "dxrv-tabpanel-settings", inputs: { position: "position", width: "width" }, ngImport: i0, template: '', isInline: true });
|
|
257
257
|
}
|
|
258
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
258
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerTabPanelSettingsComponent, decorators: [{
|
|
259
259
|
type: Component,
|
|
260
260
|
args: [{
|
|
261
261
|
template: '',
|
|
@@ -276,8 +276,8 @@ class DxReportViewerSearchSettingsComponent {
|
|
|
276
276
|
searchEnabled: this.searchEnabled
|
|
277
277
|
};
|
|
278
278
|
}
|
|
279
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
280
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
279
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerSearchSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
280
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerSearchSettingsComponent, selector: "dxrv-search-settings", inputs: { searchEnabled: "searchEnabled", useAsyncSearch: "useAsyncSearch" }, ngImport: i0, template: '', isInline: true });
|
|
281
281
|
}
|
|
282
282
|
__decorate([
|
|
283
283
|
_inputConverter(_booleanConverter)
|
|
@@ -285,7 +285,7 @@ __decorate([
|
|
|
285
285
|
__decorate([
|
|
286
286
|
_inputConverter(_booleanConverter)
|
|
287
287
|
], DxReportViewerSearchSettingsComponent.prototype, "useAsyncSearch", void 0);
|
|
288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerSearchSettingsComponent, decorators: [{
|
|
289
289
|
type: Component,
|
|
290
290
|
args: [{
|
|
291
291
|
template: '',
|
|
@@ -299,10 +299,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
299
299
|
|
|
300
300
|
class AccessibilitySettings {
|
|
301
301
|
accessibilityCompliant = false;
|
|
302
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
303
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
302
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AccessibilitySettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
303
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AccessibilitySettings, providedIn: null });
|
|
304
304
|
}
|
|
305
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
305
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AccessibilitySettings, decorators: [{
|
|
306
306
|
type: Injectable,
|
|
307
307
|
args: [{
|
|
308
308
|
providedIn: null
|
|
@@ -375,8 +375,8 @@ class DxReportViewerBaseComponent extends DxReportingComponent {
|
|
|
375
375
|
if (this.bindingSender)
|
|
376
376
|
this.bindingSender.OpenReport(reportUrl);
|
|
377
377
|
}
|
|
378
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
379
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
378
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerBaseComponent, deps: [{ token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AccessibilitySettings }], target: i0.ɵɵFactoryTarget.Component });
|
|
379
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerBaseComponent, selector: "ng-component", inputs: { accessibilityCompliant: "accessibilityCompliant", keepReportOnComponentDisposal: "keepReportOnComponentDisposal", rtl: "rtl", reportUrl: "reportUrl" }, providers: [AccessibilitySettings], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
380
380
|
}
|
|
381
381
|
__decorate([
|
|
382
382
|
_inputConverter(_booleanConverter)
|
|
@@ -387,13 +387,13 @@ __decorate([
|
|
|
387
387
|
__decorate([
|
|
388
388
|
_inputConverter(_booleanConverter)
|
|
389
389
|
], DxReportViewerBaseComponent.prototype, "rtl", void 0);
|
|
390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
390
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerBaseComponent, decorators: [{
|
|
391
391
|
type: Component,
|
|
392
392
|
args: [{ template: '', providers: [AccessibilitySettings] }]
|
|
393
|
-
}], ctorParameters:
|
|
393
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: Object, decorators: [{
|
|
394
394
|
type: Inject,
|
|
395
395
|
args: [PLATFORM_ID]
|
|
396
|
-
}] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AccessibilitySettings }]
|
|
396
|
+
}] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AccessibilitySettings }], propDecorators: { accessibilityCompliant: [{
|
|
397
397
|
type: Input
|
|
398
398
|
}], keepReportOnComponentDisposal: [{
|
|
399
399
|
type: Input
|
|
@@ -419,15 +419,15 @@ class TemplateEngine {
|
|
|
419
419
|
const template = this.templates.find((template) => template.id === templateId);
|
|
420
420
|
return template ? template.ref : null;
|
|
421
421
|
}
|
|
422
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
423
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
422
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateEngine, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
423
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateEngine, providedIn: 'root' });
|
|
424
424
|
}
|
|
425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
425
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateEngine, decorators: [{
|
|
426
426
|
type: Injectable,
|
|
427
427
|
args: [{
|
|
428
428
|
providedIn: 'root'
|
|
429
429
|
}]
|
|
430
|
-
}], ctorParameters:
|
|
430
|
+
}], ctorParameters: () => [] });
|
|
431
431
|
|
|
432
432
|
class ImageTemplateComponent {
|
|
433
433
|
_template;
|
|
@@ -446,10 +446,10 @@ class ImageTemplateComponent {
|
|
|
446
446
|
ngAfterViewInit() {
|
|
447
447
|
this._updateImage();
|
|
448
448
|
}
|
|
449
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
450
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
449
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
450
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImageTemplateComponent, selector: "dxa-image-template", inputs: { template: "template" }, viewQueries: [{ propertyName: "image", first: true, predicate: ["image"], descendants: true }], ngImport: i0, template: '<div #image></div>', isInline: true });
|
|
451
451
|
}
|
|
452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageTemplateComponent, decorators: [{
|
|
453
453
|
type: Component,
|
|
454
454
|
args: [{
|
|
455
455
|
selector: 'dxa-image-template',
|
|
@@ -489,13 +489,13 @@ class TemplateComponent {
|
|
|
489
489
|
}
|
|
490
490
|
this._cd.detectChanges();
|
|
491
491
|
}
|
|
492
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
493
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
492
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateComponent, deps: [{ token: TemplateEngine }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
493
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TemplateComponent, selector: "dxa-template", inputs: { data: "data", template: "template" }, ngImport: i0, template: "<ng-container *ngIf=\"!isImage\" [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ data: data }\"></ng-container>\n<dxa-image-template *ngIf=\"isImage\" [template]=\"template\"></dxa-image-template> ", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ImageTemplateComponent, selector: "dxa-image-template", inputs: ["template"] }] });
|
|
494
494
|
}
|
|
495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateComponent, decorators: [{
|
|
496
496
|
type: Component,
|
|
497
497
|
args: [{ selector: 'dxa-template', template: "<ng-container *ngIf=\"!isImage\" [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ data: data }\"></ng-container>\n<dxa-image-template *ngIf=\"isImage\" [template]=\"template\"></dxa-image-template> " }]
|
|
498
|
-
}], ctorParameters:
|
|
498
|
+
}], ctorParameters: () => [{ type: TemplateEngine }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
499
499
|
type: Input,
|
|
500
500
|
args: ['data']
|
|
501
501
|
}], template: [{
|
|
@@ -515,15 +515,15 @@ class DxActionDirective {
|
|
|
515
515
|
this.action.call(this.model, this.model, e);
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
519
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
518
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
519
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: DxActionDirective, selector: "[dxAction]", inputs: { model: ["dxActionModel", "model"], action: ["dxAction", "action"] }, host: { listeners: { "click": "OnClick($event)", "keydown": "OnKeyDown($event)" } }, ngImport: i0 });
|
|
520
520
|
}
|
|
521
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
521
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxActionDirective, decorators: [{
|
|
522
522
|
type: Directive,
|
|
523
523
|
args: [{
|
|
524
524
|
selector: '[dxAction]'
|
|
525
525
|
}]
|
|
526
|
-
}], ctorParameters:
|
|
526
|
+
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
527
527
|
type: Input,
|
|
528
528
|
args: ['dxActionModel']
|
|
529
529
|
}], action: [{
|
|
@@ -552,15 +552,15 @@ class ResizableDirective {
|
|
|
552
552
|
this._disposeFunc && this._disposeFunc();
|
|
553
553
|
this._disposeFunc = undefined;
|
|
554
554
|
}
|
|
555
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
556
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
555
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
556
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ResizableDirective, selector: "[dxaResizable]", inputs: { options: ["dxaResizable", "options"] }, ngImport: i0 });
|
|
557
557
|
}
|
|
558
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableDirective, decorators: [{
|
|
559
559
|
type: Directive,
|
|
560
560
|
args: [{
|
|
561
561
|
selector: '[dxaResizable]'
|
|
562
562
|
}]
|
|
563
|
-
}], ctorParameters:
|
|
563
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
564
564
|
type: Input,
|
|
565
565
|
args: ['dxaResizable']
|
|
566
566
|
}] } });
|
|
@@ -591,12 +591,12 @@ class BaseDisposableDirective {
|
|
|
591
591
|
this._disposeFunc();
|
|
592
592
|
this._disposeFunc = undefined;
|
|
593
593
|
}
|
|
594
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
595
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
594
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseDisposableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
595
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BaseDisposableDirective, ngImport: i0 });
|
|
596
596
|
}
|
|
597
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
597
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseDisposableDirective, decorators: [{
|
|
598
598
|
type: Directive
|
|
599
|
-
}], ctorParameters:
|
|
599
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
600
600
|
|
|
601
601
|
class DxMutationObserverDirective extends BaseDisposableDirective {
|
|
602
602
|
_accessibilitySettings;
|
|
@@ -611,15 +611,15 @@ class DxMutationObserverDirective extends BaseDisposableDirective {
|
|
|
611
611
|
return initializeMutationObserver(element, this.mutationObserverArgs, this._accessibilitySettings.accessibilityCompliant);
|
|
612
612
|
return () => void 0;
|
|
613
613
|
}
|
|
614
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
615
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
614
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxMutationObserverDirective, deps: [{ token: i0.ElementRef }, { token: AccessibilitySettings }], target: i0.ɵɵFactoryTarget.Directive });
|
|
615
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: { mutationObserverArgs: ["dxMutationObserver", "mutationObserverArgs"] }, usesInheritance: true, ngImport: i0 });
|
|
616
616
|
}
|
|
617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
617
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxMutationObserverDirective, decorators: [{
|
|
618
618
|
type: Directive,
|
|
619
619
|
args: [{
|
|
620
620
|
selector: '[dxMutationObserver]'
|
|
621
621
|
}]
|
|
622
|
-
}], ctorParameters:
|
|
622
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: AccessibilitySettings }], propDecorators: { mutationObserverArgs: [{
|
|
623
623
|
type: Input,
|
|
624
624
|
args: ['dxMutationObserver']
|
|
625
625
|
}] } });
|
|
@@ -636,13 +636,13 @@ class TabpanelComponent {
|
|
|
636
636
|
this.resizableOptions = this.tabPanel.getResizableOptions(this.rightPanel.nativeElement, 50, 396);
|
|
637
637
|
this._cd.detectChanges();
|
|
638
638
|
}
|
|
639
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
640
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
639
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabpanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
640
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabpanelComponent, selector: "dxa-tabpanel", inputs: { tabPanel: ["data", "tabPanel"] }, viewQueries: [{ propertyName: "rightPanel", first: true, predicate: ["rightPanel"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div *ngIf=\"!!tabPanel\" class=\"dx-shadow dx-shadow-right dxd-border-secondary dxrd-tab-panel-wrapper\"\n [style.width]=\"tabPanel.width + 'px'\" [class]=\"tabPanel.class\" [dxMutationObserver]=\"tabPanel.keyboardHelper\">\n <div class=\"dxrd-right-tabs dxd-side-panel-tabs-back-color dxd-back-contrast\" [class]=\"tabPanel.tabsElement.class\">\n <div *ngFor=\"let tab of tabPanel.tabs\" role=\"button\"\n class=\"dxrd-tab-item dx-accessibility-rightpanel-button dxd-side-panel-tab-back-color dxd-back-highlighted dx-accessibility-focus-border-accented\"\n [dxAction]=\"tab.click\" [class]=\"tab.css.class\" [attr.title]=\"tab.text\" [attr.aria-label]=\"tab.text\"\n [attr.aria-expanded]=\"!tab.collapsed && tab.active ? 'true' : 'false'\" [hidden]=\"!tab.visible\">\n <div class=\"dxrd-image-padding\" [class]=\"tab.image.class\">\n <dxa-template [template]=\"tab.image.templateName\"></dxa-template>\n </div>\n </div>\n </div>\n\n <div class=\"dxrd-right-panel dxd-property-grid-group-header-back-color dxd-back-primary2\"\n [style.width]=\"tabPanel.contentElement.width + 'px'\" [class]=\"tabPanel.contentElement.class\" #rightPanel [dxaResizable]=\"resizableOptions\">\n <dxa-template *ngFor=\"let tab of tabPanel.tabs\" [template]=\"tab.template\" [data]=\"tab\"></dxa-template>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: ResizableDirective, selector: "[dxaResizable]", inputs: ["dxaResizable"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
641
641
|
}
|
|
642
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
642
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabpanelComponent, decorators: [{
|
|
643
643
|
type: Component,
|
|
644
644
|
args: [{ selector: 'dxa-tabpanel', template: "<div *ngIf=\"!!tabPanel\" class=\"dx-shadow dx-shadow-right dxd-border-secondary dxrd-tab-panel-wrapper\"\n [style.width]=\"tabPanel.width + 'px'\" [class]=\"tabPanel.class\" [dxMutationObserver]=\"tabPanel.keyboardHelper\">\n <div class=\"dxrd-right-tabs dxd-side-panel-tabs-back-color dxd-back-contrast\" [class]=\"tabPanel.tabsElement.class\">\n <div *ngFor=\"let tab of tabPanel.tabs\" role=\"button\"\n class=\"dxrd-tab-item dx-accessibility-rightpanel-button dxd-side-panel-tab-back-color dxd-back-highlighted dx-accessibility-focus-border-accented\"\n [dxAction]=\"tab.click\" [class]=\"tab.css.class\" [attr.title]=\"tab.text\" [attr.aria-label]=\"tab.text\"\n [attr.aria-expanded]=\"!tab.collapsed && tab.active ? 'true' : 'false'\" [hidden]=\"!tab.visible\">\n <div class=\"dxrd-image-padding\" [class]=\"tab.image.class\">\n <dxa-template [template]=\"tab.image.templateName\"></dxa-template>\n </div>\n </div>\n </div>\n\n <div class=\"dxrd-right-panel dxd-property-grid-group-header-back-color dxd-back-primary2\"\n [style.width]=\"tabPanel.contentElement.width + 'px'\" [class]=\"tabPanel.contentElement.class\" #rightPanel [dxaResizable]=\"resizableOptions\">\n <dxa-template *ngFor=\"let tab of tabPanel.tabs\" [template]=\"tab.template\" [data]=\"tab\"></dxa-template>\n </div>\n</div>" }]
|
|
645
|
-
}], ctorParameters:
|
|
645
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tabPanel: [{
|
|
646
646
|
type: Input,
|
|
647
647
|
args: ['data']
|
|
648
648
|
}], rightPanel: [{
|
|
@@ -655,10 +655,10 @@ class PropertygridComponent {
|
|
|
655
655
|
trackByFn(_, item) {
|
|
656
656
|
return item.editorInputId;
|
|
657
657
|
}
|
|
658
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
659
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
658
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PropertygridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
659
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PropertygridComponent, selector: "dxa-propertygrid", inputs: { data: "data" }, ngImport: i0, template: "<div [class.dx-rtl]=\"data.rtl\">\n <div class=\"dx-editors\">\n <div class=\"dx-fieldset\">\n <dxa-template *ngFor=\"let editor of data.editors; trackBy: trackByFn\" [template]=\"editor.editorTemplate\" [data]=\"editor\"></dxa-template>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
660
660
|
}
|
|
661
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
661
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PropertygridComponent, decorators: [{
|
|
662
662
|
type: Component,
|
|
663
663
|
args: [{ selector: 'dxa-propertygrid', template: "<div [class.dx-rtl]=\"data.rtl\">\n <div class=\"dx-editors\">\n <div class=\"dx-fieldset\">\n <dxa-template *ngFor=\"let editor of data.editors; trackBy: trackByFn\" [template]=\"editor.editorTemplate\" [data]=\"editor\"></dxa-template>\n </div>\n </div>\n</div>" }]
|
|
664
664
|
}], propDecorators: { data: [{
|
|
@@ -668,10 +668,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
668
668
|
|
|
669
669
|
class TreeListItemComponent {
|
|
670
670
|
data;
|
|
671
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
672
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
671
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
672
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TreeListItemComponent, selector: "dxa-treelist-item", inputs: { data: "data" }, ngImport: i0, template: " <div *ngIf=\"data.visible\">\n <dxa-template *ngIf=\"data.hasContent\" [template]=\"data.templates.accordionItem\" [data]=\"data\" ></dxa-template>\n <dxa-template *ngIf=\"!data.hasContent\" [template]=\"data.templates.headerItem\" [data]=\"data\" ></dxa-template>\n </div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
673
673
|
}
|
|
674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeListItemComponent, decorators: [{
|
|
675
675
|
type: Component,
|
|
676
676
|
args: [{ selector: 'dxa-treelist-item', template: " <div *ngIf=\"data.visible\">\n <dxa-template *ngIf=\"data.hasContent\" [template]=\"data.templates.accordionItem\" [data]=\"data\" ></dxa-template>\n <dxa-template *ngIf=\"!data.hasContent\" [template]=\"data.templates.headerItem\" [data]=\"data\" ></dxa-template>\n </div>" }]
|
|
677
677
|
}], propDecorators: { data: [{
|
|
@@ -681,10 +681,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
681
681
|
|
|
682
682
|
class TreeListHeaderItemComponent {
|
|
683
683
|
data;
|
|
684
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
685
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
684
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeListHeaderItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
685
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TreeListHeaderItemComponent, selector: "dxa-treelist-header-item", inputs: { data: "data" }, ngImport: i0, template: "<div role=\"treeitem\" class=\"dx-treelist-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-treelist-item dx-accessibility-focus-border-accented\"\n [attr.aria-expanded]=\"data.attr['aria-expanded']\"\n [attr.aria-selected]=\"data.attr['aria-selected']\"\n [attr.aria-level]=\"data.attr['aria-level']\"\n [attr.aria-label]=\"data.attr['aria-label']\"\n [attr.aria-setsize]=\"data.attr['aria-setsize']\"\n [attr.aria-posinset]=\"data.attr['aria-posinset']\"\n [attr.id]=\"data.attr['id']\"\n [class.dxd-state-selected]=\"data.isSelected || data.isMultiSelected\"\n [class.dx-treelist-item-selected]=\"data.isSelected || data.isMultiSelected\"\n [style.padding-left]=\"data.padding['padding-left'] + 'px'\"\n [style.padding-right]=\"data.padding['padding-right'] + 'px'\"\n (dblclick)=\"data.events.dblclick()\"\n (mouseenter)=\"data.events.mouseenter()\"\n (mouseleave)=\"data.events.mouseleave()\"\n >\n <div *ngIf=\"data.hasItems\">\n <dxa-template\n template=\"dxrd-svg-collapsed\"\n class=\"dx-treelist-collapsedbutton\"\n [class.dx-collapsing-image]=\"data.hasItems\"\n [class.dx-image-leaf-node]=\"!data.hasItems\"\n [class.dx-image-expanded]=\"data.hasItems && !data.collapsed\"\n (click)=\"data.toggleCollapsed()\">\n </dxa-template>\n </div>\n <div class=\"dx-treelist-caption\" [style.padding-left]=\"data.hasItems ? '0px': '18px'\">\n <div *ngIf=\"data.actions && data.actions.length > 0\">\n <dxa-template [template]=\"data.templates.actionsContainer\" [data]=\"data\"></dxa-template>\n </div>\n <div *ngIf=\"data.isDraggable\">\n <div class=\"dx-treelist-selectedcontent\" (click)=\"data.toggleSelected()\" data-bind=\"event: $root.ContextMenusEnabled && $root.ContextMenusEnabled() ? { contextmenu: toggleSelected } : null, draggable: dragDropHandler\">\n <dxa-template [template]=\"data.templates.headerItemContent\" [data]=\"data\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"!data.isDraggable\">\n <div class=\"dx-treelist-selectedcontent\" (click)=\"data.toggleSelected()\" data-bind=\"event: $root.ContextMenusEnabled && $root.ContextMenusEnabled() ? { contextmenu: toggleSelected } : null\">\n <dxa-template [template]=\"data.templates.headerItemContent\" [data]=\"data\"></dxa-template>\n </div>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
686
686
|
}
|
|
687
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeListHeaderItemComponent, decorators: [{
|
|
688
688
|
type: Component,
|
|
689
689
|
args: [{ selector: 'dxa-treelist-header-item', template: "<div role=\"treeitem\" class=\"dx-treelist-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-treelist-item dx-accessibility-focus-border-accented\"\n [attr.aria-expanded]=\"data.attr['aria-expanded']\"\n [attr.aria-selected]=\"data.attr['aria-selected']\"\n [attr.aria-level]=\"data.attr['aria-level']\"\n [attr.aria-label]=\"data.attr['aria-label']\"\n [attr.aria-setsize]=\"data.attr['aria-setsize']\"\n [attr.aria-posinset]=\"data.attr['aria-posinset']\"\n [attr.id]=\"data.attr['id']\"\n [class.dxd-state-selected]=\"data.isSelected || data.isMultiSelected\"\n [class.dx-treelist-item-selected]=\"data.isSelected || data.isMultiSelected\"\n [style.padding-left]=\"data.padding['padding-left'] + 'px'\"\n [style.padding-right]=\"data.padding['padding-right'] + 'px'\"\n (dblclick)=\"data.events.dblclick()\"\n (mouseenter)=\"data.events.mouseenter()\"\n (mouseleave)=\"data.events.mouseleave()\"\n >\n <div *ngIf=\"data.hasItems\">\n <dxa-template\n template=\"dxrd-svg-collapsed\"\n class=\"dx-treelist-collapsedbutton\"\n [class.dx-collapsing-image]=\"data.hasItems\"\n [class.dx-image-leaf-node]=\"!data.hasItems\"\n [class.dx-image-expanded]=\"data.hasItems && !data.collapsed\"\n (click)=\"data.toggleCollapsed()\">\n </dxa-template>\n </div>\n <div class=\"dx-treelist-caption\" [style.padding-left]=\"data.hasItems ? '0px': '18px'\">\n <div *ngIf=\"data.actions && data.actions.length > 0\">\n <dxa-template [template]=\"data.templates.actionsContainer\" [data]=\"data\"></dxa-template>\n </div>\n <div *ngIf=\"data.isDraggable\">\n <div class=\"dx-treelist-selectedcontent\" (click)=\"data.toggleSelected()\" data-bind=\"event: $root.ContextMenusEnabled && $root.ContextMenusEnabled() ? { contextmenu: toggleSelected } : null, draggable: dragDropHandler\">\n <dxa-template [template]=\"data.templates.headerItemContent\" [data]=\"data\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"!data.isDraggable\">\n <div class=\"dx-treelist-selectedcontent\" (click)=\"data.toggleSelected()\" data-bind=\"event: $root.ContextMenusEnabled && $root.ContextMenusEnabled() ? { contextmenu: toggleSelected } : null\">\n <dxa-template [template]=\"data.templates.headerItemContent\" [data]=\"data\"></dxa-template>\n </div>\n </div>\n </div>\n</div>" }]
|
|
690
690
|
}], propDecorators: { data: [{
|
|
@@ -694,10 +694,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
694
694
|
|
|
695
695
|
class TreeListItemTextComponent {
|
|
696
696
|
data;
|
|
697
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
698
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
697
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeListItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
698
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TreeListItemTextComponent, selector: "dxa-treelist-item-text-content", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dx-treelist-text-wrapper\">\n <div *ngIf=\"data.searchModel.searchEnabled\">\n <div class=\"dx-treelist-text dx-highlighted-search-text\" data-bind=\"searchHighlighting: { text: text, textToSearch: searchModel.textToSearch, searchOptions: searchModel.searchOptions }, attr: { title: text }\"></div>\n </div>\n <div *ngIf=\"!data.searchModel.searchEnabled\">\n <div class=\"dx-treelist-text\" [attr.title]=\"data.text\">\n {{data.text}}\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
699
699
|
}
|
|
700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
700
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeListItemTextComponent, decorators: [{
|
|
701
701
|
type: Component,
|
|
702
702
|
args: [{ selector: 'dxa-treelist-item-text-content', template: "<div class=\"dx-treelist-text-wrapper\">\n <div *ngIf=\"data.searchModel.searchEnabled\">\n <div class=\"dx-treelist-text dx-highlighted-search-text\" data-bind=\"searchHighlighting: { text: text, textToSearch: searchModel.textToSearch, searchOptions: searchModel.searchOptions }, attr: { title: text }\"></div>\n </div>\n <div *ngIf=\"!data.searchModel.searchEnabled\">\n <div class=\"dx-treelist-text\" [attr.title]=\"data.text\">\n {{data.text}}\n </div>\n </div>\n</div>" }]
|
|
703
703
|
}], propDecorators: { data: [{
|
|
@@ -707,10 +707,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
707
707
|
|
|
708
708
|
class TreeListHeaderItemCaptionContentComponent {
|
|
709
709
|
data;
|
|
710
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
711
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
710
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeListHeaderItemCaptionContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
711
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TreeListHeaderItemCaptionContentComponent, selector: "dxa-treelist-header-item-caption-content", inputs: { data: "data" }, ngImport: i0, template: "<dxa-template *ngIf=\"!!data.imageTemplateName\" class=\"dx-treelist-image\"\n [attr.title]=\"data.text\"\n [template]=\"data.imageTemplateName\"\n [class]=\"'dx-treelist-image ' + data.imageClassName\">\n</dxa-template>\n<dxa-template [template]=\"data.templates.itemTextContent\" [data]=\"data\"></dxa-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
712
712
|
}
|
|
713
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
713
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeListHeaderItemCaptionContentComponent, decorators: [{
|
|
714
714
|
type: Component,
|
|
715
715
|
args: [{ selector: 'dxa-treelist-header-item-caption-content', template: "<dxa-template *ngIf=\"!!data.imageTemplateName\" class=\"dx-treelist-image\"\n [attr.title]=\"data.text\"\n [template]=\"data.imageTemplateName\"\n [class]=\"'dx-treelist-image ' + data.imageClassName\">\n</dxa-template>\n<dxa-template [template]=\"data.templates.itemTextContent\" [data]=\"data\"></dxa-template>" }]
|
|
716
716
|
}], propDecorators: { data: [{
|
|
@@ -724,10 +724,10 @@ class AccordionDirective extends BaseDisposableDirective {
|
|
|
724
724
|
return InitAccordion(element, this.options);
|
|
725
725
|
}
|
|
726
726
|
eventName = 'afterViewInit';
|
|
727
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
728
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
727
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AccordionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
728
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: AccordionDirective, selector: "[dxaAccordion]", inputs: { options: ["dxaAccordion", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
729
729
|
}
|
|
730
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
730
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AccordionDirective, decorators: [{
|
|
731
731
|
type: Directive,
|
|
732
732
|
args: [{
|
|
733
733
|
selector: '[dxaAccordion]'
|
|
@@ -743,10 +743,10 @@ class ButtonWithTemplateDirective extends BaseDisposableDirective {
|
|
|
743
743
|
return InitButtonWithTemplate(element, this.options);
|
|
744
744
|
}
|
|
745
745
|
eventName = 'afterViewInit';
|
|
746
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
747
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
746
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonWithTemplateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
747
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ButtonWithTemplateDirective, selector: "[dxaButtonWithTemplate]", inputs: { options: ["dxaButtonWithTemplate", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
748
748
|
}
|
|
749
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonWithTemplateDirective, decorators: [{
|
|
750
750
|
type: Directive,
|
|
751
751
|
args: [{
|
|
752
752
|
selector: '[dxaButtonWithTemplate]'
|
|
@@ -777,10 +777,10 @@ class LazyTemplateComponent extends TemplateComponent {
|
|
|
777
777
|
this.task.dispose();
|
|
778
778
|
this._isDisposed = true;
|
|
779
779
|
}
|
|
780
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
781
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
780
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LazyTemplateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
781
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LazyTemplateComponent, selector: "dxa-lazy-template", inputs: { resolver: "resolver", isResolved: "isResolved" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isReady && !isImage\" [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ data: data }\"></ng-container>\n<dxa-image-template *ngIf=\"isReady && isImage\" [template]=\"template\"></dxa-image-template> ", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ImageTemplateComponent, selector: "dxa-image-template", inputs: ["template"] }] });
|
|
782
782
|
}
|
|
783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
783
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LazyTemplateComponent, decorators: [{
|
|
784
784
|
type: Component,
|
|
785
785
|
args: [{ selector: 'dxa-lazy-template', template: "<ng-container *ngIf=\"isReady && !isImage\" [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ data: data }\"></ng-container>\n<dxa-image-template *ngIf=\"isReady && isImage\" [template]=\"template\"></dxa-image-template> " }]
|
|
786
786
|
}], propDecorators: { resolver: [{
|
|
@@ -848,13 +848,13 @@ class EditorComponentBase {
|
|
|
848
848
|
isResolved(newVal) {
|
|
849
849
|
this.data.setIsRendered(newVal);
|
|
850
850
|
}
|
|
851
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
852
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
851
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditorComponentBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
852
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditorComponentBase, selector: "dxa-editor", inputs: { data: "data" }, viewQueries: [{ propertyName: "widget", first: true, predicate: ["widget"], descendants: true }], ngImport: i0, template: "<div class=\"dx-editor\" [hidden]=\"!data.visible\">\n <div class=\"dx-group\" [dxaAccordion]=\"data\">\n <div class=\"dx-editor-header\">\n <div class=\"dx-field\" \n role=\"treeitem\"\n [attr.id]=\"data.isComplexEditor ? data.headerId : undefined\"\n [attr.aria-owns]=\"data.isComplexEditor ? data.contentId : undefined\"\n [attr.aria-expanded]=\"data.isComplexEditor && (data.alwaysShow || !data.collapsed ? 'true' : 'false')\"\n [class.dxrd-accessibility-accordion-trigger]=\"data.isComplexEditor\"\n [class.dx-accessibility-focus-border-accented]=\"data.isComplexEditor\">\n <div class=\"dx-field-label dx-accordion-header dxd-text-primary\" \n [style.padding-left]=\"data.padding['padding-left'] + 'px'\"\n [class.dx-accordion-empty]=\"data.templateName === 'dx-emptyHeader'\">\n <div *ngIf=\"data.isComplexEditor\" [attr.disabled]=\"data.templateName !== 'dx-emptyHeader'\">\n <dxa-template class=\"dx-collapsing-image dxrd-display-inline-block\" template=\"dxrd-svg-collapsed\" \n [class.dx-image-expanded]=\"!data.collapsed\"></dxa-template>\n <div *ngIf=\"!!data.textToSearch\" class=\"dx-group-header-font\" [attr.title]=\"data.displayName\" data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"></div>\n <div *ngIf=\"!data.textToSearch\" class=\"dx-group-header-font\" [attr.title]=\"data.displayName\">\n {{data.displayName}}\n </div>\n </div>\n <label *ngIf=\"!data.isComplexEditor && !!data.textToSearch\" \n class=\"propertygrid-editor-displayName\"\n data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"\n [attr.title]=\"data.displayName\"\n [attr.for]=\"data.editorInputId\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n ></label>\n <label *ngIf=\"!data.isComplexEditor && !data.textToSearch\" \n class=\"propertygrid-editor-displayName\"\n [attr.title]=\"data.displayName\"\n [attr.for]=\"data.editorInputId\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n >{{data.displayName}}</label>\n <div *ngIf=\"!data.isComplexEditor && data.editorDescriptionAddon\"\n class=\"propertygrid-editor-description\"\n [dxaButtonWithTemplate]=\"{ onClick: data.editorDescriptionAddon.data.onClick, icon: 'dxrd-svg-tabs-description_info' }\"></div>\n </div>\n <div class=\"dx-field-value\" \n [class.dxd-border-accented]=\"data.isPropertyHighlighted\">\n <!-- <div data-bind=\"service: { name: 'createEditorAddOn' }\"></div> -->\n <dxa-lazy-template *ngIf=\"data.templateName !== 'dx-emptyHeader'\" [isResolved]=\"isResolved\" [template]=\"data.templateName\" [data]=\"data\"></dxa-lazy-template>\n <!-- ko if: templateName !== 'dx-emptyHeader' -->\n <!-- ko lazy: { innerBindings: { template: templateName }, isResolved: function(val) { $data.setIsRendered(val) } } -->\n <!-- /ko -->\n <!-- /ko -->\n </div>\n </div>\n </div>\n <div *ngIf=\"data.isComplexEditor\" class=\"dx-editor-content dx-accordion-content\" role=\"group\" \n [attr.aria-labelledby]=\"data.headerId\"\n [attr.id]=\"data.contentId\"\n [attr.aria-hidden]=\"!data.alwaysShow && data.collapsed ? 'true' : 'false'\">\n <dxa-template *ngIf=\"data.editorCreated\" [template]=\"data.contentTemplateName\" [data]=\"data\"></dxa-template>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: AccordionDirective, selector: "[dxaAccordion]", inputs: ["dxaAccordion"] }, { kind: "directive", type: ButtonWithTemplateDirective, selector: "[dxaButtonWithTemplate]", inputs: ["dxaButtonWithTemplate"] }, { kind: "component", type: LazyTemplateComponent, selector: "dxa-lazy-template", inputs: ["resolver", "isResolved"] }] });
|
|
853
853
|
}
|
|
854
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
854
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditorComponentBase, decorators: [{
|
|
855
855
|
type: Component,
|
|
856
856
|
args: [{ selector: 'dxa-editor', template: "<div class=\"dx-editor\" [hidden]=\"!data.visible\">\n <div class=\"dx-group\" [dxaAccordion]=\"data\">\n <div class=\"dx-editor-header\">\n <div class=\"dx-field\" \n role=\"treeitem\"\n [attr.id]=\"data.isComplexEditor ? data.headerId : undefined\"\n [attr.aria-owns]=\"data.isComplexEditor ? data.contentId : undefined\"\n [attr.aria-expanded]=\"data.isComplexEditor && (data.alwaysShow || !data.collapsed ? 'true' : 'false')\"\n [class.dxrd-accessibility-accordion-trigger]=\"data.isComplexEditor\"\n [class.dx-accessibility-focus-border-accented]=\"data.isComplexEditor\">\n <div class=\"dx-field-label dx-accordion-header dxd-text-primary\" \n [style.padding-left]=\"data.padding['padding-left'] + 'px'\"\n [class.dx-accordion-empty]=\"data.templateName === 'dx-emptyHeader'\">\n <div *ngIf=\"data.isComplexEditor\" [attr.disabled]=\"data.templateName !== 'dx-emptyHeader'\">\n <dxa-template class=\"dx-collapsing-image dxrd-display-inline-block\" template=\"dxrd-svg-collapsed\" \n [class.dx-image-expanded]=\"!data.collapsed\"></dxa-template>\n <div *ngIf=\"!!data.textToSearch\" class=\"dx-group-header-font\" [attr.title]=\"data.displayName\" data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"></div>\n <div *ngIf=\"!data.textToSearch\" class=\"dx-group-header-font\" [attr.title]=\"data.displayName\">\n {{data.displayName}}\n </div>\n </div>\n <label *ngIf=\"!data.isComplexEditor && !!data.textToSearch\" \n class=\"propertygrid-editor-displayName\"\n data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"\n [attr.title]=\"data.displayName\"\n [attr.for]=\"data.editorInputId\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n ></label>\n <label *ngIf=\"!data.isComplexEditor && !data.textToSearch\" \n class=\"propertygrid-editor-displayName\"\n [attr.title]=\"data.displayName\"\n [attr.for]=\"data.editorInputId\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n >{{data.displayName}}</label>\n <div *ngIf=\"!data.isComplexEditor && data.editorDescriptionAddon\"\n class=\"propertygrid-editor-description\"\n [dxaButtonWithTemplate]=\"{ onClick: data.editorDescriptionAddon.data.onClick, icon: 'dxrd-svg-tabs-description_info' }\"></div>\n </div>\n <div class=\"dx-field-value\" \n [class.dxd-border-accented]=\"data.isPropertyHighlighted\">\n <!-- <div data-bind=\"service: { name: 'createEditorAddOn' }\"></div> -->\n <dxa-lazy-template *ngIf=\"data.templateName !== 'dx-emptyHeader'\" [isResolved]=\"isResolved\" [template]=\"data.templateName\" [data]=\"data\"></dxa-lazy-template>\n <!-- ko if: templateName !== 'dx-emptyHeader' -->\n <!-- ko lazy: { innerBindings: { template: templateName }, isResolved: function(val) { $data.setIsRendered(val) } } -->\n <!-- /ko -->\n <!-- /ko -->\n </div>\n </div>\n </div>\n <div *ngIf=\"data.isComplexEditor\" class=\"dx-editor-content dx-accordion-content\" role=\"group\" \n [attr.aria-labelledby]=\"data.headerId\"\n [attr.id]=\"data.contentId\"\n [attr.aria-hidden]=\"!data.alwaysShow && data.collapsed ? 'true' : 'false'\">\n <dxa-template *ngIf=\"data.editorCreated\" [template]=\"data.contentTemplateName\" [data]=\"data\"></dxa-template>\n </div>\n </div>\n</div>" }]
|
|
857
|
-
}], ctorParameters:
|
|
857
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
858
858
|
type: Input,
|
|
859
859
|
args: ['data']
|
|
860
860
|
}], widget: [{
|
|
@@ -875,10 +875,10 @@ class EditorDropDownComponentBase extends EditorComponentBase {
|
|
|
875
875
|
this.beforeDetectChanges();
|
|
876
876
|
this._cd.detectChanges();
|
|
877
877
|
}
|
|
878
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
879
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
878
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditorDropDownComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
879
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditorDropDownComponentBase, selector: "ng-component", viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
880
880
|
}
|
|
881
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditorDropDownComponentBase, decorators: [{
|
|
882
882
|
type: Component,
|
|
883
883
|
args: [{
|
|
884
884
|
template: ''
|
|
@@ -910,10 +910,10 @@ class DateEditorComponent extends EditorDropDownComponentBase {
|
|
|
910
910
|
}
|
|
911
911
|
};
|
|
912
912
|
}
|
|
913
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
914
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
913
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
914
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateEditorComponent, selector: "dxa-date", usesInheritance: true, ngImport: i0, template: "<div class=\"dx-datebox-container\">\n <dx-date-box #target #widget\n [value]=\"options.value\"\n [type]=\"options.type\"\n [disabled]=\"options.disabled\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [inputAttr]=\"options.inputAttr\"\n [placeholder]=\"options.placeholder\"\n [showClearButton]=\"options.showClearButton\"\n [dropDownOptions]=\"dropDownOptions\">\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n </dx-date-box>\n</div>", dependencies: [{ kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }, { kind: "component", type: i2.DxDateBoxComponent, selector: "dx-date-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "adaptivityEnabled", "applyButtonText", "applyValueMode", "buttons", "calendarOptions", "cancelButtonText", "dateOutOfRangeMessage", "dateSerializationFormat", "deferRendering", "disabled", "disabledDates", "displayFormat", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "interval", "invalidDateMessage", "isDirty", "isValid", "label", "labelMode", "max", "maxLength", "min", "name", "opened", "openOnFieldClick", "pickerType", "placeholder", "readOnly", "rtlEnabled", "showAnalogClock", "showClearButton", "showDropDownButton", "spellcheck", "stylingMode", "tabIndex", "text", "todayButtonText", "type", "useMaskBehavior", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "applyButtonTextChange", "applyValueModeChange", "buttonsChange", "calendarOptionsChange", "cancelButtonTextChange", "dateOutOfRangeMessageChange", "dateSerializationFormatChange", "deferRenderingChange", "disabledChange", "disabledDatesChange", "displayFormatChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "intervalChange", "invalidDateMessageChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "maxLengthChange", "minChange", "nameChange", "openedChange", "openOnFieldClickChange", "pickerTypeChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showAnalogClockChange", "showClearButtonChange", "showDropDownButtonChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "todayButtonTextChange", "typeChange", "useMaskBehaviorChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }] });
|
|
915
915
|
}
|
|
916
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
916
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateEditorComponent, decorators: [{
|
|
917
917
|
type: Component,
|
|
918
918
|
args: [{ selector: 'dxa-date', template: "<div class=\"dx-datebox-container\">\n <dx-date-box #target #widget\n [value]=\"options.value\"\n [type]=\"options.type\"\n [disabled]=\"options.disabled\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [inputAttr]=\"options.inputAttr\"\n [placeholder]=\"options.placeholder\"\n [showClearButton]=\"options.showClearButton\"\n [dropDownOptions]=\"dropDownOptions\">\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n </dx-date-box>\n</div>" }]
|
|
919
919
|
}] });
|
|
@@ -941,13 +941,13 @@ class CollectionEditorComponent {
|
|
|
941
941
|
onScrollViewInitialized(args) {
|
|
942
942
|
args.component.option('useKeyboard', false);
|
|
943
943
|
}
|
|
944
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
945
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
944
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CollectionEditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
945
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CollectionEditorComponent, selector: "dxa-collectioneditor", inputs: { options: ["data", "options"], contentTemplate: "contentTemplate" }, ngImport: i0, template: "<div class=\"dx-collectioneditor\">\n <div [dxaAccordion]=\"data\" [dxMutationObserver]=\"data.keyboardHelper\">\n <div class=\"dx-collectioneditor-header dx-accordion-header\">\n <div class=\"dx-editor-header\">\n <div role=\"treeitem\"\n class=\"dx-field dx-accessibility-focus-border-accented dxrd-accessibility-accordion-trigger\"\n [attr.aria-expanded]=\"data.alwaysShow || !data.collapsed ? 'true' : 'false'\"\n [attr.aria-owns]=\"data.contentId\" [attr.id]=\"data.headerId\">\n <div *ngIf=\"data.showButtons\" class=\"dx-collectioneditor-actions-wrapper\">\n <dx-button *ngIf=\"data.buttons.up.visible\"\n class=\"dx-collectioneditor-action dx-accessibility-focus-border-accented\"\n (onClick)=\"data.buttons.up.action($event)\" [disabled]=\"data.buttons.up.disabled\"\n icon=\"dxrd-svg-operations-moveup\" iconClass=\"dx-image-moveup\"\n [template]=\"data.buttons.up.template\"\n [attr.title]=\"data.buttons.up.text\"></dx-button>\n <dx-button *ngIf=\"data.buttons.down.visible\"\n class=\"dx-collectioneditor-action dx-accessibility-focus-border-accented\"\n (onClick)=\"data.buttons.down.action($event)\" [disabled]=\"data.buttons.down.disabled\"\n icon=\"dxrd-svg-operations-movedown\" iconClass=\"dx-image-movedown\"\n [template]=\"data.buttons.down.template\"\n [attr.title]=\"data.buttons.down.text\"></dx-button>\n <div class=\"dx-collectioneditor-action-separator\"></div>\n <dx-button *ngIf=\"data.buttons.add.visible\"\n class=\"dx-collectioneditor-action dx-accessibility-focus-border-accented\"\n (onClick)=\"data.buttons.add.action($event)\" [disabled]=\"data.buttons.add.disabled\"\n [template]=\"data.buttons.add.template\"\n icon=\"dxrd-svg-operations-add\" iconClass=\"dx-image-add\"\n [attr.title]=\"data.buttons.add.text\"></dx-button>\n <dx-button *ngIf=\"data.buttons.delete.visible\"\n class=\"dx-collectioneditor-action dx-accessibility-focus-border-accented\"\n (onClick)=\"data.buttons.delete.action($event)\" [disabled]=\"data.buttons.delete.disabled\"\n [template]=\"data.buttons.delete.template\"\n icon=\"dxrd-svg-operations-remove\" iconClass=\"dx-image-remove\"\n [attr.title]=\"data.buttons.delete.text\"></dx-button>\n </div>\n <div *ngIf=\"!!data.displayName\" class=\"dx-collectioneditor-header-text dxd-text-primary\"\n [style.padding-left]=\"data.padding + 'px'\">\n <dxa-template class=\"dx-collapsing-image dxrd-display-inline-block\"\n template=\"dxrd-svg-collapsed\"\n [class.dx-image-expanded]=\"!data.collapsed \"></dxa-template>\n <div class=\"dx-group-header-font dxd-text-primary dxrd-display-inline-block\" [attr.title]=\"data.displayName\">\n {{data.displayName}}</div>\n </div>\n </div>\n </div>\n </div>\n <div role=\"group\" class=\"dx-accordion-content\"\n [attr.aria-hidden]=\"!data.alwaysShow && data.collapsed ? 'true' : 'false'\"\n [attr.aria-labelledby]=\"data.headerId\" [attr.id]=\"data.contentId\">\n <dx-scroll-view [hidden]=\"data.disabled\" showScrollbar=\"onHover\" [disabled]=\"!data.showScroll\"\n [useNative]=\"false\" [scrollByThumb]=\"true\" (onInitialized)=\"onScrollViewInitialized($event)\">\n <div *ngIf=\"data.values.length === 0\"\n class=\"dx-collectioneditor-empty dxd-empty-area-placeholder-text-color dxd-text-info\">\n <span class=\"dx-collectioneditor-empty-text\">{{data.emptyAreaText}}</span>\n </div>\n <div *ngIf=\"data.values.length !== 0\" class=\"dx-collectioneditor-items\">\n <div *ngFor=\"let value of data.values\"\n class=\"dx-collectioneditor-item-container dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented\"\n [attr.aria-selected]=\"value.selected\" [dxActionModel]=\"value\" [dxAction]=\"value.select\"\n [class.dxd-state-selected]=\"value.selected\">\n <div class=\"dx-collection-item\">\n <ng-container *ngTemplateOutlet=\"contentTemplate, context: { data: value }\"></ng-container>\n </div>\n </div>\n </div>\n </dx-scroll-view>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: AccordionDirective, selector: "[dxaAccordion]", inputs: ["dxaAccordion"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
946
946
|
}
|
|
947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
947
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CollectionEditorComponent, decorators: [{
|
|
948
948
|
type: Component,
|
|
949
949
|
args: [{ selector: 'dxa-collectioneditor', template: "<div class=\"dx-collectioneditor\">\n <div [dxaAccordion]=\"data\" [dxMutationObserver]=\"data.keyboardHelper\">\n <div class=\"dx-collectioneditor-header dx-accordion-header\">\n <div class=\"dx-editor-header\">\n <div role=\"treeitem\"\n class=\"dx-field dx-accessibility-focus-border-accented dxrd-accessibility-accordion-trigger\"\n [attr.aria-expanded]=\"data.alwaysShow || !data.collapsed ? 'true' : 'false'\"\n [attr.aria-owns]=\"data.contentId\" [attr.id]=\"data.headerId\">\n <div *ngIf=\"data.showButtons\" class=\"dx-collectioneditor-actions-wrapper\">\n <dx-button *ngIf=\"data.buttons.up.visible\"\n class=\"dx-collectioneditor-action dx-accessibility-focus-border-accented\"\n (onClick)=\"data.buttons.up.action($event)\" [disabled]=\"data.buttons.up.disabled\"\n icon=\"dxrd-svg-operations-moveup\" iconClass=\"dx-image-moveup\"\n [template]=\"data.buttons.up.template\"\n [attr.title]=\"data.buttons.up.text\"></dx-button>\n <dx-button *ngIf=\"data.buttons.down.visible\"\n class=\"dx-collectioneditor-action dx-accessibility-focus-border-accented\"\n (onClick)=\"data.buttons.down.action($event)\" [disabled]=\"data.buttons.down.disabled\"\n icon=\"dxrd-svg-operations-movedown\" iconClass=\"dx-image-movedown\"\n [template]=\"data.buttons.down.template\"\n [attr.title]=\"data.buttons.down.text\"></dx-button>\n <div class=\"dx-collectioneditor-action-separator\"></div>\n <dx-button *ngIf=\"data.buttons.add.visible\"\n class=\"dx-collectioneditor-action dx-accessibility-focus-border-accented\"\n (onClick)=\"data.buttons.add.action($event)\" [disabled]=\"data.buttons.add.disabled\"\n [template]=\"data.buttons.add.template\"\n icon=\"dxrd-svg-operations-add\" iconClass=\"dx-image-add\"\n [attr.title]=\"data.buttons.add.text\"></dx-button>\n <dx-button *ngIf=\"data.buttons.delete.visible\"\n class=\"dx-collectioneditor-action dx-accessibility-focus-border-accented\"\n (onClick)=\"data.buttons.delete.action($event)\" [disabled]=\"data.buttons.delete.disabled\"\n [template]=\"data.buttons.delete.template\"\n icon=\"dxrd-svg-operations-remove\" iconClass=\"dx-image-remove\"\n [attr.title]=\"data.buttons.delete.text\"></dx-button>\n </div>\n <div *ngIf=\"!!data.displayName\" class=\"dx-collectioneditor-header-text dxd-text-primary\"\n [style.padding-left]=\"data.padding + 'px'\">\n <dxa-template class=\"dx-collapsing-image dxrd-display-inline-block\"\n template=\"dxrd-svg-collapsed\"\n [class.dx-image-expanded]=\"!data.collapsed \"></dxa-template>\n <div class=\"dx-group-header-font dxd-text-primary dxrd-display-inline-block\" [attr.title]=\"data.displayName\">\n {{data.displayName}}</div>\n </div>\n </div>\n </div>\n </div>\n <div role=\"group\" class=\"dx-accordion-content\"\n [attr.aria-hidden]=\"!data.alwaysShow && data.collapsed ? 'true' : 'false'\"\n [attr.aria-labelledby]=\"data.headerId\" [attr.id]=\"data.contentId\">\n <dx-scroll-view [hidden]=\"data.disabled\" showScrollbar=\"onHover\" [disabled]=\"!data.showScroll\"\n [useNative]=\"false\" [scrollByThumb]=\"true\" (onInitialized)=\"onScrollViewInitialized($event)\">\n <div *ngIf=\"data.values.length === 0\"\n class=\"dx-collectioneditor-empty dxd-empty-area-placeholder-text-color dxd-text-info\">\n <span class=\"dx-collectioneditor-empty-text\">{{data.emptyAreaText}}</span>\n </div>\n <div *ngIf=\"data.values.length !== 0\" class=\"dx-collectioneditor-items\">\n <div *ngFor=\"let value of data.values\"\n class=\"dx-collectioneditor-item-container dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented\"\n [attr.aria-selected]=\"value.selected\" [dxActionModel]=\"value\" [dxAction]=\"value.select\"\n [class.dxd-state-selected]=\"value.selected\">\n <div class=\"dx-collection-item\">\n <ng-container *ngTemplateOutlet=\"contentTemplate, context: { data: value }\"></ng-container>\n </div>\n </div>\n </div>\n </dx-scroll-view>\n </div>\n </div>\n</div>" }]
|
|
950
|
-
}], ctorParameters:
|
|
950
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { options: [{
|
|
951
951
|
type: Input,
|
|
952
952
|
args: ['data']
|
|
953
953
|
}], contentTemplate: [{
|
|
@@ -957,10 +957,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
957
957
|
|
|
958
958
|
class ActionsComponent {
|
|
959
959
|
data;
|
|
960
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
961
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
960
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
961
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionsComponent, selector: "dxa-actions", inputs: { data: "data" }, ngImport: i0, template: "<div *ngFor=\"let action of data\" style=\"display: inline-block; vertical-align: top;\">\n <dxa-template *ngIf=\"action.templateName\" [template]=\"action.templateName\"\n [data]=\"action['contentData'] || action\"></dxa-template>\n <div *ngIf=\"!action.templateName\" [style.display]=\"action.visible ? '' : 'none'\" class=\"dxrd-toolbar-item\" [class]=\"action.actionClass\">\n <div role=\"button\" class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\"\n [attr.aria-label]=\"action.block.attr['aria-label']\" [attr.aria-disabled]=\"action.block.attr['aria-disabled']\"\n [attr.aria-pressed]=\"action.block.attr['aria-pressed']\">\n <div [attr.class]=\"action.image.class\" [attr.title]=\"action.displayText\" (click)=\"action.click($event)\">\n <dxa-template [template]=\"action.image.templateName\"></dxa-template>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!action.hasSeparator\"></div>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
962
962
|
}
|
|
963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
963
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionsComponent, decorators: [{
|
|
964
964
|
type: Component,
|
|
965
965
|
args: [{ selector: 'dxa-actions', template: "<div *ngFor=\"let action of data\" style=\"display: inline-block; vertical-align: top;\">\n <dxa-template *ngIf=\"action.templateName\" [template]=\"action.templateName\"\n [data]=\"action['contentData'] || action\"></dxa-template>\n <div *ngIf=\"!action.templateName\" [style.display]=\"action.visible ? '' : 'none'\" class=\"dxrd-toolbar-item\" [class]=\"action.actionClass\">\n <div role=\"button\" class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\"\n [attr.aria-label]=\"action.block.attr['aria-label']\" [attr.aria-disabled]=\"action.block.attr['aria-disabled']\"\n [attr.aria-pressed]=\"action.block.attr['aria-pressed']\">\n <div [attr.class]=\"action.image.class\" [attr.title]=\"action.displayText\" (click)=\"action.click($event)\">\n <dxa-template [template]=\"action.image.templateName\"></dxa-template>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!action.hasSeparator\"></div>\n </div>\n </div>\n</div>" }]
|
|
966
966
|
}], propDecorators: { data: [{
|
|
@@ -979,10 +979,10 @@ class TextBoxEditorComponent extends EditorComponentBase {
|
|
|
979
979
|
}
|
|
980
980
|
};
|
|
981
981
|
}
|
|
982
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
983
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
982
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextBoxEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
983
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextBoxEditorComponent, selector: "dxa-text", usesInheritance: true, ngImport: i0, template: "<dx-text-box #widget\n[value]=\"options.value\"\n[disabled]=\"options.disabled\"\n[inputAttr]=\"options.inputAttr\"\n(onValueChanged)=\"options.onValueChanged($event)\"\n(onFocusIn)=\"options.onFocusIn && options.onFocusIn($event)\"\n(onKeyDown)=\"options.onKeyDown && options.onKeyDown($event)\"\n(onPaste)=\"options.onPaste && options.onPaste($event)\"\n[placeholder]=\"options.placeholder\"\n[showClearButton]=\"options.showClearButton\"\n>\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-text-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
|
|
984
984
|
}
|
|
985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
985
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextBoxEditorComponent, decorators: [{
|
|
986
986
|
type: Component,
|
|
987
987
|
args: [{ selector: 'dxa-text', template: "<dx-text-box #widget\n[value]=\"options.value\"\n[disabled]=\"options.disabled\"\n[inputAttr]=\"options.inputAttr\"\n(onValueChanged)=\"options.onValueChanged($event)\"\n(onFocusIn)=\"options.onFocusIn && options.onFocusIn($event)\"\n(onKeyDown)=\"options.onKeyDown && options.onKeyDown($event)\"\n(onPaste)=\"options.onPaste && options.onPaste($event)\"\n[placeholder]=\"options.placeholder\"\n[showClearButton]=\"options.showClearButton\"\n>\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-text-box>" }]
|
|
988
988
|
}] });
|
|
@@ -1013,10 +1013,10 @@ class SelectBoxComponent extends EditorDropDownComponentBase {
|
|
|
1013
1013
|
container: this.container
|
|
1014
1014
|
};
|
|
1015
1015
|
}
|
|
1016
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1017
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1016
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1017
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectBoxComponent, selector: "dxa-selectbox", usesInheritance: true, ngImport: i0, template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n [dropDownOptions]=\"dropDownOptions\"\n [inputAttr]=\"options.inputAttr\"\n [placeholder]=\"options.placeholder\"\n [showClearButton]=\"options.showClearButton\"\n [searchEnabled]=\"options.searchEnabled\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-select-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
|
|
1018
1018
|
}
|
|
1019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectBoxComponent, decorators: [{
|
|
1020
1020
|
type: Component,
|
|
1021
1021
|
args: [{ selector: 'dxa-selectbox', template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n [dropDownOptions]=\"dropDownOptions\"\n [inputAttr]=\"options.inputAttr\"\n [placeholder]=\"options.placeholder\"\n [showClearButton]=\"options.showClearButton\"\n [searchEnabled]=\"options.searchEnabled\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-select-box>" }]
|
|
1022
1022
|
}] });
|
|
@@ -1038,20 +1038,20 @@ class BoolSelectComponent extends SelectBoxComponent {
|
|
|
1038
1038
|
disabled: selectBoxOptions.disabled
|
|
1039
1039
|
};
|
|
1040
1040
|
}
|
|
1041
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1042
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1041
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BoolSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1042
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BoolSelectComponent, selector: "dxa-boolselect", usesInheritance: true, ngImport: i0, template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n [dropDownOptions]=\"dropDownOptions\"\n [inputAttr]=\"options.inputAttr\"\n [placeholder]=\"options.placeholder\"\n [showClearButton]=\"options.showClearButton\"\n [searchEnabled]=\"options.searchEnabled\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-select-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
|
|
1043
1043
|
}
|
|
1044
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BoolSelectComponent, decorators: [{
|
|
1045
1045
|
type: Component,
|
|
1046
1046
|
args: [{ selector: 'dxa-boolselect', template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n [dropDownOptions]=\"dropDownOptions\"\n [inputAttr]=\"options.inputAttr\"\n [placeholder]=\"options.placeholder\"\n [showClearButton]=\"options.showClearButton\"\n [searchEnabled]=\"options.searchEnabled\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-select-box>" }]
|
|
1047
1047
|
}] });
|
|
1048
1048
|
|
|
1049
1049
|
class ObjectEditorComponent {
|
|
1050
1050
|
data;
|
|
1051
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1052
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1051
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1052
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ObjectEditorComponent, selector: "dxa-object-editor-content", inputs: { data: "data" }, ngImport: i0, template: "<dxa-template *ngIf=\"data.visible\" template=\"dx-propertieseditor\" [data]=\"data.viewmodel\"></dxa-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1053
1053
|
}
|
|
1054
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1054
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectEditorComponent, decorators: [{
|
|
1055
1055
|
type: Component,
|
|
1056
1056
|
args: [{ selector: 'dxa-object-editor-content', template: "<dxa-template *ngIf=\"data.visible\" template=\"dx-propertieseditor\" [data]=\"data.viewmodel\"></dxa-template>" }]
|
|
1057
1057
|
}], propDecorators: { data: [{
|
|
@@ -1067,10 +1067,10 @@ class BooleanEditorComponent extends EditorComponentBase {
|
|
|
1067
1067
|
elementAttr: { 'aria-label': this.data.displayName }
|
|
1068
1068
|
};
|
|
1069
1069
|
}
|
|
1070
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1071
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1070
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BooleanEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1071
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BooleanEditorComponent, selector: "dxa-boolean", usesInheritance: true, ngImport: i0, template: "<dx-check-box #widget class=\"propertygrid-editor-checkbox\" [value]=\"options.value\" [disabled]=\"options.disabled\"\n [elementAttr]=\"options.elementAttr\" (onValueChanged)=\"options.onValueChanged($event)\"\n (onInitialized)=\"options.onInitialized($event)\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-check-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }, { kind: "component", type: i2.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }] });
|
|
1072
1072
|
}
|
|
1073
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1073
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BooleanEditorComponent, decorators: [{
|
|
1074
1074
|
type: Component,
|
|
1075
1075
|
args: [{ selector: 'dxa-boolean', template: "<dx-check-box #widget class=\"propertygrid-editor-checkbox\" [value]=\"options.value\" [disabled]=\"options.disabled\"\n [elementAttr]=\"options.elementAttr\" (onValueChanged)=\"options.onValueChanged($event)\"\n (onInitialized)=\"options.onInitialized($event)\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-check-box>" }]
|
|
1076
1076
|
}] });
|
|
@@ -1092,10 +1092,10 @@ class LocalizedSelectBoxComponent extends SelectBoxComponent {
|
|
|
1092
1092
|
}
|
|
1093
1093
|
};
|
|
1094
1094
|
}
|
|
1095
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1096
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1095
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocalizedSelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1096
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LocalizedSelectBoxComponent, selector: "dxa-selectbox-localized", usesInheritance: true, ngImport: i0, template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n [dropDownOptions]=\"dropDownOptions\"\n [inputAttr]=\"options.inputAttr\"\n [placeholder]=\"options.placeholder\"\n [showClearButton]=\"options.showClearButton\"\n [searchEnabled]=\"options.searchEnabled\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-select-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
|
|
1097
1097
|
}
|
|
1098
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1098
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocalizedSelectBoxComponent, decorators: [{
|
|
1099
1099
|
type: Component,
|
|
1100
1100
|
args: [{ selector: 'dxa-selectbox-localized', template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n [dropDownOptions]=\"dropDownOptions\"\n [inputAttr]=\"options.inputAttr\"\n [placeholder]=\"options.placeholder\"\n [showClearButton]=\"options.showClearButton\"\n [searchEnabled]=\"options.searchEnabled\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-select-box>" }]
|
|
1101
1101
|
}] });
|
|
@@ -1109,10 +1109,10 @@ class NumericEditorComponent extends EditorComponentBase {
|
|
|
1109
1109
|
inputAttr: { 'aria-label': this.data.displayName, id: this.data.editorInputId }
|
|
1110
1110
|
};
|
|
1111
1111
|
}
|
|
1112
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1113
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1112
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumericEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1113
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NumericEditorComponent, selector: "dxa-numeric", usesInheritance: true, ngImport: i0, template: "<dx-number-box #widget\n [value]=\"options.value\"\n [showSpinButtons]=\"options.showSpinButtons\"\n [inputAttr]=\"options.inputAttr\"\n [disabled]=\"options.disabled\"\n (onValueChanged)=\"options.onValueChanged($event)\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-number-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }, { 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"] }] });
|
|
1114
1114
|
}
|
|
1115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumericEditorComponent, decorators: [{
|
|
1116
1116
|
type: Component,
|
|
1117
1117
|
args: [{ selector: 'dxa-numeric', template: "<dx-number-box #widget\n [value]=\"options.value\"\n [showSpinButtons]=\"options.showSpinButtons\"\n [inputAttr]=\"options.inputAttr\"\n [disabled]=\"options.disabled\"\n (onValueChanged)=\"options.onValueChanged($event)\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-number-box>" }]
|
|
1118
1118
|
}] });
|
|
@@ -1141,10 +1141,10 @@ class ColorPickerComponent extends EditorDropDownComponentBase {
|
|
|
1141
1141
|
}
|
|
1142
1142
|
};
|
|
1143
1143
|
}
|
|
1144
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1145
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1144
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColorPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1145
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ColorPickerComponent, selector: "dxa-colorpicker", usesInheritance: true, ngImport: i0, template: "<dx-color-box #target #widget\n [value]=\"options.value\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [placeholder]=\"options.placeholder\"\n [editAlphaChannel]=\"options.editAlphaChannel\"\n [disabled]=\"options.disabled\"\n [dropDownOptions]=\"dropDownOptions\"\n [inputAttr]=\"options.inputAttr\"></dx-color-box>", dependencies: [{ kind: "component", type: i2.DxColorBoxComponent, selector: "dx-color-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "applyButtonText", "applyValueMode", "buttons", "cancelButtonText", "deferRendering", "disabled", "dropDownButtonTemplate", "dropDownOptions", "editAlphaChannel", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "keyStep", "label", "labelMode", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "applyButtonTextChange", "applyValueModeChange", "buttonsChange", "cancelButtonTextChange", "deferRenderingChange", "disabledChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "editAlphaChannelChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "keyStepChange", "labelChange", "labelModeChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }] });
|
|
1146
1146
|
}
|
|
1147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColorPickerComponent, decorators: [{
|
|
1148
1148
|
type: Component,
|
|
1149
1149
|
args: [{ selector: 'dxa-colorpicker', template: "<dx-color-box #target #widget\n [value]=\"options.value\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [placeholder]=\"options.placeholder\"\n [editAlphaChannel]=\"options.editAlphaChannel\"\n [disabled]=\"options.disabled\"\n [dropDownOptions]=\"dropDownOptions\"\n [inputAttr]=\"options.inputAttr\"></dx-color-box>" }]
|
|
1150
1150
|
}] });
|
|
@@ -1161,13 +1161,13 @@ class DesignerComponent {
|
|
|
1161
1161
|
this.surfaceClass = this.data['surfaceClass'](this.root.nativeElement);
|
|
1162
1162
|
this._cd.detectChanges();
|
|
1163
1163
|
}
|
|
1164
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1165
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1164
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DesignerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1165
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DesignerComponent, selector: "dxa-designer", inputs: { data: "data" }, viewQueries: [{ propertyName: "root", first: true, predicate: ["root"], descendants: true }], ngImport: i0, template: "<div tabindex=\"-1\" class=\"dx-designer-viewport\"\n #root\n [class]=\"surfaceClass\"\n [class.dx-accessibility]=\"!!data.accessibilityCompliant\">\n <div class=\"dxrd-designer-wrapper dx-editors dxd-surface-back-color dxd-scrollbar-color\" [hidden]=\"!(!data.designMode || data.designMode())\" \n [class.dx-rtl]=\"data.rtl\"\n [class.dx-ltr]=\"!data.rtl\"\n [class]=\"data.rootStyle\">\n <dxa-template *ngFor=\"let part of data.parts\" [template]=\"part.templateName\" [data]=\"part.viewModel || part.model\"></dxa-template>\n </div>\n <div *ngIf=\"!!data.addOns\">\n <dxa-template *ngFor=\"let addon of data.addOns\" [template]=\"addon.templateName\" [data]=\"addon.model\"></dxa-template>\n </div>\n <div id=\"dxrd-designer-last-focus-item-blank\" class=\"dxrd-visually-hidden\" tabindex='-1'></div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1166
1166
|
}
|
|
1167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DesignerComponent, decorators: [{
|
|
1168
1168
|
type: Component,
|
|
1169
1169
|
args: [{ selector: 'dxa-designer', template: "<div tabindex=\"-1\" class=\"dx-designer-viewport\"\n #root\n [class]=\"surfaceClass\"\n [class.dx-accessibility]=\"!!data.accessibilityCompliant\">\n <div class=\"dxrd-designer-wrapper dx-editors dxd-surface-back-color dxd-scrollbar-color\" [hidden]=\"!(!data.designMode || data.designMode())\" \n [class.dx-rtl]=\"data.rtl\"\n [class.dx-ltr]=\"!data.rtl\"\n [class]=\"data.rootStyle\">\n <dxa-template *ngFor=\"let part of data.parts\" [template]=\"part.templateName\" [data]=\"part.viewModel || part.model\"></dxa-template>\n </div>\n <div *ngIf=\"!!data.addOns\">\n <dxa-template *ngFor=\"let addon of data.addOns\" [template]=\"addon.templateName\" [data]=\"addon.model\"></dxa-template>\n </div>\n <div id=\"dxrd-designer-last-focus-item-blank\" class=\"dxrd-visually-hidden\" tabindex='-1'></div>\n</div>" }]
|
|
1170
|
-
}], ctorParameters:
|
|
1170
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
1171
1171
|
type: Input,
|
|
1172
1172
|
args: ['data']
|
|
1173
1173
|
}], root: [{
|
|
@@ -1222,13 +1222,13 @@ class TemplatesComponent {
|
|
|
1222
1222
|
this._templateEngine.register('dx-collectioneditor', this.collectionEditor);
|
|
1223
1223
|
this._templateEngine.register('dx-designer', this.designer);
|
|
1224
1224
|
}
|
|
1225
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1226
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1225
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplatesComponent, deps: [{ token: TemplateEngine }], target: i0.ɵɵFactoryTarget.Component });
|
|
1226
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TemplatesComponent, selector: "dxa-templates", viewQueries: [{ propertyName: "tabPanel", first: true, predicate: ["tabpanel"], descendants: true }, { propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }, { propertyName: "propertygrid", first: true, predicate: ["propertygrid"], descendants: true }, { propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }, { propertyName: "treelistItem", first: true, predicate: ["treelistitem"], descendants: true }, { propertyName: "treelistHeaderItem", first: true, predicate: ["treelistheaderitem"], descendants: true }, { propertyName: "treelistItemTextContent", first: true, predicate: ["treelistitemtextcontent"], descendants: true }, { propertyName: "treelistHeaderItemCaptionContent", first: true, predicate: ["treelistheaderitemcaptioncontent"], descendants: true }, { propertyName: "datebox", first: true, predicate: ["datebox"], descendants: true }, { propertyName: "selectbox", first: true, predicate: ["selectbox"], descendants: true }, { propertyName: "boolselect", first: true, predicate: ["boolselect"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }, { propertyName: "objectEditorContent", first: true, predicate: ["objecteditorcontent"], descendants: true }, { propertyName: "boolean", first: true, predicate: ["boolean"], descendants: true }, { propertyName: "localizedSelectBox", first: true, predicate: ["localizedSelectBox"], descendants: true }, { propertyName: "numeric", first: true, predicate: ["numeric"], descendants: true }, { propertyName: "colorpicker", first: true, predicate: ["colorpicker"], descendants: true }, { propertyName: "collectionEditor", first: true, predicate: ["collectioneditor"], descendants: true }, { propertyName: "designer", first: true, predicate: ["designer"], descendants: true }], ngImport: i0, template: "<ng-template #tabpanel let-data=\"data\">\n <dxa-tabpanel [data]=\"data\"></dxa-tabpanel>\n</ng-template>\n\n<ng-template #toolbar let-data=\"data\">\n <dxa-actions [data]=\"data\"></dxa-actions>\n</ng-template>\n\n<ng-template #propertygrid let-data=\"data\">\n <dxa-propertygrid [data]=\"data\"></dxa-propertygrid>\n</ng-template>\n\n<ng-template #treelistitem let-data=\"data\">\n <dxa-treelist-item [data]=\"data\"></dxa-treelist-item>\n</ng-template>\n\n<ng-template #treelistheaderitem let-data=\"data\">\n <dxa-treelist-header-item [data]=\"data\"></dxa-treelist-header-item>\n</ng-template>\n\n<ng-template #treelistitemtextcontent let-data=\"data\">\n <dxa-treelist-item-text-content [data]=\"data\"></dxa-treelist-item-text-content>\n</ng-template>\n\n<ng-template #treelistheaderitemcaptioncontent let-data=\"data\">\n <dxa-treelist-header-item-caption-content [data]=\"data\"></dxa-treelist-header-item-caption-content>\n</ng-template>\n\n<ng-template #textbox let-data=\"data\">\n <dxa-text [data]=\"data\"></dxa-text>\n</ng-template>\n\n<ng-template #datebox let-data=\"data\">\n <dxa-date [data]=\"data\"></dxa-date>\n</ng-template>\n\n<ng-template #selectbox let-data=\"data\">\n <dxa-selectbox [data]=\"data\"></dxa-selectbox>\n</ng-template>\n\n<ng-template #boolselect let-data=\"data\">\n <dxa-boolselect [data]=\"data\"></dxa-boolselect>\n</ng-template>\n\n<ng-template #editor let-data=\"data\">\n <dxa-editor [data]=\"data\"></dxa-editor>\n</ng-template>\n\n<ng-template #objecteditorcontent let-data=\"data\">\n <dxa-object-editor-content [data]=\"data\"></dxa-object-editor-content>\n</ng-template>\n\n<ng-template #boolean let-data=\"data\">\n <dxa-boolean [data]=\"data\"></dxa-boolean>\n</ng-template>\n\n<ng-template #localizedSelectBox let-data=\"data\">\n <dxa-selectbox-localized [data]=\"data\"></dxa-selectbox-localized>\n</ng-template>\n\n<ng-template #numeric let-data=\"data\">\n <dxa-numeric [data]=\"data\"></dxa-numeric>\n</ng-template>\n\n<ng-template #colorpicker let-data=\"data\">\n <dxa-colorpicker [data]=\"data\"></dxa-colorpicker>\n</ng-template>\n\n<ng-template #collectioneditor let-data=\"data\">\n <dxa-collectioneditor [data]=\"data.data\" [contentTemplate]=\"data.contentTemplate\"></dxa-collectioneditor>\n</ng-template>\n\n<ng-template #designer let-data=\"data\">\n <dxa-designer [data]=\"data\"></dxa-designer>\n</ng-template>", dependencies: [{ kind: "component", type: TabpanelComponent, selector: "dxa-tabpanel", inputs: ["data"] }, { kind: "component", type: PropertygridComponent, selector: "dxa-propertygrid", inputs: ["data"] }, { kind: "component", type: TreeListItemComponent, selector: "dxa-treelist-item", inputs: ["data"] }, { kind: "component", type: TreeListHeaderItemComponent, selector: "dxa-treelist-header-item", inputs: ["data"] }, { kind: "component", type: TreeListItemTextComponent, selector: "dxa-treelist-item-text-content", inputs: ["data"] }, { kind: "component", type: TreeListHeaderItemCaptionContentComponent, selector: "dxa-treelist-header-item-caption-content", inputs: ["data"] }, { kind: "component", type: DateEditorComponent, selector: "dxa-date" }, { kind: "component", type: CollectionEditorComponent, selector: "dxa-collectioneditor", inputs: ["data", "contentTemplate"] }, { kind: "component", type: ActionsComponent, selector: "dxa-actions", inputs: ["data"] }, { kind: "component", type: EditorComponentBase, selector: "dxa-editor", inputs: ["data"] }, { kind: "component", type: TextBoxEditorComponent, selector: "dxa-text" }, { kind: "component", type: SelectBoxComponent, selector: "dxa-selectbox" }, { kind: "component", type: BoolSelectComponent, selector: "dxa-boolselect" }, { kind: "component", type: ObjectEditorComponent, selector: "dxa-object-editor-content", inputs: ["data"] }, { kind: "component", type: BooleanEditorComponent, selector: "dxa-boolean" }, { kind: "component", type: LocalizedSelectBoxComponent, selector: "dxa-selectbox-localized" }, { kind: "component", type: NumericEditorComponent, selector: "dxa-numeric" }, { kind: "component", type: ColorPickerComponent, selector: "dxa-colorpicker" }, { kind: "component", type: DesignerComponent, selector: "dxa-designer", inputs: ["data"] }] });
|
|
1227
1227
|
}
|
|
1228
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1228
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplatesComponent, decorators: [{
|
|
1229
1229
|
type: Component,
|
|
1230
1230
|
args: [{ selector: 'dxa-templates', template: "<ng-template #tabpanel let-data=\"data\">\n <dxa-tabpanel [data]=\"data\"></dxa-tabpanel>\n</ng-template>\n\n<ng-template #toolbar let-data=\"data\">\n <dxa-actions [data]=\"data\"></dxa-actions>\n</ng-template>\n\n<ng-template #propertygrid let-data=\"data\">\n <dxa-propertygrid [data]=\"data\"></dxa-propertygrid>\n</ng-template>\n\n<ng-template #treelistitem let-data=\"data\">\n <dxa-treelist-item [data]=\"data\"></dxa-treelist-item>\n</ng-template>\n\n<ng-template #treelistheaderitem let-data=\"data\">\n <dxa-treelist-header-item [data]=\"data\"></dxa-treelist-header-item>\n</ng-template>\n\n<ng-template #treelistitemtextcontent let-data=\"data\">\n <dxa-treelist-item-text-content [data]=\"data\"></dxa-treelist-item-text-content>\n</ng-template>\n\n<ng-template #treelistheaderitemcaptioncontent let-data=\"data\">\n <dxa-treelist-header-item-caption-content [data]=\"data\"></dxa-treelist-header-item-caption-content>\n</ng-template>\n\n<ng-template #textbox let-data=\"data\">\n <dxa-text [data]=\"data\"></dxa-text>\n</ng-template>\n\n<ng-template #datebox let-data=\"data\">\n <dxa-date [data]=\"data\"></dxa-date>\n</ng-template>\n\n<ng-template #selectbox let-data=\"data\">\n <dxa-selectbox [data]=\"data\"></dxa-selectbox>\n</ng-template>\n\n<ng-template #boolselect let-data=\"data\">\n <dxa-boolselect [data]=\"data\"></dxa-boolselect>\n</ng-template>\n\n<ng-template #editor let-data=\"data\">\n <dxa-editor [data]=\"data\"></dxa-editor>\n</ng-template>\n\n<ng-template #objecteditorcontent let-data=\"data\">\n <dxa-object-editor-content [data]=\"data\"></dxa-object-editor-content>\n</ng-template>\n\n<ng-template #boolean let-data=\"data\">\n <dxa-boolean [data]=\"data\"></dxa-boolean>\n</ng-template>\n\n<ng-template #localizedSelectBox let-data=\"data\">\n <dxa-selectbox-localized [data]=\"data\"></dxa-selectbox-localized>\n</ng-template>\n\n<ng-template #numeric let-data=\"data\">\n <dxa-numeric [data]=\"data\"></dxa-numeric>\n</ng-template>\n\n<ng-template #colorpicker let-data=\"data\">\n <dxa-colorpicker [data]=\"data\"></dxa-colorpicker>\n</ng-template>\n\n<ng-template #collectioneditor let-data=\"data\">\n <dxa-collectioneditor [data]=\"data.data\" [contentTemplate]=\"data.contentTemplate\"></dxa-collectioneditor>\n</ng-template>\n\n<ng-template #designer let-data=\"data\">\n <dxa-designer [data]=\"data\"></dxa-designer>\n</ng-template>" }]
|
|
1231
|
-
}], ctorParameters:
|
|
1231
|
+
}], ctorParameters: () => [{ type: TemplateEngine }], propDecorators: { tabPanel: [{
|
|
1232
1232
|
type: ViewChild,
|
|
1233
1233
|
args: ['tabpanel']
|
|
1234
1234
|
}], toolbar: [{
|
|
@@ -1298,10 +1298,10 @@ class ParameterspanelComponent {
|
|
|
1298
1298
|
submit(params) {
|
|
1299
1299
|
this.data.model.validateAndSubmit(params);
|
|
1300
1300
|
}
|
|
1301
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1302
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1301
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ParameterspanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1302
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ParameterspanelComponent, selector: "dxv-parameters", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper\" [hidden]=\"!(data.active && data.visible)\">\n <div class=\"dxrd-right-panel-header dxd-text-primary\" [hidden]=\"!data.model.showHeader\">\n {{data.model.headerText}}\n </div>\n <div *ngIf=\"!data.model || data.model.isEmpty\" class=\"dxrd-group-header-parameters-empty dxd-text-primary\">\n {{data.model.emptyText}}\n </div>\n <dx-scroll-view *ngIf=\"data.model || data.model.isEmpty()\" class=\"dxrd-right-panel-body\" id=\"propertiesPanel\"\n [showScrollbar]=\"'onHover'\"\n [useNative]=\"false\"\n [scrollByThumb]=\"true\"\n (onInitialized)=\"onScrollViewInitialized($event)\"\n [dxMutationObserver]=\"data.keyboardHelper\"\n >\n <div role=\"tree\" class=\"dx-fieldset dxrd-right-panel-content\">\n <dxa-template template=\"dx-propertieseditor\" [data]=\"data.propertyGrid\"></dxa-template>\n </div>\n <div class=\"dxrd-preview-parameter-actions-container\" [hidden]=\"!data.model.showButtons\">\n <dx-load-indicator class=\"dxrd-preview-parameter-action dxrd-preview-loading\"\n [visible]=\"data.model.parametersLoading\"></dx-load-indicator>\n <dx-button *ngFor=\"let button of data.model.buttons\" class=\"dxrd-preview-parameter-action dxrdp-parameters-reset dx-accessibility-focus-border-accented\"\n [text]=\"button.text\"\n (onClick)=\"button.onClick($event)\">\n </dx-button>\n </div>\n </dx-scroll-view>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1303
1303
|
}
|
|
1304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ParameterspanelComponent, decorators: [{
|
|
1305
1305
|
type: Component,
|
|
1306
1306
|
args: [{ selector: 'dxv-parameters', template: "<div class=\"dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper\" [hidden]=\"!(data.active && data.visible)\">\n <div class=\"dxrd-right-panel-header dxd-text-primary\" [hidden]=\"!data.model.showHeader\">\n {{data.model.headerText}}\n </div>\n <div *ngIf=\"!data.model || data.model.isEmpty\" class=\"dxrd-group-header-parameters-empty dxd-text-primary\">\n {{data.model.emptyText}}\n </div>\n <dx-scroll-view *ngIf=\"data.model || data.model.isEmpty()\" class=\"dxrd-right-panel-body\" id=\"propertiesPanel\"\n [showScrollbar]=\"'onHover'\"\n [useNative]=\"false\"\n [scrollByThumb]=\"true\"\n (onInitialized)=\"onScrollViewInitialized($event)\"\n [dxMutationObserver]=\"data.keyboardHelper\"\n >\n <div role=\"tree\" class=\"dx-fieldset dxrd-right-panel-content\">\n <dxa-template template=\"dx-propertieseditor\" [data]=\"data.propertyGrid\"></dxa-template>\n </div>\n <div class=\"dxrd-preview-parameter-actions-container\" [hidden]=\"!data.model.showButtons\">\n <dx-load-indicator class=\"dxrd-preview-parameter-action dxrd-preview-loading\"\n [visible]=\"data.model.parametersLoading\"></dx-load-indicator>\n <dx-button *ngFor=\"let button of data.model.buttons\" class=\"dxrd-preview-parameter-action dxrdp-parameters-reset dx-accessibility-focus-border-accented\"\n [text]=\"button.text\"\n (onClick)=\"button.onClick($event)\">\n </dx-button>\n </div>\n </dx-scroll-view>\n</div>" }]
|
|
1307
1307
|
}], propDecorators: { data: [{
|
|
@@ -1325,13 +1325,13 @@ class PagerComponent {
|
|
|
1325
1325
|
};
|
|
1326
1326
|
this._cd.detectChanges();
|
|
1327
1327
|
}
|
|
1328
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1329
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1328
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PagerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1329
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PagerComponent, selector: "dxv-toolbar-pager", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-pager dxrd-toolbar-item\" [hidden]=\"!data.visible\">\n <div class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\" >\n <dx-select-box class=\"dxrd-preview-pager-selectbox\"\n [dataSource]=\"data.widget.dataSource\"\n (onValueChanged)=\"data.widget.onValueChanged($event)\"\n [value]=\"data.widget.value\"\n [displayExpr]=\"data.widget.displayExpr\"\n [useItemTextAsTitle]=\"true\"\n [itemTemplate]=\"data.widget.itemTemplate\"\n [searchMode]=\"data.widget.searchMode\"\n [searchEnabled]=\"data.widget.searchEnabled\"\n [searchTimeout]=\"data.widget.searchTimeout\"\n [disabled]=\"data.disabled\"\n [dropDownOptions]=\"dropDownOptions\"\n [tabIndex]=\"-1\"\n [inputAttr]=\"data.widget.inputAttr\"\n ></dx-select-box>\n <!-- <div class=\"\" data-bind=\"dxSelectBox: {\n dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value,\n opened: widget.opened, displayExpr: widget.displayExpr, useItemTextAsTitle: true,\n onFocusOut: widget.focusOut, onKeyUp: widget.keyUp, itemTemplate: widget.itemTemplate,\n searchMode: widget.searchMode, searchEnabled: widget.searchEnabled,\n searchTimeout: widget.searchTimeout, disabled: widget.disabled,\n dropDownOptions: {\n container: getPopupContainer($element),\n wrapperAttr: widget.wrapperAttr,\n },\n tabIndex: '-1', inputAttr: widget.inputAttr }\">\n </div> -->\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\" [hidden]=\"!data.hasSeparator\"></div>\n</div>", dependencies: [{ kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }] });
|
|
1330
1330
|
}
|
|
1331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1331
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PagerComponent, decorators: [{
|
|
1332
1332
|
type: Component,
|
|
1333
1333
|
args: [{ selector: 'dxv-toolbar-pager', template: "<div class=\"dxrd-preview-pager dxrd-toolbar-item\" [hidden]=\"!data.visible\">\n <div class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\" >\n <dx-select-box class=\"dxrd-preview-pager-selectbox\"\n [dataSource]=\"data.widget.dataSource\"\n (onValueChanged)=\"data.widget.onValueChanged($event)\"\n [value]=\"data.widget.value\"\n [displayExpr]=\"data.widget.displayExpr\"\n [useItemTextAsTitle]=\"true\"\n [itemTemplate]=\"data.widget.itemTemplate\"\n [searchMode]=\"data.widget.searchMode\"\n [searchEnabled]=\"data.widget.searchEnabled\"\n [searchTimeout]=\"data.widget.searchTimeout\"\n [disabled]=\"data.disabled\"\n [dropDownOptions]=\"dropDownOptions\"\n [tabIndex]=\"-1\"\n [inputAttr]=\"data.widget.inputAttr\"\n ></dx-select-box>\n <!-- <div class=\"\" data-bind=\"dxSelectBox: {\n dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value,\n opened: widget.opened, displayExpr: widget.displayExpr, useItemTextAsTitle: true,\n onFocusOut: widget.focusOut, onKeyUp: widget.keyUp, itemTemplate: widget.itemTemplate,\n searchMode: widget.searchMode, searchEnabled: widget.searchEnabled,\n searchTimeout: widget.searchTimeout, disabled: widget.disabled,\n dropDownOptions: {\n container: getPopupContainer($element),\n wrapperAttr: widget.wrapperAttr,\n },\n tabIndex: '-1', inputAttr: widget.inputAttr }\">\n </div> -->\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\" [hidden]=\"!data.hasSeparator\"></div>\n</div>" }]
|
|
1334
|
-
}], ctorParameters:
|
|
1334
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
1335
1335
|
type: Input,
|
|
1336
1336
|
args: ['data']
|
|
1337
1337
|
}] } });
|
|
@@ -1352,13 +1352,13 @@ class ZoomComponent {
|
|
|
1352
1352
|
};
|
|
1353
1353
|
this._cd.detectChanges();
|
|
1354
1354
|
}
|
|
1355
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1356
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1355
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ZoomComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1356
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ZoomComponent, selector: "dxv-toolbar-zoom", inputs: { data: "data" }, viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectbox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"dxrd-toolbar-item-zoom\" [hidden]=\"!data.visible\">\n <div class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\" >\n <dx-select-box #selectbox class=\"dxrd-toolbar-item-zoom-editor\"\n [dataSource]=\"data.widget.dataSource\"\n (onValueChanged)=\"data.widget.onValueChanged($event)\"\n [value]=\"data.widget.value\"\n [acceptCustomValue]=\"true\"\n [displayExpr]=\"data.widget.displayExpr\"\n [useItemTextAsTitle]=\"true\"\n [disabled]=\"data.disabled\"\n (onCustomItemCreating)=\"data.widget.onCustomItemCreating($event)\"\n [width]=\"140\"\n [dropDownOptions]=\"dropDownOptions\"\n [tabIndex]=\"-1\"\n [inputAttr]=\"data.widget.inputAttr\"\n ></dx-select-box>\n <!-- displayCustomValue -->\n </div>\n</div>", dependencies: [{ kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }] });
|
|
1357
1357
|
}
|
|
1358
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ZoomComponent, decorators: [{
|
|
1359
1359
|
type: Component,
|
|
1360
1360
|
args: [{ selector: 'dxv-toolbar-zoom', template: "<div class=\"dxrd-toolbar-item-zoom\" [hidden]=\"!data.visible\">\n <div class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\" >\n <dx-select-box #selectbox class=\"dxrd-toolbar-item-zoom-editor\"\n [dataSource]=\"data.widget.dataSource\"\n (onValueChanged)=\"data.widget.onValueChanged($event)\"\n [value]=\"data.widget.value\"\n [acceptCustomValue]=\"true\"\n [displayExpr]=\"data.widget.displayExpr\"\n [useItemTextAsTitle]=\"true\"\n [disabled]=\"data.disabled\"\n (onCustomItemCreating)=\"data.widget.onCustomItemCreating($event)\"\n [width]=\"140\"\n [dropDownOptions]=\"dropDownOptions\"\n [tabIndex]=\"-1\"\n [inputAttr]=\"data.widget.inputAttr\"\n ></dx-select-box>\n <!-- displayCustomValue -->\n </div>\n</div>" }]
|
|
1361
|
-
}], ctorParameters:
|
|
1361
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
1362
1362
|
type: Input,
|
|
1363
1363
|
args: ['data']
|
|
1364
1364
|
}], selectBox: [{
|
|
@@ -1378,13 +1378,13 @@ class ExportComponent {
|
|
|
1378
1378
|
this._cd.detectChanges();
|
|
1379
1379
|
}
|
|
1380
1380
|
onSubmenuShowing = (event) => { };
|
|
1381
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1382
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1381
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExportComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1382
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExportComponent, selector: "dxv-toolbar-export", inputs: { data: "data" }, viewQueries: [{ propertyName: "menuComponent", first: true, predicate: ["exportElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"dxrd-preview-export-toolbar-item dxrd-toolbar-item\" [hidden]=\"!data.visible\">\n <div class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\">\n <dx-menu #exportElement [elementAttr] = \"{ class: 'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted' }\"\n [disabled]=\"data.disabled\" [items]=\"data.widget.items\" cssClass=\"dxrdp-export-to-menu\"\n (onItemClick)=\"data.click($event)\" (onSubmenuShowing)=\"onSubmenuShowing($event)\"\n (onSubmenuShown)=\"data.widget.onSubmenuShown($event)\" (onSubmenuHiding)=\"data.widget.onSubmenuHiding($event)\"\n (onItemRendered)=\"data.widget.onItemRendered($event)\"\n itemTemplate=\"items\" [tabIndex]=\"-1\">\n <div *dxTemplate=\"let item of 'items'\" [attr.title]=\"item.text\">\n <div *ngIf=\"item.format\" class=\"dxrd-preview-export-item-text\">{{item.text}}</div>\n <div *ngIf=\"!item.format\">\n <div class=\"dxrd-preview-export-item-image-wrapper\">\n <div class=\"dxrd-preview-export-item-image\" [class]=\"item.imageClassName\">\n <dxa-template [template]=\"item.imageTemplateName\"></dxa-template>\n </div>\n </div>\n <div class=\"dx-menu-item-popout-container\">\n <div class=\"dx-menu-item-popout\"></div>\n </div>\n </div>\n </div>\n </dx-menu>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!data.hasSeparator\">\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxMenuComponent, selector: "dx-menu", inputs: ["accessKey", "activeStateEnabled", "adaptivityEnabled", "animation", "cssClass", "dataSource", "disabled", "disabledExpr", "displayExpr", "elementAttr", "focusStateEnabled", "height", "hideSubmenuOnMouseLeave", "hint", "hoverStateEnabled", "items", "itemsExpr", "itemTemplate", "orientation", "rtlEnabled", "selectByClick", "selectedExpr", "selectedItem", "selectionMode", "showFirstSubmenuMode", "showSubmenuMode", "submenuDirection", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onSubmenuHidden", "onSubmenuHiding", "onSubmenuShowing", "onSubmenuShown", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "animationChange", "cssClassChange", "dataSourceChange", "disabledChange", "disabledExprChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideSubmenuOnMouseLeaveChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "itemsExprChange", "itemTemplateChange", "orientationChange", "rtlEnabledChange", "selectByClickChange", "selectedExprChange", "selectedItemChange", "selectionModeChange", "showFirstSubmenuModeChange", "showSubmenuModeChange", "submenuDirectionChange", "tabIndexChange", "visibleChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1383
1383
|
}
|
|
1384
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1384
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExportComponent, decorators: [{
|
|
1385
1385
|
type: Component,
|
|
1386
1386
|
args: [{ selector: 'dxv-toolbar-export', template: "<div class=\"dxrd-preview-export-toolbar-item dxrd-toolbar-item\" [hidden]=\"!data.visible\">\n <div class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\">\n <dx-menu #exportElement [elementAttr] = \"{ class: 'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted' }\"\n [disabled]=\"data.disabled\" [items]=\"data.widget.items\" cssClass=\"dxrdp-export-to-menu\"\n (onItemClick)=\"data.click($event)\" (onSubmenuShowing)=\"onSubmenuShowing($event)\"\n (onSubmenuShown)=\"data.widget.onSubmenuShown($event)\" (onSubmenuHiding)=\"data.widget.onSubmenuHiding($event)\"\n (onItemRendered)=\"data.widget.onItemRendered($event)\"\n itemTemplate=\"items\" [tabIndex]=\"-1\">\n <div *dxTemplate=\"let item of 'items'\" [attr.title]=\"item.text\">\n <div *ngIf=\"item.format\" class=\"dxrd-preview-export-item-text\">{{item.text}}</div>\n <div *ngIf=\"!item.format\">\n <div class=\"dxrd-preview-export-item-image-wrapper\">\n <div class=\"dxrd-preview-export-item-image\" [class]=\"item.imageClassName\">\n <dxa-template [template]=\"item.imageTemplateName\"></dxa-template>\n </div>\n </div>\n <div class=\"dx-menu-item-popout-container\">\n <div class=\"dx-menu-item-popout\"></div>\n </div>\n </div>\n </div>\n </dx-menu>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!data.hasSeparator\">\n </div>\n</div>" }]
|
|
1387
|
-
}], ctorParameters:
|
|
1387
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
1388
1388
|
type: Input,
|
|
1389
1389
|
args: ['data']
|
|
1390
1390
|
}], menuComponent: [{
|
|
@@ -1400,10 +1400,10 @@ class KeyDownActionsDirective extends BaseDisposableDirective {
|
|
|
1400
1400
|
return () => disposeFunc();
|
|
1401
1401
|
}
|
|
1402
1402
|
eventName = 'afterViewInit';
|
|
1403
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1404
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1403
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KeyDownActionsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1404
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: KeyDownActionsDirective, selector: "[dxKeyDownActions]", inputs: { actionList: ["dxKeyDownActions", "actionList"] }, usesInheritance: true, ngImport: i0 });
|
|
1405
1405
|
}
|
|
1406
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KeyDownActionsDirective, decorators: [{
|
|
1407
1407
|
type: Directive,
|
|
1408
1408
|
args: [{
|
|
1409
1409
|
selector: '[dxKeyDownActions]'
|
|
@@ -1418,10 +1418,10 @@ class ToolbarContentComponent {
|
|
|
1418
1418
|
onScrollViewInitialized(args) {
|
|
1419
1419
|
args.component.option('useKeyboard', false);
|
|
1420
1420
|
}
|
|
1421
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1422
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1421
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1422
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ToolbarContentComponent, selector: "dxv-toolbar", inputs: { data: "data" }, ngImport: i0, template: "<dx-scroll-view class=\"dxrd-toolbar-wrapper dxrdp-toolbar-scrollable dx-shadow-top dxd-back-secondary-invariant\"\n showScrollbar=\"onHover\" direction=\"horizontal\" [useNative]=\"false\" [scrollByThumb]=\"true\"\n (onInitialized)=\"onScrollViewInitialized($event)\">\n <div class=\"dxrd-toolbar\" role=\"toolbar\" [dxKeyDownActions]=\"data.actionLists\" [dxMutationObserver]=\"data.keyboardHelper\">\n <div id=\"dxrd-preview-toolbar-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\">\n </div>\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <dxa-template template=\"dxrd-toolbar-tmplt\" [data]=\"data.actionLists.toolbarItems\"></dxa-template>\n </div>\n</dx-scroll-view>", dependencies: [{ kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "directive", type: KeyDownActionsDirective, selector: "[dxKeyDownActions]", inputs: ["dxKeyDownActions"] }] });
|
|
1423
1423
|
}
|
|
1424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarContentComponent, decorators: [{
|
|
1425
1425
|
type: Component,
|
|
1426
1426
|
args: [{ selector: 'dxv-toolbar', template: "<dx-scroll-view class=\"dxrd-toolbar-wrapper dxrdp-toolbar-scrollable dx-shadow-top dxd-back-secondary-invariant\"\n showScrollbar=\"onHover\" direction=\"horizontal\" [useNative]=\"false\" [scrollByThumb]=\"true\"\n (onInitialized)=\"onScrollViewInitialized($event)\">\n <div class=\"dxrd-toolbar\" role=\"toolbar\" [dxKeyDownActions]=\"data.actionLists\" [dxMutationObserver]=\"data.keyboardHelper\">\n <div id=\"dxrd-preview-toolbar-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\">\n </div>\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <dxa-template template=\"dxrd-toolbar-tmplt\" [data]=\"data.actionLists.toolbarItems\"></dxa-template>\n </div>\n</dx-scroll-view>" }]
|
|
1427
1427
|
}], propDecorators: { data: [{
|
|
@@ -1430,10 +1430,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1430
1430
|
}] } });
|
|
1431
1431
|
|
|
1432
1432
|
class EditorComponent extends EditorComponentBase {
|
|
1433
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1434
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1433
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1434
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditorComponent, selector: "dxv-editor", usesInheritance: true, ngImport: i0, template: "<div class=\"dx-editor\" [hidden]=\"!data.visible\">\n <div class=\"dx-group\" [dxaAccordion]=\"data\">\n <div class=\"dx-editor-header\" [class.dxrd-empty-header]=\"data.hideEditorHeader\">\n <div *ngIf=\"!data.hideEditorHeader\" class=\"dx-field\"\n [attr.role]=\"'treeitem'\"\n [attr.id]=\"data.isComplexEditor && data.headerId\"\n [attr.aria-owns]=\"data.isComplexEditor && data.contentId\"\n [attr.aria-expanded]=\"data.isComplexEditor && (data.alwaysShow || !data.collapsed ? 'true' : 'false')\"\n [class.dxrd-accessibility-accordion-trigger]=\"data.isComplexEditor\"\n [class.dx-accessibility-focus-border-accented]=\"data.isComplexEditor\"\n [class.dxrd-vertical-label]=\"data.editorOptions && data.editorOptions.hasVerticalLabel\"\n >\n <div class=\"dx-field-label dxrd-group-label dx-accordion-header dxd-text-primary\"\n [style.padding-left]=\"data.padding['padding-left'] + 'px'\"\n [class.dx-accordion-empty]=\"data.templateName === 'dx-emptyHeader'\"\n [class.dxd-back-secondary]=\"data.isGroupLabel\"\n [class.dx-accordion-hide-collapsing-image]=\"data.alwaysShow\">\n <div *ngIf=\"data.isComplexEditor\" [attr.disabled]=\"data.templateName !== 'dx-emptyHeader'\">\n <dxa-template *ngIf=\"!data.alwaysShow\" \n template=\"dxrd-svg-collapsed\" \n class=\"dx-collapsing-image dxrd-display-inline-block\"\n [class.dx-image-expanded]=\"!data.collapsed\"\n ></dxa-template>\n <div *ngIf=\"!!data.textToSearch\" class=\"dx-group-header-font\" [attr.title]=\"data.displayName\" data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"></div>\n <div *ngIf=\"!data.textToSearch\" class=\"dx-group-header-font\" [attr.title]=\"data.displayName\">\n {{data.displayName}}\n </div>\n </div>\n <label *ngIf=\"!data.isComplexEditor && !!data.textToSearch\" \n class=\"propertygrid-editor-displayName\"\n data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"\n [attr.title]=\"data.displayName\"\n [attr.for]=\"data.editorInputId\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n ></label>\n <label *ngIf=\"!data.isComplexEditor && !data.textToSearch\" \n class=\"propertygrid-editor-displayName\"\n [attr.title]=\"data.displayName\"\n [attr.for]=\"data.editorInputId\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n >{{data.displayName}}</label> \n </div>\n <div class=\"dx-field-value\" \n [class.dxd-border-accented]=\"data.isPropertyHighlighted\">\n <!-- <div data-bind=\"service: { name: 'createEditorAddOn' }\"></div> -->\n <dxa-lazy-template *ngIf=\"data.templateName !== 'dx-emptyHeader'\" [isResolved]=\"isResolved\" [template]=\"data.templateName\" [data]=\"data\"></dxa-lazy-template>\n <!-- ko if: templateName !== 'dx-emptyHeader' -->\n <!-- ko lazy: { innerBindings: { template: templateName }, isResolved: function(val) { $data.setIsRendered(val) } } -->\n <!-- /ko -->\n <!-- /ko -->\n </div>\n </div>\n </div>\n <div *ngIf=\"data.isComplexEditor\" class=\"dx-editor-content dx-accordion-content\" role=\"group\" \n [attr.aria-labelledby]=\"data.headerId\"\n [attr.id]=\"data.contentId\"\n [attr.aria-hidden]=\"!data.alwaysShow && data.collapsed ? 'true' : 'false'\">\n <dxa-template *ngIf=\"data.editorCreated\" [template]=\"data.contentTemplateName\" [data]=\"data\"></dxa-template>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: AccordionDirective, selector: "[dxaAccordion]", inputs: ["dxaAccordion"] }, { kind: "component", type: LazyTemplateComponent, selector: "dxa-lazy-template", inputs: ["resolver", "isResolved"] }] });
|
|
1435
1435
|
}
|
|
1436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1436
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditorComponent, decorators: [{
|
|
1437
1437
|
type: Component,
|
|
1438
1438
|
args: [{ selector: 'dxv-editor', template: "<div class=\"dx-editor\" [hidden]=\"!data.visible\">\n <div class=\"dx-group\" [dxaAccordion]=\"data\">\n <div class=\"dx-editor-header\" [class.dxrd-empty-header]=\"data.hideEditorHeader\">\n <div *ngIf=\"!data.hideEditorHeader\" class=\"dx-field\"\n [attr.role]=\"'treeitem'\"\n [attr.id]=\"data.isComplexEditor && data.headerId\"\n [attr.aria-owns]=\"data.isComplexEditor && data.contentId\"\n [attr.aria-expanded]=\"data.isComplexEditor && (data.alwaysShow || !data.collapsed ? 'true' : 'false')\"\n [class.dxrd-accessibility-accordion-trigger]=\"data.isComplexEditor\"\n [class.dx-accessibility-focus-border-accented]=\"data.isComplexEditor\"\n [class.dxrd-vertical-label]=\"data.editorOptions && data.editorOptions.hasVerticalLabel\"\n >\n <div class=\"dx-field-label dxrd-group-label dx-accordion-header dxd-text-primary\"\n [style.padding-left]=\"data.padding['padding-left'] + 'px'\"\n [class.dx-accordion-empty]=\"data.templateName === 'dx-emptyHeader'\"\n [class.dxd-back-secondary]=\"data.isGroupLabel\"\n [class.dx-accordion-hide-collapsing-image]=\"data.alwaysShow\">\n <div *ngIf=\"data.isComplexEditor\" [attr.disabled]=\"data.templateName !== 'dx-emptyHeader'\">\n <dxa-template *ngIf=\"!data.alwaysShow\" \n template=\"dxrd-svg-collapsed\" \n class=\"dx-collapsing-image dxrd-display-inline-block\"\n [class.dx-image-expanded]=\"!data.collapsed\"\n ></dxa-template>\n <div *ngIf=\"!!data.textToSearch\" class=\"dx-group-header-font\" [attr.title]=\"data.displayName\" data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"></div>\n <div *ngIf=\"!data.textToSearch\" class=\"dx-group-header-font\" [attr.title]=\"data.displayName\">\n {{data.displayName}}\n </div>\n </div>\n <label *ngIf=\"!data.isComplexEditor && !!data.textToSearch\" \n class=\"propertygrid-editor-displayName\"\n data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"\n [attr.title]=\"data.displayName\"\n [attr.for]=\"data.editorInputId\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n ></label>\n <label *ngIf=\"!data.isComplexEditor && !data.textToSearch\" \n class=\"propertygrid-editor-displayName\"\n [attr.title]=\"data.displayName\"\n [attr.for]=\"data.editorInputId\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n >{{data.displayName}}</label> \n </div>\n <div class=\"dx-field-value\" \n [class.dxd-border-accented]=\"data.isPropertyHighlighted\">\n <!-- <div data-bind=\"service: { name: 'createEditorAddOn' }\"></div> -->\n <dxa-lazy-template *ngIf=\"data.templateName !== 'dx-emptyHeader'\" [isResolved]=\"isResolved\" [template]=\"data.templateName\" [data]=\"data\"></dxa-lazy-template>\n <!-- ko if: templateName !== 'dx-emptyHeader' -->\n <!-- ko lazy: { innerBindings: { template: templateName }, isResolved: function(val) { $data.setIsRendered(val) } } -->\n <!-- /ko -->\n <!-- /ko -->\n </div>\n </div>\n </div>\n <div *ngIf=\"data.isComplexEditor\" class=\"dx-editor-content dx-accordion-content\" role=\"group\" \n [attr.aria-labelledby]=\"data.headerId\"\n [attr.id]=\"data.contentId\"\n [attr.aria-hidden]=\"!data.alwaysShow && data.collapsed ? 'true' : 'false'\">\n <dxa-template *ngIf=\"data.editorCreated\" [template]=\"data.contentTemplateName\" [data]=\"data\"></dxa-template>\n </div>\n </div>\n</div>" }]
|
|
1439
1439
|
}] });
|
|
@@ -1481,10 +1481,10 @@ class MultiValueComponent extends EditorDropDownComponentBase {
|
|
|
1481
1481
|
this.options.value = model.value;
|
|
1482
1482
|
}));
|
|
1483
1483
|
}
|
|
1484
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1485
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1484
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1485
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MultiValueComponent, selector: "dxv-multivalue", usesInheritance: true, ngImport: i0, template: "<dx-tag-box #target #widget\n [dataSource]=\"options.dataSource\"\n [searchEnabled]=\"options.searchEnabled\"\n [useItemTextAsTitle]=\"options.useItemTextAsTitle\"\n [searchExpr]=\"options.searchExpr\"\n [value]=\"options.value\"\n [displayExpr]=\"options.displayExpr\"\n [valueExpr]=\"options.valueExpr\"\n [multiline]=\"options.multiline\"\n [showSelectionControls]=\"options.showSelectionControls\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n (onMultiTagPreparing)=\"options.onMultiTagPreparing($event)\"\n [inputAttr]=\"options.inputAttr\"\n [disabled]=\"options.disabled\"\n [selectAllText]=\"options.selectAllText\"\n [placeholder]=\"options.placeholder\"\n [maxDisplayedTags]=\"options.maxDisplayedTags\"\n [showMultiTagOnly]=\"options.showMultiTagOnly\"\n [dropDownOptions]=\"dropDownOptions\"\n [selectAllMode]=\"options.selectAllMode\"\n >\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-tag-box>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxTagBoxComponent, selector: "dx-tag-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "applyValueMode", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hideSelectedItems", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxDisplayedTags", "maxFilterQueryLength", "maxLength", "minSearchLength", "multiline", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectAllMode", "selectAllText", "selectedItems", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showMultiTagOnly", "showSelectionControls", "stylingMode", "tabIndex", "tagTemplate", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCustomItemCreating", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onMultiTagPreparing", "onOpened", "onOptionChanged", "onSelectAllValueChanged", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "applyValueModeChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hideSelectedItemsChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxDisplayedTagsChange", "maxFilterQueryLengthChange", "maxLengthChange", "minSearchLengthChange", "multilineChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectAllModeChange", "selectAllTextChange", "selectedItemsChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showMultiTagOnlyChange", "showSelectionControlsChange", "stylingModeChange", "tabIndexChange", "tagTemplateChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
|
|
1486
1486
|
}
|
|
1487
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1487
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiValueComponent, decorators: [{
|
|
1488
1488
|
type: Component,
|
|
1489
1489
|
args: [{ selector: 'dxv-multivalue', template: "<dx-tag-box #target #widget\n [dataSource]=\"options.dataSource\"\n [searchEnabled]=\"options.searchEnabled\"\n [useItemTextAsTitle]=\"options.useItemTextAsTitle\"\n [searchExpr]=\"options.searchExpr\"\n [value]=\"options.value\"\n [displayExpr]=\"options.displayExpr\"\n [valueExpr]=\"options.valueExpr\"\n [multiline]=\"options.multiline\"\n [showSelectionControls]=\"options.showSelectionControls\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n (onMultiTagPreparing)=\"options.onMultiTagPreparing($event)\"\n [inputAttr]=\"options.inputAttr\"\n [disabled]=\"options.disabled\"\n [selectAllText]=\"options.selectAllText\"\n [placeholder]=\"options.placeholder\"\n [maxDisplayedTags]=\"options.maxDisplayedTags\"\n [showMultiTagOnly]=\"options.showMultiTagOnly\"\n [dropDownOptions]=\"dropDownOptions\"\n [selectAllMode]=\"options.selectAllMode\"\n >\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n</dx-tag-box>\n" }]
|
|
1490
1490
|
}] });
|
|
@@ -1503,13 +1503,13 @@ class PopoverComponent {
|
|
|
1503
1503
|
this.container = this.popover.getPopupContainer(element);
|
|
1504
1504
|
this._cd.detectChanges();
|
|
1505
1505
|
}
|
|
1506
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1507
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1506
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1507
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PopoverComponent, selector: "dxa-propertygrid-popoverservice", inputs: { popover: ["data", "popover"] }, ngImport: i0, template: "<dx-popover\n [container]=\"container\"\n [target]=\"popover.target\"\n position=\"bottom\"\n [showCloseButton]=\"false\"\n (onHiding)=\"popover.onHiding()\"\n [hideOnOutsideClick]=\"true\"\n [hideOnParentScroll]=\"true\"\n [width]=\"350\"\n [(visible)]=\"popover.visible\"\n>\n<div class=\"propertygrid-editor-description-popover-content\">\n <span>{{popover.data}}</span>\n</div>\n</dx-popover>", dependencies: [{ kind: "component", type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
|
|
1508
1508
|
}
|
|
1509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1509
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
1510
1510
|
type: Component,
|
|
1511
1511
|
args: [{ selector: 'dxa-propertygrid-popoverservice', template: "<dx-popover\n [container]=\"container\"\n [target]=\"popover.target\"\n position=\"bottom\"\n [showCloseButton]=\"false\"\n (onHiding)=\"popover.onHiding()\"\n [hideOnOutsideClick]=\"true\"\n [hideOnParentScroll]=\"true\"\n [width]=\"350\"\n [(visible)]=\"popover.visible\"\n>\n<div class=\"propertygrid-editor-description-popover-content\">\n <span>{{popover.data}}</span>\n</div>\n</dx-popover>" }]
|
|
1512
|
-
}], ctorParameters:
|
|
1512
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { popover: [{
|
|
1513
1513
|
type: Input,
|
|
1514
1514
|
args: ['data']
|
|
1515
1515
|
}] } });
|
|
@@ -1523,13 +1523,13 @@ class ExportOptionsComponent {
|
|
|
1523
1523
|
onScrollViewInitialized(args) {
|
|
1524
1524
|
args.component.option('useKeyboard', false);
|
|
1525
1525
|
}
|
|
1526
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1527
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1526
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExportOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1527
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExportOptionsComponent, selector: "dxv-export-options", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-export-options-wrapper dxrd-preview-property-wrapper\" [hidden]=\"!(data.active && data.visible)\">\n <div class=\"dxrd-right-panel-header dxd-text-primary\">\n <span>{{headerText}}</span>\n </div>\n <dx-scroll-view class=\"dxrd-right-panel-body\" \n showScrollbar=\"onHover\"\n [useNative]=\"false\"\n [scrollByThumb]=\"true\"\n (onInitialized)=\"onScrollViewInitialized($event)\">\n <div class=\"dx-fieldset\" [dxMutationObserver]=\"data.keyboardHelper\">\n <div class=\"dxrd-right-panel-content dxrd-export-options-content\" role=\"tree\">\n <dxa-template template=\"dx-propertieseditor\" [data]=\"data.propertyGrid\"></dxa-template>\n </div>\n <dxa-propertygrid-popoverservice [data]=\"data.propertyGrid.popover\"></dxa-propertygrid-popoverservice>\n </div>\n </dx-scroll-view>\n</div>", dependencies: [{ kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: PopoverComponent, selector: "dxa-propertygrid-popoverservice", inputs: ["data"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1528
1528
|
}
|
|
1529
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExportOptionsComponent, decorators: [{
|
|
1530
1530
|
type: Component,
|
|
1531
1531
|
args: [{ selector: 'dxv-export-options', template: "<div class=\"dxrd-preview-export-options-wrapper dxrd-preview-property-wrapper\" [hidden]=\"!(data.active && data.visible)\">\n <div class=\"dxrd-right-panel-header dxd-text-primary\">\n <span>{{headerText}}</span>\n </div>\n <dx-scroll-view class=\"dxrd-right-panel-body\" \n showScrollbar=\"onHover\"\n [useNative]=\"false\"\n [scrollByThumb]=\"true\"\n (onInitialized)=\"onScrollViewInitialized($event)\">\n <div class=\"dx-fieldset\" [dxMutationObserver]=\"data.keyboardHelper\">\n <div class=\"dxrd-right-panel-content dxrd-export-options-content\" role=\"tree\">\n <dxa-template template=\"dx-propertieseditor\" [data]=\"data.propertyGrid\"></dxa-template>\n </div>\n <dxa-propertygrid-popoverservice [data]=\"data.propertyGrid.popover\"></dxa-propertygrid-popoverservice>\n </div>\n </dx-scroll-view>\n</div>" }]
|
|
1532
|
-
}], ctorParameters:
|
|
1532
|
+
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
1533
1533
|
type: Input,
|
|
1534
1534
|
args: ['data']
|
|
1535
1535
|
}] } });
|
|
@@ -1559,10 +1559,10 @@ class MultiValueEditableComponent extends EditorComponentBase {
|
|
|
1559
1559
|
this.options.contentTemplate = this.properties;
|
|
1560
1560
|
this._cd.detectChanges();
|
|
1561
1561
|
}
|
|
1562
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1563
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1562
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiValueEditableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1563
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MultiValueEditableComponent, selector: "dxv-multivalue-editable", viewQueries: [{ propertyName: "properties", first: true, predicate: ["properties"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"data.value\" class=\"dxrd-editor\" [hidden]=\"!data.visible\">\n <dxa-collectioneditor [data]=\"options.data\" [contentTemplate]=\"options.contentTemplate\"></dxa-collectioneditor>\n <!-- <dxa-template [data]=\"options\" template=\"dx-collectioneditor\"></dxa-template> -->\n</div>\n\n<ng-template #properties let-data=\"data\">\n <dxa-template [data]=\"data.getProperties()\" template=\"dx-propertieseditor\"></dxa-template>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CollectionEditorComponent, selector: "dxa-collectioneditor", inputs: ["data", "contentTemplate"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1564
1564
|
}
|
|
1565
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1565
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiValueEditableComponent, decorators: [{
|
|
1566
1566
|
type: Component,
|
|
1567
1567
|
args: [{ selector: 'dxv-multivalue-editable', template: "<div *ngIf=\"data.value\" class=\"dxrd-editor\" [hidden]=\"!data.visible\">\n <dxa-collectioneditor [data]=\"options.data\" [contentTemplate]=\"options.contentTemplate\"></dxa-collectioneditor>\n <!-- <dxa-template [data]=\"options\" template=\"dx-collectioneditor\"></dxa-template> -->\n</div>\n\n<ng-template #properties let-data=\"data\">\n <dxa-template [data]=\"data.getProperties()\" template=\"dx-propertieseditor\"></dxa-template>\n</ng-template>" }]
|
|
1568
1568
|
}], propDecorators: { properties: [{
|
|
@@ -1588,15 +1588,15 @@ class EllipsisEditorDirective {
|
|
|
1588
1588
|
ngOnDestroy() {
|
|
1589
1589
|
this._editor?.dispose();
|
|
1590
1590
|
}
|
|
1591
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1592
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1591
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EllipsisEditorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1592
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: EllipsisEditorDirective, selector: "[dxaEllipsisEditor]", inputs: { options: ["dxaEllipsisEditor", "options"] }, usesOnChanges: true, ngImport: i0 });
|
|
1593
1593
|
}
|
|
1594
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1594
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EllipsisEditorDirective, decorators: [{
|
|
1595
1595
|
type: Directive,
|
|
1596
1596
|
args: [{
|
|
1597
1597
|
selector: '[dxaEllipsisEditor]'
|
|
1598
1598
|
}]
|
|
1599
|
-
}], ctorParameters:
|
|
1599
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
1600
1600
|
type: Input,
|
|
1601
1601
|
args: ['dxaEllipsisEditor']
|
|
1602
1602
|
}] } });
|
|
@@ -1632,13 +1632,13 @@ class DateRangeComponent {
|
|
|
1632
1632
|
this._changeDetectorRef.markForCheck();
|
|
1633
1633
|
};
|
|
1634
1634
|
}
|
|
1635
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1636
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1635
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1636
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateRangeComponent, selector: "dxv-date-range", inputs: { options: ["data", "options"] }, ngImport: i0, template: "<div class=\"dxrv-daterange-editor\">\n <div [dxaEllipsisEditor]=\"{\n buttonAction: processClickEvent,\n value: data.displayValue,\n readOnly: true,\n openOnFieldClick: true,\n inputAttr: { 'aria-label': data._displayName, id: data._editorInputId }\n }\"></div>\n <dxa-template [template]=\"data.popupTemplate\" [data]=\"data.popupModel\"></dxa-template>\n</div>", dependencies: [{ kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: EllipsisEditorDirective, selector: "[dxaEllipsisEditor]", inputs: ["dxaEllipsisEditor"] }] });
|
|
1637
1637
|
}
|
|
1638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1638
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, decorators: [{
|
|
1639
1639
|
type: Component,
|
|
1640
1640
|
args: [{ selector: 'dxv-date-range', template: "<div class=\"dxrv-daterange-editor\">\n <div [dxaEllipsisEditor]=\"{\n buttonAction: processClickEvent,\n value: data.displayValue,\n readOnly: true,\n openOnFieldClick: true,\n inputAttr: { 'aria-label': data._displayName, id: data._editorInputId }\n }\"></div>\n <dxa-template [template]=\"data.popupTemplate\" [data]=\"data.popupModel\"></dxa-template>\n</div>" }]
|
|
1641
|
-
}], ctorParameters:
|
|
1641
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { options: [{
|
|
1642
1642
|
type: Input,
|
|
1643
1643
|
args: ['data']
|
|
1644
1644
|
}] } });
|
|
@@ -1650,10 +1650,10 @@ class PopupContainerComponent {
|
|
|
1650
1650
|
this.popupOptions = this.data.getPopupSettings();
|
|
1651
1651
|
this.popupOptions.height = calculateWithZoomFactor(362);
|
|
1652
1652
|
}
|
|
1653
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1654
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1653
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1654
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PopupContainerComponent, selector: "dxv-daterange-popup", inputs: { data: "data" }, ngImport: i0, template: "<dx-popup role=\"dialog\" aria-modal=\"true\" \n[width]=\"popupOptions.width\"\n[height]=\"popupOptions.height\"\n[wrapperAttr]=\"popupOptions.wrapperAttr\"\n[position]=\"popupOptions.position\"\n[container]=\"popupOptions.container\"\n[showTitle]=\"popupOptions.showTitle\"\n[showCloseButton]=\"popupOptions.showCloseButton\"\n[hideOnOutsideClick]=\"popupOptions.hideOnOutsideClick\"\n(onHidden)=\"popupOptions.onHidden($event)\"\n[animation]=\"popupOptions.animation\"\n[shading]=\"popupOptions.shading\"\n[visible]=\"popupOptions.visible\"\n>\n <dx-scroll-view \n [showScrollbar]=\"data.scrollViewOptions.showScrollbar\"\n [direction]=\"data.scrollViewOptions.direction\"\n [useNative]=\"data.scrollViewOptions.useNative\"\n (onInitialized)=\"data.scrollViewOptions.onInitialized($event)\"\n >\n <div class=\"dxrv-daterange-editor-popup-container\" [dxMutationObserver]=\"data.dialogKeyboardHelper\">\n <dx-scroll-view role=\"listbox\" class=\"dxrv-daterange-editor-list dxrv-daterange-editor-item dxd-border-primary dx-accessibility-daterange-item\" \n [showScrollbar]=\"data.predefinedRanges.scrollViewOptions.showScrollbar\"\n [scrollByContent]=\"data.predefinedRanges.scrollViewOptions.scrollByContent\"\n [bounceEnabled]=\"data.predefinedRanges.scrollViewOptions.bounceEnabled\"\n [useNative]=\"data.predefinedRanges.scrollViewOptions.useNative\"\n [scrollByThumb]=\"data.predefinedRanges.scrollViewOptions.scrollByThumb\"\n (onInitialized)=\"data.predefinedRanges.scrollViewOptions.onInitialized($event)\"\n [dxMutationObserver]=\"data.predefinedRanges.accessibilityKeyboardHelper\"\n >\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <div *ngFor=\"let item of data.predefinedRanges.items\" role=\"option\" class=\"dxrv-daterange-editor-list-item dxd-state-normal dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented\"\n [attr.aria-selected]=\"item.selected\"\n [class.dxd-state-selected]=\"item.selected\" [dxAction]=\"item.click\">\n <div class=\"dx-accessibility-field-background dxd-back-accented\"></div>\n {{item.displayName}}\n </div>\n </dx-scroll-view>\n <div class=\"dxrv-daterange-editor-item\">\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n </div>\n <div class=\"dxrv-daterange-editor-item\">\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n </div>\n </div>\n </dx-scroll-view>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1655
1655
|
}
|
|
1656
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1656
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupContainerComponent, decorators: [{
|
|
1657
1657
|
type: Component,
|
|
1658
1658
|
args: [{ selector: 'dxv-daterange-popup', template: "<dx-popup role=\"dialog\" aria-modal=\"true\" \n[width]=\"popupOptions.width\"\n[height]=\"popupOptions.height\"\n[wrapperAttr]=\"popupOptions.wrapperAttr\"\n[position]=\"popupOptions.position\"\n[container]=\"popupOptions.container\"\n[showTitle]=\"popupOptions.showTitle\"\n[showCloseButton]=\"popupOptions.showCloseButton\"\n[hideOnOutsideClick]=\"popupOptions.hideOnOutsideClick\"\n(onHidden)=\"popupOptions.onHidden($event)\"\n[animation]=\"popupOptions.animation\"\n[shading]=\"popupOptions.shading\"\n[visible]=\"popupOptions.visible\"\n>\n <dx-scroll-view \n [showScrollbar]=\"data.scrollViewOptions.showScrollbar\"\n [direction]=\"data.scrollViewOptions.direction\"\n [useNative]=\"data.scrollViewOptions.useNative\"\n (onInitialized)=\"data.scrollViewOptions.onInitialized($event)\"\n >\n <div class=\"dxrv-daterange-editor-popup-container\" [dxMutationObserver]=\"data.dialogKeyboardHelper\">\n <dx-scroll-view role=\"listbox\" class=\"dxrv-daterange-editor-list dxrv-daterange-editor-item dxd-border-primary dx-accessibility-daterange-item\" \n [showScrollbar]=\"data.predefinedRanges.scrollViewOptions.showScrollbar\"\n [scrollByContent]=\"data.predefinedRanges.scrollViewOptions.scrollByContent\"\n [bounceEnabled]=\"data.predefinedRanges.scrollViewOptions.bounceEnabled\"\n [useNative]=\"data.predefinedRanges.scrollViewOptions.useNative\"\n [scrollByThumb]=\"data.predefinedRanges.scrollViewOptions.scrollByThumb\"\n (onInitialized)=\"data.predefinedRanges.scrollViewOptions.onInitialized($event)\"\n [dxMutationObserver]=\"data.predefinedRanges.accessibilityKeyboardHelper\"\n >\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <div *ngFor=\"let item of data.predefinedRanges.items\" role=\"option\" class=\"dxrv-daterange-editor-list-item dxd-state-normal dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented\"\n [attr.aria-selected]=\"item.selected\"\n [class.dxd-state-selected]=\"item.selected\" [dxAction]=\"item.click\">\n <div class=\"dx-accessibility-field-background dxd-back-accented\"></div>\n {{item.displayName}}\n </div>\n </dx-scroll-view>\n <div class=\"dxrv-daterange-editor-item\">\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n </div>\n <div class=\"dxrv-daterange-editor-item\">\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n </div>\n </div>\n </dx-scroll-view>\n</dx-popup>" }]
|
|
1659
1659
|
}], propDecorators: { data: [{
|
|
@@ -1663,10 +1663,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1663
1663
|
|
|
1664
1664
|
class CalendarComponent {
|
|
1665
1665
|
data;
|
|
1666
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1667
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1666
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1667
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CalendarComponent, selector: "dxv-daterange-calendar", inputs: { data: "data" }, ngImport: i0, template: "<dx-calendar tabindex=\"0\" class=\"dx-accessibility-calendar-item dx-accessibility-daterange-item\"\n [min]=\"data.min\"\n [value]=\"data.value\"\n cellTemplate=\"select_cell\" \n [height]=\"data.height\"\n (onValueChanged)=\"data.onValueChanged($event)\"\n>\n <div *dxTemplate=\"let item of 'select_cell'\" class=\"dxrv-daterange-cell\">\n <div class=\"dxrv-daterange-cell-text\">{{item.text}}</div>\n <div [class.dxd-back-accented]=\"data.inRange(item.date)\"></div>\n </div>\n</dx-calendar>", dependencies: [{ kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxCalendarComponent, selector: "dx-calendar", inputs: ["accessKey", "activeStateEnabled", "cellTemplate", "dateSerializationFormat", "disabled", "disabledDates", "elementAttr", "firstDayOfWeek", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "isDirty", "isValid", "max", "maxZoomLevel", "min", "minZoomLevel", "name", "readOnly", "rtlEnabled", "selectionMode", "selectWeekOnClick", "showTodayButton", "showWeekNumbers", "tabIndex", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "weekNumberRule", "width", "zoomLevel"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "cellTemplateChange", "dateSerializationFormatChange", "disabledChange", "disabledDatesChange", "elementAttrChange", "firstDayOfWeekChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "isDirtyChange", "isValidChange", "maxChange", "maxZoomLevelChange", "minChange", "minZoomLevelChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "selectionModeChange", "selectWeekOnClickChange", "showTodayButtonChange", "showWeekNumbersChange", "tabIndexChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "weekNumberRuleChange", "widthChange", "zoomLevelChange", "onBlur"] }] });
|
|
1668
1668
|
}
|
|
1669
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
1670
1670
|
type: Component,
|
|
1671
1671
|
args: [{ selector: 'dxv-daterange-calendar', template: "<dx-calendar tabindex=\"0\" class=\"dx-accessibility-calendar-item dx-accessibility-daterange-item\"\n [min]=\"data.min\"\n [value]=\"data.value\"\n cellTemplate=\"select_cell\" \n [height]=\"data.height\"\n (onValueChanged)=\"data.onValueChanged($event)\"\n>\n <div *dxTemplate=\"let item of 'select_cell'\" class=\"dxrv-daterange-cell\">\n <div class=\"dxrv-daterange-cell-text\">{{item.text}}</div>\n <div [class.dxd-back-accented]=\"data.inRange(item.date)\"></div>\n </div>\n</dx-calendar>" }]
|
|
1672
1672
|
}], propDecorators: { data: [{
|
|
@@ -1679,10 +1679,10 @@ class LazyImagesDirective extends BaseDisposableDirective {
|
|
|
1679
1679
|
InitAndReturnDisposeFunc(element) {
|
|
1680
1680
|
return initializeLazyImagesBinding(element, this.options);
|
|
1681
1681
|
}
|
|
1682
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1683
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1682
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LazyImagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1683
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: LazyImagesDirective, selector: "[dxvLazyImages]", inputs: { options: ["dxvLazyImages", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
1684
1684
|
}
|
|
1685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1685
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LazyImagesDirective, decorators: [{
|
|
1686
1686
|
type: Directive,
|
|
1687
1687
|
args: [{
|
|
1688
1688
|
selector: '[dxvLazyImages]'
|
|
@@ -1697,10 +1697,10 @@ class AutoFitDirective extends BaseDisposableDirective {
|
|
|
1697
1697
|
InitAndReturnDisposeFunc(element) {
|
|
1698
1698
|
return initializeAutoFitBinding(element, this.options);
|
|
1699
1699
|
}
|
|
1700
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1701
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1700
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutoFitDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1701
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: AutoFitDirective, selector: "[dxvAutoFit]", inputs: { options: ["dxvAutoFit", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
1702
1702
|
}
|
|
1703
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1703
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutoFitDirective, decorators: [{
|
|
1704
1704
|
type: Directive,
|
|
1705
1705
|
args: [{
|
|
1706
1706
|
selector: '[dxvAutoFit]'
|
|
@@ -1715,10 +1715,10 @@ class ToViewDirective extends BaseDisposableDirective {
|
|
|
1715
1715
|
InitAndReturnDisposeFunc(element) {
|
|
1716
1716
|
return initializeToViewBinding(element, this.options);
|
|
1717
1717
|
}
|
|
1718
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1719
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1718
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToViewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1719
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ToViewDirective, selector: "[dxvToView]", inputs: { options: ["dxvToView", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
1720
1720
|
}
|
|
1721
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1721
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToViewDirective, decorators: [{
|
|
1722
1722
|
type: Directive,
|
|
1723
1723
|
args: [{
|
|
1724
1724
|
selector: '[dxvToView]'
|
|
@@ -1731,10 +1731,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1731
1731
|
class SurfaceComponent {
|
|
1732
1732
|
data;
|
|
1733
1733
|
clipboardMessage = getLocalization$1('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard');
|
|
1734
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1735
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1734
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1735
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SurfaceComponent, selector: "dxv-surface", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-wrapper\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n role=\"listitem\" \n class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n [style.width]=\"data.currentPage.width + 'px'\"\n [style.height]=\"data.currentPage.height + 'px'\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\" class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } } -->\n <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n <ng-container *ngFor=\"let page of data.pages\">\n <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n [style.width]=\"page.width + 'px'\"\n [style.height]=\"page.height + 'px'\"\n [class.dxrd-report-preview-active]=\"page.active\"\n [dxvToView]=\"page\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n </div>\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n {{data.emptyDocumentCaption}}\n </div>\n </div>\n </div>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n <textarea disabled \n [attr.aria-label]=\"clipboardMessage\"\n id=\"clipboard\"></textarea>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1736
1736
|
}
|
|
1737
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1737
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, decorators: [{
|
|
1738
1738
|
type: Component,
|
|
1739
1739
|
args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n role=\"listitem\" \n class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n [style.width]=\"data.currentPage.width + 'px'\"\n [style.height]=\"data.currentPage.height + 'px'\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\" class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } } -->\n <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n <ng-container *ngFor=\"let page of data.pages\">\n <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n [style.width]=\"page.width + 'px'\"\n [style.height]=\"page.height + 'px'\"\n [class.dxrd-report-preview-active]=\"page.active\"\n [dxvToView]=\"page\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n </div>\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n {{data.emptyDocumentCaption}}\n </div>\n </div>\n </div>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n <textarea disabled \n [attr.aria-label]=\"clipboardMessage\"\n id=\"clipboard\"></textarea>\n</div>" }]
|
|
1740
1740
|
}], propDecorators: { data: [{
|
|
@@ -1750,10 +1750,10 @@ class PreviewPageRendererDirective extends BaseDisposableDirective {
|
|
|
1750
1750
|
options;
|
|
1751
1751
|
eventName = null;
|
|
1752
1752
|
InitAndReturnDisposeFunc(element) { return void 0; }
|
|
1753
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1754
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1753
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PreviewPageRendererDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1754
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: { imageData: ["dxvPreviewPageRenderer", "imageData"] }, usesInheritance: true, ngImport: i0 });
|
|
1755
1755
|
}
|
|
1756
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1756
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PreviewPageRendererDirective, decorators: [{
|
|
1757
1757
|
type: Directive,
|
|
1758
1758
|
args: [{
|
|
1759
1759
|
selector: '[dxvPreviewPageRenderer]'
|
|
@@ -1772,10 +1772,10 @@ class BrickSelectionDirective extends BaseDisposableDirective {
|
|
|
1772
1772
|
options;
|
|
1773
1773
|
eventName = null;
|
|
1774
1774
|
InitAndReturnDisposeFunc(element) { return void 0; }
|
|
1775
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1776
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1775
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrickSelectionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1776
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: { brickSelection: ["dxvBrickSelection", "brickSelection"] }, usesInheritance: true, ngImport: i0 });
|
|
1777
1777
|
}
|
|
1778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrickSelectionDirective, decorators: [{
|
|
1779
1779
|
type: Directive,
|
|
1780
1780
|
args: [{
|
|
1781
1781
|
selector: '[dxvBrickSelection]'
|
|
@@ -1787,12 +1787,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1787
1787
|
|
|
1788
1788
|
class PageComponent {
|
|
1789
1789
|
data;
|
|
1790
|
-
|
|
1791
|
-
|
|
1790
|
+
onItemClick(event) {
|
|
1791
|
+
if (typeof this.data.smartTagAIMenu.onItemClick === 'function')
|
|
1792
|
+
this.data.smartTagAIMenu.onItemClick(event);
|
|
1793
|
+
}
|
|
1794
|
+
isRtlViewer() {
|
|
1795
|
+
return this.data?.getModel()?.reportPreview.rtlViewer ?? false;
|
|
1796
|
+
}
|
|
1797
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1798
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageComponent, selector: "dxv-page", inputs: { data: "data" }, ngImport: i0, template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n (click)=\"data.clickToBrick(data, $event)\"\n [dxvBrickSelection]=\"data.brickSelectionProg\">\n <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n [style.width]=\"data.width + 2 + 'px'\"\n [style.height]=\"data.height + 2 + 'px'\"\n [hidden]=\"!data.pageLoading\">\n <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n [style.padding-top]=\"data.height / 2.3 + 'px'\">\n <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n </div>\n </div>\n <div [dxvPreviewPageRenderer]=\"data.imageOptions\" [hidden]=\"data.pageLoading\">\n <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n </dxa-template>\n <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n </dxa-template>\n <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n </dxa-template>\n </div>\n <div *ngIf=\"data.activeBricks.length > 0\"\n [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n [visible]=\"data.smartTagAIMenu.visible\"\n itemTemplate=\"items\"\n (onItemClick)=\"onItemClick($event)\">\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-ai-floating-smart-tag-container\"> \n <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div> \n </div>\n </div>\n </dx-menu>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxMenuComponent, selector: "dx-menu", inputs: ["accessKey", "activeStateEnabled", "adaptivityEnabled", "animation", "cssClass", "dataSource", "disabled", "disabledExpr", "displayExpr", "elementAttr", "focusStateEnabled", "height", "hideSubmenuOnMouseLeave", "hint", "hoverStateEnabled", "items", "itemsExpr", "itemTemplate", "orientation", "rtlEnabled", "selectByClick", "selectedExpr", "selectedItem", "selectionMode", "showFirstSubmenuMode", "showSubmenuMode", "submenuDirection", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onSubmenuHidden", "onSubmenuHiding", "onSubmenuShowing", "onSubmenuShown", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "animationChange", "cssClassChange", "dataSourceChange", "disabledChange", "disabledExprChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideSubmenuOnMouseLeaveChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "itemsExprChange", "itemTemplateChange", "orientationChange", "rtlEnabledChange", "selectByClickChange", "selectedExprChange", "selectedItemChange", "selectionModeChange", "showFirstSubmenuModeChange", "showSubmenuModeChange", "submenuDirectionChange", "tabIndexChange", "visibleChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "directive", type: BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: ["dxvBrickSelection"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1792
1799
|
}
|
|
1793
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1800
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, decorators: [{
|
|
1794
1801
|
type: Component,
|
|
1795
|
-
args: [{ selector: 'dxv-page', template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n (click)=\"data.clickToBrick(data, $event)\"\n [dxvBrickSelection]=\"data.brickSelectionProg\">\n <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n [style.width]=\"data.width + 2 + 'px'\"\n [style.height]=\"data.height + 2 + 'px'\"\n [hidden]=\"!data.pageLoading\">\n <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n [style.padding-top]=\"data.height / 2.3 + 'px'\">\n <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n </div>\n </div>\n <div [dxvPreviewPageRenderer]=\"data.imageOptions\">\n <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n </dxa-template>\n <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n </dxa-template>\n <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n </dxa-template>\n </div>\n </div>\n</div>" }]
|
|
1802
|
+
args: [{ selector: 'dxv-page', template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n (click)=\"data.clickToBrick(data, $event)\"\n [dxvBrickSelection]=\"data.brickSelectionProg\">\n <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n [style.width]=\"data.width + 2 + 'px'\"\n [style.height]=\"data.height + 2 + 'px'\"\n [hidden]=\"!data.pageLoading\">\n <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n [style.padding-top]=\"data.height / 2.3 + 'px'\">\n <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n </div>\n </div>\n <div [dxvPreviewPageRenderer]=\"data.imageOptions\" [hidden]=\"data.pageLoading\">\n <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n </dxa-template>\n <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n </dxa-template>\n <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n </dxa-template>\n </div>\n <div *ngIf=\"data.activeBricks.length > 0\"\n [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n [visible]=\"data.smartTagAIMenu.visible\"\n itemTemplate=\"items\"\n (onItemClick)=\"onItemClick($event)\">\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-ai-floating-smart-tag-container\"> \n <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div> \n </div>\n </div>\n </dx-menu>\n </div>\n </div>\n</div>" }]
|
|
1796
1803
|
}], propDecorators: { data: [{
|
|
1797
1804
|
type: Input,
|
|
1798
1805
|
args: ['data']
|
|
@@ -1800,10 +1807,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1800
1807
|
|
|
1801
1808
|
class EditorContentComponent {
|
|
1802
1809
|
data;
|
|
1803
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1804
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1810
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditorContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1811
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditorContentComponent, selector: "dxv-editor-content", inputs: { data: "data" }, ngImport: i0, template: "<div *ngIf=\"data.visible\" class=\"dxrd-parameters-group\" \n [class.dxrd-parameters-border]=\"!data.hideBorder\"\n [class.dxrd-parameters-horizontal]=\"data.showHorizontally\">\n <dxa-template template=\"dxrd-propertieseditor\" [data]=\"data\"></dxa-template>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1805
1812
|
}
|
|
1806
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditorContentComponent, decorators: [{
|
|
1807
1814
|
type: Component,
|
|
1808
1815
|
args: [{ selector: 'dxv-editor-content', template: "<div *ngIf=\"data.visible\" class=\"dxrd-parameters-group\" \n [class.dxrd-parameters-border]=\"!data.hideBorder\"\n [class.dxrd-parameters-horizontal]=\"data.showHorizontally\">\n <dxa-template template=\"dxrd-propertieseditor\" [data]=\"data\"></dxa-template>\n</div>" }]
|
|
1809
1816
|
}], propDecorators: { data: [{
|
|
@@ -1820,10 +1827,10 @@ class GroupEditorComponent {
|
|
|
1820
1827
|
trackByFn(_, item) {
|
|
1821
1828
|
return item.editorInputId;
|
|
1822
1829
|
}
|
|
1823
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1824
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1830
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GroupEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1831
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GroupEditorComponent, selector: "dxv-group-editor", inputs: { data: "data" }, ngImport: i0, template: "<div [class.dx-rtl]=\"data.viewmodel.rtl\">\n <div class=\"dx-editors\">\n <div class=\"dx-fieldset dxrd-parameters-fieldset dxd-border-primary\"\n [style.display]=\"data.showHorizontally ? 'flex' : 'block'\">\n <dxa-template *ngFor=\"let editor of data.viewmodel.editors; trackBy: trackByFn\" \n [class]=\"getCorrectLayoutClass(editor)\"\n [template]=\"editor.editorTemplate\" \n [data]=\"editor\"></dxa-template>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1825
1832
|
}
|
|
1826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1833
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GroupEditorComponent, decorators: [{
|
|
1827
1834
|
type: Component,
|
|
1828
1835
|
args: [{ selector: 'dxv-group-editor', template: "<div [class.dx-rtl]=\"data.viewmodel.rtl\">\n <div class=\"dx-editors\">\n <div class=\"dx-fieldset dxrd-parameters-fieldset dxd-border-primary\"\n [style.display]=\"data.showHorizontally ? 'flex' : 'block'\">\n <dxa-template *ngFor=\"let editor of data.viewmodel.editors; trackBy: trackByFn\" \n [class]=\"getCorrectLayoutClass(editor)\"\n [template]=\"editor.editorTemplate\" \n [data]=\"editor\"></dxa-template>\n </div>\n </div>\n</div>" }]
|
|
1829
1836
|
}], propDecorators: { data: [{
|
|
@@ -1837,10 +1844,10 @@ class SearchComponent {
|
|
|
1837
1844
|
ngOnInit() {
|
|
1838
1845
|
this.viewModel = this.data.model.getViewModel();
|
|
1839
1846
|
}
|
|
1840
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1841
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchComponent, selector: "dxv-search", inputs: { data: "data" }, ngImport: i0, template: "<div role=\"search\" aria-haspopup=\"listbox\" class=\"dxrd-preview-search-wrapper\"\n [hidden]=\"!(data.active && data.visible)\"\n [dxMutationObserver]=\"data.keyboardHelper\">\n <div id=\"dxrd-preview-search-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n <div class=\"dxrd-preview-search-tab-header\">\n <span class=\"dxrd-preview-search-tab-header-text dxrd-right-panel-header dxd-text-primary\">\n {{viewModel.headerText}}\n </span>\n <div class=\"dxrd-preview-search-tab-editor-button-container\">\n <dx-text-box class=\"dxrd-preview-search-editor dx-searcheditor\"\n [inputAttr]=\"viewModel.searchEditor.inputAttr\"\n (onFocusOut)=\"viewModel.searchEditor.onFocusOut($event)\"\n (onKeyDown)=\"viewModel.searchEditor.onKeyDown($event)\">\n </dx-text-box>\n <dx-button class=\"dxrd-preview-search-button\"\n [text]=\"viewModel.buttons.searchButton.text\"\n [disabled]=\"viewModel.buttons.searchButton.disabled\"\n (onClick)=\"viewModel.buttons.searchButton.onClick($event)\">\n </dx-button>\n </div>\n <div class=\"dxrd-preview-search-tab-header-text\">\n <dx-check-box class=\"dxrd-preview-search-checkbox\"\n [text]=\"viewModel.matchCaseEditor.text\"\n [value]=\"viewModel.matchCaseEditor.value\"\n (onValueChanged)=\"viewModel.matchCaseEditor.onValueChanged($event)\">\n </dx-check-box>\n <dx-check-box class=\"dxrd-preview-search-checkbox dxrd-preview-search-checkbox-second\"\n [text]=\"viewModel.matchWholeWordEditor.text\"\n [value]=\"viewModel.matchWholeWordEditor.value\"\n (onValueChanged)=\"viewModel.matchWholeWordEditor.onValueChanged($event)\">\n </dx-check-box>\n </div>\n </div>\n <div class=\"dxrd-preview-search-result-wrapper\" *ngIf=\"viewModel.searchResultCount > 0 || viewModel.loading\">\n <div class=\"dxrd-preview-search-result-header dxd-border-primary dxd-text-primary\"> \n <div class=\"dxrd-preview-search-tab-header dxrd-preview-search-indicator-group\">\n <div class=\"dxrd-preview-search-results dxrd-preview-search-result-text\"\n [attr.id]=\"viewModel.searchResultCount\"\n [attr.aria-busy]=\"viewModel.loading ? 'true' : 'false'\">\n <span class=\"dxrd-preview-search-result-text-bold\">\n {{viewModel.searchResultCount}}\n </span> \n <span>\n {{viewModel.resultsInText}}\n </span> \n <span class=\"dxrd-preview-search-result-text-bold\">\n {{viewModel.searchResultPageCount}}\n </span> \n <span>\n {{viewModel.resultsPagesText}}\n </span>\n </div>\n <div class=\"dxrd-preview-search-results-navigation\">\n <dx-load-indicator class=\"dxrdp-search-loading\"\n [visible]=\"viewModel.loading\">\n </dx-load-indicator>\n <dx-button class=\"dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard\"\n [template]=\"viewModel.buttons.upButton.template\"\n [icon]=\"viewModel.buttons.upButton.icon\"\n (onClick)=\"viewModel.buttons.upButton.onClick($event)\">\n </dx-button>\n <dx-button class=\"dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard\"\n [template]=\"viewModel.buttons.downButton.template\"\n [icon]=\"viewModel.buttons.downButton.icon\"\n (onClick)=\"viewModel.buttons.downButton.onClick($event)\">\n </dx-button>\n </div>\n </div> \n </div> \n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <dx-list class=\"dxrd-preview-search-result dxd-border-accented\"\n [attr.aria-labelledby]=\"viewModel.searchResultHeaderId\"\n [dataSource]=\"viewModel.searchResultDataSource\"\n pageLoadMode=\"scrollBottom\"\n [focusStateEnabled]=\"false\"\n [hoverStateEnabled]=\"false\"\n (onItemRendered)=\"viewModel.onItemRendered($event)\"\n [itemTemplate]=\"'items'\"\n noDataText=\"\"\n >\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-preview-search-result-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented\"\n [dxActionModel]=\"item.data\"\n [dxAction]=\"item.itemClickAction\"\n [attr.aria-label]=\"item.attr['aria-label']\"\n >\n <div class=\"dx-accessibility-field-background dxd-back-accented\"></div>\n <div class=\"dxrd-preview-search-tab-item-text propertygrid-editor-displayName dxd-text-primary\">\n {{item.data.text}}\n </div>\n <div class=\"dxrd-preview-search-tab-item-info dxd-text-primary\">\n {{item.info}}\n </div>\n </div> \n </div>\n </dx-list>\n </div>\n\n <div *ngIf=\"viewModel.searchCompleted && viewModel.searchResultCount == 0\">\n <div class=\"dxrd-preview-search-result-header dxd-border-primary dxd-text-primary\">\n <div class=\"dxrd-preview-search-tab-header dxrd-preview-search-indicator-group\">\n <div class =\"dxrd-preview-search-result-text\">\n {{viewModel.noResultText}}\n </div>\n </div>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { 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: "component", type: i2.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxListComponent, selector: "dx-list", inputs: ["accessKey", "activeStateEnabled", "allowItemDeleting", "bounceEnabled", "collapsibleGroups", "dataSource", "disabled", "displayExpr", "elementAttr", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "indicateLoading", "itemDeleteMode", "itemDragging", "itemHoldTimeout", "items", "itemTemplate", "keyExpr", "menuItems", "menuMode", "nextButtonText", "noDataText", "pageLoadingText", "pageLoadMode", "pulledDownText", "pullingDownText", "pullRefreshEnabled", "refreshingText", "repaintChangesOnly", "rtlEnabled", "scrollByContent", "scrollByThumb", "scrollingEnabled", "searchEditorOptions", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "searchValue", "selectAllMode", "selectAllText", "selectByClick", "selectedItemKeys", "selectedItems", "selectionMode", "showScrollbar", "showSelectionControls", "tabIndex", "useNativeScrolling", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onGroupRendered", "onInitialized", "onItemClick", "onItemContextMenu", "onItemDeleted", "onItemDeleting", "onItemHold", "onItemRendered", "onItemReordered", "onItemSwipe", "onOptionChanged", "onPageLoading", "onPullRefresh", "onScroll", "onSelectAllValueChanged", "onSelectionChanged", "onSelectionChanging", "accessKeyChange", "activeStateEnabledChange", "allowItemDeletingChange", "bounceEnabledChange", "collapsibleGroupsChange", "dataSourceChange", "disabledChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "indicateLoadingChange", "itemDeleteModeChange", "itemDraggingChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "keyExprChange", "menuItemsChange", "menuModeChange", "nextButtonTextChange", "noDataTextChange", "pageLoadingTextChange", "pageLoadModeChange", "pulledDownTextChange", "pullingDownTextChange", "pullRefreshEnabledChange", "refreshingTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "scrollingEnabledChange", "searchEditorOptionsChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "searchValueChange", "selectAllModeChange", "selectAllTextChange", "selectByClickChange", "selectedItemKeysChange", "selectedItemsChange", "selectionModeChange", "showScrollbarChange", "showSelectionControlsChange", "tabIndexChange", "useNativeScrollingChange", "visibleChange", "widthChange"] }, { kind: "directive", type: DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1847
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1848
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchComponent, selector: "dxv-search", inputs: { data: "data" }, ngImport: i0, template: "<div role=\"search\" aria-haspopup=\"listbox\" class=\"dxrd-preview-search-wrapper\"\n [hidden]=\"!(data.active && data.visible)\"\n [dxMutationObserver]=\"data.keyboardHelper\">\n <div id=\"dxrd-preview-search-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n <div class=\"dxrd-preview-search-tab-header\">\n <span class=\"dxrd-preview-search-tab-header-text dxrd-right-panel-header dxd-text-primary\">\n {{viewModel.headerText}}\n </span>\n <div class=\"dxrd-preview-search-tab-editor-button-container\">\n <dx-text-box class=\"dxrd-preview-search-editor dx-searcheditor\"\n [inputAttr]=\"viewModel.searchEditor.inputAttr\"\n (onFocusOut)=\"viewModel.searchEditor.onFocusOut($event)\"\n (onKeyDown)=\"viewModel.searchEditor.onKeyDown($event)\">\n </dx-text-box>\n <dx-button class=\"dxrd-preview-search-button\"\n [text]=\"viewModel.buttons.searchButton.text\"\n [disabled]=\"viewModel.buttons.searchButton.disabled\"\n (onClick)=\"viewModel.buttons.searchButton.onClick($event)\">\n </dx-button>\n </div>\n <div class=\"dxrd-preview-search-tab-header-text\">\n <dx-check-box class=\"dxrd-preview-search-checkbox\"\n [text]=\"viewModel.matchCaseEditor.text\"\n [value]=\"viewModel.matchCaseEditor.value\"\n (onValueChanged)=\"viewModel.matchCaseEditor.onValueChanged($event)\">\n </dx-check-box>\n <dx-check-box class=\"dxrd-preview-search-checkbox dxrd-preview-search-checkbox-second\"\n [text]=\"viewModel.matchWholeWordEditor.text\"\n [value]=\"viewModel.matchWholeWordEditor.value\"\n (onValueChanged)=\"viewModel.matchWholeWordEditor.onValueChanged($event)\">\n </dx-check-box>\n </div>\n </div>\n <div class=\"dxrd-preview-search-result-wrapper\" *ngIf=\"viewModel.searchResultCount > 0 || viewModel.loading\">\n <div class=\"dxrd-preview-search-result-header dxd-border-primary dxd-text-primary\"> \n <div class=\"dxrd-preview-search-tab-header dxrd-preview-search-indicator-group\">\n <div class=\"dxrd-preview-search-results dxrd-preview-search-result-text\"\n [attr.id]=\"viewModel.searchResultCount\"\n [attr.aria-busy]=\"viewModel.loading ? 'true' : 'false'\">\n <span class=\"dxrd-preview-search-result-text-bold\">\n {{viewModel.searchResultCount}}\n </span> \n <span>\n {{viewModel.resultsInText}}\n </span> \n <span class=\"dxrd-preview-search-result-text-bold\">\n {{viewModel.searchResultPageCount}}\n </span> \n <span>\n {{viewModel.resultsPagesText}}\n </span>\n </div>\n <div class=\"dxrd-preview-search-results-navigation\">\n <dx-load-indicator class=\"dxrdp-search-loading\"\n [visible]=\"viewModel.loading\">\n </dx-load-indicator>\n <dx-button class=\"dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard\"\n [template]=\"viewModel.buttons.upButton.template\"\n [icon]=\"viewModel.buttons.upButton.icon\"\n (onClick)=\"viewModel.buttons.upButton.onClick($event)\">\n </dx-button>\n <dx-button class=\"dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard\"\n [template]=\"viewModel.buttons.downButton.template\"\n [icon]=\"viewModel.buttons.downButton.icon\"\n (onClick)=\"viewModel.buttons.downButton.onClick($event)\">\n </dx-button>\n </div>\n </div> \n </div> \n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <dx-list class=\"dxrd-preview-search-result dxd-border-accented\"\n [attr.aria-labelledby]=\"viewModel.searchResultHeaderId\"\n [dataSource]=\"viewModel.searchResultDataSource\"\n pageLoadMode=\"scrollBottom\"\n [focusStateEnabled]=\"false\"\n [hoverStateEnabled]=\"false\"\n (onItemRendered)=\"viewModel.onItemRendered($event)\"\n [itemTemplate]=\"'items'\"\n noDataText=\"\"\n >\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-preview-search-result-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented\"\n [dxActionModel]=\"item.data\"\n [dxAction]=\"item.itemClickAction\"\n [attr.aria-label]=\"item.attr['aria-label']\"\n >\n <div class=\"dx-accessibility-field-background dxd-back-accented\"></div>\n <div class=\"dxrd-preview-search-tab-item-text propertygrid-editor-displayName dxd-text-primary\">\n {{item.data.text}}\n </div>\n <div class=\"dxrd-preview-search-tab-item-info dxd-text-primary\">\n {{item.info}}\n </div>\n </div> \n </div>\n </dx-list>\n </div>\n\n <div *ngIf=\"viewModel.searchCompleted && viewModel.searchResultCount == 0\">\n <div class=\"dxrd-preview-search-result-header dxd-border-primary dxd-text-primary\">\n <div class=\"dxrd-preview-search-tab-header dxrd-preview-search-indicator-group\">\n <div class =\"dxrd-preview-search-result-text\">\n {{viewModel.noResultText}}\n </div>\n </div>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { 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: "component", type: i2.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxListComponent, selector: "dx-list", inputs: ["accessKey", "activeStateEnabled", "allowItemDeleting", "bounceEnabled", "collapsibleGroups", "dataSource", "disabled", "displayExpr", "elementAttr", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "indicateLoading", "itemDeleteMode", "itemDragging", "itemHoldTimeout", "items", "itemTemplate", "keyExpr", "menuItems", "menuMode", "nextButtonText", "noDataText", "pageLoadingText", "pageLoadMode", "pulledDownText", "pullingDownText", "pullRefreshEnabled", "refreshingText", "repaintChangesOnly", "rtlEnabled", "scrollByContent", "scrollByThumb", "scrollingEnabled", "searchEditorOptions", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "searchValue", "selectAllMode", "selectAllText", "selectByClick", "selectedItemKeys", "selectedItems", "selectionMode", "showScrollbar", "showSelectionControls", "tabIndex", "useNativeScrolling", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onGroupRendered", "onInitialized", "onItemClick", "onItemContextMenu", "onItemDeleted", "onItemDeleting", "onItemHold", "onItemRendered", "onItemReordered", "onItemSwipe", "onOptionChanged", "onPageLoading", "onPullRefresh", "onScroll", "onSelectAllValueChanged", "onSelectionChanged", "onSelectionChanging", "accessKeyChange", "activeStateEnabledChange", "allowItemDeletingChange", "bounceEnabledChange", "collapsibleGroupsChange", "dataSourceChange", "disabledChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "indicateLoadingChange", "itemDeleteModeChange", "itemDraggingChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "keyExprChange", "menuItemsChange", "menuModeChange", "nextButtonTextChange", "noDataTextChange", "pageLoadingTextChange", "pageLoadModeChange", "pulledDownTextChange", "pullingDownTextChange", "pullRefreshEnabledChange", "refreshingTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "scrollingEnabledChange", "searchEditorOptionsChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "searchValueChange", "selectAllModeChange", "selectAllTextChange", "selectByClickChange", "selectedItemKeysChange", "selectedItemsChange", "selectionModeChange", "showScrollbarChange", "showSelectionControlsChange", "tabIndexChange", "useNativeScrollingChange", "visibleChange", "widthChange"] }, { kind: "directive", type: DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1842
1849
|
}
|
|
1843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, decorators: [{
|
|
1844
1851
|
type: Component,
|
|
1845
1852
|
args: [{ selector: 'dxv-search', template: "<div role=\"search\" aria-haspopup=\"listbox\" class=\"dxrd-preview-search-wrapper\"\n [hidden]=\"!(data.active && data.visible)\"\n [dxMutationObserver]=\"data.keyboardHelper\">\n <div id=\"dxrd-preview-search-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n <div class=\"dxrd-preview-search-tab-header\">\n <span class=\"dxrd-preview-search-tab-header-text dxrd-right-panel-header dxd-text-primary\">\n {{viewModel.headerText}}\n </span>\n <div class=\"dxrd-preview-search-tab-editor-button-container\">\n <dx-text-box class=\"dxrd-preview-search-editor dx-searcheditor\"\n [inputAttr]=\"viewModel.searchEditor.inputAttr\"\n (onFocusOut)=\"viewModel.searchEditor.onFocusOut($event)\"\n (onKeyDown)=\"viewModel.searchEditor.onKeyDown($event)\">\n </dx-text-box>\n <dx-button class=\"dxrd-preview-search-button\"\n [text]=\"viewModel.buttons.searchButton.text\"\n [disabled]=\"viewModel.buttons.searchButton.disabled\"\n (onClick)=\"viewModel.buttons.searchButton.onClick($event)\">\n </dx-button>\n </div>\n <div class=\"dxrd-preview-search-tab-header-text\">\n <dx-check-box class=\"dxrd-preview-search-checkbox\"\n [text]=\"viewModel.matchCaseEditor.text\"\n [value]=\"viewModel.matchCaseEditor.value\"\n (onValueChanged)=\"viewModel.matchCaseEditor.onValueChanged($event)\">\n </dx-check-box>\n <dx-check-box class=\"dxrd-preview-search-checkbox dxrd-preview-search-checkbox-second\"\n [text]=\"viewModel.matchWholeWordEditor.text\"\n [value]=\"viewModel.matchWholeWordEditor.value\"\n (onValueChanged)=\"viewModel.matchWholeWordEditor.onValueChanged($event)\">\n </dx-check-box>\n </div>\n </div>\n <div class=\"dxrd-preview-search-result-wrapper\" *ngIf=\"viewModel.searchResultCount > 0 || viewModel.loading\">\n <div class=\"dxrd-preview-search-result-header dxd-border-primary dxd-text-primary\"> \n <div class=\"dxrd-preview-search-tab-header dxrd-preview-search-indicator-group\">\n <div class=\"dxrd-preview-search-results dxrd-preview-search-result-text\"\n [attr.id]=\"viewModel.searchResultCount\"\n [attr.aria-busy]=\"viewModel.loading ? 'true' : 'false'\">\n <span class=\"dxrd-preview-search-result-text-bold\">\n {{viewModel.searchResultCount}}\n </span> \n <span>\n {{viewModel.resultsInText}}\n </span> \n <span class=\"dxrd-preview-search-result-text-bold\">\n {{viewModel.searchResultPageCount}}\n </span> \n <span>\n {{viewModel.resultsPagesText}}\n </span>\n </div>\n <div class=\"dxrd-preview-search-results-navigation\">\n <dx-load-indicator class=\"dxrdp-search-loading\"\n [visible]=\"viewModel.loading\">\n </dx-load-indicator>\n <dx-button class=\"dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard\"\n [template]=\"viewModel.buttons.upButton.template\"\n [icon]=\"viewModel.buttons.upButton.icon\"\n (onClick)=\"viewModel.buttons.upButton.onClick($event)\">\n </dx-button>\n <dx-button class=\"dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard\"\n [template]=\"viewModel.buttons.downButton.template\"\n [icon]=\"viewModel.buttons.downButton.icon\"\n (onClick)=\"viewModel.buttons.downButton.onClick($event)\">\n </dx-button>\n </div>\n </div> \n </div> \n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <dx-list class=\"dxrd-preview-search-result dxd-border-accented\"\n [attr.aria-labelledby]=\"viewModel.searchResultHeaderId\"\n [dataSource]=\"viewModel.searchResultDataSource\"\n pageLoadMode=\"scrollBottom\"\n [focusStateEnabled]=\"false\"\n [hoverStateEnabled]=\"false\"\n (onItemRendered)=\"viewModel.onItemRendered($event)\"\n [itemTemplate]=\"'items'\"\n noDataText=\"\"\n >\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-preview-search-result-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented\"\n [dxActionModel]=\"item.data\"\n [dxAction]=\"item.itemClickAction\"\n [attr.aria-label]=\"item.attr['aria-label']\"\n >\n <div class=\"dx-accessibility-field-background dxd-back-accented\"></div>\n <div class=\"dxrd-preview-search-tab-item-text propertygrid-editor-displayName dxd-text-primary\">\n {{item.data.text}}\n </div>\n <div class=\"dxrd-preview-search-tab-item-info dxd-text-primary\">\n {{item.info}}\n </div>\n </div> \n </div>\n </dx-list>\n </div>\n\n <div *ngIf=\"viewModel.searchCompleted && viewModel.searchResultCount == 0\">\n <div class=\"dxrd-preview-search-result-header dxd-border-primary dxd-text-primary\">\n <div class=\"dxrd-preview-search-tab-header dxrd-preview-search-indicator-group\">\n <div class =\"dxrd-preview-search-result-text\">\n {{viewModel.noResultText}}\n </div>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
1846
1853
|
}], propDecorators: { data: [{
|
|
@@ -1848,12 +1855,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1848
1855
|
args: ['data']
|
|
1849
1856
|
}] } });
|
|
1850
1857
|
|
|
1858
|
+
class AIPanelComponent {
|
|
1859
|
+
data;
|
|
1860
|
+
viewModel;
|
|
1861
|
+
ngOnInit() {
|
|
1862
|
+
this.viewModel = this.data.model.getViewModel();
|
|
1863
|
+
}
|
|
1864
|
+
keyDown(event) {
|
|
1865
|
+
if (event.event?.key !== 'Tab') {
|
|
1866
|
+
event.event.preventDefault();
|
|
1867
|
+
}
|
|
1868
|
+
}
|
|
1869
|
+
getCopyTemplate() {
|
|
1870
|
+
return this.data.model?.copyButtonTemplate;
|
|
1871
|
+
}
|
|
1872
|
+
getVisible() {
|
|
1873
|
+
return this.data.model?.tabInfo?.visible && this.data.model?.tabInfo?.active;
|
|
1874
|
+
}
|
|
1875
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AIPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1876
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AIPanelComponent, selector: "dxv-aipanel", inputs: { data: "data" }, ngImport: i0, template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n <div class=\"dxrd-right-panel-header dxd-text-primary\">\n <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n </div>\n <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n <div class=\"dx-fieldset\">\n <div class=\"dx-field dxrd-preview-ai-select-box\">\n <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n </label>\n <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n [dataSource]=\"viewModel.targetSelecBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.targetSelecBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.targetSelecBoxOptions.value\"\n [displayExpr]=\"viewModel.targetSelecBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.targetSelecBoxOptions.valueExpr\"\n [inputAttr]=\"viewModel.targetSelecBoxOptions.inputAttr\">\n </dx-select-box>\n </div>\n <div class=\"dx-field dxrd-preview-ai-select-box\">\n <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n }} </label>\n <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n [dataSource]=\"viewModel.languageSelecBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.languageSelecBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.languageSelecBoxOptions.value\"\n [displayExpr]=\"viewModel.languageSelecBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.languageSelecBoxOptions.valueExpr\"\n [showClearButton]=\"viewModel.languageSelecBoxOptions.showClearButton\"\n [inputAttr]=\"viewModel.languageSelecBoxOptions.inputAttr\"></dx-select-box>\n </div>\n\n <div *ngIf=\"viewModel.pageSelecBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n </label>\n <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n [dataSource]=\"viewModel.pageSelecBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.pageSelecBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.pageSelecBoxOptions.value\"\n [displayExpr]=\"viewModel.pageSelecBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.pageSelecBoxOptions.valueExpr\"\n [searchExpr]=\"viewModel.pageSelecBoxOptions.searchExpr\"\n [searchEnabled]=\"viewModel.pageSelecBoxOptions.searchEnabled\"\n [visible]=\"viewModel.pageSelecBoxOptions.visible\"\n [inputAttr]=\"viewModel.pageSelecBoxOptions.inputAttr\"></dx-select-box>\n </div>\n <div class=\"dx-field\">\n <div class=\"dxrd-preview-ai-buttons-wrapper\">\n <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n height=\"24\" width=\"24\"></dx-load-indicator>\n <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n [text]=\"viewModel.buttons.translateTextButton.text\"\n [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n [width]=\"viewModel.buttons.translateTextButton.width\">\n </dx-button>\n <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n [text]=\"viewModel.buttons.summarizeTextButton.text\"\n [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n [width]=\"viewModel.buttons.summarizeTextButton.width\">\n </dx-button>\n </div>\n </div>\n </div>\n <div *ngIf=\"viewModel.resultVisible\"\n class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderTest }} </span>\n <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n (keydown)=\"viewModel.copyText(data, $event)\">\n <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n </div>\n </div>\n <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n [tabIndex]=\"-1\">\n </dx-text-area>\n\n </div>\n <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n </div>\n </dx-popup>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxTextAreaComponent, selector: "dx-text-area", inputs: ["accessKey", "activeStateEnabled", "autoResizeEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "maxHeight", "maxLength", "minHeight", "name", "placeholder", "readOnly", "rtlEnabled", "spellcheck", "stylingMode", "tabIndex", "text", "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", "autoResizeEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxHeightChange", "maxLengthChange", "minHeightChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1877
|
+
}
|
|
1878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AIPanelComponent, decorators: [{
|
|
1879
|
+
type: Component,
|
|
1880
|
+
args: [{ selector: 'dxv-aipanel', template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n <div class=\"dxrd-right-panel-header dxd-text-primary\">\n <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n </div>\n <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n <div class=\"dx-fieldset\">\n <div class=\"dx-field dxrd-preview-ai-select-box\">\n <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n </label>\n <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n [dataSource]=\"viewModel.targetSelecBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.targetSelecBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.targetSelecBoxOptions.value\"\n [displayExpr]=\"viewModel.targetSelecBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.targetSelecBoxOptions.valueExpr\"\n [inputAttr]=\"viewModel.targetSelecBoxOptions.inputAttr\">\n </dx-select-box>\n </div>\n <div class=\"dx-field dxrd-preview-ai-select-box\">\n <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n }} </label>\n <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n [dataSource]=\"viewModel.languageSelecBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.languageSelecBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.languageSelecBoxOptions.value\"\n [displayExpr]=\"viewModel.languageSelecBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.languageSelecBoxOptions.valueExpr\"\n [showClearButton]=\"viewModel.languageSelecBoxOptions.showClearButton\"\n [inputAttr]=\"viewModel.languageSelecBoxOptions.inputAttr\"></dx-select-box>\n </div>\n\n <div *ngIf=\"viewModel.pageSelecBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n </label>\n <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n [dataSource]=\"viewModel.pageSelecBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.pageSelecBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.pageSelecBoxOptions.value\"\n [displayExpr]=\"viewModel.pageSelecBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.pageSelecBoxOptions.valueExpr\"\n [searchExpr]=\"viewModel.pageSelecBoxOptions.searchExpr\"\n [searchEnabled]=\"viewModel.pageSelecBoxOptions.searchEnabled\"\n [visible]=\"viewModel.pageSelecBoxOptions.visible\"\n [inputAttr]=\"viewModel.pageSelecBoxOptions.inputAttr\"></dx-select-box>\n </div>\n <div class=\"dx-field\">\n <div class=\"dxrd-preview-ai-buttons-wrapper\">\n <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n height=\"24\" width=\"24\"></dx-load-indicator>\n <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n [text]=\"viewModel.buttons.translateTextButton.text\"\n [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n [width]=\"viewModel.buttons.translateTextButton.width\">\n </dx-button>\n <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n [text]=\"viewModel.buttons.summarizeTextButton.text\"\n [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n [width]=\"viewModel.buttons.summarizeTextButton.width\">\n </dx-button>\n </div>\n </div>\n </div>\n <div *ngIf=\"viewModel.resultVisible\"\n class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderTest }} </span>\n <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n (keydown)=\"viewModel.copyText(data, $event)\">\n <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n </div>\n </div>\n <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n [tabIndex]=\"-1\">\n </dx-text-area>\n\n </div>\n <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n </div>\n </dx-popup>\n</div>" }]
|
|
1881
|
+
}], propDecorators: { data: [{
|
|
1882
|
+
type: Input,
|
|
1883
|
+
args: ['data']
|
|
1884
|
+
}] } });
|
|
1885
|
+
|
|
1851
1886
|
class TreeListGroupComponent {
|
|
1852
1887
|
data;
|
|
1853
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1854
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1888
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1889
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TreeListGroupComponent, selector: "dxa-treelist-group", inputs: { data: "data" }, ngImport: i0, template: "<div role=\"group\" class=\"dx-treelist dxd-text-primary\">\n <div *ngFor=\"let item of data.items\">\n <dxa-template [template]=\"item.templateName\" [data]=\"item\"></dxa-template>\n <dxa-treelist-group *ngIf=\"!item.collapsed\" template=\"dx-treelist\" [data]=\"item\"></dxa-treelist-group>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeListGroupComponent, selector: "dxa-treelist-group", inputs: ["data"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1855
1890
|
}
|
|
1856
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1891
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeListGroupComponent, decorators: [{
|
|
1857
1892
|
type: Component,
|
|
1858
1893
|
args: [{ selector: 'dxa-treelist-group', template: "<div role=\"group\" class=\"dx-treelist dxd-text-primary\">\n <div *ngFor=\"let item of data.items\">\n <dxa-template [template]=\"item.templateName\" [data]=\"item\"></dxa-template>\n <dxa-treelist-group *ngIf=\"!item.collapsed\" template=\"dx-treelist\" [data]=\"item\"></dxa-treelist-group>\n </div>\n</div>" }]
|
|
1859
1894
|
}], propDecorators: { data: [{
|
|
@@ -1891,13 +1926,13 @@ class TreelistComponent {
|
|
|
1891
1926
|
ngOnDestroy() {
|
|
1892
1927
|
this._disposeCallback && this._disposeCallback();
|
|
1893
1928
|
}
|
|
1894
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1895
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1929
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreelistComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1930
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TreelistComponent, selector: "dxa-treelist", inputs: { options: "options" }, viewQueries: [{ propertyName: "treeList", first: true, predicate: ["treelist"], descendants: true }], ngImport: i0, template: "<dxa-treelist-group #treelist *ngIf=\"!!viewModel\" template=\"dx-treelist\" [data]=\"viewModel\"></dxa-treelist-group>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeListGroupComponent, selector: "dxa-treelist-group", inputs: ["data"] }] });
|
|
1896
1931
|
}
|
|
1897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1932
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreelistComponent, decorators: [{
|
|
1898
1933
|
type: Component,
|
|
1899
1934
|
args: [{ selector: 'dxa-treelist', template: "<dxa-treelist-group #treelist *ngIf=\"!!viewModel\" template=\"dx-treelist\" [data]=\"viewModel\"></dxa-treelist-group>" }]
|
|
1900
|
-
}], ctorParameters:
|
|
1935
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
1901
1936
|
type: Input,
|
|
1902
1937
|
args: ['options']
|
|
1903
1938
|
}], treeList: [{
|
|
@@ -1915,23 +1950,23 @@ class DocumentMapComponent {
|
|
|
1915
1950
|
ngOnInit() {
|
|
1916
1951
|
this.viewModel = this.data.model?.getViewModel();
|
|
1917
1952
|
}
|
|
1918
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1919
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1953
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DocumentMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1954
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DocumentMapComponent, selector: "dxv-document-map", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-document-map dxrd-height-100 dxrd-overflow-hidden\" [hidden]=\"!(data.active && data.visible)\" >\n <div class=\"dxrd-right-panel-header dxd-text-primary\">\n <div class=\"dxrd-display-inline-block\">\n {{headerText}}\n </div>\n </div>\n <div *ngIf=\"!!viewModel\">\n <dx-scroll-view class=\"dxrd-right-panel-body\"\n [showScrollbar]=\"'onHover'\"\n [useNative]=\"false\"\n [scrollByThumb]=\"true\"\n (onInitialized)=\"viewModel.onInitialized($event)\"\n [dxMutationObserver]=\"data.keyboardHelper\"\n >\n <dxa-treelist role=\"tree\" id=\"documentMapTree\" class=\"dxrd-width-100 dxrd-height-100\"\n [options]=\"viewModel.treeListOptions\"\n ></dxa-treelist>\n </dx-scroll-view>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: TreelistComponent, selector: "dxa-treelist", inputs: ["options"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1920
1955
|
}
|
|
1921
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DocumentMapComponent, decorators: [{
|
|
1922
1957
|
type: Component,
|
|
1923
1958
|
args: [{ selector: 'dxv-document-map', template: "<div class=\"dxrd-preview-document-map dxrd-height-100 dxrd-overflow-hidden\" [hidden]=\"!(data.active && data.visible)\" >\n <div class=\"dxrd-right-panel-header dxd-text-primary\">\n <div class=\"dxrd-display-inline-block\">\n {{headerText}}\n </div>\n </div>\n <div *ngIf=\"!!viewModel\">\n <dx-scroll-view class=\"dxrd-right-panel-body\"\n [showScrollbar]=\"'onHover'\"\n [useNative]=\"false\"\n [scrollByThumb]=\"true\"\n (onInitialized)=\"viewModel.onInitialized($event)\"\n [dxMutationObserver]=\"data.keyboardHelper\"\n >\n <dxa-treelist role=\"tree\" id=\"documentMapTree\" class=\"dxrd-width-100 dxrd-height-100\"\n [options]=\"viewModel.treeListOptions\"\n ></dxa-treelist>\n </dx-scroll-view>\n </div>\n</div>" }]
|
|
1924
|
-
}], ctorParameters:
|
|
1959
|
+
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
1925
1960
|
type: Input,
|
|
1926
1961
|
args: ['data']
|
|
1927
1962
|
}] } });
|
|
1928
1963
|
|
|
1929
1964
|
class TextEditingFieldComponent {
|
|
1930
1965
|
data;
|
|
1931
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1932
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1966
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1967
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextEditingFieldComponent, selector: "dxv-editing-field-text", inputs: { data: "data" }, ngImport: i0, template: "<textarea class=\"dxrp-editing-field-text\"\n [value]=\"data.value\"\n valueUpdate=\"keypress\"\n [style]=\"data.textStyle\"\n (blur)=\"data.hideEditor(true)\"\n (keyup)=\"data.keypressAction(data, $event)\">\n</textarea>" });
|
|
1933
1968
|
}
|
|
1934
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1969
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldComponent, decorators: [{
|
|
1935
1970
|
type: Component,
|
|
1936
1971
|
args: [{ selector: 'dxv-editing-field-text', template: "<textarea class=\"dxrp-editing-field-text\"\n [value]=\"data.value\"\n valueUpdate=\"keypress\"\n [style]=\"data.textStyle\"\n (blur)=\"data.hideEditor(true)\"\n (keyup)=\"data.keypressAction(data, $event)\">\n</textarea>" }]
|
|
1937
1972
|
}], propDecorators: { data: [{
|
|
@@ -1955,15 +1990,15 @@ class DxTextEditingFieldBaseComponent {
|
|
|
1955
1990
|
dxWidget.endUpdate();
|
|
1956
1991
|
this._cd.detectChanges();
|
|
1957
1992
|
}
|
|
1958
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1959
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1993
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxTextEditingFieldBaseComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1994
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxTextEditingFieldBaseComponent, selector: "ng-component", inputs: { data: "data" }, viewQueries: [{ propertyName: "widget", first: true, predicate: ["widget"], descendants: true }], ngImport: i0, template: '', isInline: true });
|
|
1960
1995
|
}
|
|
1961
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1996
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxTextEditingFieldBaseComponent, decorators: [{
|
|
1962
1997
|
type: Component,
|
|
1963
1998
|
args: [{
|
|
1964
1999
|
template: ''
|
|
1965
2000
|
}]
|
|
1966
|
-
}], ctorParameters:
|
|
2001
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
1967
2002
|
type: Input,
|
|
1968
2003
|
args: ['data']
|
|
1969
2004
|
}], widget: [{
|
|
@@ -1980,33 +2015,33 @@ class ChildStyleDirective {
|
|
|
1980
2015
|
ngAfterViewInit() {
|
|
1981
2016
|
initializeChildStyleBinding(this._element.nativeElement, this.options);
|
|
1982
2017
|
}
|
|
1983
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1984
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2018
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChildStyleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2019
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ChildStyleDirective, selector: "[dxvChildStyle]", inputs: { options: ["dxvChildStyle", "options"] }, ngImport: i0 });
|
|
1985
2020
|
}
|
|
1986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChildStyleDirective, decorators: [{
|
|
1987
2022
|
type: Directive,
|
|
1988
2023
|
args: [{
|
|
1989
2024
|
selector: '[dxvChildStyle]'
|
|
1990
2025
|
}]
|
|
1991
|
-
}], ctorParameters:
|
|
2026
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
1992
2027
|
type: Input,
|
|
1993
2028
|
args: ['dxvChildStyle']
|
|
1994
2029
|
}] } });
|
|
1995
2030
|
|
|
1996
2031
|
class TextEditingFieldMaskComponent extends DxTextEditingFieldBaseComponent {
|
|
1997
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1998
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2032
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldMaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2033
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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"] }] });
|
|
1999
2034
|
}
|
|
2000
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2035
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldMaskComponent, decorators: [{
|
|
2001
2036
|
type: Component,
|
|
2002
2037
|
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>" }]
|
|
2003
2038
|
}] });
|
|
2004
2039
|
|
|
2005
2040
|
class TextEditingFieldNumberComponent extends DxTextEditingFieldBaseComponent {
|
|
2006
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2007
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2041
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2042
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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"] }] });
|
|
2008
2043
|
}
|
|
2009
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldNumberComponent, decorators: [{
|
|
2010
2045
|
type: Component,
|
|
2011
2046
|
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>" }]
|
|
2012
2047
|
}] });
|
|
@@ -2033,13 +2068,13 @@ class TextEditingFieldDateBoxComponent {
|
|
|
2033
2068
|
};
|
|
2034
2069
|
this._cd.detectChanges();
|
|
2035
2070
|
}
|
|
2036
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2037
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2071
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldDateBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2072
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextEditingFieldDateBoxComponent, selector: "dxv-editing-field-datetime", inputs: { data: "data" }, ngImport: i0, template: "<dx-date-box class=\"dxrp-editing-field-datetime dxrd-width-100\"\n [value]=\"data.options.value\"\n [dropDownOptions]=\"dropDownOptions\"\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-date-box>", dependencies: [{ kind: "component", type: i2.DxDateBoxComponent, selector: "dx-date-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "adaptivityEnabled", "applyButtonText", "applyValueMode", "buttons", "calendarOptions", "cancelButtonText", "dateOutOfRangeMessage", "dateSerializationFormat", "deferRendering", "disabled", "disabledDates", "displayFormat", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "interval", "invalidDateMessage", "isDirty", "isValid", "label", "labelMode", "max", "maxLength", "min", "name", "opened", "openOnFieldClick", "pickerType", "placeholder", "readOnly", "rtlEnabled", "showAnalogClock", "showClearButton", "showDropDownButton", "spellcheck", "stylingMode", "tabIndex", "text", "todayButtonText", "type", "useMaskBehavior", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "applyButtonTextChange", "applyValueModeChange", "buttonsChange", "calendarOptionsChange", "cancelButtonTextChange", "dateOutOfRangeMessageChange", "dateSerializationFormatChange", "deferRenderingChange", "disabledChange", "disabledDatesChange", "displayFormatChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "intervalChange", "invalidDateMessageChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "maxLengthChange", "minChange", "nameChange", "openedChange", "openOnFieldClickChange", "pickerTypeChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showAnalogClockChange", "showClearButtonChange", "showDropDownButtonChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "todayButtonTextChange", "typeChange", "useMaskBehaviorChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }] });
|
|
2038
2073
|
}
|
|
2039
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2074
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldDateBoxComponent, decorators: [{
|
|
2040
2075
|
type: Component,
|
|
2041
2076
|
args: [{ selector: 'dxv-editing-field-datetime', template: "<dx-date-box class=\"dxrp-editing-field-datetime dxrd-width-100\"\n [value]=\"data.options.value\"\n [dropDownOptions]=\"dropDownOptions\"\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-date-box>" }]
|
|
2042
|
-
}], ctorParameters:
|
|
2077
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2043
2078
|
type: Input,
|
|
2044
2079
|
args: ['data']
|
|
2045
2080
|
}] } });
|
|
@@ -2052,38 +2087,45 @@ class ZoomDirective {
|
|
|
2052
2087
|
constructor(_element) {
|
|
2053
2088
|
this._element = _element;
|
|
2054
2089
|
}
|
|
2055
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2056
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2090
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ZoomDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2091
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ZoomDirective, selector: "[dxaZoom]", inputs: { options: ["dxaZoom", "options"] }, ngImport: i0 });
|
|
2057
2092
|
}
|
|
2058
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2093
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ZoomDirective, decorators: [{
|
|
2059
2094
|
type: Directive,
|
|
2060
2095
|
args: [{
|
|
2061
2096
|
selector: '[dxaZoom]'
|
|
2062
2097
|
}]
|
|
2063
|
-
}], ctorParameters:
|
|
2098
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
2064
2099
|
type: Input,
|
|
2065
2100
|
args: ['dxaZoom']
|
|
2066
2101
|
}] } });
|
|
2067
2102
|
|
|
2068
2103
|
class TextEditingFieldContainerComponent {
|
|
2069
2104
|
data;
|
|
2070
|
-
|
|
2071
|
-
|
|
2105
|
+
editingFieldElement;
|
|
2106
|
+
ngAfterViewInit() {
|
|
2107
|
+
this.data.setEditingFieldElement(this.editingFieldElement.nativeElement);
|
|
2108
|
+
}
|
|
2109
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2110
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextEditingFieldContainerComponent, selector: "dxv-editing-field-container", inputs: { data: "data" }, viewQueries: [{ propertyName: "editingFieldElement", first: true, predicate: ["editingFieldElement"], descendants: true }], ngImport: i0, template: "<div #editingFieldElement class=\"dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n [dxaZoom]=\"data.zoom\"\n [style]=\"data.containerStyle\"\n [class.active]=\"data.active\"\n [class.readonly]=\"data.field.readOnly\">\n <div class=\"dxrp-editing-field-borders\" [style]=\"data.borderStyle\"></div>\n <div class=\"dxrp-editing-field-content\" (click)=\"data.activateEditor(data, $event)\">\n <div *ngIf=\"!data.active || data.field.readOnly\">\n <div *ngIf=\"data.field.htmlValue\">\n <div class=\"dxrp-editing-field-readonly-text\" [style]=\"data.textStyle\" [class.dxrp-editing-field-text-wordwrap]=\"!data.wordWrap\">\n <div class=\"dxrp-editing-field-text-html dxrp-editing-field-text-html-complex\" [style]=\"data.breakOffsetStyle\" [innerHTML]=\"data.field.htmlValue\"></div>\n </div>\n </div>\n <div *ngIf=\"!data.field.htmlValue\">\n <div class=\"dxrp-editing-field-readonly-text\" [style]=\"data.textStyle\" [class.dxrp-editing-field-text-wordwrap]=\"!data.wordWrap\">\n {{data.field.editValue}}\n </div>\n </div>\n </div>\n <dxa-template *ngIf=\"data.active && !data.field.readOnly\" [template]=\"data.editorTemplate\" [data]=\"data.data\"></dxa-template>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }] });
|
|
2072
2111
|
}
|
|
2073
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldContainerComponent, decorators: [{
|
|
2074
2113
|
type: Component,
|
|
2075
|
-
args: [{ selector: 'dxv-editing-field-container', template: "<div class=\"dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n [dxaZoom]=\"data.zoom\"\n [style]=\"data.containerStyle\"\n [class.active]=\"data.active\"\n [class.readonly]=\"data.field.readOnly\">\n <div class=\"dxrp-editing-field-borders\" [style]=\"data.borderStyle\"></div>\n <div class=\"dxrp-editing-field-content\" (click)=\"data.activateEditor(data, $event)\">\n <div *ngIf=\"!data.active || data.field.readOnly\">\n <div *ngIf=\"data.field.htmlValue\">\n <div class=\"dxrp-editing-field-readonly-text\" [style]=\"data.textStyle\" [class.dxrp-editing-field-text-wordwrap]=\"!data.wordWrap\">\n <div class=\"dxrp-editing-field-text-html dxrp-editing-field-text-html-complex\" [style]=\"data.breakOffsetStyle\" [innerHTML]=\"data.field.htmlValue\"></div>\n </div>\n </div>\n <div *ngIf=\"!data.field.htmlValue\">\n <div class=\"dxrp-editing-field-readonly-text\" [style]=\"data.textStyle\" [class.dxrp-editing-field-text-wordwrap]=\"!data.wordWrap\">\n {{data.field.editValue}}\n </div>\n </div>\n </div>\n <dxa-template *ngIf=\"data.active && !data.field.readOnly\" [template]=\"data.editorTemplate\" [data]=\"data.data\"></dxa-template>\n </div>\n</div>" }]
|
|
2114
|
+
args: [{ selector: 'dxv-editing-field-container', template: "<div #editingFieldElement class=\"dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n [dxaZoom]=\"data.zoom\"\n [style]=\"data.containerStyle\"\n [class.active]=\"data.active\"\n [class.readonly]=\"data.field.readOnly\">\n <div class=\"dxrp-editing-field-borders\" [style]=\"data.borderStyle\"></div>\n <div class=\"dxrp-editing-field-content\" (click)=\"data.activateEditor(data, $event)\">\n <div *ngIf=\"!data.active || data.field.readOnly\">\n <div *ngIf=\"data.field.htmlValue\">\n <div class=\"dxrp-editing-field-readonly-text\" [style]=\"data.textStyle\" [class.dxrp-editing-field-text-wordwrap]=\"!data.wordWrap\">\n <div class=\"dxrp-editing-field-text-html dxrp-editing-field-text-html-complex\" [style]=\"data.breakOffsetStyle\" [innerHTML]=\"data.field.htmlValue\"></div>\n </div>\n </div>\n <div *ngIf=\"!data.field.htmlValue\">\n <div class=\"dxrp-editing-field-readonly-text\" [style]=\"data.textStyle\" [class.dxrp-editing-field-text-wordwrap]=\"!data.wordWrap\">\n {{data.field.editValue}}\n </div>\n </div>\n </div>\n <dxa-template *ngIf=\"data.active && !data.field.readOnly\" [template]=\"data.editorTemplate\" [data]=\"data.data\"></dxa-template>\n </div>\n</div>" }]
|
|
2076
2115
|
}], propDecorators: { data: [{
|
|
2077
2116
|
type: Input,
|
|
2078
2117
|
args: ['data']
|
|
2118
|
+
}], editingFieldElement: [{
|
|
2119
|
+
type: ViewChild,
|
|
2120
|
+
args: ['editingFieldElement']
|
|
2079
2121
|
}] } });
|
|
2080
2122
|
|
|
2081
2123
|
class CharacterCombEditingFieldComponent {
|
|
2082
2124
|
data;
|
|
2083
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2084
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2125
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CharacterCombEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2126
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CharacterCombEditingFieldComponent, selector: "dxv-editing-field-character-comb", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n [style]=\"data.containerStyle\"\n (click)=\"data.activateEditor(data, $event)\"\n [dxaZoom]=\"data.zoom\"\n [class.active]=\"data.active\"\n [class.readOnly]=\"data.field.readOnly\">\n <div *ngIf=\"!data.active || data.field.readOnly\">\n <div *ngFor=\"let cell of data.cells\">\n <div class=\"dxrp-editing-field-charactercomb-cell\" [style]=\"cell.style\">\n {{cell.text}}\n </div>\n </div>\n </div>\n <textarea *ngIf=\"data.active && !data.field.readOnly\" class=\"dxrp-editing-field-text dxrd-background-white\"\n [value]=\"data.field.editorValue\"\n valueUpdate=\"keypress\"\n [style]=\"data.textStyle\"\n (blur)=\"data.hideEditor(true)\"\n (keyup)=\"data.keypressAction(data, $event)\">\n </textarea>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }] });
|
|
2085
2127
|
}
|
|
2086
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CharacterCombEditingFieldComponent, decorators: [{
|
|
2087
2129
|
type: Component,
|
|
2088
2130
|
args: [{ selector: 'dxv-editing-field-character-comb', template: "<div class=\"dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n [style]=\"data.containerStyle\"\n (click)=\"data.activateEditor(data, $event)\"\n [dxaZoom]=\"data.zoom\"\n [class.active]=\"data.active\"\n [class.readOnly]=\"data.field.readOnly\">\n <div *ngIf=\"!data.active || data.field.readOnly\">\n <div *ngFor=\"let cell of data.cells\">\n <div class=\"dxrp-editing-field-charactercomb-cell\" [style]=\"cell.style\">\n {{cell.text}}\n </div>\n </div>\n </div>\n <textarea *ngIf=\"data.active && !data.field.readOnly\" class=\"dxrp-editing-field-text dxrd-background-white\"\n [value]=\"data.field.editorValue\"\n valueUpdate=\"keypress\"\n [style]=\"data.textStyle\"\n (blur)=\"data.hideEditor(true)\"\n (keyup)=\"data.keypressAction(data, $event)\">\n </textarea>\n</div>" }]
|
|
2089
2131
|
}], propDecorators: { data: [{
|
|
@@ -2093,10 +2135,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2093
2135
|
|
|
2094
2136
|
class CheckEditingFieldComponent {
|
|
2095
2137
|
data;
|
|
2096
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2097
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2138
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2139
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CheckEditingFieldComponent, selector: "dxv-editing-field-checkbox", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n [style]=\"data.containerStyle\"\n [dxaZoom]=\"data.zoom\"\n (click)=\"data.onClick(data, $event)\">\n <dxa-template *ngIf=\"!!data.checkStateStyleIcon\" class=\"dxrp-editing-field-check\"\n tabindex=\"1\"\n [style]=\"data.checkStyle\"\n [template]=\"data.checkStateStyleIcon\"\n [data]=\"data\">\n </dxa-template>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }] });
|
|
2098
2140
|
}
|
|
2099
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckEditingFieldComponent, decorators: [{
|
|
2100
2142
|
type: Component,
|
|
2101
2143
|
args: [{ selector: 'dxv-editing-field-checkbox', template: "<div class=\"dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n [style]=\"data.containerStyle\"\n [dxaZoom]=\"data.zoom\"\n (click)=\"data.onClick(data, $event)\">\n <dxa-template *ngIf=\"!!data.checkStateStyleIcon\" class=\"dxrp-editing-field-check\"\n tabindex=\"1\"\n [style]=\"data.checkStyle\"\n [template]=\"data.checkStateStyleIcon\"\n [data]=\"data\">\n </dxa-template>\n</div>" }]
|
|
2102
2144
|
}], propDecorators: { data: [{
|
|
@@ -2106,10 +2148,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2106
2148
|
|
|
2107
2149
|
class RadioEditingFieldComponent {
|
|
2108
2150
|
data;
|
|
2109
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2110
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2151
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2152
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioEditingFieldComponent, selector: "dxv-editing-field-radio", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n [style]=\"data.containerStyle\"\n [dxaZoom]=\"data.zoom\"\n (click)=\"data.onClick(data, $event)\">\n <div class=\"dxrp-editing-field-check\" [style]=\"data.checkStyle\">\n <svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 760 760\" preserveAspectRatio=\"xMidYMid meet\">\n <g fill=\"#010101\" stroke=\"none\">\n <path d=\"M32,380a348,348 0 1,0 696,0a348,348 0 1,0 -696,0\" class=\"highlight dxrd-stroke-width-50 dxrd-stroke-rgb-0\" />\n <path d=\"M185,380a195,195 0 1,0 390,0a195,195 0 1,0 -390,0\" [style.fill]=\"data.checked ? 'black' : 'transparent'\" />\n </g>\n </svg>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }] });
|
|
2111
2153
|
}
|
|
2112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioEditingFieldComponent, decorators: [{
|
|
2113
2155
|
type: Component,
|
|
2114
2156
|
args: [{ selector: 'dxv-editing-field-radio', template: "<div class=\"dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n [style]=\"data.containerStyle\"\n [dxaZoom]=\"data.zoom\"\n (click)=\"data.onClick(data, $event)\">\n <div class=\"dxrp-editing-field-check\" [style]=\"data.checkStyle\">\n <svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 760 760\" preserveAspectRatio=\"xMidYMid meet\">\n <g fill=\"#010101\" stroke=\"none\">\n <path d=\"M32,380a348,348 0 1,0 696,0a348,348 0 1,0 -696,0\" class=\"highlight dxrd-stroke-width-50 dxrd-stroke-rgb-0\" />\n <path d=\"M185,380a195,195 0 1,0 390,0a195,195 0 1,0 -390,0\" [style.fill]=\"data.checked ? 'black' : 'transparent'\" />\n </g>\n </svg>\n </div>\n</div>\n" }]
|
|
2115
2157
|
}], propDecorators: { data: [{
|
|
@@ -2155,13 +2197,13 @@ class PictureEditorComponent {
|
|
|
2155
2197
|
this.model.dispose();
|
|
2156
2198
|
this.editingFieldModel._setPictureEditor(null);
|
|
2157
2199
|
}
|
|
2158
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2159
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2200
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2201
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PictureEditorComponent, selector: "dxv-picture-editor", inputs: { viewModel: ["options", "viewModel"] }, viewQueries: [{ propertyName: "element", first: true, predicate: ["pictureEditing"], descendants: true }], ngImport: i0, template: "<div #pictureEditing class=\"dx-picture-editing\">\n <canvas [dxaZoom]=\"data?.painter.scale\"></canvas>\n <dx-popup *ngIf=\"!!popupOptions\" class=\"dx-picture-editing-active\"\n width=\"48px\"\n height=\"auto\"\n [wrapperAttr]=\"{ class: 'dx-picture-editing-active' }\"\n [position]=\"popupOptions.position\"\n [container]=\"popupOptions.container\"\n (onShown)=\"data.onContentReady($event)\"\n (showCloseButton)=\"false\"\n [showTitle]=\"false\"\n [animation]=\"{}\"\n [shading]=\"false\"\n [visible]=\"true\">\n\n <div class=\"dx-picture-editing-toolbar\" *dxTemplate=\"let contentData of 'content'\">\n <div *ngFor=\"let action of data.actions\">\n <div class=\"dx-picture-editing-toolbar-item\" (click)=\"action.action(action, $event)\" [attr.title]=\"action.title\">\n <dxa-template class=\"dx-picture-editing-toolbar-item-icon\" [template]=\"action.icon\"></dxa-template>\n </div>\n <dxa-template *ngIf=\"!!action.template\" [template]=\"action.template\" [data]=\"action.templateOptions\"></dxa-template>\n </div>\n </div>\n </dx-popup>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }] });
|
|
2160
2202
|
}
|
|
2161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorComponent, decorators: [{
|
|
2162
2204
|
type: Component,
|
|
2163
|
-
args: [{ selector: 'dxv-picture-editor', template: "<div #pictureEditing class=\"dx-picture-editing\">\n <canvas [dxaZoom]=\"data?.painter.scale\"></canvas>\n <dx-popup *ngIf=\"!!popupOptions\" class=\"dx-picture-editing-active\"\n width=\"48px\"\n height=\"auto\"\n [wrapperAttr]=\"{ class: 'dx-picture-editing-active' }\"\n [position]=\"popupOptions.position\"\n [container]=\"popupOptions.container\"\n [showTitle]=\"false\"\n [animation]=\"{}\"\n [shading]=\"false\"\n [visible]=\"true\">\n\n <div class=\"dx-picture-editing-toolbar\" *dxTemplate=\"let contentData of 'content'\">\n <div *ngFor=\"let action of data.actions\">\n <div class=\"dx-picture-editing-toolbar-item\" (click)=\"action.action(action, $event)\" [attr.title]=\"action.title\">\n <dxa-template class=\"dx-picture-editing-toolbar-item-icon\" [template]=\"action.icon\"></dxa-template>\n </div>\n <dxa-template *ngIf=\"!!action.template\" [template]=\"action.template\" [data]=\"action.templateOptions\"></dxa-template>\n </div>\n </div>\n </dx-popup>\n</div>" }]
|
|
2164
|
-
}], ctorParameters:
|
|
2205
|
+
args: [{ selector: 'dxv-picture-editor', template: "<div #pictureEditing class=\"dx-picture-editing\">\n <canvas [dxaZoom]=\"data?.painter.scale\"></canvas>\n <dx-popup *ngIf=\"!!popupOptions\" class=\"dx-picture-editing-active\"\n width=\"48px\"\n height=\"auto\"\n [wrapperAttr]=\"{ class: 'dx-picture-editing-active' }\"\n [position]=\"popupOptions.position\"\n [container]=\"popupOptions.container\"\n (onShown)=\"data.onContentReady($event)\"\n (showCloseButton)=\"false\"\n [showTitle]=\"false\"\n [animation]=\"{}\"\n [shading]=\"false\"\n [visible]=\"true\">\n\n <div class=\"dx-picture-editing-toolbar\" *dxTemplate=\"let contentData of 'content'\">\n <div *ngFor=\"let action of data.actions\">\n <div class=\"dx-picture-editing-toolbar-item\" (click)=\"action.action(action, $event)\" [attr.title]=\"action.title\">\n <dxa-template class=\"dx-picture-editing-toolbar-item-icon\" [template]=\"action.icon\"></dxa-template>\n </div>\n <dxa-template *ngIf=\"!!action.template\" [template]=\"action.template\" [data]=\"action.templateOptions\"></dxa-template>\n </div>\n </div>\n </dx-popup>\n</div>" }]
|
|
2206
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { element: [{
|
|
2165
2207
|
type: ViewChild,
|
|
2166
2208
|
args: ['pictureEditing']
|
|
2167
2209
|
}], viewModel: [{
|
|
@@ -2171,10 +2213,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2171
2213
|
|
|
2172
2214
|
class ImageEditingFieldEditorComponent {
|
|
2173
2215
|
data;
|
|
2174
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2175
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2216
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageEditingFieldEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2217
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImageEditingFieldEditorComponent, selector: "dxv-image-editing-field-editor", inputs: { data: "data" }, ngImport: i0, template: "<dxv-picture-editor [options]=\"data\" class=\"dxrd-height-100 dxrd-width-100\"></dxv-picture-editor>", dependencies: [{ kind: "component", type: PictureEditorComponent, selector: "dxv-picture-editor", inputs: ["options"] }] });
|
|
2176
2218
|
}
|
|
2177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageEditingFieldEditorComponent, decorators: [{
|
|
2178
2220
|
type: Component,
|
|
2179
2221
|
args: [{ selector: 'dxv-image-editing-field-editor', template: "<dxv-picture-editor [options]=\"data\" class=\"dxrd-height-100 dxrd-width-100\"></dxv-picture-editor>" }]
|
|
2180
2222
|
}], propDecorators: { data: [{
|
|
@@ -2184,10 +2226,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2184
2226
|
|
|
2185
2227
|
class ImageEditingFieldComponent {
|
|
2186
2228
|
data;
|
|
2187
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2188
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2229
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2230
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImageEditingFieldComponent, selector: "dxv-image-editing-field", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented\" [style]=\"data.containerStyle\">\n <dxv-image-editing-field-editor [data]=\"data\"></dxv-image-editing-field-editor>\n</div>", dependencies: [{ kind: "component", type: ImageEditingFieldEditorComponent, selector: "dxv-image-editing-field-editor", inputs: ["data"] }] });
|
|
2189
2231
|
}
|
|
2190
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageEditingFieldComponent, decorators: [{
|
|
2191
2233
|
type: Component,
|
|
2192
2234
|
args: [{ selector: 'dxv-image-editing-field', template: "<div class=\"dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented\" [style]=\"data.containerStyle\">\n <dxv-image-editing-field-editor [data]=\"data\"></dxv-image-editing-field-editor>\n</div>" }]
|
|
2193
2235
|
}], propDecorators: { data: [{
|
|
@@ -2213,13 +2255,13 @@ class PainterComponent {
|
|
|
2213
2255
|
this.model.dispose();
|
|
2214
2256
|
this.options.setPainter(null);
|
|
2215
2257
|
}
|
|
2216
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2217
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2258
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PainterComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2259
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PainterComponent, selector: "dxv-painter", inputs: { options: "options" }, ngImport: i0, template: "<div class=\"dx-painter\">\n <canvas [dxaZoom]=\"model?.scale\"></canvas>\n</div>", dependencies: [{ kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }] });
|
|
2218
2260
|
}
|
|
2219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PainterComponent, decorators: [{
|
|
2220
2262
|
type: Component,
|
|
2221
2263
|
args: [{ selector: 'dxv-painter', template: "<div class=\"dx-painter\">\n <canvas [dxaZoom]=\"model?.scale\"></canvas>\n</div>" }]
|
|
2222
|
-
}], ctorParameters:
|
|
2264
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { options: [{
|
|
2223
2265
|
type: Input,
|
|
2224
2266
|
args: ['options']
|
|
2225
2267
|
}] } });
|
|
@@ -2246,14 +2288,15 @@ class PopupImageEditingFieldComponent {
|
|
|
2246
2288
|
container: container
|
|
2247
2289
|
};
|
|
2248
2290
|
this._cd.detectChanges();
|
|
2291
|
+
this.data.setEditingFieldElement(this.popupContainer.nativeElement);
|
|
2249
2292
|
}
|
|
2250
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2251
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2293
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupImageEditingFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2294
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PopupImageEditingFieldComponent, selector: "dxv-popup-image-editing-field", inputs: { data: "data" }, viewQueries: [{ propertyName: "popupContainer", first: true, predicate: ["popupContainer"], descendants: true }], ngImport: i0, template: "<div class=\"dxrp-editing-field-container\" [style]=\"data.containerStyle\">\n <div #popupContainer [class]=\"'dx-accessibility-editing-field-item dx-accessibility-border-accented ' + data.parentPopupClass\" (click)=\"data.activateEditor(data, $event)\">\n <dxv-painter class=\"dxrp-editing-field-popup-container-cloned\" [options]=\"data.getPainterOptions()\"></dxv-painter>\n <dx-popup *ngIf=\"!!popupOptions\" class=\"dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\"\n [width]=\"data.containerStyle.width\"\n [height]=\"data.containerStyle.height\"\n [position]=\"popupOptions.position\"\n [container]=\"popupOptions.container\"\n [showTitle]=\"false\"\n [deferRendering]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n (onContentReady)=\"data.popupData.onContentReady($event)\"\n (onHiding)=\"data.popupData.onHiding($event)\"\n (onShown)=\"data.popupData.onShown($event)\"\n [shading]=\"data.popupData.shading\"\n [wrapperAttr]=\"{ class: 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }\"\n [animation]=\"{ \n show: { type: 'slide', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } },\n hide: { type: 'fade', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } }\n }\"\n [visible]=\"data.popupData.visible\"\n >\n <dxa-template *ngIf=\"data.popupData.showContent\" [template]=\"data.popupData.contentTemplate\" [data]=\"data\"></dxa-template>\n </dx-popup>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: PainterComponent, selector: "dxv-painter", inputs: ["options"] }] });
|
|
2252
2295
|
}
|
|
2253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupImageEditingFieldComponent, decorators: [{
|
|
2254
2297
|
type: Component,
|
|
2255
|
-
args: [{ selector: 'dxv-popup-image-editing-field', template: "<div class=\"dxrp-editing-field-container\" [style]=\"data.containerStyle\">\n <div #popupContainer [class]=\"'dx-
|
|
2256
|
-
}], ctorParameters:
|
|
2298
|
+
args: [{ selector: 'dxv-popup-image-editing-field', template: "<div class=\"dxrp-editing-field-container\" [style]=\"data.containerStyle\">\n <div #popupContainer [class]=\"'dx-accessibility-editing-field-item dx-accessibility-border-accented ' + data.parentPopupClass\" (click)=\"data.activateEditor(data, $event)\">\n <dxv-painter class=\"dxrp-editing-field-popup-container-cloned\" [options]=\"data.getPainterOptions()\"></dxv-painter>\n <dx-popup *ngIf=\"!!popupOptions\" class=\"dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\"\n [width]=\"data.containerStyle.width\"\n [height]=\"data.containerStyle.height\"\n [position]=\"popupOptions.position\"\n [container]=\"popupOptions.container\"\n [showTitle]=\"false\"\n [deferRendering]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n (onContentReady)=\"data.popupData.onContentReady($event)\"\n (onHiding)=\"data.popupData.onHiding($event)\"\n (onShown)=\"data.popupData.onShown($event)\"\n [shading]=\"data.popupData.shading\"\n [wrapperAttr]=\"{ class: 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }\"\n [animation]=\"{ \n show: { type: 'slide', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } },\n hide: { type: 'fade', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } }\n }\"\n [visible]=\"data.popupData.visible\"\n >\n <dxa-template *ngIf=\"data.popupData.showContent\" [template]=\"data.popupData.contentTemplate\" [data]=\"data\"></dxa-template>\n </dx-popup>\n </div>\n</div>" }]
|
|
2299
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2257
2300
|
type: Input,
|
|
2258
2301
|
args: ['data']
|
|
2259
2302
|
}], popupContainer: [{
|
|
@@ -2263,10 +2306,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2263
2306
|
|
|
2264
2307
|
class ProgressBarComponent {
|
|
2265
2308
|
viewModel;
|
|
2266
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2267
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2309
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2310
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProgressBarComponent, selector: "dxv-progress-bar", inputs: { viewModel: ["data", "viewModel"] }, ngImport: i0, template: "<div role=\"dialog\" class=\"dxrd-preview-progress dxd-popup-back-color dxd-back-primary2 dxd-border-primary\" [class]=\"viewModel.cssClasses\" [hidden]=\"!viewModel.visible\" [dxMutationObserver]=\"viewModel.progressBarAccessibilityKeyboardHelper\">\n <div class=\"dxrd-preview-progress-text dxd-text-primary\">{{viewModel.text}}</div>\n <div class=\"dxrd-preview-progress-bar dxd-back-primary\">\n <div class=\"dxrd-preview-progress-value dxd-preview-progress-bar-value-color dxd-back-accented\" [style.width]=\"viewModel.progress+'%'\"></div>\n </div>\n <div role=\"button\" class=\"dxrd-preview-progress-cancel dxd-hyperlink-color dxd-border-accented dxd-text-accented dx-accessibility-list-item dx-accessibility-border-accented\" [hidden]=\"!viewModel.cancelButton.visible\" (click)=\"viewModel.cancelButton.action && viewModel.cancelButton.action()\">{{viewModel.cancelButton.text}}</div>\n</div>", dependencies: [{ kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
2268
2311
|
}
|
|
2269
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2312
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
2270
2313
|
type: Component,
|
|
2271
2314
|
args: [{ selector: 'dxv-progress-bar', template: "<div role=\"dialog\" class=\"dxrd-preview-progress dxd-popup-back-color dxd-back-primary2 dxd-border-primary\" [class]=\"viewModel.cssClasses\" [hidden]=\"!viewModel.visible\" [dxMutationObserver]=\"viewModel.progressBarAccessibilityKeyboardHelper\">\n <div class=\"dxrd-preview-progress-text dxd-text-primary\">{{viewModel.text}}</div>\n <div class=\"dxrd-preview-progress-bar dxd-back-primary\">\n <div class=\"dxrd-preview-progress-value dxd-preview-progress-bar-value-color dxd-back-accented\" [style.width]=\"viewModel.progress+'%'\"></div>\n </div>\n <div role=\"button\" class=\"dxrd-preview-progress-cancel dxd-hyperlink-color dxd-border-accented dxd-text-accented dx-accessibility-list-item dx-accessibility-border-accented\" [hidden]=\"!viewModel.cancelButton.visible\" (click)=\"viewModel.cancelButton.action && viewModel.cancelButton.action()\">{{viewModel.cancelButton.text}}</div>\n</div>" }]
|
|
2272
2315
|
}], propDecorators: { viewModel: [{
|
|
@@ -2298,23 +2341,23 @@ class PictureEditorToolBarPopupComponent {
|
|
|
2298
2341
|
};
|
|
2299
2342
|
this._cd.detectChanges();
|
|
2300
2343
|
}
|
|
2301
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2302
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2344
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorToolBarPopupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2345
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PictureEditorToolBarPopupComponent, selector: "dxv-picture-editor-toolbar-popup", inputs: { data: "data" }, ngImport: i0, template: "<dx-popover *ngIf=\"!!popupOptions\" class=\"dx-picture-edit-popup-content\"\n [width]=\"data.width\"\n [height]=\"data.height\"\n [wrapperAttr]=\"{ class: 'dx-picture-edit-popup-content' }\"\n [hideOnOutsideClick]=\"data.hideOnOutsideClick\"\n (onShown)=\"data.onShown($event)\"\n (onHidden)=\"data.onHidden($event)\"\n (onContentReady)=\"data.onContentReady($event)\"\n [position]=\"popupOptions.position\"\n [container]=\"popupOptions.container\"\n [showTitle]=\"false\"\n [showCloseButton]=\"false\"\n [shading]=\"false\"\n [animation]=\"{}\"\n [visible]=\"data.visible\">\n <dxa-template [template]=\"data.contentTemplate\" [data]=\"data.contentData\"></dxa-template>\n</dx-popover>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2303
2346
|
}
|
|
2304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2347
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorToolBarPopupComponent, decorators: [{
|
|
2305
2348
|
type: Component,
|
|
2306
2349
|
args: [{ selector: 'dxv-picture-editor-toolbar-popup', template: "<dx-popover *ngIf=\"!!popupOptions\" class=\"dx-picture-edit-popup-content\"\n [width]=\"data.width\"\n [height]=\"data.height\"\n [wrapperAttr]=\"{ class: 'dx-picture-edit-popup-content' }\"\n [hideOnOutsideClick]=\"data.hideOnOutsideClick\"\n (onShown)=\"data.onShown($event)\"\n (onHidden)=\"data.onHidden($event)\"\n (onContentReady)=\"data.onContentReady($event)\"\n [position]=\"popupOptions.position\"\n [container]=\"popupOptions.container\"\n [showTitle]=\"false\"\n [showCloseButton]=\"false\"\n [shading]=\"false\"\n [animation]=\"{}\"\n [visible]=\"data.visible\">\n <dxa-template [template]=\"data.contentTemplate\" [data]=\"data.contentData\"></dxa-template>\n</dx-popover>" }]
|
|
2307
|
-
}], ctorParameters:
|
|
2350
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2308
2351
|
type: Input,
|
|
2309
2352
|
args: ['data']
|
|
2310
2353
|
}] } });
|
|
2311
2354
|
|
|
2312
2355
|
class PictureEditorBrushOptionsComponent {
|
|
2313
2356
|
data;
|
|
2314
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2315
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2357
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorBrushOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2358
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PictureEditorBrushOptionsComponent, selector: "dxv-picture-editing-brush-options", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dx-picture-editing-brush-options\">\n <div class=\"dx-picture-editing-line-width\">\n <div class=\"dx-picture-editing-text\">{{data.brushWidthText}}</div>\n <dx-slider class=\"dx-picture-editing-line-width-slider\"\n [min]=\"1\"\n [max]=\"9\"\n [value]=\"data.lineWidth\"\n [label]=\"{ visible: true }\"\n [tooltip]=\"{ enabled: true, showMode: 'always', position: 'bottom' }\"\n (onValueChanged)=\"this.data.onLineWidthChanged($event)\">\n </dx-slider>\n </div>\n <div class=\"dx-picture-editing-line-color\">\n <div class=\"dx-picture-editing-text\">{{data.brushColorText}}</div>\n <div class=\"dx-picture-editing-brush-options-colors\">\n <div class=\"dx-picture-editing-brush-options-color\" *ngFor=\"let color of data.colors\" [class.selected]=\"color.isSelected\">\n <div class=\"dx-picture-editing-brush-options-color-cell\" [style.background]=\"color.value\" (click)=\"color.action()\"></div>\n </div>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.DxSliderComponent, selector: "dx-slider", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "isDirty", "isValid", "keyStep", "label", "max", "min", "name", "readOnly", "rtlEnabled", "showRange", "step", "tabIndex", "tooltip", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeMode", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "isDirtyChange", "isValidChange", "keyStepChange", "labelChange", "maxChange", "minChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "showRangeChange", "stepChange", "tabIndexChange", "tooltipChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeModeChange", "visibleChange", "widthChange", "onBlur"] }] });
|
|
2316
2359
|
}
|
|
2317
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2360
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorBrushOptionsComponent, decorators: [{
|
|
2318
2361
|
type: Component,
|
|
2319
2362
|
args: [{ selector: 'dxv-picture-editing-brush-options', template: "<div class=\"dx-picture-editing-brush-options\">\n <div class=\"dx-picture-editing-line-width\">\n <div class=\"dx-picture-editing-text\">{{data.brushWidthText}}</div>\n <dx-slider class=\"dx-picture-editing-line-width-slider\"\n [min]=\"1\"\n [max]=\"9\"\n [value]=\"data.lineWidth\"\n [label]=\"{ visible: true }\"\n [tooltip]=\"{ enabled: true, showMode: 'always', position: 'bottom' }\"\n (onValueChanged)=\"this.data.onLineWidthChanged($event)\">\n </dx-slider>\n </div>\n <div class=\"dx-picture-editing-line-color\">\n <div class=\"dx-picture-editing-text\">{{data.brushColorText}}</div>\n <div class=\"dx-picture-editing-brush-options-colors\">\n <div class=\"dx-picture-editing-brush-options-color\" *ngFor=\"let color of data.colors\" [class.selected]=\"color.isSelected\">\n <div class=\"dx-picture-editing-brush-options-color-cell\" [style.background]=\"color.value\" (click)=\"color.action()\"></div>\n </div>\n </div>\n </div>\n</div>" }]
|
|
2320
2363
|
}], propDecorators: { data: [{
|
|
@@ -2324,10 +2367,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2324
2367
|
|
|
2325
2368
|
class PictureEditorSizeOptionsComponent {
|
|
2326
2369
|
data;
|
|
2327
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2328
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2370
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorSizeOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2371
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PictureEditorSizeOptionsComponent, selector: "dxv-picture-editing-size-options", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dx-picture-editing-sizemode-alignment\">\n <div class=\"dx-picture-editing-sizemode\">\n <div class=\"dx-picture-editing-text\">{{data.sizeModeText}}</div>\n <div class=\"dx-picture-editing-sizemode-values\">\n <dxa-template class=\"dx-picture-editing-sizemode-alignment-value\" *ngFor=\"let sizeModeValue of data.sizeModeValues\"\n [class.selected]=\"sizeModeValue.isSelected\"\n [template]=\"sizeModeValue.iconTemplate\"\n [attr.title]=\"sizeModeValue.attrTitle\"\n (click)=\"sizeModeValue.action()\">\n </dxa-template>\n </div>\n </div>\n <div class=\"dx-picture-editing-alignment\">\n <div class=\"dx-picture-editing-text\">{{data.alignmentText}}</div>\n <div class=\"dx-picture-editing-alignment-values\">\n <dxa-template class=\"dx-picture-editing-sizemode-alignment-value\" *ngFor=\"let alignmentValue of data.alignmentValues\"\n [class.selected]=\"alignmentValue.isSelected\"\n [template]=\"alignmentValue.iconTemplate\"\n [attr.title]=\"alignmentValue.attrTitle\"\n (click)=\"alignmentValue.action()\">\n </dxa-template>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2329
2372
|
}
|
|
2330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorSizeOptionsComponent, decorators: [{
|
|
2331
2374
|
type: Component,
|
|
2332
2375
|
args: [{ selector: 'dxv-picture-editing-size-options', template: "<div class=\"dx-picture-editing-sizemode-alignment\">\n <div class=\"dx-picture-editing-sizemode\">\n <div class=\"dx-picture-editing-text\">{{data.sizeModeText}}</div>\n <div class=\"dx-picture-editing-sizemode-values\">\n <dxa-template class=\"dx-picture-editing-sizemode-alignment-value\" *ngFor=\"let sizeModeValue of data.sizeModeValues\"\n [class.selected]=\"sizeModeValue.isSelected\"\n [template]=\"sizeModeValue.iconTemplate\"\n [attr.title]=\"sizeModeValue.attrTitle\"\n (click)=\"sizeModeValue.action()\">\n </dxa-template>\n </div>\n </div>\n <div class=\"dx-picture-editing-alignment\">\n <div class=\"dx-picture-editing-text\">{{data.alignmentText}}</div>\n <div class=\"dx-picture-editing-alignment-values\">\n <dxa-template class=\"dx-picture-editing-sizemode-alignment-value\" *ngFor=\"let alignmentValue of data.alignmentValues\"\n [class.selected]=\"alignmentValue.isSelected\"\n [template]=\"alignmentValue.iconTemplate\"\n [attr.title]=\"alignmentValue.attrTitle\"\n (click)=\"alignmentValue.action()\">\n </dxa-template>\n </div>\n </div>\n</div>" }]
|
|
2333
2376
|
}], propDecorators: { data: [{
|
|
@@ -2368,15 +2411,15 @@ class SearchHighlightingDirective {
|
|
|
2368
2411
|
ngOnDestroy() {
|
|
2369
2412
|
this.model?.dispose();
|
|
2370
2413
|
}
|
|
2371
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2372
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2414
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchHighlightingDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2415
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SearchHighlightingDirective, selector: "[dxaSearchHighlighting]", inputs: { text: "text", textToSearch: "textToSearch" }, ngImport: i0 });
|
|
2373
2416
|
}
|
|
2374
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchHighlightingDirective, decorators: [{
|
|
2375
2418
|
type: Directive,
|
|
2376
2419
|
args: [{
|
|
2377
2420
|
selector: '[dxaSearchHighlighting]'
|
|
2378
2421
|
}]
|
|
2379
|
-
}], ctorParameters:
|
|
2422
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { text: [{
|
|
2380
2423
|
type: Input,
|
|
2381
2424
|
args: ['text']
|
|
2382
2425
|
}], textToSearch: [{
|
|
@@ -2386,10 +2429,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2386
2429
|
|
|
2387
2430
|
class PictureEditorImagespickerComponent {
|
|
2388
2431
|
data;
|
|
2389
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2390
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2432
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorImagespickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2433
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PictureEditorImagespickerComponent, selector: "dxv-picture-editing-imagespicker", inputs: { data: "data" }, ngImport: i0, template: "<dx-scroll-view class=\"dx-picture-editing-imagescontainer dxd-text-primary\"\n [style.width]=\"data.contentWidth + 'px'\"\n showScrollbar=\"onHover\"\n [useNative]=\"false\"\n [scrollByThumb]=\"true\">\n\n <div class=\"dx-picture-editing-block dxd-state-normal dxd-back-highlighted\" *ngFor=\"let image of data.images\"\n [style.width]=\"(image.width + 10) + 'px'\"\n [hidden]=\"!image.visible\"\n (click)=\"image.action()\">\n \n <div *ngIf=\"image.visible\">\n <div class=\"dx-picture-editing-block-image\"\n [style.width]=\"image.width + 'px'\"\n [style.height]=\"image.height + 'px'\"\n [style.backgroundImage]=\"'url(' + (image.url || image.data) + ')'\">\n </div>\n <div *ngIf=\"!!image.text\">\n <div class=\"dx-picture-editing-block-text\" *ngIf=\"image.filterEnabled\" [attr.title]=\"image.text\" dxaSearchHighlighting [text]=\"image.text\" [textToSearch]=\"image.filter\"></div>\n <div class=\"dx-picture-editing-block-text\" *ngIf=\"!image.filterEnabled\" [attr.title]=\"image.text\">{{image.text}}</div>\n </div>\n </div>\n\n </div>\n</dx-scroll-view>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "directive", type: SearchHighlightingDirective, selector: "[dxaSearchHighlighting]", inputs: ["text", "textToSearch"] }] });
|
|
2391
2434
|
}
|
|
2392
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2435
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorImagespickerComponent, decorators: [{
|
|
2393
2436
|
type: Component,
|
|
2394
2437
|
args: [{ selector: 'dxv-picture-editing-imagespicker', template: "<dx-scroll-view class=\"dx-picture-editing-imagescontainer dxd-text-primary\"\n [style.width]=\"data.contentWidth + 'px'\"\n showScrollbar=\"onHover\"\n [useNative]=\"false\"\n [scrollByThumb]=\"true\">\n\n <div class=\"dx-picture-editing-block dxd-state-normal dxd-back-highlighted\" *ngFor=\"let image of data.images\"\n [style.width]=\"(image.width + 10) + 'px'\"\n [hidden]=\"!image.visible\"\n (click)=\"image.action()\">\n \n <div *ngIf=\"image.visible\">\n <div class=\"dx-picture-editing-block-image\"\n [style.width]=\"image.width + 'px'\"\n [style.height]=\"image.height + 'px'\"\n [style.backgroundImage]=\"'url(' + (image.url || image.data) + ')'\">\n </div>\n <div *ngIf=\"!!image.text\">\n <div class=\"dx-picture-editing-block-text\" *ngIf=\"image.filterEnabled\" [attr.title]=\"image.text\" dxaSearchHighlighting [text]=\"image.text\" [textToSearch]=\"image.filter\"></div>\n <div class=\"dx-picture-editing-block-text\" *ngIf=\"!image.filterEnabled\" [attr.title]=\"image.text\">{{image.text}}</div>\n </div>\n </div>\n\n </div>\n</dx-scroll-view>" }]
|
|
2395
2438
|
}], propDecorators: { data: [{
|
|
@@ -2398,10 +2441,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2398
2441
|
}] } });
|
|
2399
2442
|
|
|
2400
2443
|
class PictureEditorImagespickerWithFilterComponent extends PictureEditorImagespickerComponent {
|
|
2401
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2402
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2444
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorImagespickerWithFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2445
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PictureEditorImagespickerWithFilterComponent, selector: "dxv-picture-editing-imagespickerwithfilter", usesInheritance: true, ngImport: i0, template: "<div class=\"dx-picture-editing-filtercontent\" [style.width]=\"data.contentWidth + 'px'\">\n <dx-text-box class=\"dx-picture-editing-filtercontent-editor\"\n [value]=\"data.filter\"\n valueChangeEvent=\"keyup\"\n (onValueChanged)=\"data.onFilterChanged($event)\"\n [placeholder]=\"data.searchPlaceholder\"\n [showClearButton]=\"true\">\n </dx-text-box>\n <div class=\"dx-picture-editing-filtercontent-images\">\n <dxv-picture-editing-imagespicker [data]=\"data\"></dxv-picture-editing-imagespicker>\n </div>\n</div>", 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: "component", type: PictureEditorImagespickerComponent, selector: "dxv-picture-editing-imagespicker", inputs: ["data"] }] });
|
|
2403
2446
|
}
|
|
2404
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PictureEditorImagespickerWithFilterComponent, decorators: [{
|
|
2405
2448
|
type: Component,
|
|
2406
2449
|
args: [{ selector: 'dxv-picture-editing-imagespickerwithfilter', template: "<div class=\"dx-picture-editing-filtercontent\" [style.width]=\"data.contentWidth + 'px'\">\n <dx-text-box class=\"dx-picture-editing-filtercontent-editor\"\n [value]=\"data.filter\"\n valueChangeEvent=\"keyup\"\n (onValueChanged)=\"data.onFilterChanged($event)\"\n [placeholder]=\"data.searchPlaceholder\"\n [showClearButton]=\"true\">\n </dx-text-box>\n <div class=\"dx-picture-editing-filtercontent-images\">\n <dxv-picture-editing-imagespicker [data]=\"data\"></dxv-picture-editing-imagespicker>\n </div>\n</div>" }]
|
|
2407
2450
|
}] });
|
|
@@ -2436,20 +2479,20 @@ class SignatureEditorComponent extends EditorDropDownComponentBase {
|
|
|
2436
2479
|
this.options = this.data.getOptions(this.options);
|
|
2437
2480
|
}
|
|
2438
2481
|
processImage = (image) => this._sanitizer.bypassSecurityTrustUrl(image);
|
|
2439
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2440
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2482
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SignatureEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
2483
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SignatureEditorComponent, selector: "dxv-signature-editor", usesInheritance: true, ngImport: i0, template: "<dx-select-box #target #widget\n [dataSource]=\"options.dataSource\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [itemTemplate]=\"options.itemTemplate\"\n [displayExpr]=\"options.displayExpr\"\n [valueExpr]=\"options.valueExpr\"\n [showClearButton]=\"options.showClearButton\"\n [noDataText]=\"options.noDataText\"\n [dropDownOptions]=\"dropDownOptions\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n <div class=\"dxrdv-signature-editor-item\" *dxTemplate=\"let signature of 'item'\">\n <div class=\"dxrdv-signature-editor-item-image\">\n <img *ngIf=\"!!signature.image\" [attr.src]=\"processImage(signature.image)\" />\n <dxa-template *ngIf=\"!signature.image\" template=\"dxrd-svg-preview-signature_img_placeholder\"></dxa-template>\n </div>\n <div class=\"dxrdv-signature-editor-item-info\">\n <div *ngFor=\"let field of signature.fields\" class=\"dxrdv-signature-editor-item-info-field\" [attr.title]=\"field.value\">\n <span class=\"dxrdv-signature-editor-item-info-field-label\">{{field.label}}</span>\n <span>{{field.value}}</span>\n </div>\n </div>\n </div>\n</dx-select-box>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2441
2484
|
}
|
|
2442
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2485
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SignatureEditorComponent, decorators: [{
|
|
2443
2486
|
type: Component,
|
|
2444
2487
|
args: [{ selector: 'dxv-signature-editor', template: "<dx-select-box #target #widget\n [dataSource]=\"options.dataSource\"\n (onValueChanged)=\"options.onValueChanged($event)\"\n [itemTemplate]=\"options.itemTemplate\"\n [displayExpr]=\"options.displayExpr\"\n [valueExpr]=\"options.valueExpr\"\n [showClearButton]=\"options.showClearButton\"\n [noDataText]=\"options.noDataText\"\n [dropDownOptions]=\"dropDownOptions\">\n <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n <div class=\"dxrdv-signature-editor-item\" *dxTemplate=\"let signature of 'item'\">\n <div class=\"dxrdv-signature-editor-item-image\">\n <img *ngIf=\"!!signature.image\" [attr.src]=\"processImage(signature.image)\" />\n <dxa-template *ngIf=\"!signature.image\" template=\"dxrd-svg-preview-signature_img_placeholder\"></dxa-template>\n </div>\n <div class=\"dxrdv-signature-editor-item-info\">\n <div *ngFor=\"let field of signature.fields\" class=\"dxrdv-signature-editor-item-info-field\" [attr.title]=\"field.value\">\n <span class=\"dxrdv-signature-editor-item-info-field-label\">{{field.label}}</span>\n <span>{{field.value}}</span>\n </div>\n </div>\n </div>\n</dx-select-box>\n" }]
|
|
2445
|
-
}], ctorParameters:
|
|
2488
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.DomSanitizer }] });
|
|
2446
2489
|
|
|
2447
2490
|
class BrickComponent {
|
|
2448
2491
|
data;
|
|
2449
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2450
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2492
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrickComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2493
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrickComponent, selector: "dxv-brick", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-report-preview-brick\" \n [style.top]=\"data.topP\"\n [style.left]=\"data.leftP\"\n [style.right]=\"data.rightP\"\n [style.height]=\"data.heightP\"\n [style.width]=\"data.widthP\"\n [class.dxrd-report-preview-brick-selected]=\"data.active\">\n</div>" });
|
|
2451
2494
|
}
|
|
2452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrickComponent, decorators: [{
|
|
2453
2496
|
type: Component,
|
|
2454
2497
|
args: [{ selector: 'dxv-brick', template: "<div class=\"dxrd-report-preview-brick\" \n [style.top]=\"data.topP\"\n [style.left]=\"data.leftP\"\n [style.right]=\"data.rightP\"\n [style.height]=\"data.heightP\"\n [style.width]=\"data.widthP\"\n [class.dxrd-report-preview-brick-selected]=\"data.active\">\n</div>" }]
|
|
2455
2498
|
}], propDecorators: { data: [{
|
|
@@ -2459,10 +2502,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2459
2502
|
|
|
2460
2503
|
class BrickClickableComponent {
|
|
2461
2504
|
data;
|
|
2462
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2463
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2505
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrickClickableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2506
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrickClickableComponent, selector: "dxv-brick-clickable", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-report-preview-brick\"\n [style.top]=\"data.topP\"\n [style.left]=\"data.leftP\"\n [style.right]=\"data.rightP\"\n [style.height]=\"data.heightP\"\n [style.width]=\"data.widthP\"\n [class.dxrd-report-preview-brick-selected]=\"data.active\"\n [class.dxrd-report-preview-brick-selectable]=\"!data.bricks\"\n (click)=\"data.onClick($event); $event.stopPropagation();\">\n\n <div *ngIf=\"!!data.navigation\" class=\"dxrd-report-preview-brick-navigation\"\n [class.dxrdp-navigation-brick-drill-down]=\"!!data.navigation.drillDownKey\"\n [class.dxrdp-navigation-brick-sorting]=\"!!data.navigation.sortData\"\n [class.dxrdp-navigation-brick-sorting-desc]=\"data.navigation.sortData && data.navigation.sortData.order === 1\"\n [class.dxrdp-navigation-brick-sorting-asc]=\"data.navigation.sortData && data.navigation.sortData.order === 2\">\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2464
2507
|
}
|
|
2465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2508
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrickClickableComponent, decorators: [{
|
|
2466
2509
|
type: Component,
|
|
2467
2510
|
args: [{ selector: 'dxv-brick-clickable', template: "<div class=\"dxrd-report-preview-brick\"\n [style.top]=\"data.topP\"\n [style.left]=\"data.leftP\"\n [style.right]=\"data.rightP\"\n [style.height]=\"data.heightP\"\n [style.width]=\"data.widthP\"\n [class.dxrd-report-preview-brick-selected]=\"data.active\"\n [class.dxrd-report-preview-brick-selectable]=\"!data.bricks\"\n (click)=\"data.onClick($event); $event.stopPropagation();\">\n\n <div *ngIf=\"!!data.navigation\" class=\"dxrd-report-preview-brick-navigation\"\n [class.dxrdp-navigation-brick-drill-down]=\"!!data.navigation.drillDownKey\"\n [class.dxrdp-navigation-brick-sorting]=\"!!data.navigation.sortData\"\n [class.dxrdp-navigation-brick-sorting-desc]=\"data.navigation.sortData && data.navigation.sortData.order === 1\"\n [class.dxrdp-navigation-brick-sorting-asc]=\"data.navigation.sortData && data.navigation.sortData.order === 2\">\n </div>\n</div>" }]
|
|
2468
2511
|
}], propDecorators: { data: [{
|
|
@@ -2489,23 +2532,23 @@ class ExportToolComponent {
|
|
|
2489
2532
|
initializeViewerExportBinding(element, this.data);
|
|
2490
2533
|
this._cd.detectChanges();
|
|
2491
2534
|
}
|
|
2492
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2493
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2535
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExportToolComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2536
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExportToolComponent, selector: "dxv-export-tool", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-visually-hidden\">\n <form [attr.action]=\"data.exportActionUri\" method=\"post\">\n <input *ngFor=\"let input of data.exportFormData\" [attr.name]=\"input.name\" [attr.value]=\"input.value\"/>\n </form>\n</div>\n<dx-popup\n [width]=\"data.popupOptions.width\"\n [height]=\"data.popupOptions.height\"\n [title]=\"data.popupOptions.title\"\n [visible]=\"data.popupOptions.visible\"\n [showCloseButton]=\"true\"\n (onHidden)=\"data.popupOptions.onHidden()\"\n [toolbarItems]=\"data.popupOptions.toolbarItems\"\n [wrapperAttr]=\"data.popupOptions.wrapperAttr\"\n [container]=\"popupOptions?.container\"\n [position]=\"popupOptions?.position\">\n <div class=\"dxrd-print-dialog-content\">\n <div>{{data.printingTexts.caption}}</div>\n <p></p>\n <div *ngIf=\"!!data.printingTexts.prefix\" class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}\n </div> <a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n <div *ngIf=\"!!data.printingTexts.postfix\" class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n </div>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
|
|
2494
2537
|
}
|
|
2495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExportToolComponent, decorators: [{
|
|
2496
2539
|
type: Component,
|
|
2497
2540
|
args: [{ selector: 'dxv-export-tool', template: "<div class=\"dxrd-visually-hidden\">\n <form [attr.action]=\"data.exportActionUri\" method=\"post\">\n <input *ngFor=\"let input of data.exportFormData\" [attr.name]=\"input.name\" [attr.value]=\"input.value\"/>\n </form>\n</div>\n<dx-popup\n [width]=\"data.popupOptions.width\"\n [height]=\"data.popupOptions.height\"\n [title]=\"data.popupOptions.title\"\n [visible]=\"data.popupOptions.visible\"\n [showCloseButton]=\"true\"\n (onHidden)=\"data.popupOptions.onHidden()\"\n [toolbarItems]=\"data.popupOptions.toolbarItems\"\n [wrapperAttr]=\"data.popupOptions.wrapperAttr\"\n [container]=\"popupOptions?.container\"\n [position]=\"popupOptions?.position\">\n <div class=\"dxrd-print-dialog-content\">\n <div>{{data.printingTexts.caption}}</div>\n <p></p>\n <div *ngIf=\"!!data.printingTexts.prefix\" class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}\n </div> <a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n <div *ngIf=\"!!data.printingTexts.postfix\" class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n </div>\n</dx-popup>" }]
|
|
2498
|
-
}], ctorParameters:
|
|
2541
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2499
2542
|
type: Input,
|
|
2500
2543
|
args: ['data']
|
|
2501
2544
|
}] } });
|
|
2502
2545
|
|
|
2503
2546
|
class EditingFieldCheckboxGlyphComponent {
|
|
2504
2547
|
data;
|
|
2505
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2506
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2548
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditingFieldCheckboxGlyphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2549
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditingFieldCheckboxGlyphComponent, selector: "dxv-editing-field-checkbox-glyph", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-checkbox-custom-glyph\" [style]=\"data.customGlyphStyleCss\"></div>" });
|
|
2507
2550
|
}
|
|
2508
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2551
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditingFieldCheckboxGlyphComponent, decorators: [{
|
|
2509
2552
|
type: Component,
|
|
2510
2553
|
args: [{ selector: 'dxv-editing-field-checkbox-glyph', template: "<div class=\"dxrd-checkbox-custom-glyph\" [style]=\"data.customGlyphStyleCss\"></div>" }]
|
|
2511
2554
|
}], propDecorators: { data: [{
|
|
@@ -2518,10 +2561,10 @@ class MobileSlideDirective extends BaseDisposableDirective {
|
|
|
2518
2561
|
InitAndReturnDisposeFunc(element) {
|
|
2519
2562
|
return initializeSlideBinding(element, this.options);
|
|
2520
2563
|
}
|
|
2521
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2522
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2564
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileSlideDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2565
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: MobileSlideDirective, selector: "[dxvMobileSlide]", inputs: { options: ["dxvMobileSlide", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2523
2566
|
}
|
|
2524
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileSlideDirective, decorators: [{
|
|
2525
2568
|
type: Directive,
|
|
2526
2569
|
args: [{
|
|
2527
2570
|
selector: '[dxvMobileSlide]'
|
|
@@ -2537,10 +2580,10 @@ class MobileZoomDirective extends BaseDisposableDirective {
|
|
|
2537
2580
|
initializeMobileZoomBinding(element, this.options);
|
|
2538
2581
|
return () => void 0;
|
|
2539
2582
|
}
|
|
2540
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2541
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2583
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileZoomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2584
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: MobileZoomDirective, selector: "[dxvMobileZoom]", inputs: { options: ["dxvMobileZoom", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2542
2585
|
}
|
|
2543
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2586
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileZoomDirective, decorators: [{
|
|
2544
2587
|
type: Directive,
|
|
2545
2588
|
args: [{
|
|
2546
2589
|
selector: '[dxvMobileZoom]'
|
|
@@ -2579,13 +2622,13 @@ class MobileGalleryComponent {
|
|
|
2579
2622
|
Max(val1, val2) {
|
|
2580
2623
|
return Math.max(val1, val2);
|
|
2581
2624
|
}
|
|
2582
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2583
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2625
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2626
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MobileGalleryComponent, selector: "dxv-mobile-gallery", inputs: { data: "data", gallery: "gallery", slideOptions: "slideOptions" }, viewQueries: [{ propertyName: "galleryComponent", first: true, predicate: ["gallery"], descendants: true }], ngImport: i0, template: "<dx-gallery class=\"dxrd-mobile-gallery\" #gallery\n [dataSource]=\"data.gallery.items\"\n [animationEnabled]=\"data.gallery.animationEnabled\"\n [disabled]=\"data.zoomUpdating\"\n width=\"100%\"\n height=\"100%\"\n [showIndicator]=\"false\"\n [loop]=\"true\"\n (onSelectionChanged)=\"data.onSlide($event)\"\n (onOptionChanged)=\"data.gallery.onOptionChanged($event)\"\n >\n <div *dxTemplate=\"let item of 'item'\">\n <dx-scroll-view class=\"dxrd-scrollView-mobile\"\n [direction]=\"item.reportPreview.scrollViewOptions.direction\"\n [bounceEnabled]=\"item.reportPreview.scrollViewOptions.bounceEnabled\"\n [disabled]=\"item.reportPreview.scrollViewOptions.disabled\" \n (onUpdated)=\"item.reportPreview.scrollViewOptions.onUpdated($event)\">\n <div class=\"dxrd-gallery-blocks\" \n [style.width]=\"item.gallery.contentSize ? item.gallery.contentSize.width + 'px' : undefined\"\n [style.height]=\"item.gallery.contentSize ? item.gallery.contentSize.height + + 'px' : undefined\">\n <ng-container *ngFor=\"let block of item.blocks\">\n <div *ngIf=\"block.page\" class=\"dxrd-gallery-block\"\n [style.left]=\"block.position.left + 'px'\"\n [style.right]=\"block.position.right + 'px'\"\n [style.top]=\"block.position.top + 'px'\"\n [style.bottom]=\"block.position.bottom + 'px'\" \n [class]=\"block.classSet\">\n <div class=\"dxrd-gallery-block-content\"\n [style.width]=\"Max(block.page.width, block.position.width) + 'px'\"\n [style.height]=\"Max(block.page.height, block.position.height) + 'px'\"\n [style.background-color]=\"block.page.color\">\n <div class=\"dxrdp-active-border\"\n [class.dxrdp-active]=\"block.page.active && block.active\"\n [class.dxrdp-page-padding]=\"block.page.active && block.active\"\n [hidden]=\"!item.reportPreview.slideOptions.readerMode\">\n </div>\n <div class=\"dxrd-mobile-page\" \n [style.width]=\"block.page.width + 'px'\"\n [style.height]=\"block.page.height + 'px'\"\n [style.pointerEvents]=\"block.reportPreview.pageEvents\"\n [style.touchEvents]=\"block.reportPreview.pageEvents\"\n >\n <dxa-template template=\"dxrd-preview-page-mobile\" [data]=\"block.page\"></dxa-template>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </dx-scroll-view>\n </div>\n</dx-gallery>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: i2.DxGalleryComponent, selector: "dx-gallery", inputs: ["accessKey", "animationDuration", "animationEnabled", "dataSource", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "indicatorEnabled", "initialItemWidth", "itemHoldTimeout", "items", "itemTemplate", "loop", "noDataText", "rtlEnabled", "selectedIndex", "selectedItem", "showIndicator", "showNavButtons", "slideshowDelay", "stretchImages", "swipeEnabled", "tabIndex", "visible", "width", "wrapAround"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "onSelectionChanged", "accessKeyChange", "animationDurationChange", "animationEnabledChange", "dataSourceChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "indicatorEnabledChange", "initialItemWidthChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "loopChange", "noDataTextChange", "rtlEnabledChange", "selectedIndexChange", "selectedItemChange", "showIndicatorChange", "showNavButtonsChange", "slideshowDelayChange", "stretchImagesChange", "swipeEnabledChange", "tabIndexChange", "visibleChange", "widthChange", "wrapAroundChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2584
2627
|
}
|
|
2585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2628
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileGalleryComponent, decorators: [{
|
|
2586
2629
|
type: Component,
|
|
2587
2630
|
args: [{ selector: 'dxv-mobile-gallery', template: "<dx-gallery class=\"dxrd-mobile-gallery\" #gallery\n [dataSource]=\"data.gallery.items\"\n [animationEnabled]=\"data.gallery.animationEnabled\"\n [disabled]=\"data.zoomUpdating\"\n width=\"100%\"\n height=\"100%\"\n [showIndicator]=\"false\"\n [loop]=\"true\"\n (onSelectionChanged)=\"data.onSlide($event)\"\n (onOptionChanged)=\"data.gallery.onOptionChanged($event)\"\n >\n <div *dxTemplate=\"let item of 'item'\">\n <dx-scroll-view class=\"dxrd-scrollView-mobile\"\n [direction]=\"item.reportPreview.scrollViewOptions.direction\"\n [bounceEnabled]=\"item.reportPreview.scrollViewOptions.bounceEnabled\"\n [disabled]=\"item.reportPreview.scrollViewOptions.disabled\" \n (onUpdated)=\"item.reportPreview.scrollViewOptions.onUpdated($event)\">\n <div class=\"dxrd-gallery-blocks\" \n [style.width]=\"item.gallery.contentSize ? item.gallery.contentSize.width + 'px' : undefined\"\n [style.height]=\"item.gallery.contentSize ? item.gallery.contentSize.height + + 'px' : undefined\">\n <ng-container *ngFor=\"let block of item.blocks\">\n <div *ngIf=\"block.page\" class=\"dxrd-gallery-block\"\n [style.left]=\"block.position.left + 'px'\"\n [style.right]=\"block.position.right + 'px'\"\n [style.top]=\"block.position.top + 'px'\"\n [style.bottom]=\"block.position.bottom + 'px'\" \n [class]=\"block.classSet\">\n <div class=\"dxrd-gallery-block-content\"\n [style.width]=\"Max(block.page.width, block.position.width) + 'px'\"\n [style.height]=\"Max(block.page.height, block.position.height) + 'px'\"\n [style.background-color]=\"block.page.color\">\n <div class=\"dxrdp-active-border\"\n [class.dxrdp-active]=\"block.page.active && block.active\"\n [class.dxrdp-page-padding]=\"block.page.active && block.active\"\n [hidden]=\"!item.reportPreview.slideOptions.readerMode\">\n </div>\n <div class=\"dxrd-mobile-page\" \n [style.width]=\"block.page.width + 'px'\"\n [style.height]=\"block.page.height + 'px'\"\n [style.pointerEvents]=\"block.reportPreview.pageEvents\"\n [style.touchEvents]=\"block.reportPreview.pageEvents\"\n >\n <dxa-template template=\"dxrd-preview-page-mobile\" [data]=\"block.page\"></dxa-template>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </dx-scroll-view>\n </div>\n</dx-gallery>" }]
|
|
2588
|
-
}], ctorParameters:
|
|
2631
|
+
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
2589
2632
|
type: Input,
|
|
2590
2633
|
args: ['data']
|
|
2591
2634
|
}], gallery: [{
|
|
@@ -2601,10 +2644,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2601
2644
|
|
|
2602
2645
|
class MobileSurfaceComponent {
|
|
2603
2646
|
data;
|
|
2604
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2605
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2647
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileSurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2648
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MobileSurfaceComponent, selector: "dxv-mobile-surface", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-wrapper dxrdp-fullscreen dxrd-preview-surface\"\n [style.pointerEvents]=\"data.surfaceEvents\"\n [style.touchEvents]=\"data.surfaceEvents\" \n [style.top]=\"data.topOffset + 'px'\"\n [style.height]=\"data.previewWrapperSizeHeight + 'px'\"\n [style.width]=\"data.previewWrapperSizeWidth + 'px'\" \n [dxvMobileSlide]=\"data.slideOptions\"\n [dxvMobileZoom]=\"data.mobileZoomOptions\"\n (click)=\"data.click()\"\n [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-mobile-content\">\n <dxv-mobile-gallery [data]=\"data\" [slideOptions]=\"data.slideOptions\" [gallery]=\"data.gallery\"></dxv-mobile-gallery>\n </div>\n</div>\n<input type=\"text\" class=\"dxrd-display-none\" />", dependencies: [{ kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: MobileSlideDirective, selector: "[dxvMobileSlide]", inputs: ["dxvMobileSlide"] }, { kind: "directive", type: MobileZoomDirective, selector: "[dxvMobileZoom]", inputs: ["dxvMobileZoom"] }, { kind: "component", type: MobileGalleryComponent, selector: "dxv-mobile-gallery", inputs: ["data", "gallery", "slideOptions"] }] });
|
|
2606
2649
|
}
|
|
2607
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2650
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileSurfaceComponent, decorators: [{
|
|
2608
2651
|
type: Component,
|
|
2609
2652
|
args: [{ selector: 'dxv-mobile-surface', template: "<div class=\"dxrd-preview-wrapper dxrdp-fullscreen dxrd-preview-surface\"\n [style.pointerEvents]=\"data.surfaceEvents\"\n [style.touchEvents]=\"data.surfaceEvents\" \n [style.top]=\"data.topOffset + 'px'\"\n [style.height]=\"data.previewWrapperSizeHeight + 'px'\"\n [style.width]=\"data.previewWrapperSizeWidth + 'px'\" \n [dxvMobileSlide]=\"data.slideOptions\"\n [dxvMobileZoom]=\"data.mobileZoomOptions\"\n (click)=\"data.click()\"\n [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-mobile-content\">\n <dxv-mobile-gallery [data]=\"data\" [slideOptions]=\"data.slideOptions\" [gallery]=\"data.gallery\"></dxv-mobile-gallery>\n </div>\n</div>\n<input type=\"text\" class=\"dxrd-display-none\" />" }]
|
|
2610
2653
|
}], propDecorators: { data: [{
|
|
@@ -2617,10 +2660,10 @@ class MobileAutofitDirective extends BaseDisposableDirective {
|
|
|
2617
2660
|
InitAndReturnDisposeFunc(element) {
|
|
2618
2661
|
return initializeAutoFitBinding(element, this.options);
|
|
2619
2662
|
}
|
|
2620
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2621
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2663
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileAutofitDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2664
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: MobileAutofitDirective, selector: "[dxvMobileAutofit]", inputs: { options: ["dxvMobileAutofit", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2622
2665
|
}
|
|
2623
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileAutofitDirective, decorators: [{
|
|
2624
2667
|
type: Directive,
|
|
2625
2668
|
args: [{
|
|
2626
2669
|
selector: '[dxvMobileAutofit]'
|
|
@@ -2632,10 +2675,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2632
2675
|
|
|
2633
2676
|
class MobilePageComponent {
|
|
2634
2677
|
data;
|
|
2635
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2636
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2678
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobilePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2679
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MobilePageComponent, selector: "dxv-mobile-page", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrdp-content\"\n (click)=\"data.clickToBrick(data, $event)\"\n [style.width]=\"data.width + 'px'\"\n [style.height]=\"data.height + 'px'\" \n [dxvMobileAutofit]=\"data.autoFitOptions\"\n [dxvPreviewPageRenderer]=\"data.imageOptions\">\n <div class=\"dxrdp-loading-wrapper\" \n [style.width]=\"data.width + 'px'\"\n [style.height]=\"data.height + 'px'\"\n [style.lineHeight]=\"data.height + 'px'\"\n [style.background-color]=\"data.color\"\n [hidden]=\"!data.pageLoading\">\n {{data.loadingText}}\n </div>\n <div class=\"dxrdp-active-border\" \n [class.dxrdp-active]=\"data.active && data.hasBricks\"\n [hidden]=\"data.readerMode\"></div>\n <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\"></dxa-template>\n <ng-container *ngIf=\"!data.brickLoading && data.editingFields\">\n <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\"></dxa-template> \n </ng-container>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "directive", type: MobileAutofitDirective, selector: "[dxvMobileAutofit]", inputs: ["dxvMobileAutofit"] }] });
|
|
2637
2680
|
}
|
|
2638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobilePageComponent, decorators: [{
|
|
2639
2682
|
type: Component,
|
|
2640
2683
|
args: [{ selector: 'dxv-mobile-page', template: "<div class=\"dxrdp-content\"\n (click)=\"data.clickToBrick(data, $event)\"\n [style.width]=\"data.width + 'px'\"\n [style.height]=\"data.height + 'px'\" \n [dxvMobileAutofit]=\"data.autoFitOptions\"\n [dxvPreviewPageRenderer]=\"data.imageOptions\">\n <div class=\"dxrdp-loading-wrapper\" \n [style.width]=\"data.width + 'px'\"\n [style.height]=\"data.height + 'px'\"\n [style.lineHeight]=\"data.height + 'px'\"\n [style.background-color]=\"data.color\"\n [hidden]=\"!data.pageLoading\">\n {{data.loadingText}}\n </div>\n <div class=\"dxrdp-active-border\" \n [class.dxrdp-active]=\"data.active && data.hasBricks\"\n [hidden]=\"data.readerMode\"></div>\n <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\"></dxa-template>\n <ng-container *ngIf=\"!data.brickLoading && data.editingFields\">\n <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\"></dxa-template> \n </ng-container>\n</div>" }]
|
|
2641
2684
|
}], propDecorators: { data: [{
|
|
@@ -2645,10 +2688,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2645
2688
|
|
|
2646
2689
|
class MobileActionsComponent {
|
|
2647
2690
|
data;
|
|
2648
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2649
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2691
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2692
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MobileActionsComponent, selector: "dxv-mobile-actions", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrdp-mobile-actions\" [hidden]=\"!data.visible\">\n <div class=\"dxrdp-mobile-actions-content\">\n <div class=\"dxrdp-mobile-action\" *ngFor=\"let action of data.actions\">\n <div [hidden]=\"!action.visible\" [class]=\"'dxrdp-mobile-action ' + action.imageClassName\" (click)=\"action.clickAction()\">\n <dxa-template *ngIf=\"!!action.imageTemplateName\" [template]=\"action.imageTemplateName\"></dxa-template>\n </div>\n <dxa-template *ngIf=\"!!action.content\" [template]=\"action.content.name\" [data]=\"action.content.data\"></dxa-template>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2650
2693
|
}
|
|
2651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2694
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileActionsComponent, decorators: [{
|
|
2652
2695
|
type: Component,
|
|
2653
2696
|
args: [{ selector: 'dxv-mobile-actions', template: "<div class=\"dxrdp-mobile-actions\" [hidden]=\"!data.visible\">\n <div class=\"dxrdp-mobile-actions-content\">\n <div class=\"dxrdp-mobile-action\" *ngFor=\"let action of data.actions\">\n <div [hidden]=\"!action.visible\" [class]=\"'dxrdp-mobile-action ' + action.imageClassName\" (click)=\"action.clickAction()\">\n <dxa-template *ngIf=\"!!action.imageTemplateName\" [template]=\"action.imageTemplateName\"></dxa-template>\n </div>\n <dxa-template *ngIf=\"!!action.content\" [template]=\"action.content.name\" [data]=\"action.content.data\"></dxa-template>\n </div>\n </div>\n</div>" }]
|
|
2654
2697
|
}], propDecorators: { data: [{
|
|
@@ -2665,23 +2708,23 @@ class ComponentWithParentContainer {
|
|
|
2665
2708
|
ngOnInit() {
|
|
2666
2709
|
this.parentContainer = getParentContainer(this._element.nativeElement);
|
|
2667
2710
|
}
|
|
2668
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2669
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2711
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ComponentWithParentContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2712
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ComponentWithParentContainer, selector: "dxa-contained-element", ngImport: i0, template: '', isInline: true });
|
|
2670
2713
|
}
|
|
2671
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2714
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ComponentWithParentContainer, decorators: [{
|
|
2672
2715
|
type: Component,
|
|
2673
2716
|
args: [{
|
|
2674
2717
|
selector: 'dxa-contained-element',
|
|
2675
2718
|
template: ''
|
|
2676
2719
|
}]
|
|
2677
|
-
}], ctorParameters:
|
|
2720
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
2678
2721
|
|
|
2679
2722
|
class MobileParametersPopupComponent extends ComponentWithParentContainer {
|
|
2680
2723
|
data;
|
|
2681
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2682
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2724
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileParametersPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2725
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MobileParametersPopupComponent, selector: "dxv-mobile-parameters-popup", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "<dx-popup [wrapperAttr]=\"{ class: 'dxrd-menu-parameters-popup' }\" [showTitle]=\"false\" (onHidden)=\"data.onHidden($event)\" width=\"100vw\" height=\"100vh\" [visible]=\"data.visible\" [container]=\"parentContainer\">\n <dxa-template *ngIf=\"data.visible\" template=\"dxrv-preview-parameters-mobile\" [data]=\"data\"></dxa-template>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2683
2726
|
}
|
|
2684
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileParametersPopupComponent, decorators: [{
|
|
2685
2728
|
type: Component,
|
|
2686
2729
|
args: [{ selector: 'dxv-mobile-parameters-popup', template: "<dx-popup [wrapperAttr]=\"{ class: 'dxrd-menu-parameters-popup' }\" [showTitle]=\"false\" (onHidden)=\"data.onHidden($event)\" width=\"100vw\" height=\"100vh\" [visible]=\"data.visible\" [container]=\"parentContainer\">\n <dxa-template *ngIf=\"data.visible\" template=\"dxrv-preview-parameters-mobile\" [data]=\"data\"></dxa-template>\n</dx-popup>" }]
|
|
2687
2730
|
}], propDecorators: { data: [{
|
|
@@ -2702,13 +2745,13 @@ class MobileParametersComponent {
|
|
|
2702
2745
|
this.data.cacheElementContent(this.buttonGroup.nativeElement);
|
|
2703
2746
|
this._cd.detectChanges();
|
|
2704
2747
|
}
|
|
2705
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2706
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2748
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileParametersComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2749
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MobileParametersComponent, selector: "dxv-mobile-parameters", inputs: { data: "data" }, viewQueries: [{ propertyName: "buttonGroup", first: true, predicate: ["buttonGroup"], descendants: true }], ngImport: i0, template: "<div [class]=\"'dxrdp-parameters-mobile ' + data.className\">\n <div class=\"dxrdp-parameters-title\">{{data.title}} </div>\n <dx-scroll-view class=\"dxrdp-parameters-scroll\" showScrollbar=\"onHover\" [useNative]=\"false\" [scrollByThumb]=\"true\" [bounceEnabled]=\"false\">\n <dxa-template [template]=\"data.contentTemplate\" [data]=\"data.model.getViewModel()\"></dxa-template>\n </dx-scroll-view>\n <div class=\"dxrdp-parameters-buttons text-buttons\" #buttonGroup>\n <dx-button *ngFor=\"let button of data.actionButtons\" [class]=\"'dxrdp-parameter-action ' + button.className\" [text]=\"button.text\" (onClick)=\"button.action($event)\" [disabled]=\"button.disabled\" [visible]=\"button.visible\"></dx-button>\n </div>\n <div class=\"dxrdp-parameters-buttons\" [hidden]=\"!data.showIcons\">\n <dx-button *ngFor=\"let icon of data.actionIcons\" [class]=\"'dxrdp-parameter-icon ' + icon.className\" (onClick)=\"icon.action($event)\" [disabled]=\"icon.disabled\"></dx-button>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2707
2750
|
}
|
|
2708
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileParametersComponent, decorators: [{
|
|
2709
2752
|
type: Component,
|
|
2710
2753
|
args: [{ selector: 'dxv-mobile-parameters', template: "<div [class]=\"'dxrdp-parameters-mobile ' + data.className\">\n <div class=\"dxrdp-parameters-title\">{{data.title}} </div>\n <dx-scroll-view class=\"dxrdp-parameters-scroll\" showScrollbar=\"onHover\" [useNative]=\"false\" [scrollByThumb]=\"true\" [bounceEnabled]=\"false\">\n <dxa-template [template]=\"data.contentTemplate\" [data]=\"data.model.getViewModel()\"></dxa-template>\n </dx-scroll-view>\n <div class=\"dxrdp-parameters-buttons text-buttons\" #buttonGroup>\n <dx-button *ngFor=\"let button of data.actionButtons\" [class]=\"'dxrdp-parameter-action ' + button.className\" [text]=\"button.text\" (onClick)=\"button.action($event)\" [disabled]=\"button.disabled\" [visible]=\"button.visible\"></dx-button>\n </div>\n <div class=\"dxrdp-parameters-buttons\" [hidden]=\"!data.showIcons\">\n <dx-button *ngFor=\"let icon of data.actionIcons\" [class]=\"'dxrdp-parameter-icon ' + icon.className\" (onClick)=\"icon.action($event)\" [disabled]=\"icon.disabled\"></dx-button>\n </div>\n</div>" }]
|
|
2711
|
-
}], ctorParameters:
|
|
2754
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2712
2755
|
type: Input,
|
|
2713
2756
|
args: ['data']
|
|
2714
2757
|
}], buttonGroup: [{
|
|
@@ -2721,20 +2764,20 @@ class MobileParametersDateRangeComponent extends DateRangeComponent {
|
|
|
2721
2764
|
this.options.isMobile = true;
|
|
2722
2765
|
super.ngOnInit();
|
|
2723
2766
|
}
|
|
2724
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2725
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2767
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileParametersDateRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2768
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MobileParametersDateRangeComponent, selector: "dxv-mobile-parameters-daterange", usesInheritance: true, ngImport: i0, template: "<dxv-date-range [data]=\"options\"></dxv-date-range>", dependencies: [{ kind: "component", type: DateRangeComponent, selector: "dxv-date-range", inputs: ["data"] }] });
|
|
2726
2769
|
}
|
|
2727
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2770
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileParametersDateRangeComponent, decorators: [{
|
|
2728
2771
|
type: Component,
|
|
2729
2772
|
args: [{ selector: 'dxv-mobile-parameters-daterange', template: "<dxv-date-range [data]=\"options\"></dxv-date-range>" }]
|
|
2730
2773
|
}] });
|
|
2731
2774
|
|
|
2732
2775
|
class MobileActionsExportComponent extends ComponentWithParentContainer {
|
|
2733
2776
|
data;
|
|
2734
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2735
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2777
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileActionsExportComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2778
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MobileActionsExportComponent, selector: "dxv-mobile-actions-export", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "<dx-popover class=\"dxrd-menu-export-popover\"\n [wrapperAttr]=\"{ class: 'dxrd-menu-export-popover' }\"\n width=\"266px\"\n height=\"266px\"\n [visible]=\"data.visible\"\n target=\".dxrdp-mobile-action.dxrd-image-export-to\"\n [container]=\"parentContainer\">\n <div *dxTemplate=\"let contentData of 'content'\">\n <div *ngFor=\"let item of data.items\" class=\"dxrd-menu-export-item\" (click)=\"item.action()\">{{item.text}}</div>\n </div>\n</dx-popover>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
|
|
2736
2779
|
}
|
|
2737
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2780
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileActionsExportComponent, decorators: [{
|
|
2738
2781
|
type: Component,
|
|
2739
2782
|
args: [{ selector: 'dxv-mobile-actions-export', template: "<dx-popover class=\"dxrd-menu-export-popover\"\n [wrapperAttr]=\"{ class: 'dxrd-menu-export-popover' }\"\n width=\"266px\"\n height=\"266px\"\n [visible]=\"data.visible\"\n target=\".dxrdp-mobile-action.dxrd-image-export-to\"\n [container]=\"parentContainer\">\n <div *dxTemplate=\"let contentData of 'content'\">\n <div *ngFor=\"let item of data.items\" class=\"dxrd-menu-export-item\" (click)=\"item.action()\">{{item.text}}</div>\n </div>\n</dx-popover>" }]
|
|
2740
2783
|
}], propDecorators: { data: [{
|
|
@@ -2747,10 +2790,10 @@ class MobileSearchBarDirective extends BaseDisposableDirective {
|
|
|
2747
2790
|
InitAndReturnDisposeFunc(element) {
|
|
2748
2791
|
return initializeMobileSearchBinding(element, this.options);
|
|
2749
2792
|
}
|
|
2750
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2751
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2793
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileSearchBarDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2794
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: MobileSearchBarDirective, selector: "[dxvSearchBar]", inputs: { options: ["dxvSearchBar", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2752
2795
|
}
|
|
2753
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileSearchBarDirective, decorators: [{
|
|
2754
2797
|
type: Directive,
|
|
2755
2798
|
args: [{
|
|
2756
2799
|
selector: '[dxvSearchBar]'
|
|
@@ -2762,10 +2805,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2762
2805
|
|
|
2763
2806
|
class MobileSearchComponent {
|
|
2764
2807
|
data;
|
|
2765
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2766
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2808
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2809
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MobileSearchComponent, selector: "dxv-search-mobile", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrdp-search-wrapper\" [style.height]=\"data.height\" [dxvSearchBar]=\"data\">\n <div class=\"dxrd-mobile-search\">\n <div class=\"dxrdp-taptosearch\" [hidden]=\"data.editorVisible\" (click)=\"data.focusEditor(data, $event)\">\n <div class=\"dxrdp-taptosearch-text\">{{ data.tapToSearchText }}</div>\n </div>\n <div class=\"dxrdp-search-panel\" [hidden]=\"!data.editorVisible\"> \n <dx-text-box class=\"dxrdp-search-editor\" [value]=\"data.searchText\"\n (onValueChanged)=\"data.onSearchTextChanged($event)\"\n (onEnterKey)=\"data.startSearch()\"> \n </dx-text-box>\n </div>\n </div>\n</div>", 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: MobileSearchBarDirective, selector: "[dxvSearchBar]", inputs: ["dxvSearchBar"] }] });
|
|
2767
2810
|
}
|
|
2768
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2811
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileSearchComponent, decorators: [{
|
|
2769
2812
|
type: Component,
|
|
2770
2813
|
args: [{ selector: 'dxv-search-mobile', template: "<div class=\"dxrdp-search-wrapper\" [style.height]=\"data.height\" [dxvSearchBar]=\"data\">\n <div class=\"dxrd-mobile-search\">\n <div class=\"dxrdp-taptosearch\" [hidden]=\"data.editorVisible\" (click)=\"data.focusEditor(data, $event)\">\n <div class=\"dxrdp-taptosearch-text\">{{ data.tapToSearchText }}</div>\n </div>\n <div class=\"dxrdp-search-panel\" [hidden]=\"!data.editorVisible\"> \n <dx-text-box class=\"dxrdp-search-editor\" [value]=\"data.searchText\"\n (onValueChanged)=\"data.onSearchTextChanged($event)\"\n (onEnterKey)=\"data.startSearch()\"> \n </dx-text-box>\n </div>\n </div>\n</div>" }]
|
|
2771
2814
|
}], propDecorators: { data: [{
|
|
@@ -2775,10 +2818,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2775
2818
|
|
|
2776
2819
|
class DateRangeMobileComponent {
|
|
2777
2820
|
data;
|
|
2778
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2779
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2821
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2822
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateRangeMobileComponent, selector: "dxv-date-range-mobile", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrv-preview-date-range-mobile\">\n <div class=\"dx-fieldset\">\n <div class=\"dx-field\">\n <dx-select-box\n [dataSource]=\"data.items\"\n displayExpr=\"displayName\"\n (onValueChanged)=\"data.popupModel.onTextChanged($event)\"\n [placeholder]=\"data.popupModel.selectPeriodPlaceholder\"\n [useItemTextAsTitle]=\"true\"\n ></dx-select-box>\n </div>\n <div class=\"dx-field\">\n <div class=\"dx-fieldset-column\">\n <div class=\"dx-fieldset-header\">{{data.popupModel.fromText}}</div>\n <dx-button class=\"dxrv-daterange-editor-button\"\n [class.dx-button-default]=\"data.popupModel.startButton.focused\"\n [text]=\"data.popupModel.startButton.text\"\n\n [stylingMode]=\"data.popupModel.startButton.stylingMode\"\n [focusStateEnabled]=\"data.popupModel.startButton.focusStateEnabled\"\n [activeStateEnabled]=\"data.popupModel.startButton.activeStateEnabled\"\n (onClick)=\"data.popupModel.startButton.onClick()\"\n ></dx-button>\n </div>\n <div class=\"dx-fieldset-column dx-fieldset-column-right\">\n <div class=\"dx-fieldset-header\">{{data.popupModel.untilText}}</div>\n <div class=\"dxd-back-secondary dx-fieldset-column-separator\"></div>\n <dx-button class=\"dxrv-daterange-editor-button\"\n [class.dx-button-default]=\"data.popupModel.endButton.focused\"\n [text]=\"data.popupModel.endButton.text\"\n\n [stylingMode]=\"data.popupModel.endButton.stylingMode\"\n [focusStateEnabled]=\"data.popupModel.endButton.focusStateEnabled\"\n [activeStateEnabled]=\"data.popupModel.endButton.activeStateEnabled\"\n (onClick)=\"data.popupModel.endButton.onClick()\">\n </dx-button>\n </div>\n </div>\n <div class=\"dx-field\">\n <div class=\"dxrv-daterange-editor-item\">\n <dxa-template *ngIf=\"data.popupModel.startButton.focused\" template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n <dxa-template *ngIf=\"data.popupModel.endButton.focused\" template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n </div> \n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2780
2823
|
}
|
|
2781
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2824
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeMobileComponent, decorators: [{
|
|
2782
2825
|
type: Component,
|
|
2783
2826
|
args: [{ selector: 'dxv-date-range-mobile', template: "<div class=\"dxrv-preview-date-range-mobile\">\n <div class=\"dx-fieldset\">\n <div class=\"dx-field\">\n <dx-select-box\n [dataSource]=\"data.items\"\n displayExpr=\"displayName\"\n (onValueChanged)=\"data.popupModel.onTextChanged($event)\"\n [placeholder]=\"data.popupModel.selectPeriodPlaceholder\"\n [useItemTextAsTitle]=\"true\"\n ></dx-select-box>\n </div>\n <div class=\"dx-field\">\n <div class=\"dx-fieldset-column\">\n <div class=\"dx-fieldset-header\">{{data.popupModel.fromText}}</div>\n <dx-button class=\"dxrv-daterange-editor-button\"\n [class.dx-button-default]=\"data.popupModel.startButton.focused\"\n [text]=\"data.popupModel.startButton.text\"\n\n [stylingMode]=\"data.popupModel.startButton.stylingMode\"\n [focusStateEnabled]=\"data.popupModel.startButton.focusStateEnabled\"\n [activeStateEnabled]=\"data.popupModel.startButton.activeStateEnabled\"\n (onClick)=\"data.popupModel.startButton.onClick()\"\n ></dx-button>\n </div>\n <div class=\"dx-fieldset-column dx-fieldset-column-right\">\n <div class=\"dx-fieldset-header\">{{data.popupModel.untilText}}</div>\n <div class=\"dxd-back-secondary dx-fieldset-column-separator\"></div>\n <dx-button class=\"dxrv-daterange-editor-button\"\n [class.dx-button-default]=\"data.popupModel.endButton.focused\"\n [text]=\"data.popupModel.endButton.text\"\n\n [stylingMode]=\"data.popupModel.endButton.stylingMode\"\n [focusStateEnabled]=\"data.popupModel.endButton.focusStateEnabled\"\n [activeStateEnabled]=\"data.popupModel.endButton.activeStateEnabled\"\n (onClick)=\"data.popupModel.endButton.onClick()\">\n </dx-button>\n </div>\n </div>\n <div class=\"dx-field\">\n <div class=\"dxrv-daterange-editor-item\">\n <dxa-template *ngIf=\"data.popupModel.startButton.focused\" template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n <dxa-template *ngIf=\"data.popupModel.endButton.focused\" template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n </div> \n </div>\n </div>\n</div>" }]
|
|
2784
2827
|
}], propDecorators: { data: [{
|
|
@@ -2792,10 +2835,10 @@ class MobilePaginatorDirective extends BaseDisposableDirective {
|
|
|
2792
2835
|
initializeMobilePaginatorBinding(element, this.options);
|
|
2793
2836
|
return () => void 0;
|
|
2794
2837
|
}
|
|
2795
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2796
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2838
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobilePaginatorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2839
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: MobilePaginatorDirective, selector: "[dxvPaginator]", inputs: { options: ["dxvPaginator", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2797
2840
|
}
|
|
2798
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2841
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobilePaginatorDirective, decorators: [{
|
|
2799
2842
|
type: Directive,
|
|
2800
2843
|
args: [{
|
|
2801
2844
|
selector: '[dxvPaginator]'
|
|
@@ -2807,10 +2850,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2807
2850
|
|
|
2808
2851
|
class MobilePaginatorComponent {
|
|
2809
2852
|
data;
|
|
2810
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2811
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2853
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobilePaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2854
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MobilePaginatorComponent, selector: "dxv-pages-mobile", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrdp-mobile-paginator\" [dxvPaginator]=\"data\">\n <div class=\"dxrdp-mobile-paginator-content\">\n <div class=\"dxrdp-mobile-paginator-text\">{{ data.text }}</div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: MobilePaginatorDirective, selector: "[dxvPaginator]", inputs: ["dxvPaginator"] }] });
|
|
2812
2855
|
}
|
|
2813
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2856
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobilePaginatorComponent, decorators: [{
|
|
2814
2857
|
type: Component,
|
|
2815
2858
|
args: [{ selector: 'dxv-pages-mobile', template: "<div class=\"dxrdp-mobile-paginator\" [dxvPaginator]=\"data\">\n <div class=\"dxrdp-mobile-paginator-content\">\n <div class=\"dxrdp-mobile-paginator-text\">{{ data.text }}</div>\n </div>\n</div>\n" }]
|
|
2816
2859
|
}], propDecorators: { data: [{
|
|
@@ -2820,10 +2863,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2820
2863
|
|
|
2821
2864
|
class BreadcrumbsComponent {
|
|
2822
2865
|
data;
|
|
2823
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2824
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2866
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2867
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: { data: "data" }, ngImport: i0, template: "<div *ngIf=\"data.listItems.length > 1\" class=\"dxrd-breadcrumbs-wrapper\" [dxMutationObserver]=\"data.keyboardHelper\" aria-label=\"Breadcrumbs\" role=\"navigation\">\n <ng-container *ngFor=\"let item of data.listItems; index as i\">\n <a *ngIf=\"data.listItems.length > (i+1)\" class=\"dxrd-breadcrump-link dxrd-breadcrumb-item dxd-text-accented dx-accessibility-border-accented\"\n (click)=\"data.onClick(item.position)\">\n <span>{{item.displayText}}</span>\n </a>\n <dxa-template *ngIf=\"data.listItems.length > (i+1)\" class=\"dxrd-breadcrumb-item-seperator\" template=\"dxrd-svg-preview-breadcrumbs_seperator\"></dxa-template>\n <a *ngIf=\"data.listItems.length === (i+1)\" class=\"dxrd-breadcrumb-item dxd-text-primary dx-accessibility-border-accented\" aria-current=\"location\">\n <span>{{item.displayText}}</span>\n </a>\n </ng-container>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
2825
2868
|
}
|
|
2826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2869
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
2827
2870
|
type: Component,
|
|
2828
2871
|
args: [{ selector: 'dxv-breadcrumbs', template: "<div *ngIf=\"data.listItems.length > 1\" class=\"dxrd-breadcrumbs-wrapper\" [dxMutationObserver]=\"data.keyboardHelper\" aria-label=\"Breadcrumbs\" role=\"navigation\">\n <ng-container *ngFor=\"let item of data.listItems; index as i\">\n <a *ngIf=\"data.listItems.length > (i+1)\" class=\"dxrd-breadcrump-link dxrd-breadcrumb-item dxd-text-accented dx-accessibility-border-accented\"\n (click)=\"data.onClick(item.position)\">\n <span>{{item.displayText}}</span>\n </a>\n <dxa-template *ngIf=\"data.listItems.length > (i+1)\" class=\"dxrd-breadcrumb-item-seperator\" template=\"dxrd-svg-preview-breadcrumbs_seperator\"></dxa-template>\n <a *ngIf=\"data.listItems.length === (i+1)\" class=\"dxrd-breadcrumb-item dxd-text-primary dx-accessibility-border-accented\" aria-current=\"location\">\n <span>{{item.displayText}}</span>\n </a>\n </ng-container>\n</div>" }]
|
|
2829
2872
|
}], propDecorators: { data: [{
|
|
@@ -2853,6 +2896,7 @@ class ViewerTemplatesComponent {
|
|
|
2853
2896
|
editorContent;
|
|
2854
2897
|
groupEditor;
|
|
2855
2898
|
search;
|
|
2899
|
+
aipanel;
|
|
2856
2900
|
brick;
|
|
2857
2901
|
brickClickable;
|
|
2858
2902
|
separator;
|
|
@@ -2909,6 +2953,7 @@ class ViewerTemplatesComponent {
|
|
|
2909
2953
|
this._templateEngine.register('dxrd-parameters-editor-content', this.editorContent);
|
|
2910
2954
|
this._templateEngine.register('dxrd-propertieseditor', this.groupEditor);
|
|
2911
2955
|
this._templateEngine.register('dxrd-preview-search', this.search);
|
|
2956
|
+
this._templateEngine.register('dxrd-preview-ai-panel', this.aipanel);
|
|
2912
2957
|
this._templateEngine.register('dxrd-page-brick-mobile', this.brick);
|
|
2913
2958
|
this._templateEngine.register('dxrd-page-brick-clickable', this.brickClickable);
|
|
2914
2959
|
this._templateEngine.register('dxrd-parameters-separator', this.separator);
|
|
@@ -2942,13 +2987,13 @@ class ViewerTemplatesComponent {
|
|
|
2942
2987
|
this._templateEngine.register('dxrdp-search-mobile', this.mobilesearch);
|
|
2943
2988
|
this._templateEngine.register('dxrdp-pages-mobile', this.mobilepaginator);
|
|
2944
2989
|
}
|
|
2945
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2946
|
-
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"] }] });
|
|
2990
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ViewerTemplatesComponent, deps: [{ token: TemplateEngine }], target: i0.ɵɵFactoryTarget.Component });
|
|
2991
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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: "aipanel", first: true, predicate: ["aipanel"], 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 #aipanel let-data=\"data\">\n <dxv-aipanel [data]=\"data\"></dxv-aipanel>\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: AIPanelComponent, selector: "dxv-aipanel", 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"] }] });
|
|
2947
2992
|
}
|
|
2948
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2993
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ViewerTemplatesComponent, decorators: [{
|
|
2949
2994
|
type: Component,
|
|
2950
|
-
args: [{ selector: 'dxv-templates', 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>" }]
|
|
2951
|
-
}], ctorParameters:
|
|
2995
|
+
args: [{ selector: 'dxv-templates', 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 #aipanel let-data=\"data\">\n <dxv-aipanel [data]=\"data\"></dxv-aipanel>\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>" }]
|
|
2996
|
+
}], ctorParameters: () => [{ type: TemplateEngine }], propDecorators: { toolbar: [{
|
|
2952
2997
|
type: ViewChild,
|
|
2953
2998
|
args: ['toolbar']
|
|
2954
2999
|
}], breadcrumb: [{
|
|
@@ -3008,6 +3053,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3008
3053
|
}], search: [{
|
|
3009
3054
|
type: ViewChild,
|
|
3010
3055
|
args: ['search']
|
|
3056
|
+
}], aipanel: [{
|
|
3057
|
+
type: ViewChild,
|
|
3058
|
+
args: ['aipanel']
|
|
3011
3059
|
}], brick: [{
|
|
3012
3060
|
type: ViewChild,
|
|
3013
3061
|
args: ['brick']
|
|
@@ -3144,19 +3192,19 @@ class DxReportViewerComponent extends DxReportViewerBaseComponent {
|
|
|
3144
3192
|
return this.bindingSender.GetPreviewModel();
|
|
3145
3193
|
}
|
|
3146
3194
|
isMobile;
|
|
3147
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3148
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3195
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerComponent, deps: [{ token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AccessibilitySettings }], target: i0.ɵɵFactoryTarget.Component });
|
|
3196
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerComponent, selector: "dx-report-viewer", inputs: { isMobile: "isMobile" }, providers: [AccessibilitySettings], queries: [{ propertyName: "requestOptionsComponent", first: true, predicate: DxReportViewerRequestOptionsComponent, descendants: true }, { propertyName: "callbacksComponent", first: true, predicate: DxReportViewerCallbacksComponent, descendants: true }, { propertyName: "mobileModeSettingsComponent", first: true, predicate: DxReportViewerMobileModeSettingsComponent, descendants: true }, { propertyName: "remoteSettingsComponent", first: true, predicate: DxReportViewerRemoteSettingsComponent, descendants: true }, { propertyName: "tabPanelSettingsComponent", first: true, predicate: DxReportViewerTabPanelSettingsComponent, descendants: true }, { propertyName: "progressBarSettingsComponent", first: true, predicate: DxReportViewerProgressBarSettingsComponent, descendants: true }, { propertyName: "exportSettingsComponent", first: true, predicate: DxReportViewerExportSettingsComponent, descendants: true }, { propertyName: "searchSettingsComponent", first: true, predicate: DxReportViewerSearchSettingsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #control [ngClass]=\"cssClass\" [ngStyle]=\"{'width': width, 'height': height }\">\n <dxa-templates></dxa-templates>\n <dxv-templates></dxv-templates>\n <div class=\"dx-designer\">\n <dxa-template *ngIf=\"!!viewModel\" template=\"dx-designer\" [data]=\"viewModel\"></dxa-template>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TemplatesComponent, selector: "dxa-templates" }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: ViewerTemplatesComponent, selector: "dxv-templates" }] });
|
|
3149
3197
|
}
|
|
3150
3198
|
__decorate([
|
|
3151
3199
|
_inputConverter(_booleanConverter)
|
|
3152
3200
|
], DxReportViewerComponent.prototype, "isMobile", void 0);
|
|
3153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerComponent, decorators: [{
|
|
3154
3202
|
type: Component,
|
|
3155
3203
|
args: [{ selector: 'dx-report-viewer', providers: [AccessibilitySettings], template: "<div #control [ngClass]=\"cssClass\" [ngStyle]=\"{'width': width, 'height': height }\">\n <dxa-templates></dxa-templates>\n <dxv-templates></dxv-templates>\n <div class=\"dx-designer\">\n <dxa-template *ngIf=\"!!viewModel\" template=\"dx-designer\" [data]=\"viewModel\"></dxa-template>\n </div>\n</div>" }]
|
|
3156
|
-
}], ctorParameters:
|
|
3204
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: Object, decorators: [{
|
|
3157
3205
|
type: Inject,
|
|
3158
3206
|
args: [PLATFORM_ID]
|
|
3159
|
-
}] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AccessibilitySettings }]
|
|
3207
|
+
}] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AccessibilitySettings }], propDecorators: { requestOptionsComponent: [{
|
|
3160
3208
|
type: ContentChild,
|
|
3161
3209
|
args: [DxReportViewerRequestOptionsComponent]
|
|
3162
3210
|
}], callbacksComponent: [{
|
|
@@ -3185,10 +3233,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3185
3233
|
}] } });
|
|
3186
3234
|
|
|
3187
3235
|
class DxReportParametersPanelCallbacksComponent extends DxReportViewerCallbacksBaseComponent {
|
|
3188
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3189
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3236
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportParametersPanelCallbacksComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3237
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportParametersPanelCallbacksComponent, selector: "dxrpp-callbacks", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
3190
3238
|
}
|
|
3191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportParametersPanelCallbacksComponent, decorators: [{
|
|
3192
3240
|
type: Component,
|
|
3193
3241
|
args: [{
|
|
3194
3242
|
template: '',
|
|
@@ -3197,10 +3245,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3197
3245
|
}] });
|
|
3198
3246
|
|
|
3199
3247
|
class DxReportParametersPanelRequestOptionsComponent extends DxRequestOptionsBaseComponent {
|
|
3200
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3201
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3248
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportParametersPanelRequestOptionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3249
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportParametersPanelRequestOptionsComponent, selector: "dxrpp-request-options", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
3202
3250
|
}
|
|
3203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportParametersPanelRequestOptionsComponent, decorators: [{
|
|
3204
3252
|
type: Component,
|
|
3205
3253
|
args: [{
|
|
3206
3254
|
template: '',
|
|
@@ -3224,10 +3272,10 @@ class DxReportParametersPanelComponent extends DxReportViewerBaseComponent {
|
|
|
3224
3272
|
requestOptions: this.requestOptionsComponent
|
|
3225
3273
|
};
|
|
3226
3274
|
}
|
|
3227
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3228
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3275
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportParametersPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3276
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportParametersPanelComponent, selector: "dx-report-parameters-panel", providers: [AccessibilitySettings], queries: [{ propertyName: "requestOptionsComponent", first: true, predicate: DxReportParametersPanelRequestOptionsComponent, descendants: true }, { propertyName: "callbacksComponent", first: true, predicate: DxReportParametersPanelCallbacksComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #control [ngClass]=\"cssClass\" [ngStyle]=\"{'width': width, 'height': height }\">\n <dxa-templates></dxa-templates>\n <dxv-templates></dxv-templates>\n <div class=\"dx-designer\">\n <dxa-template *ngIf=\"!!viewModel\" template=\"dx-designer\" [data]=\"viewModel\"></dxa-template>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TemplatesComponent, selector: "dxa-templates" }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: ViewerTemplatesComponent, selector: "dxv-templates" }] });
|
|
3229
3277
|
}
|
|
3230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportParametersPanelComponent, decorators: [{
|
|
3231
3279
|
type: Component,
|
|
3232
3280
|
args: [{ selector: 'dx-report-parameters-panel', providers: [AccessibilitySettings], template: "<div #control [ngClass]=\"cssClass\" [ngStyle]=\"{'width': width, 'height': height }\">\n <dxa-templates></dxa-templates>\n <dxv-templates></dxv-templates>\n <div class=\"dx-designer\">\n <dxa-template *ngIf=\"!!viewModel\" template=\"dx-designer\" [data]=\"viewModel\"></dxa-template>\n </div>\n</div>" }]
|
|
3233
3281
|
}], propDecorators: { requestOptionsComponent: [{
|
|
@@ -3239,8 +3287,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3239
3287
|
}] } });
|
|
3240
3288
|
|
|
3241
3289
|
class DxReportViewerModule {
|
|
3242
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3243
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3290
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3291
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerModule, declarations: [DxReportViewerComponent,
|
|
3244
3292
|
DxReportViewerCallbacksComponent,
|
|
3245
3293
|
DxReportViewerMobileModeSettingsComponent,
|
|
3246
3294
|
DxReportViewerRemoteSettingsComponent,
|
|
@@ -3294,6 +3342,7 @@ class DxReportViewerModule {
|
|
|
3294
3342
|
EditorContentComponent,
|
|
3295
3343
|
GroupEditorComponent,
|
|
3296
3344
|
SearchComponent,
|
|
3345
|
+
AIPanelComponent,
|
|
3297
3346
|
DocumentMapComponent,
|
|
3298
3347
|
TextEditingFieldComponent,
|
|
3299
3348
|
TextEditingFieldMaskComponent,
|
|
@@ -3354,6 +3403,7 @@ class DxReportViewerModule {
|
|
|
3354
3403
|
DxReportParametersPanelCallbacksComponent,
|
|
3355
3404
|
DxReportParametersPanelRequestOptionsComponent], imports: [CommonModule,
|
|
3356
3405
|
DxButtonModule,
|
|
3406
|
+
DxTextAreaModule,
|
|
3357
3407
|
DxLoadIndicatorModule,
|
|
3358
3408
|
DxScrollViewModule,
|
|
3359
3409
|
DxSelectBoxModule,
|
|
@@ -3382,8 +3432,9 @@ class DxReportViewerModule {
|
|
|
3382
3432
|
DxReportParametersPanelComponent,
|
|
3383
3433
|
DxReportParametersPanelCallbacksComponent,
|
|
3384
3434
|
DxReportParametersPanelRequestOptionsComponent], id: 'DxReportViewerModule' });
|
|
3385
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3435
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerModule, providers: [TemplateEngine], imports: [CommonModule,
|
|
3386
3436
|
DxButtonModule,
|
|
3437
|
+
DxTextAreaModule,
|
|
3387
3438
|
DxLoadIndicatorModule,
|
|
3388
3439
|
DxScrollViewModule,
|
|
3389
3440
|
DxSelectBoxModule,
|
|
@@ -3402,13 +3453,14 @@ class DxReportViewerModule {
|
|
|
3402
3453
|
DxListModule,
|
|
3403
3454
|
DxGalleryModule] });
|
|
3404
3455
|
}
|
|
3405
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3456
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerModule, decorators: [{
|
|
3406
3457
|
type: NgModule,
|
|
3407
3458
|
args: [{
|
|
3408
3459
|
id: 'DxReportViewerModule',
|
|
3409
3460
|
imports: [
|
|
3410
3461
|
CommonModule,
|
|
3411
3462
|
DxButtonModule,
|
|
3463
|
+
DxTextAreaModule,
|
|
3412
3464
|
DxLoadIndicatorModule,
|
|
3413
3465
|
DxScrollViewModule,
|
|
3414
3466
|
DxSelectBoxModule,
|
|
@@ -3482,6 +3534,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3482
3534
|
EditorContentComponent,
|
|
3483
3535
|
GroupEditorComponent,
|
|
3484
3536
|
SearchComponent,
|
|
3537
|
+
AIPanelComponent,
|
|
3485
3538
|
DocumentMapComponent,
|
|
3486
3539
|
TextEditingFieldComponent,
|
|
3487
3540
|
TextEditingFieldMaskComponent,
|