devexpress-reporting-angular 25.2.3 → 25.2.4
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/analytics/directives/disposable.directive.base.d.ts +1 -1
- package/fesm2022/devexpress-reporting-angular-core.mjs +4 -3
- package/fesm2022/devexpress-reporting-angular-core.mjs.map +1 -1
- package/fesm2022/devexpress-reporting-angular-dx-report-designer.mjs +38 -31
- package/fesm2022/devexpress-reporting-angular-dx-report-designer.mjs.map +1 -1
- package/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs +556 -516
- package/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs.map +1 -1
- package/fesm2022/devexpress-reporting-angular.mjs +4 -4
- package/package.json +9 -9
- package/esm2022/all.mjs +0 -27
- package/esm2022/core/_input-converters.mjs +0 -38
- package/esm2022/core/_settingsProvider.mjs +0 -2
- package/esm2022/core/devexpress-reporting-angular-core.mjs +0 -5
- package/esm2022/core/dx-reporting.component.mjs +0 -66
- package/esm2022/core/index.mjs +0 -7
- package/esm2022/devexpress-reporting-angular.mjs +0 -5
- package/esm2022/dx-report-designer/devexpress-reporting-angular-dx-report-designer.mjs +0 -5
- package/esm2022/dx-report-designer/dx-report-designer.component.mjs +0 -75
- package/esm2022/dx-report-designer/dx-report-designer.module.mjs +0 -58
- package/esm2022/dx-report-designer/dxrd-callbacks.mjs +0 -116
- package/esm2022/dx-report-designer/dxrd-datasource-settings.component.mjs +0 -41
- package/esm2022/dx-report-designer/dxrd-designer-model-settings.component.mjs +0 -58
- package/esm2022/dx-report-designer/dxrd-parameter-editing-settings.component.mjs +0 -55
- package/esm2022/dx-report-designer/dxrd-preview-settings.component.mjs +0 -34
- package/esm2022/dx-report-designer/dxrd-request-options.mjs +0 -23
- package/esm2022/dx-report-designer/dxrd-wizard-settings.component.mjs +0 -73
- package/esm2022/dx-report-designer/index.mjs +0 -13
- package/esm2022/dx-report-viewer/aiSettings/dx-summarization-settings.component.mjs +0 -22
- package/esm2022/dx-report-viewer/aiSettings/dx-translation-settings.component.mjs +0 -31
- package/esm2022/dx-report-viewer/aiSettings/dxrv-ai-settings.component.mjs +0 -27
- package/esm2022/dx-report-viewer/components/analytics/actions/actions.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/analytics/designer/designer.component.mjs +0 -30
- package/esm2022/dx-report-viewer/components/analytics/directives/accordion.directive.mjs +0 -23
- package/esm2022/dx-report-viewer/components/analytics/directives/buttonWithTemplate.directive.mjs +0 -23
- package/esm2022/dx-report-viewer/components/analytics/directives/disposable.directive.base.mjs +0 -35
- package/esm2022/dx-report-viewer/components/analytics/directives/dx-action.directive.mjs +0 -37
- package/esm2022/dx-report-viewer/components/analytics/directives/dx-mutation-observer.directive.mjs +0 -31
- package/esm2022/dx-report-viewer/components/analytics/directives/ellipsisEditor.directive.mjs +0 -32
- package/esm2022/dx-report-viewer/components/analytics/directives/key-down-actions.directive.mjs +0 -25
- package/esm2022/dx-report-viewer/components/analytics/directives/resizable.directive.mjs +0 -31
- package/esm2022/dx-report-viewer/components/analytics/directives/searchHighlighting.directive.mjs +0 -52
- package/esm2022/dx-report-viewer/components/analytics/directives/zoom.directive.mjs +0 -24
- package/esm2022/dx-report-viewer/components/analytics/properties/collectioneditor/collectioneditor.component.mjs +0 -47
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.base.mjs +0 -79
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.boolean.mjs +0 -21
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.boolselect.mjs +0 -31
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.colorpicker.mjs +0 -37
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.date.mjs +0 -34
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.dropdown.base.mjs +0 -30
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.numeric.mjs +0 -22
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.selectbox.localized.mjs +0 -31
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.selectbox.mjs +0 -40
- package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.textbox.mjs +0 -24
- package/esm2022/dx-report-viewer/components/analytics/properties/object-editor/object-editor.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/analytics/properties/popover/popover.component.mjs +0 -28
- package/esm2022/dx-report-viewer/components/analytics/properties/propertygrid/propertygrid.component.mjs +0 -20
- package/esm2022/dx-report-viewer/components/analytics/tabpanel/tabpanel.component.mjs +0 -33
- package/esm2022/dx-report-viewer/components/analytics/template/image.template.component.mjs +0 -37
- package/esm2022/dx-report-viewer/components/analytics/template/lazy.template.component.mjs +0 -41
- package/esm2022/dx-report-viewer/components/analytics/template/template.component.mjs +0 -46
- package/esm2022/dx-report-viewer/components/analytics/templates.component.mjs +0 -134
- package/esm2022/dx-report-viewer/components/analytics/widgets/component-with-parent-container.component.mjs +0 -23
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist-group.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist-header-item-caption-content.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist-header-item.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist-item-text-content.component.mjs +0 -16
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist-item.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/analytics/widgets/treelist/treelist.component.mjs +0 -49
- package/esm2022/dx-report-viewer/components/reporting/aipanel/aipanel.component.mjs +0 -33
- package/esm2022/dx-report-viewer/components/reporting/directives/auto-fit.directive.mjs +0 -22
- package/esm2022/dx-report-viewer/components/reporting/directives/brick-selection.directive.mjs +0 -26
- package/esm2022/dx-report-viewer/components/reporting/directives/child-styles.directive.mjs +0 -25
- package/esm2022/dx-report-viewer/components/reporting/directives/lazy-images.directive.mjs +0 -22
- package/esm2022/dx-report-viewer/components/reporting/directives/preview-page-renderer.directive.mjs +0 -25
- package/esm2022/dx-report-viewer/components/reporting/directives/text-copier.directive.mjs +0 -22
- package/esm2022/dx-report-viewer/components/reporting/directives/to-view.directive.mjs +0 -22
- package/esm2022/dx-report-viewer/components/reporting/document-map/document-map.component.mjs +0 -28
- package/esm2022/dx-report-viewer/components/reporting/editing/character-comb/editing-field-character-comb.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/reporting/editing/check-field/editing-field-checkbox-glyph.component.mjs +0 -15
- package/esm2022/dx-report-viewer/components/reporting/editing/check-field/editing-field-checkbox.component.mjs +0 -18
- package/esm2022/dx-report-viewer/components/reporting/editing/check-field/editing-field-radio.component.mjs +0 -16
- package/esm2022/dx-report-viewer/components/reporting/editing/export/export-tool.component.mjs +0 -35
- package/esm2022/dx-report-viewer/components/reporting/editing/image-field/image-editing-field-editor.component.mjs +0 -16
- package/esm2022/dx-report-viewer/components/reporting/editing/image-field/image-editing-field.component.mjs +0 -16
- package/esm2022/dx-report-viewer/components/reporting/editing/popup-image-field/popup-image-editing-field.component.mjs +0 -44
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/dx-editing-field-base.component.mjs +0 -34
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/editing-field-container.component.mjs +0 -25
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/editing-field-datetime.component.mjs +0 -37
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/editing-field-mask.component.mjs +0 -14
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/editing-field-number.component.mjs +0 -14
- package/esm2022/dx-report-viewer/components/reporting/editing/text-field/editing-field-text.component.mjs +0 -15
- package/esm2022/dx-report-viewer/components/reporting/export-options/export-options.component.mjs +0 -27
- package/esm2022/dx-report-viewer/components/reporting/mobile/actions/mobile.actions.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/reporting/mobile/actions/mobile.actions.export.component.mjs +0 -19
- package/esm2022/dx-report-viewer/components/reporting/mobile/directives/mobile.autofit.directive.mjs +0 -22
- package/esm2022/dx-report-viewer/components/reporting/mobile/directives/mobile.paginator.directive.mjs +0 -23
- package/esm2022/dx-report-viewer/components/reporting/mobile/directives/mobile.searchBar.directive.mjs +0 -22
- package/esm2022/dx-report-viewer/components/reporting/mobile/directives/mobile.slide.directive.mjs +0 -22
- package/esm2022/dx-report-viewer/components/reporting/mobile/directives/mobile.zoom.directive.mjs +0 -23
- package/esm2022/dx-report-viewer/components/reporting/mobile/gallery/mobile.gallery.component.mjs +0 -56
- package/esm2022/dx-report-viewer/components/reporting/mobile/page/mobile.page.component.mjs +0 -19
- package/esm2022/dx-report-viewer/components/reporting/mobile/pages/pages/mobile.pages.component.mjs +0 -16
- package/esm2022/dx-report-viewer/components/reporting/mobile/parameters/mobile.parameters.component.mjs +0 -32
- package/esm2022/dx-report-viewer/components/reporting/mobile/parameters/mobile.parameters.daterange.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/reporting/mobile/parameters/mobile.parameters.popup.component.mjs +0 -19
- package/esm2022/dx-report-viewer/components/reporting/mobile/search/mobile.search.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/reporting/mobile/surface/mobile.surface.component.mjs +0 -19
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/date-range/calendar/calendar.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/date-range/date-range.component.mjs +0 -48
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/date-range/mobile/date-range-mobile.component.mjs +0 -18
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/date-range/mobile/time-range-mobile.component.mjs +0 -16
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/date-range/popup/daterange-container.component.mjs +0 -24
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/date-range/popup/timerange-container.component.mjs +0 -41
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/editor/editor-content/editor-content.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/editor/editor.component.mjs +0 -16
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/editor/group-editor/group-editor.component.mjs +0 -24
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/multi-value/multi-value.component.mjs +0 -57
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/multi-value/multi-value.editable.component.mjs +0 -43
- package/esm2022/dx-report-viewer/components/reporting/parameterspanel/parameterspanel.component.mjs +0 -28
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/breadcrumbs/breadcrumbs.component.mjs +0 -18
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/brick/brick-clickable.component.mjs +0 -16
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/brick/brick.component.mjs +0 -15
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/page/page.component.mjs +0 -33
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/progress-bar/progress-bar.component.mjs +0 -16
- package/esm2022/dx-report-viewer/components/reporting/reportpreview/surface/surface.component.mjs +0 -25
- package/esm2022/dx-report-viewer/components/reporting/search/search.component.mjs +0 -24
- package/esm2022/dx-report-viewer/components/reporting/templates.component.mjs +0 -347
- package/esm2022/dx-report-viewer/components/reporting/toolbar/export/export.component.mjs +0 -32
- package/esm2022/dx-report-viewer/components/reporting/toolbar/pager/pager.component.mjs +0 -30
- package/esm2022/dx-report-viewer/components/reporting/toolbar/toolbar-content/toolbar-content.component.mjs +0 -22
- package/esm2022/dx-report-viewer/components/reporting/toolbar/zoom/zoom.component.mjs +0 -33
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/painter.component.mjs +0 -33
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-brush-options.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-filter.component.mjs +0 -14
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-imagespicker.component.mjs +0 -18
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-size-options.component.mjs +0 -17
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editor-toolbar-popup.component.mjs +0 -41
- package/esm2022/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editor.component.mjs +0 -60
- package/esm2022/dx-report-viewer/components/reporting/widgets/signature/signature-editor.component.mjs +0 -47
- package/esm2022/dx-report-viewer/devexpress-reporting-angular-dx-report-viewer.mjs +0 -5
- package/esm2022/dx-report-viewer/dx-report-parameters-panel.component.mjs +0 -41
- package/esm2022/dx-report-viewer/dx-report-viewer-base.component.mjs +0 -103
- package/esm2022/dx-report-viewer/dx-report-viewer.component.mjs +0 -106
- package/esm2022/dx-report-viewer/dx-report-viewer.module.mjs +0 -476
- package/esm2022/dx-report-viewer/dxrpp-callbacks.mjs +0 -15
- package/esm2022/dx-report-viewer/dxrpp-request-options.mjs +0 -15
- package/esm2022/dx-report-viewer/dxrv-callbacks-base.mjs +0 -40
- package/esm2022/dx-report-viewer/dxrv-callbacks.mjs +0 -36
- package/esm2022/dx-report-viewer/dxrv-export-settings.component.mjs +0 -41
- package/esm2022/dx-report-viewer/dxrv-mobile-mode-settings.component.mjs +0 -28
- package/esm2022/dx-report-viewer/dxrv-progressbar-settings.component.mjs +0 -31
- package/esm2022/dx-report-viewer/dxrv-remote-settings.component.mjs +0 -20
- package/esm2022/dx-report-viewer/dxrv-request-options-base.mjs +0 -22
- package/esm2022/dx-report-viewer/dxrv-request-options.mjs +0 -15
- package/esm2022/dx-report-viewer/dxrv-search-settings.component.mjs +0 -34
- package/esm2022/dx-report-viewer/dxrv-tabpanel-settings.component.mjs +0 -20
- package/esm2022/dx-report-viewer/index.mjs +0 -21
- package/esm2022/dx-report-viewer/utils/accessibility-settings.mjs +0 -14
- package/esm2022/dx-report-viewer/utils/template.mjs +0 -2
- package/esm2022/dx-report-viewer/utils/templateEngine.mjs +0 -28
- package/esm2022/index.mjs +0 -7
|
@@ -50,13 +50,14 @@ 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: "19.2.18", ngImport: i0, type: DxReportViewerCallbacksBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerCallbacksBaseComponent, isStandalone: false, 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: "19.2.18", ngImport: i0, type: DxReportViewerCallbacksBaseComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
58
58
|
args: [{
|
|
59
|
-
template: ''
|
|
59
|
+
template: '',
|
|
60
|
+
standalone: false
|
|
60
61
|
}]
|
|
61
62
|
}], propDecorators: { CustomizeParameterEditors: [{
|
|
62
63
|
type: Output
|
|
@@ -86,14 +87,15 @@ class DxReportViewerCallbacksComponent extends DxReportViewerCallbacksBaseCompon
|
|
|
86
87
|
CustomizeExportOptions = new EventEmitter();
|
|
87
88
|
CustomizeMenuActions = new EventEmitter();
|
|
88
89
|
OnExport = new EventEmitter();
|
|
89
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
90
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
90
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerCallbacksComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
91
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerCallbacksComponent, isStandalone: false, 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
92
|
}
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerCallbacksComponent, decorators: [{
|
|
93
94
|
type: Component,
|
|
94
95
|
args: [{
|
|
95
96
|
template: '',
|
|
96
|
-
selector: 'dxrv-callbacks'
|
|
97
|
+
selector: 'dxrv-callbacks',
|
|
98
|
+
standalone: false
|
|
97
99
|
}]
|
|
98
100
|
}], propDecorators: { CustomizeElements: [{
|
|
99
101
|
type: Output
|
|
@@ -115,13 +117,14 @@ class DxRequestOptionsBaseComponent {
|
|
|
115
117
|
invokeAction = '/DXXRDV';
|
|
116
118
|
getLocalizationAction;
|
|
117
119
|
host;
|
|
118
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
119
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
120
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxRequestOptionsBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
121
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxRequestOptionsBaseComponent, isStandalone: false, selector: "ng-component", inputs: { invokeAction: "invokeAction", getLocalizationAction: "getLocalizationAction", host: "host" }, ngImport: i0, template: '', isInline: true });
|
|
120
122
|
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxRequestOptionsBaseComponent, decorators: [{
|
|
122
124
|
type: Component,
|
|
123
125
|
args: [{
|
|
124
|
-
template: ''
|
|
126
|
+
template: '',
|
|
127
|
+
standalone: false
|
|
125
128
|
}]
|
|
126
129
|
}], propDecorators: { invokeAction: [{
|
|
127
130
|
type: Input
|
|
@@ -132,14 +135,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
132
135
|
}] } });
|
|
133
136
|
|
|
134
137
|
class DxReportViewerRequestOptionsComponent extends DxRequestOptionsBaseComponent {
|
|
135
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
136
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
138
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerRequestOptionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
139
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerRequestOptionsComponent, isStandalone: false, selector: "dxrv-request-options", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
137
140
|
}
|
|
138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerRequestOptionsComponent, decorators: [{
|
|
139
142
|
type: Component,
|
|
140
143
|
args: [{
|
|
141
144
|
template: '',
|
|
142
|
-
selector: 'dxrv-request-options'
|
|
145
|
+
selector: 'dxrv-request-options',
|
|
146
|
+
standalone: false
|
|
143
147
|
}]
|
|
144
148
|
}] });
|
|
145
149
|
|
|
@@ -154,8 +158,8 @@ class DxReportViewerExportSettingsComponent {
|
|
|
154
158
|
showPrintNotificationDialog: this.showPrintNotificationDialog
|
|
155
159
|
};
|
|
156
160
|
}
|
|
157
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
158
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
161
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerExportSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
162
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerExportSettingsComponent, isStandalone: false, selector: "dxrv-export-settings", inputs: { useSameTab: "useSameTab", useAsynchronousExport: "useAsynchronousExport", showPrintNotificationDialog: "showPrintNotificationDialog" }, ngImport: i0, template: '', isInline: true });
|
|
159
163
|
}
|
|
160
164
|
__decorate([
|
|
161
165
|
_inputConverter(_booleanConverter)
|
|
@@ -166,11 +170,12 @@ __decorate([
|
|
|
166
170
|
__decorate([
|
|
167
171
|
_inputConverter(_booleanConverter)
|
|
168
172
|
], DxReportViewerExportSettingsComponent.prototype, "showPrintNotificationDialog", void 0);
|
|
169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerExportSettingsComponent, decorators: [{
|
|
170
174
|
type: Component,
|
|
171
175
|
args: [{
|
|
172
176
|
template: '',
|
|
173
|
-
selector: 'dxrv-export-settings'
|
|
177
|
+
selector: 'dxrv-export-settings',
|
|
178
|
+
standalone: false
|
|
174
179
|
}]
|
|
175
180
|
}], propDecorators: { useSameTab: [{
|
|
176
181
|
type: Input
|
|
@@ -183,8 +188,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
183
188
|
class DxReportViewerMobileModeSettingsComponent {
|
|
184
189
|
readerMode;
|
|
185
190
|
animationEnabled;
|
|
186
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
187
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
191
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerMobileModeSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
192
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerMobileModeSettingsComponent, isStandalone: false, selector: "dxrv-mobile-mode-settings", inputs: { readerMode: "readerMode", animationEnabled: "animationEnabled" }, ngImport: i0, template: '', isInline: true });
|
|
188
193
|
}
|
|
189
194
|
__decorate([
|
|
190
195
|
_inputConverter(_booleanConverter)
|
|
@@ -192,11 +197,12 @@ __decorate([
|
|
|
192
197
|
__decorate([
|
|
193
198
|
_inputConverter(_booleanConverter)
|
|
194
199
|
], DxReportViewerMobileModeSettingsComponent.prototype, "animationEnabled", void 0);
|
|
195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerMobileModeSettingsComponent, decorators: [{
|
|
196
201
|
type: Component,
|
|
197
202
|
args: [{
|
|
198
203
|
template: '',
|
|
199
|
-
selector: 'dxrv-mobile-mode-settings'
|
|
204
|
+
selector: 'dxrv-mobile-mode-settings',
|
|
205
|
+
standalone: false
|
|
200
206
|
}]
|
|
201
207
|
}], propDecorators: { readerMode: [{
|
|
202
208
|
type: Input
|
|
@@ -213,17 +219,18 @@ class DxReportViewerProgressBarSettingsComponent {
|
|
|
213
219
|
keepOnVisibleArea: this.keepOnVisibleArea,
|
|
214
220
|
};
|
|
215
221
|
}
|
|
216
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
217
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
222
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerProgressBarSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
223
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerProgressBarSettingsComponent, isStandalone: false, selector: "dxrv-progressbar-settings", inputs: { position: "position", keepOnVisibleArea: "keepOnVisibleArea" }, ngImport: i0, template: '', isInline: true });
|
|
218
224
|
}
|
|
219
225
|
__decorate([
|
|
220
226
|
_inputConverter(_booleanConverter)
|
|
221
227
|
], DxReportViewerProgressBarSettingsComponent.prototype, "keepOnVisibleArea", void 0);
|
|
222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
228
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerProgressBarSettingsComponent, decorators: [{
|
|
223
229
|
type: Component,
|
|
224
230
|
args: [{
|
|
225
231
|
template: '',
|
|
226
|
-
selector: 'dxrv-progressbar-settings'
|
|
232
|
+
selector: 'dxrv-progressbar-settings',
|
|
233
|
+
standalone: false
|
|
227
234
|
}]
|
|
228
235
|
}], propDecorators: { position: [{
|
|
229
236
|
type: Input
|
|
@@ -234,14 +241,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
234
241
|
class DxReportViewerRemoteSettingsComponent {
|
|
235
242
|
authToken;
|
|
236
243
|
serverUri;
|
|
237
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
238
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
244
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerRemoteSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
245
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerRemoteSettingsComponent, isStandalone: false, selector: "dxrv-remote-settings", inputs: { authToken: "authToken", serverUri: "serverUri" }, ngImport: i0, template: '', isInline: true });
|
|
239
246
|
}
|
|
240
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerRemoteSettingsComponent, decorators: [{
|
|
241
248
|
type: Component,
|
|
242
249
|
args: [{
|
|
243
250
|
template: '',
|
|
244
|
-
selector: 'dxrv-remote-settings'
|
|
251
|
+
selector: 'dxrv-remote-settings',
|
|
252
|
+
standalone: false
|
|
245
253
|
}]
|
|
246
254
|
}], propDecorators: { authToken: [{
|
|
247
255
|
type: Input
|
|
@@ -252,14 +260,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
252
260
|
class DxReportViewerTabPanelSettingsComponent {
|
|
253
261
|
position;
|
|
254
262
|
width;
|
|
255
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
256
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
263
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerTabPanelSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
264
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerTabPanelSettingsComponent, isStandalone: false, selector: "dxrv-tabpanel-settings", inputs: { position: "position", width: "width" }, ngImport: i0, template: '', isInline: true });
|
|
257
265
|
}
|
|
258
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerTabPanelSettingsComponent, decorators: [{
|
|
259
267
|
type: Component,
|
|
260
268
|
args: [{
|
|
261
269
|
template: '',
|
|
262
|
-
selector: 'dxrv-tabpanel-settings'
|
|
270
|
+
selector: 'dxrv-tabpanel-settings',
|
|
271
|
+
standalone: false
|
|
263
272
|
}]
|
|
264
273
|
}], propDecorators: { position: [{
|
|
265
274
|
type: Input
|
|
@@ -276,8 +285,8 @@ class DxReportViewerSearchSettingsComponent {
|
|
|
276
285
|
searchEnabled: this.searchEnabled
|
|
277
286
|
};
|
|
278
287
|
}
|
|
279
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
280
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
288
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerSearchSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
289
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerSearchSettingsComponent, isStandalone: false, selector: "dxrv-search-settings", inputs: { searchEnabled: "searchEnabled", useAsyncSearch: "useAsyncSearch" }, ngImport: i0, template: '', isInline: true });
|
|
281
290
|
}
|
|
282
291
|
__decorate([
|
|
283
292
|
_inputConverter(_booleanConverter)
|
|
@@ -285,11 +294,12 @@ __decorate([
|
|
|
285
294
|
__decorate([
|
|
286
295
|
_inputConverter(_booleanConverter)
|
|
287
296
|
], DxReportViewerSearchSettingsComponent.prototype, "useAsyncSearch", void 0);
|
|
288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerSearchSettingsComponent, decorators: [{
|
|
289
298
|
type: Component,
|
|
290
299
|
args: [{
|
|
291
300
|
template: '',
|
|
292
|
-
selector: 'dxrv-search-settings'
|
|
301
|
+
selector: 'dxrv-search-settings',
|
|
302
|
+
standalone: false
|
|
293
303
|
}]
|
|
294
304
|
}], propDecorators: { searchEnabled: [{
|
|
295
305
|
type: Input
|
|
@@ -299,10 +309,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
299
309
|
|
|
300
310
|
class AccessibilitySettings {
|
|
301
311
|
accessibilityCompliant = false;
|
|
302
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
303
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
312
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AccessibilitySettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
313
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AccessibilitySettings, providedIn: null });
|
|
304
314
|
}
|
|
305
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AccessibilitySettings, decorators: [{
|
|
306
316
|
type: Injectable,
|
|
307
317
|
args: [{
|
|
308
318
|
providedIn: null
|
|
@@ -375,8 +385,8 @@ class DxReportViewerBaseComponent extends DxReportingComponent {
|
|
|
375
385
|
if (this.bindingSender)
|
|
376
386
|
this.bindingSender.OpenReport(reportUrl);
|
|
377
387
|
}
|
|
378
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
379
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
388
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerBaseComponent, deps: [{ token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AccessibilitySettings }], target: i0.ɵɵFactoryTarget.Component });
|
|
389
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerBaseComponent, isStandalone: false, selector: "ng-component", inputs: { accessibilityCompliant: "accessibilityCompliant", keepReportOnComponentDisposal: "keepReportOnComponentDisposal", rtl: "rtl", reportUrl: "reportUrl" }, providers: [AccessibilitySettings], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
380
390
|
}
|
|
381
391
|
__decorate([
|
|
382
392
|
_inputConverter(_booleanConverter)
|
|
@@ -387,9 +397,9 @@ __decorate([
|
|
|
387
397
|
__decorate([
|
|
388
398
|
_inputConverter(_booleanConverter)
|
|
389
399
|
], DxReportViewerBaseComponent.prototype, "rtl", void 0);
|
|
390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
400
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerBaseComponent, decorators: [{
|
|
391
401
|
type: Component,
|
|
392
|
-
args: [{ template: '', providers: [AccessibilitySettings] }]
|
|
402
|
+
args: [{ standalone: false, template: '', providers: [AccessibilitySettings] }]
|
|
393
403
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: Object, decorators: [{
|
|
394
404
|
type: Inject,
|
|
395
405
|
args: [PLATFORM_ID]
|
|
@@ -407,8 +417,8 @@ class DxReportViewerAITranslationSettingsComponent {
|
|
|
407
417
|
inlineTranslationEnabled;
|
|
408
418
|
translationEnabled;
|
|
409
419
|
languages;
|
|
410
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
411
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
420
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerAITranslationSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
421
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerAITranslationSettingsComponent, isStandalone: false, selector: "dx-translation-settings", inputs: { inlineTranslationEnabled: "inlineTranslationEnabled", translationEnabled: "translationEnabled", languages: "languages" }, ngImport: i0, template: '', isInline: true });
|
|
412
422
|
}
|
|
413
423
|
__decorate([
|
|
414
424
|
_inputConverter(_booleanConverter)
|
|
@@ -416,11 +426,12 @@ __decorate([
|
|
|
416
426
|
__decorate([
|
|
417
427
|
_inputConverter(_booleanConverter)
|
|
418
428
|
], DxReportViewerAITranslationSettingsComponent.prototype, "translationEnabled", void 0);
|
|
419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
429
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerAITranslationSettingsComponent, decorators: [{
|
|
420
430
|
type: Component,
|
|
421
431
|
args: [{
|
|
422
432
|
template: '',
|
|
423
|
-
selector: 'dx-translation-settings'
|
|
433
|
+
selector: 'dx-translation-settings',
|
|
434
|
+
standalone: false
|
|
424
435
|
}]
|
|
425
436
|
}], propDecorators: { inlineTranslationEnabled: [{
|
|
426
437
|
type: Input
|
|
@@ -432,17 +443,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
432
443
|
|
|
433
444
|
class DxReportViewerAISummarizationSettingsComponent {
|
|
434
445
|
summarizationEnabled;
|
|
435
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
436
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
446
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerAISummarizationSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
447
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerAISummarizationSettingsComponent, isStandalone: false, selector: "dx-summarization-settings", inputs: { summarizationEnabled: "summarizationEnabled" }, ngImport: i0, template: '', isInline: true });
|
|
437
448
|
}
|
|
438
449
|
__decorate([
|
|
439
450
|
_inputConverter(_booleanConverter)
|
|
440
451
|
], DxReportViewerAISummarizationSettingsComponent.prototype, "summarizationEnabled", void 0);
|
|
441
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerAISummarizationSettingsComponent, decorators: [{
|
|
442
453
|
type: Component,
|
|
443
454
|
args: [{
|
|
444
455
|
template: '',
|
|
445
|
-
selector: 'dx-summarization-settings'
|
|
456
|
+
selector: 'dx-summarization-settings',
|
|
457
|
+
standalone: false
|
|
446
458
|
}]
|
|
447
459
|
}], propDecorators: { summarizationEnabled: [{
|
|
448
460
|
type: Input
|
|
@@ -452,14 +464,15 @@ class DxReportViewerAISettingsComponent {
|
|
|
452
464
|
translationSettings;
|
|
453
465
|
summarizationSettings;
|
|
454
466
|
languages;
|
|
455
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
456
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
467
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerAISettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
468
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerAISettingsComponent, isStandalone: false, selector: "dxrv-ai-settings", inputs: { languages: "languages" }, queries: [{ propertyName: "translationSettings", first: true, predicate: DxReportViewerAITranslationSettingsComponent, descendants: true }, { propertyName: "summarizationSettings", first: true, predicate: DxReportViewerAISummarizationSettingsComponent, descendants: true }], ngImport: i0, template: '', isInline: true });
|
|
457
469
|
}
|
|
458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerAISettingsComponent, decorators: [{
|
|
459
471
|
type: Component,
|
|
460
472
|
args: [{
|
|
461
473
|
template: '',
|
|
462
|
-
selector: 'dxrv-ai-settings'
|
|
474
|
+
selector: 'dxrv-ai-settings',
|
|
475
|
+
standalone: false
|
|
463
476
|
}]
|
|
464
477
|
}], propDecorators: { translationSettings: [{
|
|
465
478
|
type: ContentChild,
|
|
@@ -487,10 +500,10 @@ class TemplateEngine {
|
|
|
487
500
|
const template = this.templates.find((template) => template.id === templateId);
|
|
488
501
|
return template ? template.ref : null;
|
|
489
502
|
}
|
|
490
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
491
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
503
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateEngine, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
504
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateEngine, providedIn: 'root' });
|
|
492
505
|
}
|
|
493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateEngine, decorators: [{
|
|
494
507
|
type: Injectable,
|
|
495
508
|
args: [{
|
|
496
509
|
providedIn: 'root'
|
|
@@ -514,12 +527,13 @@ class ImageTemplateComponent {
|
|
|
514
527
|
ngAfterViewInit() {
|
|
515
528
|
this._updateImage();
|
|
516
529
|
}
|
|
517
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
518
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
530
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ImageTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
531
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ImageTemplateComponent, isStandalone: false, selector: "dxa-image-template", inputs: { template: "template" }, viewQueries: [{ propertyName: "image", first: true, predicate: ["image"], descendants: true }], ngImport: i0, template: '<div #image></div>', isInline: true });
|
|
519
532
|
}
|
|
520
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ImageTemplateComponent, decorators: [{
|
|
521
534
|
type: Component,
|
|
522
535
|
args: [{
|
|
536
|
+
standalone: false,
|
|
523
537
|
selector: 'dxa-image-template',
|
|
524
538
|
template: '<div #image></div>'
|
|
525
539
|
}]
|
|
@@ -557,12 +571,12 @@ class TemplateComponent {
|
|
|
557
571
|
}
|
|
558
572
|
this._cd.detectChanges();
|
|
559
573
|
}
|
|
560
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
561
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
574
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateComponent, deps: [{ token: TemplateEngine }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
575
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TemplateComponent, isStandalone: false, 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"] }] });
|
|
562
576
|
}
|
|
563
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
577
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateComponent, decorators: [{
|
|
564
578
|
type: Component,
|
|
565
|
-
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> " }]
|
|
579
|
+
args: [{ standalone: false, 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> " }]
|
|
566
580
|
}], ctorParameters: () => [{ type: TemplateEngine }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
567
581
|
type: Input,
|
|
568
582
|
args: ['data']
|
|
@@ -583,13 +597,14 @@ class DxActionDirective {
|
|
|
583
597
|
this.action.call(this.model, this.model, e);
|
|
584
598
|
}
|
|
585
599
|
}
|
|
586
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
587
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
600
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
601
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: DxActionDirective, isStandalone: false, selector: "[dxAction]", inputs: { model: ["dxActionModel", "model"], action: ["dxAction", "action"] }, host: { listeners: { "click": "OnClick($event)", "keydown": "OnKeyDown($event)" } }, ngImport: i0 });
|
|
588
602
|
}
|
|
589
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
603
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxActionDirective, decorators: [{
|
|
590
604
|
type: Directive,
|
|
591
605
|
args: [{
|
|
592
|
-
selector: '[dxAction]'
|
|
606
|
+
selector: '[dxAction]',
|
|
607
|
+
standalone: false
|
|
593
608
|
}]
|
|
594
609
|
}], ctorParameters: () => [], propDecorators: { model: [{
|
|
595
610
|
type: Input,
|
|
@@ -620,13 +635,14 @@ class ResizableDirective {
|
|
|
620
635
|
this._disposeFunc && this._disposeFunc();
|
|
621
636
|
this._disposeFunc = undefined;
|
|
622
637
|
}
|
|
623
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
624
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
638
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ResizableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
639
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ResizableDirective, isStandalone: false, selector: "[dxaResizable]", inputs: { options: ["dxaResizable", "options"] }, ngImport: i0 });
|
|
625
640
|
}
|
|
626
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
641
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ResizableDirective, decorators: [{
|
|
627
642
|
type: Directive,
|
|
628
643
|
args: [{
|
|
629
|
-
selector: '[dxaResizable]'
|
|
644
|
+
selector: '[dxaResizable]',
|
|
645
|
+
standalone: false
|
|
630
646
|
}]
|
|
631
647
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
632
648
|
type: Input,
|
|
@@ -659,10 +675,10 @@ class BaseDisposableDirective {
|
|
|
659
675
|
this._disposeFunc();
|
|
660
676
|
this._disposeFunc = undefined;
|
|
661
677
|
}
|
|
662
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
663
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
678
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BaseDisposableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
679
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: BaseDisposableDirective, isStandalone: true, ngImport: i0 });
|
|
664
680
|
}
|
|
665
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BaseDisposableDirective, decorators: [{
|
|
666
682
|
type: Directive
|
|
667
683
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
668
684
|
|
|
@@ -679,13 +695,14 @@ class DxMutationObserverDirective extends BaseDisposableDirective {
|
|
|
679
695
|
return initializeMutationObserver(element, this.mutationObserverArgs, this._accessibilitySettings.accessibilityCompliant);
|
|
680
696
|
return () => void 0;
|
|
681
697
|
}
|
|
682
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
683
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
698
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxMutationObserverDirective, deps: [{ token: i0.ElementRef }, { token: AccessibilitySettings }], target: i0.ɵɵFactoryTarget.Directive });
|
|
699
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: DxMutationObserverDirective, isStandalone: false, selector: "[dxMutationObserver]", inputs: { mutationObserverArgs: ["dxMutationObserver", "mutationObserverArgs"] }, usesInheritance: true, ngImport: i0 });
|
|
684
700
|
}
|
|
685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
701
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxMutationObserverDirective, decorators: [{
|
|
686
702
|
type: Directive,
|
|
687
703
|
args: [{
|
|
688
|
-
selector: '[dxMutationObserver]'
|
|
704
|
+
selector: '[dxMutationObserver]',
|
|
705
|
+
standalone: false
|
|
689
706
|
}]
|
|
690
707
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: AccessibilitySettings }], propDecorators: { mutationObserverArgs: [{
|
|
691
708
|
type: Input,
|
|
@@ -704,12 +721,12 @@ class TabpanelComponent {
|
|
|
704
721
|
this.resizableOptions = this.tabPanel.getResizableOptions(this.rightPanel.nativeElement, 50, 396);
|
|
705
722
|
this._cd.detectChanges();
|
|
706
723
|
}
|
|
707
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
708
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
724
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabpanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
725
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TabpanelComponent, isStandalone: false, 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"] }] });
|
|
709
726
|
}
|
|
710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabpanelComponent, decorators: [{
|
|
711
728
|
type: Component,
|
|
712
|
-
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>" }]
|
|
729
|
+
args: [{ selector: 'dxa-tabpanel', standalone: false, 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>" }]
|
|
713
730
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tabPanel: [{
|
|
714
731
|
type: Input,
|
|
715
732
|
args: ['data']
|
|
@@ -723,12 +740,12 @@ class PropertygridComponent {
|
|
|
723
740
|
trackByFn(_, item) {
|
|
724
741
|
return item.editorInputId;
|
|
725
742
|
}
|
|
726
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
727
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
743
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PropertygridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
744
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PropertygridComponent, isStandalone: false, 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"] }] });
|
|
728
745
|
}
|
|
729
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PropertygridComponent, decorators: [{
|
|
730
747
|
type: Component,
|
|
731
|
-
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>" }]
|
|
748
|
+
args: [{ selector: 'dxa-propertygrid', standalone: false, 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>" }]
|
|
732
749
|
}], propDecorators: { data: [{
|
|
733
750
|
type: Input,
|
|
734
751
|
args: ['data']
|
|
@@ -736,12 +753,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
736
753
|
|
|
737
754
|
class TreeListItemComponent {
|
|
738
755
|
data;
|
|
739
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
740
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
756
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
757
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TreeListItemComponent, isStandalone: false, 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"] }] });
|
|
741
758
|
}
|
|
742
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
759
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListItemComponent, decorators: [{
|
|
743
760
|
type: Component,
|
|
744
|
-
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>" }]
|
|
761
|
+
args: [{ selector: 'dxa-treelist-item', standalone: false, 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>" }]
|
|
745
762
|
}], propDecorators: { data: [{
|
|
746
763
|
type: Input,
|
|
747
764
|
args: ['data']
|
|
@@ -749,12 +766,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
749
766
|
|
|
750
767
|
class TreeListHeaderItemComponent {
|
|
751
768
|
data;
|
|
752
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
753
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
769
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListHeaderItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
770
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TreeListHeaderItemComponent, isStandalone: false, 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"] }] });
|
|
754
771
|
}
|
|
755
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListHeaderItemComponent, decorators: [{
|
|
756
773
|
type: Component,
|
|
757
|
-
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>" }]
|
|
774
|
+
args: [{ selector: 'dxa-treelist-header-item', standalone: false, 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>" }]
|
|
758
775
|
}], propDecorators: { data: [{
|
|
759
776
|
type: Input,
|
|
760
777
|
args: ['data']
|
|
@@ -762,12 +779,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
762
779
|
|
|
763
780
|
class TreeListItemTextComponent {
|
|
764
781
|
data;
|
|
765
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
766
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
782
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
783
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TreeListItemTextComponent, isStandalone: false, 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"] }] });
|
|
767
784
|
}
|
|
768
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListItemTextComponent, decorators: [{
|
|
769
786
|
type: Component,
|
|
770
|
-
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>" }]
|
|
787
|
+
args: [{ selector: 'dxa-treelist-item-text-content', standalone: false, 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>" }]
|
|
771
788
|
}], propDecorators: { data: [{
|
|
772
789
|
type: Input,
|
|
773
790
|
args: ['data']
|
|
@@ -775,12 +792,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
775
792
|
|
|
776
793
|
class TreeListHeaderItemCaptionContentComponent {
|
|
777
794
|
data;
|
|
778
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
779
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
795
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListHeaderItemCaptionContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
796
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TreeListHeaderItemCaptionContentComponent, isStandalone: false, 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"] }] });
|
|
780
797
|
}
|
|
781
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
798
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListHeaderItemCaptionContentComponent, decorators: [{
|
|
782
799
|
type: Component,
|
|
783
|
-
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>" }]
|
|
800
|
+
args: [{ selector: 'dxa-treelist-header-item-caption-content', standalone: false, 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>" }]
|
|
784
801
|
}], propDecorators: { data: [{
|
|
785
802
|
type: Input,
|
|
786
803
|
args: ['data']
|
|
@@ -792,13 +809,14 @@ class AccordionDirective extends BaseDisposableDirective {
|
|
|
792
809
|
return InitAccordion(element, this.options);
|
|
793
810
|
}
|
|
794
811
|
eventName = 'afterViewInit';
|
|
795
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
796
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
812
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AccordionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
813
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: AccordionDirective, isStandalone: false, selector: "[dxaAccordion]", inputs: { options: ["dxaAccordion", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
797
814
|
}
|
|
798
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
815
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AccordionDirective, decorators: [{
|
|
799
816
|
type: Directive,
|
|
800
817
|
args: [{
|
|
801
|
-
selector: '[dxaAccordion]'
|
|
818
|
+
selector: '[dxaAccordion]',
|
|
819
|
+
standalone: false
|
|
802
820
|
}]
|
|
803
821
|
}], propDecorators: { options: [{
|
|
804
822
|
type: Input,
|
|
@@ -811,13 +829,14 @@ class ButtonWithTemplateDirective extends BaseDisposableDirective {
|
|
|
811
829
|
return InitButtonWithTemplate(element, this.options);
|
|
812
830
|
}
|
|
813
831
|
eventName = 'afterViewInit';
|
|
814
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
815
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
832
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ButtonWithTemplateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
833
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ButtonWithTemplateDirective, isStandalone: false, selector: "[dxaButtonWithTemplate]", inputs: { options: ["dxaButtonWithTemplate", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
816
834
|
}
|
|
817
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
835
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ButtonWithTemplateDirective, decorators: [{
|
|
818
836
|
type: Directive,
|
|
819
837
|
args: [{
|
|
820
|
-
selector: '[dxaButtonWithTemplate]'
|
|
838
|
+
selector: '[dxaButtonWithTemplate]',
|
|
839
|
+
standalone: false
|
|
821
840
|
}]
|
|
822
841
|
}], propDecorators: { options: [{
|
|
823
842
|
type: Input,
|
|
@@ -845,12 +864,12 @@ class LazyTemplateComponent extends TemplateComponent {
|
|
|
845
864
|
this.task.dispose();
|
|
846
865
|
this._isDisposed = true;
|
|
847
866
|
}
|
|
848
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
849
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
867
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LazyTemplateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
868
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: LazyTemplateComponent, isStandalone: false, 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"] }] });
|
|
850
869
|
}
|
|
851
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
870
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LazyTemplateComponent, decorators: [{
|
|
852
871
|
type: Component,
|
|
853
|
-
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> " }]
|
|
872
|
+
args: [{ standalone: false, 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> " }]
|
|
854
873
|
}], propDecorators: { resolver: [{
|
|
855
874
|
type: Input,
|
|
856
875
|
args: ['resolver']
|
|
@@ -916,12 +935,12 @@ class EditorComponentBase {
|
|
|
916
935
|
isResolved(newVal) {
|
|
917
936
|
this.data.setIsRendered(newVal);
|
|
918
937
|
}
|
|
919
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
920
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
938
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditorComponentBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
939
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EditorComponentBase, isStandalone: false, 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.dxrd-complex-editor]=\"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"] }] });
|
|
921
940
|
}
|
|
922
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditorComponentBase, decorators: [{
|
|
923
942
|
type: Component,
|
|
924
|
-
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.dxrd-complex-editor]=\"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>" }]
|
|
943
|
+
args: [{ selector: 'dxa-editor', standalone: false, 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.dxrd-complex-editor]=\"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>" }]
|
|
925
944
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
926
945
|
type: Input,
|
|
927
946
|
args: ['data']
|
|
@@ -943,13 +962,14 @@ class EditorDropDownComponentBase extends EditorComponentBase {
|
|
|
943
962
|
this.beforeDetectChanges();
|
|
944
963
|
this._cd.detectChanges();
|
|
945
964
|
}
|
|
946
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
947
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
965
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditorDropDownComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
966
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EditorDropDownComponentBase, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
948
967
|
}
|
|
949
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
968
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditorDropDownComponentBase, decorators: [{
|
|
950
969
|
type: Component,
|
|
951
970
|
args: [{
|
|
952
|
-
template: ''
|
|
971
|
+
template: '',
|
|
972
|
+
standalone: false
|
|
953
973
|
}]
|
|
954
974
|
}], propDecorators: { target: [{
|
|
955
975
|
type: ViewChild,
|
|
@@ -978,12 +998,12 @@ class DateEditorComponent extends EditorDropDownComponentBase {
|
|
|
978
998
|
}
|
|
979
999
|
};
|
|
980
1000
|
}
|
|
981
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
982
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1001
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1002
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DateEditorComponent, isStandalone: false, 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"] }] });
|
|
983
1003
|
}
|
|
984
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1004
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateEditorComponent, decorators: [{
|
|
985
1005
|
type: Component,
|
|
986
|
-
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>" }]
|
|
1006
|
+
args: [{ selector: 'dxa-date', standalone: false, 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>" }]
|
|
987
1007
|
}] });
|
|
988
1008
|
|
|
989
1009
|
class CollectionEditorComponent {
|
|
@@ -1009,12 +1029,12 @@ class CollectionEditorComponent {
|
|
|
1009
1029
|
onScrollViewInitialized(args) {
|
|
1010
1030
|
args.component.option('useKeyboard', false);
|
|
1011
1031
|
}
|
|
1012
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1013
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1032
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CollectionEditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1033
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CollectionEditorComponent, isStandalone: false, 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 dxrd-complex-editor 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"] }] });
|
|
1014
1034
|
}
|
|
1015
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1035
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CollectionEditorComponent, decorators: [{
|
|
1016
1036
|
type: Component,
|
|
1017
|
-
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 dxrd-complex-editor 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>" }]
|
|
1037
|
+
args: [{ selector: 'dxa-collectioneditor', standalone: false, 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 dxrd-complex-editor 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>" }]
|
|
1018
1038
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { options: [{
|
|
1019
1039
|
type: Input,
|
|
1020
1040
|
args: ['data']
|
|
@@ -1025,12 +1045,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1025
1045
|
|
|
1026
1046
|
class ActionsComponent {
|
|
1027
1047
|
data;
|
|
1028
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1029
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1048
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1049
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ActionsComponent, isStandalone: false, selector: "dxa-actions", inputs: { data: "data" }, ngImport: i0, template: "<div *ngFor=\"let action of data\" [ngStyle]=\"{ 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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1030
1050
|
}
|
|
1031
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1051
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ActionsComponent, decorators: [{
|
|
1032
1052
|
type: Component,
|
|
1033
|
-
args: [{ selector: 'dxa-actions', template: "<div *ngFor=\"let action of data\" [ngStyle]=\"{ 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>" }]
|
|
1053
|
+
args: [{ selector: 'dxa-actions', standalone: false, template: "<div *ngFor=\"let action of data\" [ngStyle]=\"{ 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>" }]
|
|
1034
1054
|
}], propDecorators: { data: [{
|
|
1035
1055
|
type: Input,
|
|
1036
1056
|
args: ['data']
|
|
@@ -1047,12 +1067,12 @@ class TextBoxEditorComponent extends EditorComponentBase {
|
|
|
1047
1067
|
}
|
|
1048
1068
|
};
|
|
1049
1069
|
}
|
|
1050
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1051
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1070
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextBoxEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1071
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextBoxEditorComponent, isStandalone: false, 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"] }] });
|
|
1052
1072
|
}
|
|
1053
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1073
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextBoxEditorComponent, decorators: [{
|
|
1054
1074
|
type: Component,
|
|
1055
|
-
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>" }]
|
|
1075
|
+
args: [{ selector: 'dxa-text', standalone: false, 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>" }]
|
|
1056
1076
|
}] });
|
|
1057
1077
|
|
|
1058
1078
|
class SelectBoxComponent extends EditorDropDownComponentBase {
|
|
@@ -1081,12 +1101,12 @@ class SelectBoxComponent extends EditorDropDownComponentBase {
|
|
|
1081
1101
|
container: this.container
|
|
1082
1102
|
};
|
|
1083
1103
|
}
|
|
1084
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1085
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1104
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1105
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SelectBoxComponent, isStandalone: false, 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", "fieldAddons", "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", "fieldAddonsChange", "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"] }] });
|
|
1086
1106
|
}
|
|
1087
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectBoxComponent, decorators: [{
|
|
1088
1108
|
type: Component,
|
|
1089
|
-
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>" }]
|
|
1109
|
+
args: [{ selector: 'dxa-selectbox', standalone: false, 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>" }]
|
|
1090
1110
|
}] });
|
|
1091
1111
|
|
|
1092
1112
|
class BoolSelectComponent extends SelectBoxComponent {
|
|
@@ -1106,22 +1126,22 @@ class BoolSelectComponent extends SelectBoxComponent {
|
|
|
1106
1126
|
disabled: selectBoxOptions.disabled
|
|
1107
1127
|
};
|
|
1108
1128
|
}
|
|
1109
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1110
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1129
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BoolSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1130
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BoolSelectComponent, isStandalone: false, 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", "fieldAddons", "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", "fieldAddonsChange", "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"] }] });
|
|
1111
1131
|
}
|
|
1112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BoolSelectComponent, decorators: [{
|
|
1113
1133
|
type: Component,
|
|
1114
|
-
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>" }]
|
|
1134
|
+
args: [{ selector: 'dxa-boolselect', standalone: false, 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>" }]
|
|
1115
1135
|
}] });
|
|
1116
1136
|
|
|
1117
1137
|
class ObjectEditorComponent {
|
|
1118
1138
|
data;
|
|
1119
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1120
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1139
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ObjectEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1140
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ObjectEditorComponent, isStandalone: false, 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"] }] });
|
|
1121
1141
|
}
|
|
1122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ObjectEditorComponent, decorators: [{
|
|
1123
1143
|
type: Component,
|
|
1124
|
-
args: [{ selector: 'dxa-object-editor-content', template: "<dxa-template *ngIf=\"data.visible\" template=\"dx-propertieseditor\" [data]=\"data.viewmodel\"></dxa-template>" }]
|
|
1144
|
+
args: [{ selector: 'dxa-object-editor-content', standalone: false, template: "<dxa-template *ngIf=\"data.visible\" template=\"dx-propertieseditor\" [data]=\"data.viewmodel\"></dxa-template>" }]
|
|
1125
1145
|
}], propDecorators: { data: [{
|
|
1126
1146
|
type: Input,
|
|
1127
1147
|
args: ['data']
|
|
@@ -1135,12 +1155,12 @@ class BooleanEditorComponent extends EditorComponentBase {
|
|
|
1135
1155
|
elementAttr: { 'aria-label': this.data.displayName }
|
|
1136
1156
|
};
|
|
1137
1157
|
}
|
|
1138
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1139
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1158
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BooleanEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1159
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BooleanEditorComponent, isStandalone: false, 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"] }] });
|
|
1140
1160
|
}
|
|
1141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BooleanEditorComponent, decorators: [{
|
|
1142
1162
|
type: Component,
|
|
1143
|
-
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>" }]
|
|
1163
|
+
args: [{ selector: 'dxa-boolean', standalone: false, 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>" }]
|
|
1144
1164
|
}] });
|
|
1145
1165
|
|
|
1146
1166
|
class LocalizedSelectBoxComponent extends SelectBoxComponent {
|
|
@@ -1160,12 +1180,12 @@ class LocalizedSelectBoxComponent extends SelectBoxComponent {
|
|
|
1160
1180
|
}
|
|
1161
1181
|
};
|
|
1162
1182
|
}
|
|
1163
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1164
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1183
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedSelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1184
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: LocalizedSelectBoxComponent, isStandalone: false, 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", "fieldAddons", "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", "fieldAddonsChange", "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"] }] });
|
|
1165
1185
|
}
|
|
1166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedSelectBoxComponent, decorators: [{
|
|
1167
1187
|
type: Component,
|
|
1168
|
-
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>" }]
|
|
1188
|
+
args: [{ selector: 'dxa-selectbox-localized', standalone: false, 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>" }]
|
|
1169
1189
|
}] });
|
|
1170
1190
|
|
|
1171
1191
|
class NumericEditorComponent extends EditorComponentBase {
|
|
@@ -1177,12 +1197,12 @@ class NumericEditorComponent extends EditorComponentBase {
|
|
|
1177
1197
|
inputAttr: { 'aria-label': this.data.displayName, id: this.data.editorInputId }
|
|
1178
1198
|
};
|
|
1179
1199
|
}
|
|
1180
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1181
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1200
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NumericEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1201
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NumericEditorComponent, isStandalone: false, 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"] }] });
|
|
1182
1202
|
}
|
|
1183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NumericEditorComponent, decorators: [{
|
|
1184
1204
|
type: Component,
|
|
1185
|
-
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>" }]
|
|
1205
|
+
args: [{ selector: 'dxa-numeric', standalone: false, 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>" }]
|
|
1186
1206
|
}] });
|
|
1187
1207
|
|
|
1188
1208
|
class ColorPickerComponent extends EditorDropDownComponentBase {
|
|
@@ -1209,12 +1229,12 @@ class ColorPickerComponent extends EditorDropDownComponentBase {
|
|
|
1209
1229
|
}
|
|
1210
1230
|
};
|
|
1211
1231
|
}
|
|
1212
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1213
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1232
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColorPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1233
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ColorPickerComponent, isStandalone: false, 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", "fieldAddons", "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", "fieldAddonsChange", "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"] }] });
|
|
1214
1234
|
}
|
|
1215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColorPickerComponent, decorators: [{
|
|
1216
1236
|
type: Component,
|
|
1217
|
-
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>" }]
|
|
1237
|
+
args: [{ selector: 'dxa-colorpicker', standalone: false, 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>" }]
|
|
1218
1238
|
}] });
|
|
1219
1239
|
|
|
1220
1240
|
class DesignerComponent {
|
|
@@ -1229,12 +1249,12 @@ class DesignerComponent {
|
|
|
1229
1249
|
this.surfaceClass = this.data['surfaceClass'](this.root.nativeElement);
|
|
1230
1250
|
this._cd.detectChanges();
|
|
1231
1251
|
}
|
|
1232
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1233
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1252
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DesignerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1253
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DesignerComponent, isStandalone: false, 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"] }] });
|
|
1234
1254
|
}
|
|
1235
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DesignerComponent, decorators: [{
|
|
1236
1256
|
type: Component,
|
|
1237
|
-
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>" }]
|
|
1257
|
+
args: [{ selector: 'dxa-designer', standalone: false, 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>" }]
|
|
1238
1258
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
1239
1259
|
type: Input,
|
|
1240
1260
|
args: ['data']
|
|
@@ -1290,12 +1310,12 @@ class TemplatesComponent {
|
|
|
1290
1310
|
this._templateEngine.register('dx-collectioneditor', this.collectionEditor);
|
|
1291
1311
|
this._templateEngine.register('dx-designer', this.designer);
|
|
1292
1312
|
}
|
|
1293
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1294
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1313
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplatesComponent, deps: [{ token: TemplateEngine }], target: i0.ɵɵFactoryTarget.Component });
|
|
1314
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TemplatesComponent, isStandalone: false, 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"] }] });
|
|
1295
1315
|
}
|
|
1296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplatesComponent, decorators: [{
|
|
1297
1317
|
type: Component,
|
|
1298
|
-
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>" }]
|
|
1318
|
+
args: [{ selector: 'dxa-templates', standalone: false, 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>" }]
|
|
1299
1319
|
}], ctorParameters: () => [{ type: TemplateEngine }], propDecorators: { tabPanel: [{
|
|
1300
1320
|
type: ViewChild,
|
|
1301
1321
|
args: ['tabpanel']
|
|
@@ -1366,12 +1386,12 @@ class ParameterspanelComponent {
|
|
|
1366
1386
|
submit(params) {
|
|
1367
1387
|
this.data.model.validateAndSubmit(params);
|
|
1368
1388
|
}
|
|
1369
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1370
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1389
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ParameterspanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1390
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ParameterspanelComponent, isStandalone: false, 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 dx-accessibility-focus-border-accented\"\n [elementAttr]=\"button.elementAttr\"\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: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "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"] }] });
|
|
1371
1391
|
}
|
|
1372
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ParameterspanelComponent, decorators: [{
|
|
1373
1393
|
type: Component,
|
|
1374
|
-
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 dx-accessibility-focus-border-accented\"\n [elementAttr]=\"button.elementAttr\"\n [text]=\"button.text\"\n (onClick)=\"button.onClick($event)\">\n </dx-button>\n </div>\n </dx-scroll-view>\n</div>" }]
|
|
1394
|
+
args: [{ selector: 'dxv-parameters', standalone: false, 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 dx-accessibility-focus-border-accented\"\n [elementAttr]=\"button.elementAttr\"\n [text]=\"button.text\"\n (onClick)=\"button.onClick($event)\">\n </dx-button>\n </div>\n </dx-scroll-view>\n</div>" }]
|
|
1375
1395
|
}], propDecorators: { data: [{
|
|
1376
1396
|
type: Input,
|
|
1377
1397
|
args: ['data']
|
|
@@ -1393,12 +1413,12 @@ class PagerComponent {
|
|
|
1393
1413
|
};
|
|
1394
1414
|
this._cd.detectChanges();
|
|
1395
1415
|
}
|
|
1396
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1397
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1416
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1417
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PagerComponent, isStandalone: false, 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", "fieldAddons", "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", "fieldAddonsChange", "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"] }] });
|
|
1398
1418
|
}
|
|
1399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PagerComponent, decorators: [{
|
|
1400
1420
|
type: Component,
|
|
1401
|
-
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>" }]
|
|
1421
|
+
args: [{ selector: 'dxv-toolbar-pager', standalone: false, 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>" }]
|
|
1402
1422
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
1403
1423
|
type: Input,
|
|
1404
1424
|
args: ['data']
|
|
@@ -1420,12 +1440,12 @@ class ZoomComponent {
|
|
|
1420
1440
|
};
|
|
1421
1441
|
this._cd.detectChanges();
|
|
1422
1442
|
}
|
|
1423
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1424
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1443
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ZoomComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1444
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ZoomComponent, isStandalone: false, 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", "fieldAddons", "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", "fieldAddonsChange", "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"] }] });
|
|
1425
1445
|
}
|
|
1426
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1446
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ZoomComponent, decorators: [{
|
|
1427
1447
|
type: Component,
|
|
1428
|
-
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>" }]
|
|
1448
|
+
args: [{ selector: 'dxv-toolbar-zoom', standalone: false, 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>" }]
|
|
1429
1449
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
1430
1450
|
type: Input,
|
|
1431
1451
|
args: ['data']
|
|
@@ -1446,12 +1466,12 @@ class ExportComponent {
|
|
|
1446
1466
|
this._cd.detectChanges();
|
|
1447
1467
|
}
|
|
1448
1468
|
onSubmenuShowing = (event) => { };
|
|
1449
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1450
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1469
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ExportComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1470
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ExportComponent, isStandalone: false, 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'\" >\n <div [attr.title]=\"item.text\" *ngIf=\"item.format\" class=\"dxrd-preview-export-item-text\">{{item.text}}</div>\n <div [attr.title]=\"item.text\" *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"] }] });
|
|
1451
1471
|
}
|
|
1452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ExportComponent, decorators: [{
|
|
1453
1473
|
type: Component,
|
|
1454
|
-
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'\" >\n <div [attr.title]=\"item.text\" *ngIf=\"item.format\" class=\"dxrd-preview-export-item-text\">{{item.text}}</div>\n <div [attr.title]=\"item.text\" *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>" }]
|
|
1474
|
+
args: [{ selector: 'dxv-toolbar-export', standalone: false, 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'\" >\n <div [attr.title]=\"item.text\" *ngIf=\"item.format\" class=\"dxrd-preview-export-item-text\">{{item.text}}</div>\n <div [attr.title]=\"item.text\" *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>" }]
|
|
1455
1475
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
1456
1476
|
type: Input,
|
|
1457
1477
|
args: ['data']
|
|
@@ -1468,13 +1488,14 @@ class KeyDownActionsDirective extends BaseDisposableDirective {
|
|
|
1468
1488
|
return () => disposeFunc();
|
|
1469
1489
|
}
|
|
1470
1490
|
eventName = 'afterViewInit';
|
|
1471
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1472
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1491
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KeyDownActionsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1492
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: KeyDownActionsDirective, isStandalone: false, selector: "[dxKeyDownActions]", inputs: { actionList: ["dxKeyDownActions", "actionList"] }, usesInheritance: true, ngImport: i0 });
|
|
1473
1493
|
}
|
|
1474
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1494
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KeyDownActionsDirective, decorators: [{
|
|
1475
1495
|
type: Directive,
|
|
1476
1496
|
args: [{
|
|
1477
|
-
selector: '[dxKeyDownActions]'
|
|
1497
|
+
selector: '[dxKeyDownActions]',
|
|
1498
|
+
standalone: false
|
|
1478
1499
|
}]
|
|
1479
1500
|
}], propDecorators: { actionList: [{
|
|
1480
1501
|
type: Input,
|
|
@@ -1486,24 +1507,24 @@ class ToolbarContentComponent {
|
|
|
1486
1507
|
onScrollViewInitialized(args) {
|
|
1487
1508
|
args.component.option('useKeyboard', false);
|
|
1488
1509
|
}
|
|
1489
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1490
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1510
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1511
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ToolbarContentComponent, isStandalone: false, 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"] }] });
|
|
1491
1512
|
}
|
|
1492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarContentComponent, decorators: [{
|
|
1493
1514
|
type: Component,
|
|
1494
|
-
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>" }]
|
|
1515
|
+
args: [{ selector: 'dxv-toolbar', standalone: false, 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>" }]
|
|
1495
1516
|
}], propDecorators: { data: [{
|
|
1496
1517
|
type: Input,
|
|
1497
1518
|
args: ['data']
|
|
1498
1519
|
}] } });
|
|
1499
1520
|
|
|
1500
1521
|
class EditorComponent extends EditorComponentBase {
|
|
1501
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1502
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1522
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1523
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EditorComponent, isStandalone: false, 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-complex-editor]=\"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"] }] });
|
|
1503
1524
|
}
|
|
1504
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1525
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditorComponent, decorators: [{
|
|
1505
1526
|
type: Component,
|
|
1506
|
-
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-complex-editor]=\"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>" }]
|
|
1527
|
+
args: [{ selector: 'dxv-editor', standalone: false, 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-complex-editor]=\"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>" }]
|
|
1507
1528
|
}] });
|
|
1508
1529
|
|
|
1509
1530
|
class MultiValueComponent extends EditorDropDownComponentBase {
|
|
@@ -1550,12 +1571,12 @@ class MultiValueComponent extends EditorDropDownComponentBase {
|
|
|
1550
1571
|
this.options.value = model.value;
|
|
1551
1572
|
}));
|
|
1552
1573
|
}
|
|
1553
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1554
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1574
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MultiValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1575
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MultiValueComponent, isStandalone: false, 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", "fieldAddons", "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", "fieldAddonsChange", "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"] }] });
|
|
1555
1576
|
}
|
|
1556
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1577
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MultiValueComponent, decorators: [{
|
|
1557
1578
|
type: Component,
|
|
1558
|
-
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" }]
|
|
1579
|
+
args: [{ selector: 'dxv-multivalue', standalone: false, 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" }]
|
|
1559
1580
|
}] });
|
|
1560
1581
|
|
|
1561
1582
|
class PopoverComponent {
|
|
@@ -1572,12 +1593,12 @@ class PopoverComponent {
|
|
|
1572
1593
|
this.container = this.popover.getPopupContainer(element);
|
|
1573
1594
|
this._cd.detectChanges();
|
|
1574
1595
|
}
|
|
1575
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1576
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1596
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1597
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PopoverComponent, isStandalone: false, 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", "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", "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"] }] });
|
|
1577
1598
|
}
|
|
1578
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1599
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
1579
1600
|
type: Component,
|
|
1580
|
-
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>" }]
|
|
1601
|
+
args: [{ selector: 'dxa-propertygrid-popoverservice', standalone: false, 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>" }]
|
|
1581
1602
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { popover: [{
|
|
1582
1603
|
type: Input,
|
|
1583
1604
|
args: ['data']
|
|
@@ -1592,12 +1613,12 @@ class ExportOptionsComponent {
|
|
|
1592
1613
|
onScrollViewInitialized(args) {
|
|
1593
1614
|
args.component.option('useKeyboard', false);
|
|
1594
1615
|
}
|
|
1595
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1596
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1616
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ExportOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1617
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ExportOptionsComponent, isStandalone: false, 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"] }] });
|
|
1597
1618
|
}
|
|
1598
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ExportOptionsComponent, decorators: [{
|
|
1599
1620
|
type: Component,
|
|
1600
|
-
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>" }]
|
|
1621
|
+
args: [{ selector: 'dxv-export-options', standalone: false, 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>" }]
|
|
1601
1622
|
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
1602
1623
|
type: Input,
|
|
1603
1624
|
args: ['data']
|
|
@@ -1628,12 +1649,12 @@ class MultiValueEditableComponent extends EditorComponentBase {
|
|
|
1628
1649
|
this.options.contentTemplate = this.properties;
|
|
1629
1650
|
this._cd.detectChanges();
|
|
1630
1651
|
}
|
|
1631
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1632
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1652
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MultiValueEditableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1653
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MultiValueEditableComponent, isStandalone: false, 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"] }] });
|
|
1633
1654
|
}
|
|
1634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1655
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MultiValueEditableComponent, decorators: [{
|
|
1635
1656
|
type: Component,
|
|
1636
|
-
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>" }]
|
|
1657
|
+
args: [{ selector: 'dxv-multivalue-editable', standalone: false, 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>" }]
|
|
1637
1658
|
}], propDecorators: { properties: [{
|
|
1638
1659
|
type: ViewChild,
|
|
1639
1660
|
args: ['properties']
|
|
@@ -1655,13 +1676,14 @@ class EllipsisEditorDirective {
|
|
|
1655
1676
|
ngOnDestroy() {
|
|
1656
1677
|
this._editor?.dispose();
|
|
1657
1678
|
}
|
|
1658
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1659
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1679
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EllipsisEditorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1680
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: EllipsisEditorDirective, isStandalone: false, selector: "[dxaEllipsisEditor]", inputs: { options: ["dxaEllipsisEditor", "options"] }, usesOnChanges: true, ngImport: i0 });
|
|
1660
1681
|
}
|
|
1661
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EllipsisEditorDirective, decorators: [{
|
|
1662
1683
|
type: Directive,
|
|
1663
1684
|
args: [{
|
|
1664
|
-
selector: '[dxaEllipsisEditor]'
|
|
1685
|
+
selector: '[dxaEllipsisEditor]',
|
|
1686
|
+
standalone: false
|
|
1665
1687
|
}]
|
|
1666
1688
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
1667
1689
|
type: Input,
|
|
@@ -1699,12 +1721,12 @@ class DateRangeComponent {
|
|
|
1699
1721
|
this._changeDetectorRef.markForCheck();
|
|
1700
1722
|
};
|
|
1701
1723
|
}
|
|
1702
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1703
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1724
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1725
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DateRangeComponent, isStandalone: false, 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 disabled: data.disabled,\n visible: data.visible,\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"] }] });
|
|
1704
1726
|
}
|
|
1705
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangeComponent, decorators: [{
|
|
1706
1728
|
type: Component,
|
|
1707
|
-
args: [{ selector: 'dxv-date-range', template: "<div class=\"dxrv-daterange-editor\">\n <div [dxaEllipsisEditor]=\"{\n buttonAction: processClickEvent,\n value: data.displayValue,\n disabled: data.disabled,\n visible: data.visible,\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>" }]
|
|
1729
|
+
args: [{ selector: 'dxv-date-range', standalone: false, template: "<div class=\"dxrv-daterange-editor\">\n <div [dxaEllipsisEditor]=\"{\n buttonAction: processClickEvent,\n value: data.displayValue,\n disabled: data.disabled,\n visible: data.visible,\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>" }]
|
|
1708
1730
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { options: [{
|
|
1709
1731
|
type: Input,
|
|
1710
1732
|
args: ['data']
|
|
@@ -1716,12 +1738,12 @@ class DateRangePopupContainerComponent {
|
|
|
1716
1738
|
ngOnInit() {
|
|
1717
1739
|
this.popupOptions = this.data.getPopupSettings(false);
|
|
1718
1740
|
}
|
|
1719
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1720
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1741
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangePopupContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1742
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DateRangePopupContainerComponent, isStandalone: false, 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.predefinedDateRanges.scrollViewOptions.showScrollbar\"\n [scrollByContent]=\"data.predefinedDateRanges.scrollViewOptions.scrollByContent\"\n [bounceEnabled]=\"data.predefinedDateRanges.scrollViewOptions.bounceEnabled\"\n [useNative]=\"data.predefinedDateRanges.scrollViewOptions.useNative\"\n [scrollByThumb]=\"data.predefinedDateRanges.scrollViewOptions.scrollByThumb\"\n (onInitialized)=\"data.predefinedDateRanges.scrollViewOptions.onInitialized($event)\"\n [dxMutationObserver]=\"data.predefinedDateRanges.accessibilityKeyboardHelper\"\n >\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <div *ngFor=\"let item of data.predefinedDateRanges.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", "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", "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"] }] });
|
|
1721
1743
|
}
|
|
1722
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1744
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangePopupContainerComponent, decorators: [{
|
|
1723
1745
|
type: Component,
|
|
1724
|
-
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.predefinedDateRanges.scrollViewOptions.showScrollbar\"\n [scrollByContent]=\"data.predefinedDateRanges.scrollViewOptions.scrollByContent\"\n [bounceEnabled]=\"data.predefinedDateRanges.scrollViewOptions.bounceEnabled\"\n [useNative]=\"data.predefinedDateRanges.scrollViewOptions.useNative\"\n [scrollByThumb]=\"data.predefinedDateRanges.scrollViewOptions.scrollByThumb\"\n (onInitialized)=\"data.predefinedDateRanges.scrollViewOptions.onInitialized($event)\"\n [dxMutationObserver]=\"data.predefinedDateRanges.accessibilityKeyboardHelper\"\n >\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <div *ngFor=\"let item of data.predefinedDateRanges.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>" }]
|
|
1746
|
+
args: [{ selector: 'dxv-daterange-popup', standalone: false, 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.predefinedDateRanges.scrollViewOptions.showScrollbar\"\n [scrollByContent]=\"data.predefinedDateRanges.scrollViewOptions.scrollByContent\"\n [bounceEnabled]=\"data.predefinedDateRanges.scrollViewOptions.bounceEnabled\"\n [useNative]=\"data.predefinedDateRanges.scrollViewOptions.useNative\"\n [scrollByThumb]=\"data.predefinedDateRanges.scrollViewOptions.scrollByThumb\"\n (onInitialized)=\"data.predefinedDateRanges.scrollViewOptions.onInitialized($event)\"\n [dxMutationObserver]=\"data.predefinedDateRanges.accessibilityKeyboardHelper\"\n >\n <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n <div *ngFor=\"let item of data.predefinedDateRanges.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>" }]
|
|
1725
1747
|
}], propDecorators: { data: [{
|
|
1726
1748
|
type: Input,
|
|
1727
1749
|
args: ['data']
|
|
@@ -1750,12 +1772,12 @@ class TimeRangePopupContainerComponent {
|
|
|
1750
1772
|
onRangeItemsRendered(event, groupItems) {
|
|
1751
1773
|
this.data.onRangeItemsRendered(this.extendItem(event, groupItems));
|
|
1752
1774
|
}
|
|
1753
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1754
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1775
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TimeRangePopupContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1776
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TimeRangePopupContainerComponent, isStandalone: false, selector: "dxv-timerange-popup", inputs: { data: "data" }, ngImport: i0, template: "<dx-popup role=\"dialog\" aria-modal=\"true\" \n[width]=\"popupOptions.width\"\n[maxHeight]=\"popupOptions.maxHeight\"\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 <div [dxMutationObserver]=\"data.dialogKeyboardHelper\" class=\"dxrv-timerange-editor-popup-content\">\n <ng-container *ngFor=\"let group of data.predefinedDateRanges?.groupedItems\">\n <div class=\"dxrv-timerange-editor-popup-container\">\n <dx-box \n [width]=\"'450px'\"\n [height]=\"25\"\n direction=\"row\"\n (onItemClick)=\"onRangeItemClick($event, group)\"\n (onItemRendered)=\"onRangeItemsRendered($event, group)\">\n <dxi-box-item \n *ngFor=\"let item of group\" \n [ratio]=\"1\"\n [template]=\"item.template\">\n </dxi-box-item>\n </dx-box>\n </div>\n </ng-container>\n <dx-box [width]=\"'450px'\" [height]=\"30\" direction=\"row\" class=\"dxrv-timerange-picker-container\">\n <dxi-box-item [ratio]=\"1\">\n <div class=\"dxrv-timerange-editor-popup-picker\">\n <span>{{ getLocalization(\"Start\", \"PreviewStringId.RangeParameters_Start\") }}</span>\n <dx-date-box\n type=\"time\"\n [(value)]=\"data.startRange.value\" \n (onValueChanged)=\"data.startRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-start\">\n </dx-date-box>\n </div>\n </dxi-box-item>\n <dxi-box-item [ratio]=\"1\">\n <div class=\"dxrv-timerange-editor-popup-picker\">\n <span>{{ getLocalization(\"End\", \"PreviewStringId.RangeParameters_End\") }}</span>\n <dx-date-box \n type=\"time\" \n [(value)]=\"data.endRange.value\" \n (onValueChanged)=\"data.endRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-end\">\n </dx-date-box>\n </div>\n </dxi-box-item>\n </dx-box>\n </div> \n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "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", "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: i2.DxBoxComponent, selector: "dx-box", inputs: ["align", "crossAlign", "dataSource", "direction", "disabled", "elementAttr", "height", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "alignChange", "crossAlignChange", "dataSourceChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i3.DxiBoxItemComponent, selector: "dxi-box-item", inputs: ["baseSize", "box", "disabled", "html", "ratio", "shrink", "template", "text", "visible"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1755
1777
|
}
|
|
1756
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TimeRangePopupContainerComponent, decorators: [{
|
|
1757
1779
|
type: Component,
|
|
1758
|
-
args: [{ selector: 'dxv-timerange-popup', template: "<dx-popup role=\"dialog\" aria-modal=\"true\" \n[width]=\"popupOptions.width\"\n[maxHeight]=\"popupOptions.maxHeight\"\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 <div [dxMutationObserver]=\"data.dialogKeyboardHelper\" class=\"dxrv-timerange-editor-popup-content\">\n <ng-container *ngFor=\"let group of data.predefinedDateRanges?.groupedItems\">\n <div class=\"dxrv-timerange-editor-popup-container\">\n <dx-box \n [width]=\"'450px'\"\n [height]=\"25\"\n direction=\"row\"\n (onItemClick)=\"onRangeItemClick($event, group)\"\n (onItemRendered)=\"onRangeItemsRendered($event, group)\">\n <dxi-box-item \n *ngFor=\"let item of group\" \n [ratio]=\"1\"\n [template]=\"item.template\">\n </dxi-box-item>\n </dx-box>\n </div>\n </ng-container>\n <dx-box [width]=\"'450px'\" [height]=\"30\" direction=\"row\" class=\"dxrv-timerange-picker-container\">\n <dxi-box-item [ratio]=\"1\">\n <div class=\"dxrv-timerange-editor-popup-picker\">\n <span>{{ getLocalization(\"Start\", \"PreviewStringId.RangeParameters_Start\") }}</span>\n <dx-date-box\n type=\"time\"\n [(value)]=\"data.startRange.value\" \n (onValueChanged)=\"data.startRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-start\">\n </dx-date-box>\n </div>\n </dxi-box-item>\n <dxi-box-item [ratio]=\"1\">\n <div class=\"dxrv-timerange-editor-popup-picker\">\n <span>{{ getLocalization(\"End\", \"PreviewStringId.RangeParameters_End\") }}</span>\n <dx-date-box \n type=\"time\" \n [(value)]=\"data.endRange.value\" \n (onValueChanged)=\"data.endRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-end\">\n </dx-date-box>\n </div>\n </dxi-box-item>\n </dx-box>\n </div> \n</dx-popup>" }]
|
|
1780
|
+
args: [{ selector: 'dxv-timerange-popup', standalone: false, template: "<dx-popup role=\"dialog\" aria-modal=\"true\" \n[width]=\"popupOptions.width\"\n[maxHeight]=\"popupOptions.maxHeight\"\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 <div [dxMutationObserver]=\"data.dialogKeyboardHelper\" class=\"dxrv-timerange-editor-popup-content\">\n <ng-container *ngFor=\"let group of data.predefinedDateRanges?.groupedItems\">\n <div class=\"dxrv-timerange-editor-popup-container\">\n <dx-box \n [width]=\"'450px'\"\n [height]=\"25\"\n direction=\"row\"\n (onItemClick)=\"onRangeItemClick($event, group)\"\n (onItemRendered)=\"onRangeItemsRendered($event, group)\">\n <dxi-box-item \n *ngFor=\"let item of group\" \n [ratio]=\"1\"\n [template]=\"item.template\">\n </dxi-box-item>\n </dx-box>\n </div>\n </ng-container>\n <dx-box [width]=\"'450px'\" [height]=\"30\" direction=\"row\" class=\"dxrv-timerange-picker-container\">\n <dxi-box-item [ratio]=\"1\">\n <div class=\"dxrv-timerange-editor-popup-picker\">\n <span>{{ getLocalization(\"Start\", \"PreviewStringId.RangeParameters_Start\") }}</span>\n <dx-date-box\n type=\"time\"\n [(value)]=\"data.startRange.value\" \n (onValueChanged)=\"data.startRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-start\">\n </dx-date-box>\n </div>\n </dxi-box-item>\n <dxi-box-item [ratio]=\"1\">\n <div class=\"dxrv-timerange-editor-popup-picker\">\n <span>{{ getLocalization(\"End\", \"PreviewStringId.RangeParameters_End\") }}</span>\n <dx-date-box \n type=\"time\" \n [(value)]=\"data.endRange.value\" \n (onValueChanged)=\"data.endRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-end\">\n </dx-date-box>\n </div>\n </dxi-box-item>\n </dx-box>\n </div> \n</dx-popup>" }]
|
|
1759
1781
|
}], propDecorators: { data: [{
|
|
1760
1782
|
type: Input,
|
|
1761
1783
|
args: ['data']
|
|
@@ -1763,12 +1785,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1763
1785
|
|
|
1764
1786
|
class CalendarComponent {
|
|
1765
1787
|
data;
|
|
1766
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1767
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1788
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1789
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CalendarComponent, isStandalone: false, 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", "todayButtonText", "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", "todayButtonTextChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "weekNumberRuleChange", "widthChange", "zoomLevelChange", "onBlur"] }] });
|
|
1768
1790
|
}
|
|
1769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
1770
1792
|
type: Component,
|
|
1771
|
-
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>" }]
|
|
1793
|
+
args: [{ selector: 'dxv-daterange-calendar', standalone: false, 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>" }]
|
|
1772
1794
|
}], propDecorators: { data: [{
|
|
1773
1795
|
type: Input,
|
|
1774
1796
|
args: ['data']
|
|
@@ -1779,13 +1801,14 @@ class LazyImagesDirective extends BaseDisposableDirective {
|
|
|
1779
1801
|
InitAndReturnDisposeFunc(element) {
|
|
1780
1802
|
return initializeLazyImagesBinding(element, this.options);
|
|
1781
1803
|
}
|
|
1782
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1783
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1804
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LazyImagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1805
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: LazyImagesDirective, isStandalone: false, selector: "[dxvLazyImages]", inputs: { options: ["dxvLazyImages", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
1784
1806
|
}
|
|
1785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1807
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LazyImagesDirective, decorators: [{
|
|
1786
1808
|
type: Directive,
|
|
1787
1809
|
args: [{
|
|
1788
|
-
selector: '[dxvLazyImages]'
|
|
1810
|
+
selector: '[dxvLazyImages]',
|
|
1811
|
+
standalone: false
|
|
1789
1812
|
}]
|
|
1790
1813
|
}], propDecorators: { options: [{
|
|
1791
1814
|
type: Input,
|
|
@@ -1797,13 +1820,14 @@ class AutoFitDirective extends BaseDisposableDirective {
|
|
|
1797
1820
|
InitAndReturnDisposeFunc(element) {
|
|
1798
1821
|
return initializeAutoFitBinding(element, this.options);
|
|
1799
1822
|
}
|
|
1800
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1801
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1823
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AutoFitDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1824
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: AutoFitDirective, isStandalone: false, selector: "[dxvAutoFit]", inputs: { options: ["dxvAutoFit", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
1802
1825
|
}
|
|
1803
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1826
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AutoFitDirective, decorators: [{
|
|
1804
1827
|
type: Directive,
|
|
1805
1828
|
args: [{
|
|
1806
|
-
selector: '[dxvAutoFit]'
|
|
1829
|
+
selector: '[dxvAutoFit]',
|
|
1830
|
+
standalone: false
|
|
1807
1831
|
}]
|
|
1808
1832
|
}], propDecorators: { options: [{
|
|
1809
1833
|
type: Input,
|
|
@@ -1815,13 +1839,14 @@ class TextCopierDirective extends BaseDisposableDirective {
|
|
|
1815
1839
|
InitAndReturnDisposeFunc(element) {
|
|
1816
1840
|
return initializeTextCopierBinding(element, { viewModel: this.viewModel });
|
|
1817
1841
|
}
|
|
1818
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1819
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1842
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextCopierDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1843
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TextCopierDirective, isStandalone: false, selector: "[dxvTextCopier]", inputs: { viewModel: ["dxvTextCopier", "viewModel"] }, usesInheritance: true, ngImport: i0 });
|
|
1820
1844
|
}
|
|
1821
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextCopierDirective, decorators: [{
|
|
1822
1846
|
type: Directive,
|
|
1823
1847
|
args: [{
|
|
1824
|
-
selector: '[dxvTextCopier]'
|
|
1848
|
+
selector: '[dxvTextCopier]',
|
|
1849
|
+
standalone: false
|
|
1825
1850
|
}]
|
|
1826
1851
|
}], propDecorators: { viewModel: [{
|
|
1827
1852
|
type: Input,
|
|
@@ -1833,13 +1858,14 @@ class ToViewDirective extends BaseDisposableDirective {
|
|
|
1833
1858
|
InitAndReturnDisposeFunc(element) {
|
|
1834
1859
|
return initializeToViewBinding(element, this.options);
|
|
1835
1860
|
}
|
|
1836
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1837
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1861
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToViewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1862
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ToViewDirective, isStandalone: false, selector: "[dxvToView]", inputs: { options: ["dxvToView", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
1838
1863
|
}
|
|
1839
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToViewDirective, decorators: [{
|
|
1840
1865
|
type: Directive,
|
|
1841
1866
|
args: [{
|
|
1842
|
-
selector: '[dxvToView]'
|
|
1867
|
+
selector: '[dxvToView]',
|
|
1868
|
+
standalone: false
|
|
1843
1869
|
}]
|
|
1844
1870
|
}], propDecorators: { options: [{
|
|
1845
1871
|
type: Input,
|
|
@@ -1849,12 +1875,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1849
1875
|
class SurfaceComponent {
|
|
1850
1876
|
data;
|
|
1851
1877
|
clipboardMessage = getLocalization$2('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard');
|
|
1852
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1853
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1878
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1879
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SurfaceComponent, isStandalone: false, selector: "dxv-surface", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [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 [dxvTextCopier]=\"data\"\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 [dxvTextCopier]=\"data\"\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 <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\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: 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.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "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", "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: LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: TextCopierDirective, selector: "[dxvTextCopier]", inputs: ["dxvTextCopier"] }, { kind: "directive", type: ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1854
1880
|
}
|
|
1855
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SurfaceComponent, decorators: [{
|
|
1856
1882
|
type: Component,
|
|
1857
|
-
args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [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 [dxvTextCopier]=\"data\"\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 [dxvTextCopier]=\"data\"\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 <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\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>" }]
|
|
1883
|
+
args: [{ selector: 'dxv-surface', standalone: false, template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [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 [dxvTextCopier]=\"data\"\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 [dxvTextCopier]=\"data\"\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 <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\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>" }]
|
|
1858
1884
|
}], propDecorators: { data: [{
|
|
1859
1885
|
type: Input,
|
|
1860
1886
|
args: ['data']
|
|
@@ -1868,13 +1894,14 @@ class PreviewPageRendererDirective extends BaseDisposableDirective {
|
|
|
1868
1894
|
options;
|
|
1869
1895
|
eventName = null;
|
|
1870
1896
|
InitAndReturnDisposeFunc(element) { return void 0; }
|
|
1871
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1872
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1897
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PreviewPageRendererDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1898
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: PreviewPageRendererDirective, isStandalone: false, selector: "[dxvPreviewPageRenderer]", inputs: { imageData: ["dxvPreviewPageRenderer", "imageData"] }, usesInheritance: true, ngImport: i0 });
|
|
1873
1899
|
}
|
|
1874
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1900
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PreviewPageRendererDirective, decorators: [{
|
|
1875
1901
|
type: Directive,
|
|
1876
1902
|
args: [{
|
|
1877
|
-
selector: '[dxvPreviewPageRenderer]'
|
|
1903
|
+
selector: '[dxvPreviewPageRenderer]',
|
|
1904
|
+
standalone: false
|
|
1878
1905
|
}]
|
|
1879
1906
|
}], propDecorators: { imageData: [{
|
|
1880
1907
|
type: Input,
|
|
@@ -1890,13 +1917,14 @@ class BrickSelectionDirective extends BaseDisposableDirective {
|
|
|
1890
1917
|
options;
|
|
1891
1918
|
eventName = null;
|
|
1892
1919
|
InitAndReturnDisposeFunc(element) { return void 0; }
|
|
1893
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1894
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1920
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BrickSelectionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1921
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: BrickSelectionDirective, isStandalone: false, selector: "[dxvBrickSelection]", inputs: { brickSelection: ["dxvBrickSelection", "brickSelection"] }, usesInheritance: true, ngImport: i0 });
|
|
1895
1922
|
}
|
|
1896
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1923
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BrickSelectionDirective, decorators: [{
|
|
1897
1924
|
type: Directive,
|
|
1898
1925
|
args: [{
|
|
1899
|
-
selector: '[dxvBrickSelection]'
|
|
1926
|
+
selector: '[dxvBrickSelection]',
|
|
1927
|
+
standalone: false
|
|
1900
1928
|
}]
|
|
1901
1929
|
}], propDecorators: { brickSelection: [{
|
|
1902
1930
|
type: Input,
|
|
@@ -1916,12 +1944,12 @@ class PageComponent {
|
|
|
1916
1944
|
isRtlViewer() {
|
|
1917
1945
|
return this.data?.getModel()?.reportPreview.rtlViewer ?? false;
|
|
1918
1946
|
}
|
|
1919
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1920
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1947
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1948
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PageComponent, isStandalone: false, selector: "dxv-page", inputs: { data: "data" }, ngImport: i0, template: "<dx-load-panel [position]=\"{ of: '#' + data.page_id }\" [visible]=\"data.loading\"></dx-load-panel>\n<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n [id] = \"data.page_id\"\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.aiServicesEnabled && data.active\"\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 (onSubmenuShowing)=\"onSubmenuShowing($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 *ngIf=\"data.aiServicesEnabled && data.aiCustomDocumentStorageId\" class=\"dxrd-report-preview-page-modified\">\n <span class=\"dxrd-report-preview-page-modified-text\"> {{ data.translatedPageBadgeText }} </span>\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.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "container", "deferRendering", "delay", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorOptions", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "containerChange", "deferRenderingChange", "delayChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorOptionsChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { 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"] }] });
|
|
1921
1949
|
}
|
|
1922
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1950
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PageComponent, decorators: [{
|
|
1923
1951
|
type: Component,
|
|
1924
|
-
args: [{ selector: 'dxv-page', template: "<dx-load-panel [position]=\"{ of: '#' + data.page_id }\" [visible]=\"data.loading\"></dx-load-panel>\n<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n [id] = \"data.page_id\"\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.aiServicesEnabled && data.active\"\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 (onSubmenuShowing)=\"onSubmenuShowing($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 *ngIf=\"data.aiServicesEnabled && data.aiCustomDocumentStorageId\" class=\"dxrd-report-preview-page-modified\">\n <span class=\"dxrd-report-preview-page-modified-text\"> {{ data.translatedPageBadgeText }} </span>\n </div>\n </div>\n</div>" }]
|
|
1952
|
+
args: [{ selector: 'dxv-page', standalone: false, template: "<dx-load-panel [position]=\"{ of: '#' + data.page_id }\" [visible]=\"data.loading\"></dx-load-panel>\n<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n [id] = \"data.page_id\"\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.aiServicesEnabled && data.active\"\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 (onSubmenuShowing)=\"onSubmenuShowing($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 *ngIf=\"data.aiServicesEnabled && data.aiCustomDocumentStorageId\" class=\"dxrd-report-preview-page-modified\">\n <span class=\"dxrd-report-preview-page-modified-text\"> {{ data.translatedPageBadgeText }} </span>\n </div>\n </div>\n</div>" }]
|
|
1925
1953
|
}], propDecorators: { data: [{
|
|
1926
1954
|
type: Input,
|
|
1927
1955
|
args: ['data']
|
|
@@ -1929,12 +1957,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1929
1957
|
|
|
1930
1958
|
class EditorContentComponent {
|
|
1931
1959
|
data;
|
|
1932
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1933
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1960
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditorContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1961
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EditorContentComponent, isStandalone: false, 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"] }] });
|
|
1934
1962
|
}
|
|
1935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1963
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditorContentComponent, decorators: [{
|
|
1936
1964
|
type: Component,
|
|
1937
|
-
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>" }]
|
|
1965
|
+
args: [{ selector: 'dxv-editor-content', standalone: false, 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>" }]
|
|
1938
1966
|
}], propDecorators: { data: [{
|
|
1939
1967
|
type: Input,
|
|
1940
1968
|
args: ['data']
|
|
@@ -1949,12 +1977,12 @@ class GroupEditorComponent {
|
|
|
1949
1977
|
trackByFn(_, item) {
|
|
1950
1978
|
return item.editorInputId;
|
|
1951
1979
|
}
|
|
1952
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1953
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1980
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GroupEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1981
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GroupEditorComponent, isStandalone: false, 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"] }] });
|
|
1954
1982
|
}
|
|
1955
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GroupEditorComponent, decorators: [{
|
|
1956
1984
|
type: Component,
|
|
1957
|
-
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>" }]
|
|
1985
|
+
args: [{ selector: 'dxv-group-editor', standalone: false, 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>" }]
|
|
1958
1986
|
}], propDecorators: { data: [{
|
|
1959
1987
|
type: Input,
|
|
1960
1988
|
args: ['data']
|
|
@@ -1966,12 +1994,12 @@ class SearchComponent {
|
|
|
1966
1994
|
ngOnInit() {
|
|
1967
1995
|
this.viewModel = this.data.model.getViewModel();
|
|
1968
1996
|
}
|
|
1969
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1970
|
-
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: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "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"] }] });
|
|
1997
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1998
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SearchComponent, isStandalone: false, 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: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "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"] }] });
|
|
1971
1999
|
}
|
|
1972
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2000
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchComponent, decorators: [{
|
|
1973
2001
|
type: Component,
|
|
1974
|
-
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" }]
|
|
2002
|
+
args: [{ selector: 'dxv-search', standalone: false, 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" }]
|
|
1975
2003
|
}], propDecorators: { data: [{
|
|
1976
2004
|
type: Input,
|
|
1977
2005
|
args: ['data']
|
|
@@ -1994,12 +2022,12 @@ class AIPanelComponent {
|
|
|
1994
2022
|
getVisible() {
|
|
1995
2023
|
return this.data.model?.tabInfo?.visible && this.data.model?.tabInfo?.active;
|
|
1996
2024
|
}
|
|
1997
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1998
|
-
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.targetSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.targetSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n </dx-select-box>\n </div>\n <div *ngIf=\"viewModel.languageSelectBoxOptions.visible\" 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.languageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.languageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n </div>\n\n <div *ngIf=\"viewModel.pageSelectBoxVisible\" 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.pageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.pageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n [inputAttr]=\"viewModel.pageSelectBoxOptions.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 [visible]=\"viewModel.buttons.translateTextButton.visible\">\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 [visible]=\"viewModel.buttons.summarizeTextButton.visible\">\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.textProcessingResultHeaderText }} </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: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "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", "fieldAddons", "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", "fieldAddonsChange", "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", "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", "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"] }] });
|
|
2025
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AIPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2026
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: AIPanelComponent, isStandalone: false, 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.targetSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.targetSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n </dx-select-box>\n </div>\n <div *ngIf=\"viewModel.languageSelectBoxOptions.visible\" 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.languageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.languageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n </div>\n\n <div *ngIf=\"viewModel.pageSelectBoxVisible\" 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.pageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.pageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n [inputAttr]=\"viewModel.pageSelectBoxOptions.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 [visible]=\"viewModel.buttons.translateTextButton.visible\">\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 [visible]=\"viewModel.buttons.summarizeTextButton.visible\">\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.textProcessingResultHeaderText }} </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: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "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", "fieldAddons", "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", "fieldAddonsChange", "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", "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", "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"] }] });
|
|
1999
2027
|
}
|
|
2000
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2028
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AIPanelComponent, decorators: [{
|
|
2001
2029
|
type: Component,
|
|
2002
|
-
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.targetSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.targetSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n </dx-select-box>\n </div>\n <div *ngIf=\"viewModel.languageSelectBoxOptions.visible\" 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.languageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.languageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n </div>\n\n <div *ngIf=\"viewModel.pageSelectBoxVisible\" 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.pageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.pageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n [inputAttr]=\"viewModel.pageSelectBoxOptions.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 [visible]=\"viewModel.buttons.translateTextButton.visible\">\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 [visible]=\"viewModel.buttons.summarizeTextButton.visible\">\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.textProcessingResultHeaderText }} </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>" }]
|
|
2030
|
+
args: [{ selector: 'dxv-aipanel', standalone: false, 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.targetSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.targetSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n </dx-select-box>\n </div>\n <div *ngIf=\"viewModel.languageSelectBoxOptions.visible\" 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.languageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.languageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n </div>\n\n <div *ngIf=\"viewModel.pageSelectBoxVisible\" 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.pageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.pageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n [inputAttr]=\"viewModel.pageSelectBoxOptions.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 [visible]=\"viewModel.buttons.translateTextButton.visible\">\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 [visible]=\"viewModel.buttons.summarizeTextButton.visible\">\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.textProcessingResultHeaderText }} </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>" }]
|
|
2003
2031
|
}], propDecorators: { data: [{
|
|
2004
2032
|
type: Input,
|
|
2005
2033
|
args: ['data']
|
|
@@ -2007,12 +2035,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2007
2035
|
|
|
2008
2036
|
class TreeListGroupComponent {
|
|
2009
2037
|
data;
|
|
2010
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2011
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2038
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2039
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TreeListGroupComponent, isStandalone: false, 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"] }] });
|
|
2012
2040
|
}
|
|
2013
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2041
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListGroupComponent, decorators: [{
|
|
2014
2042
|
type: Component,
|
|
2015
|
-
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>" }]
|
|
2043
|
+
args: [{ selector: 'dxa-treelist-group', standalone: false, 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>" }]
|
|
2016
2044
|
}], propDecorators: { data: [{
|
|
2017
2045
|
type: Input,
|
|
2018
2046
|
args: ['data']
|
|
@@ -2048,12 +2076,12 @@ class TreelistComponent {
|
|
|
2048
2076
|
ngOnDestroy() {
|
|
2049
2077
|
this._disposeCallback && this._disposeCallback();
|
|
2050
2078
|
}
|
|
2051
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2052
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2079
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreelistComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2080
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TreelistComponent, isStandalone: false, 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"] }] });
|
|
2053
2081
|
}
|
|
2054
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2082
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreelistComponent, decorators: [{
|
|
2055
2083
|
type: Component,
|
|
2056
|
-
args: [{ selector: 'dxa-treelist', template: "<dxa-treelist-group #treelist *ngIf=\"!!viewModel\" template=\"dx-treelist\" [data]=\"viewModel\"></dxa-treelist-group>" }]
|
|
2084
|
+
args: [{ selector: 'dxa-treelist', standalone: false, template: "<dxa-treelist-group #treelist *ngIf=\"!!viewModel\" template=\"dx-treelist\" [data]=\"viewModel\"></dxa-treelist-group>" }]
|
|
2057
2085
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
2058
2086
|
type: Input,
|
|
2059
2087
|
args: ['options']
|
|
@@ -2072,12 +2100,12 @@ class DocumentMapComponent {
|
|
|
2072
2100
|
ngOnInit() {
|
|
2073
2101
|
this.viewModel = this.data.model?.getViewModel();
|
|
2074
2102
|
}
|
|
2075
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2076
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2103
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2104
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DocumentMapComponent, isStandalone: false, 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"] }] });
|
|
2077
2105
|
}
|
|
2078
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentMapComponent, decorators: [{
|
|
2079
2107
|
type: Component,
|
|
2080
|
-
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>" }]
|
|
2108
|
+
args: [{ selector: 'dxv-document-map', standalone: false, 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>" }]
|
|
2081
2109
|
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
2082
2110
|
type: Input,
|
|
2083
2111
|
args: ['data']
|
|
@@ -2085,12 +2113,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2085
2113
|
|
|
2086
2114
|
class TextEditingFieldComponent {
|
|
2087
2115
|
data;
|
|
2088
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2089
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2116
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2117
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextEditingFieldComponent, isStandalone: false, 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 (input)=\"data.onInput(data, $event)\">\n</textarea>" });
|
|
2090
2118
|
}
|
|
2091
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextEditingFieldComponent, decorators: [{
|
|
2092
2120
|
type: Component,
|
|
2093
|
-
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 (input)=\"data.onInput(data, $event)\">\n</textarea>" }]
|
|
2121
|
+
args: [{ selector: 'dxv-editing-field-text', standalone: false, 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 (input)=\"data.onInput(data, $event)\">\n</textarea>" }]
|
|
2094
2122
|
}], propDecorators: { data: [{
|
|
2095
2123
|
type: Input,
|
|
2096
2124
|
args: ['data']
|
|
@@ -2112,13 +2140,14 @@ class DxTextEditingFieldBaseComponent {
|
|
|
2112
2140
|
dxWidget.endUpdate();
|
|
2113
2141
|
this._cd.detectChanges();
|
|
2114
2142
|
}
|
|
2115
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2116
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2143
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxTextEditingFieldBaseComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2144
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxTextEditingFieldBaseComponent, isStandalone: false, selector: "ng-component", inputs: { data: "data" }, viewQueries: [{ propertyName: "widget", first: true, predicate: ["widget"], descendants: true }], ngImport: i0, template: '', isInline: true });
|
|
2117
2145
|
}
|
|
2118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxTextEditingFieldBaseComponent, decorators: [{
|
|
2119
2147
|
type: Component,
|
|
2120
2148
|
args: [{
|
|
2121
|
-
template: ''
|
|
2149
|
+
template: '',
|
|
2150
|
+
standalone: false
|
|
2122
2151
|
}]
|
|
2123
2152
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2124
2153
|
type: Input,
|
|
@@ -2137,13 +2166,14 @@ class ChildStyleDirective {
|
|
|
2137
2166
|
ngAfterViewInit() {
|
|
2138
2167
|
initializeChildStyleBinding(this._element.nativeElement, this.options);
|
|
2139
2168
|
}
|
|
2140
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2141
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2169
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChildStyleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2170
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ChildStyleDirective, isStandalone: false, selector: "[dxvChildStyle]", inputs: { options: ["dxvChildStyle", "options"] }, ngImport: i0 });
|
|
2142
2171
|
}
|
|
2143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChildStyleDirective, decorators: [{
|
|
2144
2173
|
type: Directive,
|
|
2145
2174
|
args: [{
|
|
2146
|
-
selector: '[dxvChildStyle]'
|
|
2175
|
+
selector: '[dxvChildStyle]',
|
|
2176
|
+
standalone: false
|
|
2147
2177
|
}]
|
|
2148
2178
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
2149
2179
|
type: Input,
|
|
@@ -2151,21 +2181,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2151
2181
|
}] } });
|
|
2152
2182
|
|
|
2153
2183
|
class TextEditingFieldMaskComponent extends DxTextEditingFieldBaseComponent {
|
|
2154
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2155
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2184
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextEditingFieldMaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2185
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextEditingFieldMaskComponent, isStandalone: false, 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"] }] });
|
|
2156
2186
|
}
|
|
2157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextEditingFieldMaskComponent, decorators: [{
|
|
2158
2188
|
type: Component,
|
|
2159
|
-
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>" }]
|
|
2189
|
+
args: [{ selector: 'dxv-editing-field-mask', standalone: false, 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>" }]
|
|
2160
2190
|
}] });
|
|
2161
2191
|
|
|
2162
2192
|
class TextEditingFieldNumberComponent extends DxTextEditingFieldBaseComponent {
|
|
2163
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2164
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2193
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextEditingFieldNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2194
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextEditingFieldNumberComponent, isStandalone: false, 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"] }] });
|
|
2165
2195
|
}
|
|
2166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextEditingFieldNumberComponent, decorators: [{
|
|
2167
2197
|
type: Component,
|
|
2168
|
-
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>" }]
|
|
2198
|
+
args: [{ selector: 'dxv-editing-field-number', standalone: false, 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>" }]
|
|
2169
2199
|
}] });
|
|
2170
2200
|
|
|
2171
2201
|
class TextEditingFieldDateBoxComponent {
|
|
@@ -2190,12 +2220,12 @@ class TextEditingFieldDateBoxComponent {
|
|
|
2190
2220
|
};
|
|
2191
2221
|
this._cd.detectChanges();
|
|
2192
2222
|
}
|
|
2193
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2194
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2223
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextEditingFieldDateBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2224
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextEditingFieldDateBoxComponent, isStandalone: false, 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"] }] });
|
|
2195
2225
|
}
|
|
2196
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextEditingFieldDateBoxComponent, decorators: [{
|
|
2197
2227
|
type: Component,
|
|
2198
|
-
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>" }]
|
|
2228
|
+
args: [{ selector: 'dxv-editing-field-datetime', standalone: false, 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>" }]
|
|
2199
2229
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2200
2230
|
type: Input,
|
|
2201
2231
|
args: ['data']
|
|
@@ -2209,13 +2239,14 @@ class ZoomDirective {
|
|
|
2209
2239
|
constructor(_element) {
|
|
2210
2240
|
this._element = _element;
|
|
2211
2241
|
}
|
|
2212
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2213
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2242
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ZoomDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2243
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ZoomDirective, isStandalone: false, selector: "[dxaZoom]", inputs: { options: ["dxaZoom", "options"] }, ngImport: i0 });
|
|
2214
2244
|
}
|
|
2215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2245
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ZoomDirective, decorators: [{
|
|
2216
2246
|
type: Directive,
|
|
2217
2247
|
args: [{
|
|
2218
|
-
selector: '[dxaZoom]'
|
|
2248
|
+
selector: '[dxaZoom]',
|
|
2249
|
+
standalone: false
|
|
2219
2250
|
}]
|
|
2220
2251
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
2221
2252
|
type: Input,
|
|
@@ -2228,12 +2259,12 @@ class TextEditingFieldContainerComponent {
|
|
|
2228
2259
|
ngAfterViewInit() {
|
|
2229
2260
|
this.data.setEditingFieldElement(this.editingFieldElement.nativeElement);
|
|
2230
2261
|
}
|
|
2231
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2232
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2262
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextEditingFieldContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2263
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextEditingFieldContainerComponent, isStandalone: false, 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 [style.border-color]=\"data.containerStyle['border-color']\">\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\">{{data.field.editValue}}</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"] }] });
|
|
2233
2264
|
}
|
|
2234
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextEditingFieldContainerComponent, decorators: [{
|
|
2235
2266
|
type: Component,
|
|
2236
|
-
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 [style.border-color]=\"data.containerStyle['border-color']\">\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\">{{data.field.editValue}}</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>" }]
|
|
2267
|
+
args: [{ selector: 'dxv-editing-field-container', standalone: false, 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 [style.border-color]=\"data.containerStyle['border-color']\">\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\">{{data.field.editValue}}</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>" }]
|
|
2237
2268
|
}], propDecorators: { data: [{
|
|
2238
2269
|
type: Input,
|
|
2239
2270
|
args: ['data']
|
|
@@ -2244,12 +2275,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2244
2275
|
|
|
2245
2276
|
class CharacterCombEditingFieldComponent {
|
|
2246
2277
|
data;
|
|
2247
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2248
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2278
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CharacterCombEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2279
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CharacterCombEditingFieldComponent, isStandalone: false, 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 (input)=\"data.onInput(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"] }] });
|
|
2249
2280
|
}
|
|
2250
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CharacterCombEditingFieldComponent, decorators: [{
|
|
2251
2282
|
type: Component,
|
|
2252
|
-
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 (input)=\"data.onInput(data, $event)\">\n </textarea>\n</div>" }]
|
|
2283
|
+
args: [{ selector: 'dxv-editing-field-character-comb', standalone: false, 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 (input)=\"data.onInput(data, $event)\">\n </textarea>\n</div>" }]
|
|
2253
2284
|
}], propDecorators: { data: [{
|
|
2254
2285
|
type: Input,
|
|
2255
2286
|
args: ['data']
|
|
@@ -2257,12 +2288,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2257
2288
|
|
|
2258
2289
|
class CheckEditingFieldComponent {
|
|
2259
2290
|
data;
|
|
2260
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2261
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2291
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2292
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CheckEditingFieldComponent, isStandalone: false, 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"] }] });
|
|
2262
2293
|
}
|
|
2263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2294
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CheckEditingFieldComponent, decorators: [{
|
|
2264
2295
|
type: Component,
|
|
2265
|
-
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>" }]
|
|
2296
|
+
args: [{ selector: 'dxv-editing-field-checkbox', standalone: false, 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>" }]
|
|
2266
2297
|
}], propDecorators: { data: [{
|
|
2267
2298
|
type: Input,
|
|
2268
2299
|
args: ['data']
|
|
@@ -2270,12 +2301,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2270
2301
|
|
|
2271
2302
|
class RadioEditingFieldComponent {
|
|
2272
2303
|
data;
|
|
2273
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2274
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2304
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RadioEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2305
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: RadioEditingFieldComponent, isStandalone: false, 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"] }] });
|
|
2275
2306
|
}
|
|
2276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2307
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RadioEditingFieldComponent, decorators: [{
|
|
2277
2308
|
type: Component,
|
|
2278
|
-
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" }]
|
|
2309
|
+
args: [{ selector: 'dxv-editing-field-radio', standalone: false, 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" }]
|
|
2279
2310
|
}], propDecorators: { data: [{
|
|
2280
2311
|
type: Input,
|
|
2281
2312
|
args: ['data']
|
|
@@ -2319,12 +2350,12 @@ class PictureEditorComponent {
|
|
|
2319
2350
|
this.model.dispose();
|
|
2320
2351
|
this.editingFieldModel._setPictureEditor(null);
|
|
2321
2352
|
}
|
|
2322
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2323
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2353
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2354
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PictureEditorComponent, isStandalone: false, 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", "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", "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"] }] });
|
|
2324
2355
|
}
|
|
2325
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2356
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorComponent, decorators: [{
|
|
2326
2357
|
type: Component,
|
|
2327
|
-
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>" }]
|
|
2358
|
+
args: [{ selector: 'dxv-picture-editor', standalone: false, 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>" }]
|
|
2328
2359
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { element: [{
|
|
2329
2360
|
type: ViewChild,
|
|
2330
2361
|
args: ['pictureEditing']
|
|
@@ -2335,12 +2366,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2335
2366
|
|
|
2336
2367
|
class ImageEditingFieldEditorComponent {
|
|
2337
2368
|
data;
|
|
2338
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2339
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2369
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ImageEditingFieldEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2370
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ImageEditingFieldEditorComponent, isStandalone: false, 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"] }] });
|
|
2340
2371
|
}
|
|
2341
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ImageEditingFieldEditorComponent, decorators: [{
|
|
2342
2373
|
type: Component,
|
|
2343
|
-
args: [{ selector: 'dxv-image-editing-field-editor', template: "<dxv-picture-editor [options]=\"data\" class=\"dxrd-height-100 dxrd-width-100\"></dxv-picture-editor>" }]
|
|
2374
|
+
args: [{ selector: 'dxv-image-editing-field-editor', standalone: false, template: "<dxv-picture-editor [options]=\"data\" class=\"dxrd-height-100 dxrd-width-100\"></dxv-picture-editor>" }]
|
|
2344
2375
|
}], propDecorators: { data: [{
|
|
2345
2376
|
type: Input,
|
|
2346
2377
|
args: ['data']
|
|
@@ -2348,12 +2379,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2348
2379
|
|
|
2349
2380
|
class ImageEditingFieldComponent {
|
|
2350
2381
|
data;
|
|
2351
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2352
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2382
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ImageEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2383
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ImageEditingFieldComponent, isStandalone: false, 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"] }] });
|
|
2353
2384
|
}
|
|
2354
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ImageEditingFieldComponent, decorators: [{
|
|
2355
2386
|
type: Component,
|
|
2356
|
-
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>" }]
|
|
2387
|
+
args: [{ selector: 'dxv-image-editing-field', standalone: false, 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>" }]
|
|
2357
2388
|
}], propDecorators: { data: [{
|
|
2358
2389
|
type: Input,
|
|
2359
2390
|
args: ['data']
|
|
@@ -2377,12 +2408,12 @@ class PainterComponent {
|
|
|
2377
2408
|
this.model.dispose();
|
|
2378
2409
|
this.options.setPainter(null);
|
|
2379
2410
|
}
|
|
2380
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2381
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2411
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PainterComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2412
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PainterComponent, isStandalone: false, 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"] }] });
|
|
2382
2413
|
}
|
|
2383
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2414
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PainterComponent, decorators: [{
|
|
2384
2415
|
type: Component,
|
|
2385
|
-
args: [{ selector: 'dxv-painter', template: "<div class=\"dx-painter\">\n <canvas [dxaZoom]=\"model?.scale\"></canvas>\n</div>" }]
|
|
2416
|
+
args: [{ selector: 'dxv-painter', standalone: false, template: "<div class=\"dx-painter\">\n <canvas [dxaZoom]=\"model?.scale\"></canvas>\n</div>" }]
|
|
2386
2417
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { options: [{
|
|
2387
2418
|
type: Input,
|
|
2388
2419
|
args: ['options']
|
|
@@ -2412,12 +2443,12 @@ class PopupImageEditingFieldComponent {
|
|
|
2412
2443
|
this._cd.detectChanges();
|
|
2413
2444
|
this.data.setEditingFieldElement(this.popupContainer.nativeElement);
|
|
2414
2445
|
}
|
|
2415
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2416
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2446
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PopupImageEditingFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2447
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PopupImageEditingFieldComponent, isStandalone: false, 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", "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", "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"] }] });
|
|
2417
2448
|
}
|
|
2418
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2449
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PopupImageEditingFieldComponent, decorators: [{
|
|
2419
2450
|
type: Component,
|
|
2420
|
-
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>" }]
|
|
2451
|
+
args: [{ selector: 'dxv-popup-image-editing-field', standalone: false, 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>" }]
|
|
2421
2452
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2422
2453
|
type: Input,
|
|
2423
2454
|
args: ['data']
|
|
@@ -2428,12 +2459,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2428
2459
|
|
|
2429
2460
|
class ProgressBarComponent {
|
|
2430
2461
|
viewModel;
|
|
2431
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2432
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2462
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2463
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ProgressBarComponent, isStandalone: false, 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"] }] });
|
|
2433
2464
|
}
|
|
2434
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
2435
2466
|
type: Component,
|
|
2436
|
-
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>" }]
|
|
2467
|
+
args: [{ selector: 'dxv-progress-bar', standalone: false, 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>" }]
|
|
2437
2468
|
}], propDecorators: { viewModel: [{
|
|
2438
2469
|
type: Input,
|
|
2439
2470
|
args: ['data']
|
|
@@ -2463,12 +2494,12 @@ class PictureEditorToolBarPopupComponent {
|
|
|
2463
2494
|
};
|
|
2464
2495
|
this._cd.detectChanges();
|
|
2465
2496
|
}
|
|
2466
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2467
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2497
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorToolBarPopupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2498
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PictureEditorToolBarPopupComponent, isStandalone: false, 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", "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", "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"] }] });
|
|
2468
2499
|
}
|
|
2469
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2500
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorToolBarPopupComponent, decorators: [{
|
|
2470
2501
|
type: Component,
|
|
2471
|
-
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>" }]
|
|
2502
|
+
args: [{ selector: 'dxv-picture-editor-toolbar-popup', standalone: false, 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>" }]
|
|
2472
2503
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2473
2504
|
type: Input,
|
|
2474
2505
|
args: ['data']
|
|
@@ -2476,12 +2507,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2476
2507
|
|
|
2477
2508
|
class PictureEditorBrushOptionsComponent {
|
|
2478
2509
|
data;
|
|
2479
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2480
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2510
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorBrushOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2511
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PictureEditorBrushOptionsComponent, isStandalone: false, 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"] }] });
|
|
2481
2512
|
}
|
|
2482
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorBrushOptionsComponent, decorators: [{
|
|
2483
2514
|
type: Component,
|
|
2484
|
-
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>" }]
|
|
2515
|
+
args: [{ selector: 'dxv-picture-editing-brush-options', standalone: false, 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>" }]
|
|
2485
2516
|
}], propDecorators: { data: [{
|
|
2486
2517
|
type: Input,
|
|
2487
2518
|
args: ['data']
|
|
@@ -2489,12 +2520,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2489
2520
|
|
|
2490
2521
|
class PictureEditorSizeOptionsComponent {
|
|
2491
2522
|
data;
|
|
2492
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2493
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2523
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorSizeOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2524
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PictureEditorSizeOptionsComponent, isStandalone: false, 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"] }] });
|
|
2494
2525
|
}
|
|
2495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2526
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorSizeOptionsComponent, decorators: [{
|
|
2496
2527
|
type: Component,
|
|
2497
|
-
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>" }]
|
|
2528
|
+
args: [{ selector: 'dxv-picture-editing-size-options', standalone: false, 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>" }]
|
|
2498
2529
|
}], propDecorators: { data: [{
|
|
2499
2530
|
type: Input,
|
|
2500
2531
|
args: ['data']
|
|
@@ -2533,13 +2564,14 @@ class SearchHighlightingDirective {
|
|
|
2533
2564
|
ngOnDestroy() {
|
|
2534
2565
|
this.model?.dispose();
|
|
2535
2566
|
}
|
|
2536
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2537
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2567
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchHighlightingDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2568
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: SearchHighlightingDirective, isStandalone: false, selector: "[dxaSearchHighlighting]", inputs: { text: "text", textToSearch: "textToSearch" }, ngImport: i0 });
|
|
2538
2569
|
}
|
|
2539
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2570
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchHighlightingDirective, decorators: [{
|
|
2540
2571
|
type: Directive,
|
|
2541
2572
|
args: [{
|
|
2542
|
-
selector: '[dxaSearchHighlighting]'
|
|
2573
|
+
selector: '[dxaSearchHighlighting]',
|
|
2574
|
+
standalone: false
|
|
2543
2575
|
}]
|
|
2544
2576
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { text: [{
|
|
2545
2577
|
type: Input,
|
|
@@ -2551,24 +2583,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2551
2583
|
|
|
2552
2584
|
class PictureEditorImagespickerComponent {
|
|
2553
2585
|
data;
|
|
2554
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2555
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2586
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorImagespickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2587
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PictureEditorImagespickerComponent, isStandalone: false, 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"] }] });
|
|
2556
2588
|
}
|
|
2557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2589
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorImagespickerComponent, decorators: [{
|
|
2558
2590
|
type: Component,
|
|
2559
|
-
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>" }]
|
|
2591
|
+
args: [{ selector: 'dxv-picture-editing-imagespicker', standalone: false, 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>" }]
|
|
2560
2592
|
}], propDecorators: { data: [{
|
|
2561
2593
|
type: Input,
|
|
2562
2594
|
args: ['data']
|
|
2563
2595
|
}] } });
|
|
2564
2596
|
|
|
2565
2597
|
class PictureEditorImagespickerWithFilterComponent extends PictureEditorImagespickerComponent {
|
|
2566
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2567
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2598
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorImagespickerWithFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2599
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PictureEditorImagespickerWithFilterComponent, isStandalone: false, 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"] }] });
|
|
2568
2600
|
}
|
|
2569
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2601
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PictureEditorImagespickerWithFilterComponent, decorators: [{
|
|
2570
2602
|
type: Component,
|
|
2571
|
-
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>" }]
|
|
2603
|
+
args: [{ selector: 'dxv-picture-editing-imagespickerwithfilter', standalone: false, 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>" }]
|
|
2572
2604
|
}] });
|
|
2573
2605
|
|
|
2574
2606
|
class SignatureEditorComponent extends EditorDropDownComponentBase {
|
|
@@ -2601,22 +2633,22 @@ class SignatureEditorComponent extends EditorDropDownComponentBase {
|
|
|
2601
2633
|
this.options = this.data.getOptions(this.options);
|
|
2602
2634
|
}
|
|
2603
2635
|
processImage = (image) => this._sanitizer.bypassSecurityTrustUrl(image);
|
|
2604
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2605
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2636
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SignatureEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
2637
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SignatureEditorComponent, isStandalone: false, 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", "fieldAddons", "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", "fieldAddonsChange", "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"] }] });
|
|
2606
2638
|
}
|
|
2607
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2639
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SignatureEditorComponent, decorators: [{
|
|
2608
2640
|
type: Component,
|
|
2609
|
-
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" }]
|
|
2641
|
+
args: [{ selector: 'dxv-signature-editor', standalone: false, 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" }]
|
|
2610
2642
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.DomSanitizer }] });
|
|
2611
2643
|
|
|
2612
2644
|
class BrickComponent {
|
|
2613
2645
|
data;
|
|
2614
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2615
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2646
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BrickComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2647
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BrickComponent, isStandalone: false, 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>" });
|
|
2616
2648
|
}
|
|
2617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2649
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BrickComponent, decorators: [{
|
|
2618
2650
|
type: Component,
|
|
2619
|
-
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>" }]
|
|
2651
|
+
args: [{ selector: 'dxv-brick', standalone: false, 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>" }]
|
|
2620
2652
|
}], propDecorators: { data: [{
|
|
2621
2653
|
type: Input,
|
|
2622
2654
|
args: ['data']
|
|
@@ -2624,12 +2656,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2624
2656
|
|
|
2625
2657
|
class BrickClickableComponent {
|
|
2626
2658
|
data;
|
|
2627
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2628
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2659
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BrickClickableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2660
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BrickClickableComponent, isStandalone: false, 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"] }] });
|
|
2629
2661
|
}
|
|
2630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2662
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BrickClickableComponent, decorators: [{
|
|
2631
2663
|
type: Component,
|
|
2632
|
-
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>" }]
|
|
2664
|
+
args: [{ selector: 'dxv-brick-clickable', standalone: false, 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>" }]
|
|
2633
2665
|
}], propDecorators: { data: [{
|
|
2634
2666
|
type: Input,
|
|
2635
2667
|
args: ['data']
|
|
@@ -2654,12 +2686,12 @@ class ExportToolComponent {
|
|
|
2654
2686
|
initializeViewerExportBinding(element, this.data);
|
|
2655
2687
|
this._cd.detectChanges();
|
|
2656
2688
|
}
|
|
2657
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2658
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2689
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ExportToolComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2690
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ExportToolComponent, isStandalone: false, selector: "dxv-export-tool", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-visually-hidden\">\n <form method=\"post\">\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "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", "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"] }] });
|
|
2659
2691
|
}
|
|
2660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2692
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ExportToolComponent, decorators: [{
|
|
2661
2693
|
type: Component,
|
|
2662
|
-
args: [{ selector: 'dxv-export-tool', template: "<div class=\"dxrd-visually-hidden\">\n <form method=\"post\">\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>" }]
|
|
2694
|
+
args: [{ selector: 'dxv-export-tool', standalone: false, template: "<div class=\"dxrd-visually-hidden\">\n <form method=\"post\">\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>" }]
|
|
2663
2695
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2664
2696
|
type: Input,
|
|
2665
2697
|
args: ['data']
|
|
@@ -2667,12 +2699,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2667
2699
|
|
|
2668
2700
|
class EditingFieldCheckboxGlyphComponent {
|
|
2669
2701
|
data;
|
|
2670
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2671
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2702
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditingFieldCheckboxGlyphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2703
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: EditingFieldCheckboxGlyphComponent, isStandalone: false, selector: "dxv-editing-field-checkbox-glyph", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-checkbox-custom-glyph\" [style]=\"data.customGlyphStyleCss\"></div>" });
|
|
2672
2704
|
}
|
|
2673
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2705
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditingFieldCheckboxGlyphComponent, decorators: [{
|
|
2674
2706
|
type: Component,
|
|
2675
|
-
args: [{ selector: 'dxv-editing-field-checkbox-glyph', template: "<div class=\"dxrd-checkbox-custom-glyph\" [style]=\"data.customGlyphStyleCss\"></div>" }]
|
|
2707
|
+
args: [{ selector: 'dxv-editing-field-checkbox-glyph', standalone: false, template: "<div class=\"dxrd-checkbox-custom-glyph\" [style]=\"data.customGlyphStyleCss\"></div>" }]
|
|
2676
2708
|
}], propDecorators: { data: [{
|
|
2677
2709
|
type: Input,
|
|
2678
2710
|
args: ['data']
|
|
@@ -2683,13 +2715,14 @@ class MobileSlideDirective extends BaseDisposableDirective {
|
|
|
2683
2715
|
InitAndReturnDisposeFunc(element) {
|
|
2684
2716
|
return initializeSlideBinding(element, this.options);
|
|
2685
2717
|
}
|
|
2686
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2687
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2718
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileSlideDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2719
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: MobileSlideDirective, isStandalone: false, selector: "[dxvMobileSlide]", inputs: { options: ["dxvMobileSlide", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2688
2720
|
}
|
|
2689
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2721
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileSlideDirective, decorators: [{
|
|
2690
2722
|
type: Directive,
|
|
2691
2723
|
args: [{
|
|
2692
|
-
selector: '[dxvMobileSlide]'
|
|
2724
|
+
selector: '[dxvMobileSlide]',
|
|
2725
|
+
standalone: false
|
|
2693
2726
|
}]
|
|
2694
2727
|
}], propDecorators: { options: [{
|
|
2695
2728
|
type: Input,
|
|
@@ -2702,13 +2735,14 @@ class MobileZoomDirective extends BaseDisposableDirective {
|
|
|
2702
2735
|
initializeMobileZoomBinding(element, this.options);
|
|
2703
2736
|
return () => void 0;
|
|
2704
2737
|
}
|
|
2705
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2706
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2738
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileZoomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2739
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: MobileZoomDirective, isStandalone: false, selector: "[dxvMobileZoom]", inputs: { options: ["dxvMobileZoom", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2707
2740
|
}
|
|
2708
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2741
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileZoomDirective, decorators: [{
|
|
2709
2742
|
type: Directive,
|
|
2710
2743
|
args: [{
|
|
2711
|
-
selector: '[dxvMobileZoom]'
|
|
2744
|
+
selector: '[dxvMobileZoom]',
|
|
2745
|
+
standalone: false
|
|
2712
2746
|
}]
|
|
2713
2747
|
}], propDecorators: { options: [{
|
|
2714
2748
|
type: Input,
|
|
@@ -2744,12 +2778,12 @@ class MobileGalleryComponent {
|
|
|
2744
2778
|
Max(val1, val2) {
|
|
2745
2779
|
return Math.max(val1, val2);
|
|
2746
2780
|
}
|
|
2747
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2748
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2781
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2782
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MobileGalleryComponent, isStandalone: false, 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"] }] });
|
|
2749
2783
|
}
|
|
2750
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2784
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileGalleryComponent, decorators: [{
|
|
2751
2785
|
type: Component,
|
|
2752
|
-
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>" }]
|
|
2786
|
+
args: [{ selector: 'dxv-mobile-gallery', standalone: false, 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>" }]
|
|
2753
2787
|
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
2754
2788
|
type: Input,
|
|
2755
2789
|
args: ['data']
|
|
@@ -2766,12 +2800,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2766
2800
|
|
|
2767
2801
|
class MobileSurfaceComponent {
|
|
2768
2802
|
data;
|
|
2769
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2770
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2803
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileSurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2804
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MobileSurfaceComponent, isStandalone: false, 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"] }] });
|
|
2771
2805
|
}
|
|
2772
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2806
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileSurfaceComponent, decorators: [{
|
|
2773
2807
|
type: Component,
|
|
2774
|
-
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\" />" }]
|
|
2808
|
+
args: [{ selector: 'dxv-mobile-surface', standalone: false, 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\" />" }]
|
|
2775
2809
|
}], propDecorators: { data: [{
|
|
2776
2810
|
type: Input,
|
|
2777
2811
|
args: ['data']
|
|
@@ -2782,13 +2816,14 @@ class MobileAutofitDirective extends BaseDisposableDirective {
|
|
|
2782
2816
|
InitAndReturnDisposeFunc(element) {
|
|
2783
2817
|
return initializeAutoFitBinding(element, this.options);
|
|
2784
2818
|
}
|
|
2785
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2786
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2819
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileAutofitDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2820
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: MobileAutofitDirective, isStandalone: false, selector: "[dxvMobileAutofit]", inputs: { options: ["dxvMobileAutofit", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2787
2821
|
}
|
|
2788
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2822
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileAutofitDirective, decorators: [{
|
|
2789
2823
|
type: Directive,
|
|
2790
2824
|
args: [{
|
|
2791
|
-
selector: '[dxvMobileAutofit]'
|
|
2825
|
+
selector: '[dxvMobileAutofit]',
|
|
2826
|
+
standalone: false
|
|
2792
2827
|
}]
|
|
2793
2828
|
}], propDecorators: { options: [{
|
|
2794
2829
|
type: Input,
|
|
@@ -2797,12 +2832,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2797
2832
|
|
|
2798
2833
|
class MobilePageComponent {
|
|
2799
2834
|
data;
|
|
2800
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2801
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2835
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobilePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2836
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MobilePageComponent, isStandalone: false, 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"] }] });
|
|
2802
2837
|
}
|
|
2803
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobilePageComponent, decorators: [{
|
|
2804
2839
|
type: Component,
|
|
2805
|
-
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>" }]
|
|
2840
|
+
args: [{ selector: 'dxv-mobile-page', standalone: false, 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>" }]
|
|
2806
2841
|
}], propDecorators: { data: [{
|
|
2807
2842
|
type: Input,
|
|
2808
2843
|
args: ['data']
|
|
@@ -2810,12 +2845,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2810
2845
|
|
|
2811
2846
|
class MobileActionsComponent {
|
|
2812
2847
|
data;
|
|
2813
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2814
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2848
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2849
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MobileActionsComponent, isStandalone: false, 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"] }] });
|
|
2815
2850
|
}
|
|
2816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileActionsComponent, decorators: [{
|
|
2817
2852
|
type: Component,
|
|
2818
|
-
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>" }]
|
|
2853
|
+
args: [{ selector: 'dxv-mobile-actions', standalone: false, 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>" }]
|
|
2819
2854
|
}], propDecorators: { data: [{
|
|
2820
2855
|
type: Input,
|
|
2821
2856
|
args: ['data']
|
|
@@ -2830,25 +2865,26 @@ class ComponentWithParentContainer {
|
|
|
2830
2865
|
ngOnInit() {
|
|
2831
2866
|
this.parentContainer = getParentContainer(this._element.nativeElement);
|
|
2832
2867
|
}
|
|
2833
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2834
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2868
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ComponentWithParentContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2869
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ComponentWithParentContainer, isStandalone: false, selector: "dxa-contained-element", ngImport: i0, template: '', isInline: true });
|
|
2835
2870
|
}
|
|
2836
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2871
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ComponentWithParentContainer, decorators: [{
|
|
2837
2872
|
type: Component,
|
|
2838
2873
|
args: [{
|
|
2839
2874
|
selector: 'dxa-contained-element',
|
|
2840
|
-
template: ''
|
|
2875
|
+
template: '',
|
|
2876
|
+
standalone: false
|
|
2841
2877
|
}]
|
|
2842
2878
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
2843
2879
|
|
|
2844
2880
|
class MobileParametersPopupComponent extends ComponentWithParentContainer {
|
|
2845
2881
|
data;
|
|
2846
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2847
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2882
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileParametersPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2883
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MobileParametersPopupComponent, isStandalone: false, 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", "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", "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"] }] });
|
|
2848
2884
|
}
|
|
2849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileParametersPopupComponent, decorators: [{
|
|
2850
2886
|
type: Component,
|
|
2851
|
-
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>" }]
|
|
2887
|
+
args: [{ selector: 'dxv-mobile-parameters-popup', standalone: false, 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>" }]
|
|
2852
2888
|
}], propDecorators: { data: [{
|
|
2853
2889
|
type: Input,
|
|
2854
2890
|
args: ['data']
|
|
@@ -2867,12 +2903,12 @@ class MobileParametersComponent {
|
|
|
2867
2903
|
this.data.cacheElementContent(this.buttonGroup.nativeElement);
|
|
2868
2904
|
this._cd.detectChanges();
|
|
2869
2905
|
}
|
|
2870
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2871
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2906
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileParametersComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2907
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MobileParametersComponent, isStandalone: false, 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"] }] });
|
|
2872
2908
|
}
|
|
2873
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileParametersComponent, decorators: [{
|
|
2874
2910
|
type: Component,
|
|
2875
|
-
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>" }]
|
|
2911
|
+
args: [{ selector: 'dxv-mobile-parameters', standalone: false, 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>" }]
|
|
2876
2912
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
2877
2913
|
type: Input,
|
|
2878
2914
|
args: ['data']
|
|
@@ -2886,22 +2922,22 @@ class MobileParametersDateRangeComponent extends DateRangeComponent {
|
|
|
2886
2922
|
this.options.isMobile = true;
|
|
2887
2923
|
super.ngOnInit();
|
|
2888
2924
|
}
|
|
2889
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2890
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2925
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileParametersDateRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2926
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MobileParametersDateRangeComponent, isStandalone: false, 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"] }] });
|
|
2891
2927
|
}
|
|
2892
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2928
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileParametersDateRangeComponent, decorators: [{
|
|
2893
2929
|
type: Component,
|
|
2894
|
-
args: [{ selector: 'dxv-mobile-parameters-daterange', template: "<dxv-date-range [data]=\"options\"></dxv-date-range>" }]
|
|
2930
|
+
args: [{ selector: 'dxv-mobile-parameters-daterange', standalone: false, template: "<dxv-date-range [data]=\"options\"></dxv-date-range>" }]
|
|
2895
2931
|
}] });
|
|
2896
2932
|
|
|
2897
2933
|
class MobileActionsExportComponent extends ComponentWithParentContainer {
|
|
2898
2934
|
data;
|
|
2899
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2900
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2935
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileActionsExportComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2936
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MobileActionsExportComponent, isStandalone: false, 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", "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", "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"] }] });
|
|
2901
2937
|
}
|
|
2902
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2938
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileActionsExportComponent, decorators: [{
|
|
2903
2939
|
type: Component,
|
|
2904
|
-
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>" }]
|
|
2940
|
+
args: [{ selector: 'dxv-mobile-actions-export', standalone: false, 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>" }]
|
|
2905
2941
|
}], propDecorators: { data: [{
|
|
2906
2942
|
type: Input,
|
|
2907
2943
|
args: ['data']
|
|
@@ -2912,13 +2948,14 @@ class MobileSearchBarDirective extends BaseDisposableDirective {
|
|
|
2912
2948
|
InitAndReturnDisposeFunc(element) {
|
|
2913
2949
|
return initializeMobileSearchBinding(element, this.options);
|
|
2914
2950
|
}
|
|
2915
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2916
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2951
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileSearchBarDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2952
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: MobileSearchBarDirective, isStandalone: false, selector: "[dxvSearchBar]", inputs: { options: ["dxvSearchBar", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2917
2953
|
}
|
|
2918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2954
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileSearchBarDirective, decorators: [{
|
|
2919
2955
|
type: Directive,
|
|
2920
2956
|
args: [{
|
|
2921
|
-
selector: '[dxvSearchBar]'
|
|
2957
|
+
selector: '[dxvSearchBar]',
|
|
2958
|
+
standalone: false
|
|
2922
2959
|
}]
|
|
2923
2960
|
}], propDecorators: { options: [{
|
|
2924
2961
|
type: Input,
|
|
@@ -2927,12 +2964,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2927
2964
|
|
|
2928
2965
|
class MobileSearchComponent {
|
|
2929
2966
|
data;
|
|
2930
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2931
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2967
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2968
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MobileSearchComponent, isStandalone: false, 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"] }] });
|
|
2932
2969
|
}
|
|
2933
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2970
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobileSearchComponent, decorators: [{
|
|
2934
2971
|
type: Component,
|
|
2935
|
-
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>" }]
|
|
2972
|
+
args: [{ selector: 'dxv-search-mobile', standalone: false, 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>" }]
|
|
2936
2973
|
}], propDecorators: { data: [{
|
|
2937
2974
|
type: Input,
|
|
2938
2975
|
args: ['data']
|
|
@@ -2940,12 +2977,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2940
2977
|
|
|
2941
2978
|
class DateRangeMobileComponent {
|
|
2942
2979
|
data;
|
|
2943
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2944
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2980
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangeMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2981
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DateRangeMobileComponent, isStandalone: false, 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", "fieldAddons", "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", "fieldAddonsChange", "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"] }] });
|
|
2945
2982
|
}
|
|
2946
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangeMobileComponent, decorators: [{
|
|
2947
2984
|
type: Component,
|
|
2948
|
-
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>" }]
|
|
2985
|
+
args: [{ selector: 'dxv-date-range-mobile', standalone: false, 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>" }]
|
|
2949
2986
|
}], propDecorators: { data: [{
|
|
2950
2987
|
type: Input,
|
|
2951
2988
|
args: ['data']
|
|
@@ -2953,12 +2990,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2953
2990
|
|
|
2954
2991
|
class TimeRangeMobileComponent {
|
|
2955
2992
|
data;
|
|
2956
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2957
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2993
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TimeRangeMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2994
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TimeRangeMobileComponent, isStandalone: false, selector: "dxv-time-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-date-box\n type=\"time\"\n [(value)]=\"data.startRange.value\" \n (onValueChanged)=\"data.startRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-start\">\n </dx-date-box>\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-date-box\n type=\"time\"\n [(value)]=\"data.endRange.value\" \n (onValueChanged)=\"data.endRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-start\">\n </dx-date-box>\n </div>\n </div>\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", "fieldAddons", "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", "fieldAddonsChange", "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.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"] }] });
|
|
2958
2995
|
}
|
|
2959
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2996
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TimeRangeMobileComponent, decorators: [{
|
|
2960
2997
|
type: Component,
|
|
2961
|
-
args: [{ selector: 'dxv-time-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-date-box\n type=\"time\"\n [(value)]=\"data.startRange.value\" \n (onValueChanged)=\"data.startRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-start\">\n </dx-date-box>\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-date-box\n type=\"time\"\n [(value)]=\"data.endRange.value\" \n (onValueChanged)=\"data.endRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-start\">\n </dx-date-box>\n </div>\n </div>\n </div>\n</div>" }]
|
|
2998
|
+
args: [{ selector: 'dxv-time-range-mobile', standalone: false, 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-date-box\n type=\"time\"\n [(value)]=\"data.startRange.value\" \n (onValueChanged)=\"data.startRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-start\">\n </dx-date-box>\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-date-box\n type=\"time\"\n [(value)]=\"data.endRange.value\" \n (onValueChanged)=\"data.endRange.onValueChanged($event)\"\n class=\"dx-accessibility-timerange-item dxrv-timerange-picker-input-start\">\n </dx-date-box>\n </div>\n </div>\n </div>\n</div>" }]
|
|
2962
2999
|
}], propDecorators: { data: [{
|
|
2963
3000
|
type: Input,
|
|
2964
3001
|
args: ['data']
|
|
@@ -2970,13 +3007,14 @@ class MobilePaginatorDirective extends BaseDisposableDirective {
|
|
|
2970
3007
|
initializeMobilePaginatorBinding(element, this.options);
|
|
2971
3008
|
return () => void 0;
|
|
2972
3009
|
}
|
|
2973
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2974
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3010
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobilePaginatorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
3011
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: MobilePaginatorDirective, isStandalone: false, selector: "[dxvPaginator]", inputs: { options: ["dxvPaginator", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2975
3012
|
}
|
|
2976
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3013
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobilePaginatorDirective, decorators: [{
|
|
2977
3014
|
type: Directive,
|
|
2978
3015
|
args: [{
|
|
2979
|
-
selector: '[dxvPaginator]'
|
|
3016
|
+
selector: '[dxvPaginator]',
|
|
3017
|
+
standalone: false
|
|
2980
3018
|
}]
|
|
2981
3019
|
}], propDecorators: { options: [{
|
|
2982
3020
|
type: Input,
|
|
@@ -2985,12 +3023,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2985
3023
|
|
|
2986
3024
|
class MobilePaginatorComponent {
|
|
2987
3025
|
data;
|
|
2988
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2989
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3026
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobilePaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3027
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MobilePaginatorComponent, isStandalone: false, 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"] }] });
|
|
2990
3028
|
}
|
|
2991
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3029
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MobilePaginatorComponent, decorators: [{
|
|
2992
3030
|
type: Component,
|
|
2993
|
-
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" }]
|
|
3031
|
+
args: [{ selector: 'dxv-pages-mobile', standalone: false, 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" }]
|
|
2994
3032
|
}], propDecorators: { data: [{
|
|
2995
3033
|
type: Input,
|
|
2996
3034
|
args: ['data']
|
|
@@ -2998,12 +3036,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2998
3036
|
|
|
2999
3037
|
class BreadcrumbsComponent {
|
|
3000
3038
|
data;
|
|
3001
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3002
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3039
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3040
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BreadcrumbsComponent, isStandalone: false, 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"] }] });
|
|
3003
3041
|
}
|
|
3004
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3042
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
3005
3043
|
type: Component,
|
|
3006
|
-
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>" }]
|
|
3044
|
+
args: [{ selector: 'dxv-breadcrumbs', standalone: false, 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>" }]
|
|
3007
3045
|
}], propDecorators: { data: [{
|
|
3008
3046
|
type: Input,
|
|
3009
3047
|
args: ['data']
|
|
@@ -3126,12 +3164,12 @@ class ViewerTemplatesComponent {
|
|
|
3126
3164
|
this._templateEngine.register('dxrdp-search-mobile', this.mobilesearch);
|
|
3127
3165
|
this._templateEngine.register('dxrdp-pages-mobile', this.mobilepaginator);
|
|
3128
3166
|
}
|
|
3129
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3130
|
-
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: "timerangePopup", first: true, predicate: ["timerangepopup"], 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: "mobileTimeRange", first: true, predicate: ["mobiletimerange"], 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 #timerangepopup let-data=\"data\">\n <dxv-timerange-popup [data]=\"data\"></dxv-timerange-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 #mobiletimerange let-data=\"data\">\n <dxv-time-range-mobile [data]=\"data\"></dxv-time-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: DateRangePopupContainerComponent, selector: "dxv-daterange-popup", inputs: ["data"] }, { kind: "component", type: TimeRangePopupContainerComponent, selector: "dxv-timerange-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: TimeRangeMobileComponent, selector: "dxv-time-range-mobile", inputs: ["data"] }, { kind: "component", type: MobilePaginatorComponent, selector: "dxv-pages-mobile", inputs: ["data"] }, { kind: "component", type: BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: ["data"] }] });
|
|
3167
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ViewerTemplatesComponent, deps: [{ token: TemplateEngine }], target: i0.ɵɵFactoryTarget.Component });
|
|
3168
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ViewerTemplatesComponent, isStandalone: false, 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: "timerangePopup", first: true, predicate: ["timerangepopup"], 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: "mobileTimeRange", first: true, predicate: ["mobiletimerange"], 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 #timerangepopup let-data=\"data\">\n <dxv-timerange-popup [data]=\"data\"></dxv-timerange-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 #mobiletimerange let-data=\"data\">\n <dxv-time-range-mobile [data]=\"data\"></dxv-time-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: DateRangePopupContainerComponent, selector: "dxv-daterange-popup", inputs: ["data"] }, { kind: "component", type: TimeRangePopupContainerComponent, selector: "dxv-timerange-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: TimeRangeMobileComponent, selector: "dxv-time-range-mobile", inputs: ["data"] }, { kind: "component", type: MobilePaginatorComponent, selector: "dxv-pages-mobile", inputs: ["data"] }, { kind: "component", type: BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: ["data"] }] });
|
|
3131
3169
|
}
|
|
3132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ViewerTemplatesComponent, decorators: [{
|
|
3133
3171
|
type: Component,
|
|
3134
|
-
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 #timerangepopup let-data=\"data\">\n <dxv-timerange-popup [data]=\"data\"></dxv-timerange-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 #mobiletimerange let-data=\"data\">\n <dxv-time-range-mobile [data]=\"data\"></dxv-time-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>" }]
|
|
3172
|
+
args: [{ standalone: false, 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 #timerangepopup let-data=\"data\">\n <dxv-timerange-popup [data]=\"data\"></dxv-timerange-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 #mobiletimerange let-data=\"data\">\n <dxv-time-range-mobile [data]=\"data\"></dxv-time-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>" }]
|
|
3135
3173
|
}], ctorParameters: () => [{ type: TemplateEngine }], propDecorators: { toolbar: [{
|
|
3136
3174
|
type: ViewChild,
|
|
3137
3175
|
args: ['toolbar']
|
|
@@ -3339,15 +3377,15 @@ class DxReportViewerComponent extends DxReportViewerBaseComponent {
|
|
|
3339
3377
|
return this.bindingSender.GetPreviewModel();
|
|
3340
3378
|
}
|
|
3341
3379
|
isMobile;
|
|
3342
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3343
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3380
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerComponent, deps: [{ token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AccessibilitySettings }], target: i0.ɵɵFactoryTarget.Component });
|
|
3381
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportViewerComponent, isStandalone: false, 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 }, { propertyName: "aiSettingsComponent", first: true, predicate: DxReportViewerAISettingsComponent, 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" }] });
|
|
3344
3382
|
}
|
|
3345
3383
|
__decorate([
|
|
3346
3384
|
_inputConverter(_booleanConverter)
|
|
3347
3385
|
], DxReportViewerComponent.prototype, "isMobile", void 0);
|
|
3348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3386
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerComponent, decorators: [{
|
|
3349
3387
|
type: Component,
|
|
3350
|
-
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>" }]
|
|
3388
|
+
args: [{ standalone: false, 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>" }]
|
|
3351
3389
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: Object, decorators: [{
|
|
3352
3390
|
type: Inject,
|
|
3353
3391
|
args: [PLATFORM_ID]
|
|
@@ -3383,26 +3421,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3383
3421
|
}] } });
|
|
3384
3422
|
|
|
3385
3423
|
class DxReportParametersPanelCallbacksComponent extends DxReportViewerCallbacksBaseComponent {
|
|
3386
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3387
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3424
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportParametersPanelCallbacksComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3425
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportParametersPanelCallbacksComponent, isStandalone: false, selector: "dxrpp-callbacks", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
3388
3426
|
}
|
|
3389
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportParametersPanelCallbacksComponent, decorators: [{
|
|
3390
3428
|
type: Component,
|
|
3391
3429
|
args: [{
|
|
3392
3430
|
template: '',
|
|
3393
|
-
selector: 'dxrpp-callbacks'
|
|
3431
|
+
selector: 'dxrpp-callbacks',
|
|
3432
|
+
standalone: false
|
|
3394
3433
|
}]
|
|
3395
3434
|
}] });
|
|
3396
3435
|
|
|
3397
3436
|
class DxReportParametersPanelRequestOptionsComponent extends DxRequestOptionsBaseComponent {
|
|
3398
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3399
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3437
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportParametersPanelRequestOptionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3438
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportParametersPanelRequestOptionsComponent, isStandalone: false, selector: "dxrpp-request-options", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
3400
3439
|
}
|
|
3401
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportParametersPanelRequestOptionsComponent, decorators: [{
|
|
3402
3441
|
type: Component,
|
|
3403
3442
|
args: [{
|
|
3404
3443
|
template: '',
|
|
3405
|
-
selector: 'dxrpp-request-options'
|
|
3444
|
+
selector: 'dxrpp-request-options',
|
|
3445
|
+
standalone: false
|
|
3406
3446
|
}]
|
|
3407
3447
|
}] });
|
|
3408
3448
|
|
|
@@ -3422,12 +3462,12 @@ class DxReportParametersPanelComponent extends DxReportViewerBaseComponent {
|
|
|
3422
3462
|
requestOptions: this.requestOptionsComponent
|
|
3423
3463
|
};
|
|
3424
3464
|
}
|
|
3425
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3426
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3465
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportParametersPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3466
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DxReportParametersPanelComponent, isStandalone: false, 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" }] });
|
|
3427
3467
|
}
|
|
3428
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3468
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportParametersPanelComponent, decorators: [{
|
|
3429
3469
|
type: Component,
|
|
3430
|
-
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>" }]
|
|
3470
|
+
args: [{ selector: 'dx-report-parameters-panel', providers: [AccessibilitySettings], standalone: false, 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>" }]
|
|
3431
3471
|
}], propDecorators: { requestOptionsComponent: [{
|
|
3432
3472
|
type: ContentChild,
|
|
3433
3473
|
args: [DxReportParametersPanelRequestOptionsComponent]
|
|
@@ -3437,8 +3477,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3437
3477
|
}] } });
|
|
3438
3478
|
|
|
3439
3479
|
class DxReportViewerModule {
|
|
3440
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3441
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3480
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3481
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerModule, declarations: [DxReportViewerComponent,
|
|
3442
3482
|
DxReportViewerCallbacksComponent,
|
|
3443
3483
|
DxReportViewerMobileModeSettingsComponent,
|
|
3444
3484
|
DxReportViewerRemoteSettingsComponent,
|
|
@@ -3593,7 +3633,7 @@ class DxReportViewerModule {
|
|
|
3593
3633
|
DxReportViewerAISettingsComponent,
|
|
3594
3634
|
DxReportViewerAITranslationSettingsComponent,
|
|
3595
3635
|
DxReportViewerAISummarizationSettingsComponent], id: 'DxReportViewerModule' });
|
|
3596
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3636
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerModule, providers: [TemplateEngine], imports: [CommonModule,
|
|
3597
3637
|
DxButtonModule,
|
|
3598
3638
|
DxTextAreaModule,
|
|
3599
3639
|
DxLoadIndicatorModule,
|
|
@@ -3616,7 +3656,7 @@ class DxReportViewerModule {
|
|
|
3616
3656
|
DxGalleryModule,
|
|
3617
3657
|
DxBoxModule] });
|
|
3618
3658
|
}
|
|
3619
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DxReportViewerModule, decorators: [{
|
|
3620
3660
|
type: NgModule,
|
|
3621
3661
|
args: [{
|
|
3622
3662
|
id: 'DxReportViewerModule',
|