devexpress-reporting-angular 25.2.7 → 26.1.2-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/index.d.ts +41 -3
- package/dx-report-designer/index.d.ts +213 -9
- package/dx-report-viewer/index.d.ts +1457 -17
- package/fesm2022/devexpress-reporting-angular-core.mjs +3 -3
- package/fesm2022/devexpress-reporting-angular-core.mjs.map +1 -1
- package/fesm2022/devexpress-reporting-angular-dx-report-designer.mjs +28 -28
- package/fesm2022/devexpress-reporting-angular-dx-report-designer.mjs.map +1 -1
- package/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs +391 -391
- package/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs.map +1 -1
- package/fesm2022/devexpress-reporting-angular.mjs +4 -4
- package/index.d.ts +13 -3
- package/package.json +9 -9
- package/all.d.ts +0 -8
- package/core/_input-converters.d.ts +0 -3
- package/core/_settingsProvider.d.ts +0 -3
- package/core/dx-reporting.component.d.ts +0 -29
- package/dx-report-designer/dx-report-designer.component.d.ts +0 -27
- package/dx-report-designer/dx-report-designer.module.d.ts +0 -15
- package/dx-report-designer/dxrd-callbacks.d.ts +0 -41
- package/dx-report-designer/dxrd-datasource-settings.component.d.ts +0 -14
- package/dx-report-designer/dxrd-designer-model-settings.component.d.ts +0 -57
- package/dx-report-designer/dxrd-parameter-editing-settings.component.d.ts +0 -18
- package/dx-report-designer/dxrd-preview-settings.component.d.ts +0 -25
- package/dx-report-designer/dxrd-request-options.d.ts +0 -8
- package/dx-report-designer/dxrd-wizard-settings.component.d.ts +0 -25
- package/dx-report-viewer/aiSettings/dx-summarization-settings.component.d.ts +0 -6
- package/dx-report-viewer/aiSettings/dx-translation-settings.component.d.ts +0 -9
- package/dx-report-viewer/aiSettings/dxrv-ai-settings.component.d.ts +0 -11
- package/dx-report-viewer/components/analytics/actions/actions.component.d.ts +0 -7
- package/dx-report-viewer/components/analytics/designer/designer.component.d.ts +0 -21
- package/dx-report-viewer/components/analytics/directives/accordion.directive.d.ts +0 -10
- package/dx-report-viewer/components/analytics/directives/buttonWithTemplate.directive.d.ts +0 -10
- package/dx-report-viewer/components/analytics/directives/disposable.directive.base.d.ts +0 -15
- package/dx-report-viewer/components/analytics/directives/dx-action.directive.d.ts +0 -10
- package/dx-report-viewer/components/analytics/directives/dx-mutation-observer.directive.d.ts +0 -13
- package/dx-report-viewer/components/analytics/directives/ellipsisEditor.directive.d.ts +0 -14
- package/dx-report-viewer/components/analytics/directives/key-down-actions.directive.d.ts +0 -10
- package/dx-report-viewer/components/analytics/directives/resizable.directive.d.ts +0 -12
- package/dx-report-viewer/components/analytics/directives/searchHighlighting.directive.d.ts +0 -17
- package/dx-report-viewer/components/analytics/directives/zoom.directive.d.ts +0 -9
- package/dx-report-viewer/components/analytics/properties/collectioneditor/collectioneditor.component.d.ts +0 -17
- package/dx-report-viewer/components/analytics/properties/editor/editor.base.d.ts +0 -24
- package/dx-report-viewer/components/analytics/properties/editor/editor.boolean.d.ts +0 -9
- package/dx-report-viewer/components/analytics/properties/editor/editor.boolselect.d.ts +0 -8
- package/dx-report-viewer/components/analytics/properties/editor/editor.colorpicker.d.ts +0 -11
- package/dx-report-viewer/components/analytics/properties/editor/editor.date.d.ts +0 -11
- package/dx-report-viewer/components/analytics/properties/editor/editor.dropdown.base.d.ts +0 -13
- package/dx-report-viewer/components/analytics/properties/editor/editor.numeric.d.ts +0 -9
- package/dx-report-viewer/components/analytics/properties/editor/editor.selectbox.d.ts +0 -16
- package/dx-report-viewer/components/analytics/properties/editor/editor.selectbox.localized.d.ts +0 -8
- package/dx-report-viewer/components/analytics/properties/editor/editor.textbox.d.ts +0 -9
- package/dx-report-viewer/components/analytics/properties/object-editor/object-editor.component.d.ts +0 -7
- package/dx-report-viewer/components/analytics/properties/popover/popover.component.d.ts +0 -13
- package/dx-report-viewer/components/analytics/properties/propertygrid/propertygrid.component.d.ts +0 -9
- package/dx-report-viewer/components/analytics/tabpanel/tabpanel.component.d.ts +0 -14
- package/dx-report-viewer/components/analytics/template/image.template.component.d.ts +0 -11
- package/dx-report-viewer/components/analytics/template/lazy.template.component.d.ts +0 -15
- package/dx-report-viewer/components/analytics/template/template.component.d.ts +0 -15
- package/dx-report-viewer/components/analytics/templates.component.d.ts +0 -73
- package/dx-report-viewer/components/analytics/widgets/component-with-parent-container.component.d.ts +0 -10
- package/dx-report-viewer/components/analytics/widgets/treelist/treelist-group.component.d.ts +0 -7
- package/dx-report-viewer/components/analytics/widgets/treelist/treelist-header-item-caption-content.component.d.ts +0 -7
- package/dx-report-viewer/components/analytics/widgets/treelist/treelist-header-item.component.d.ts +0 -7
- package/dx-report-viewer/components/analytics/widgets/treelist/treelist-item-text-content.component.d.ts +0 -7
- package/dx-report-viewer/components/analytics/widgets/treelist/treelist-item.component.d.ts +0 -7
- package/dx-report-viewer/components/analytics/widgets/treelist/treelist.component.d.ts +0 -18
- package/dx-report-viewer/components/reporting/aipanel/aipanel.component.d.ts +0 -15
- package/dx-report-viewer/components/reporting/directives/auto-fit.directive.d.ts +0 -9
- package/dx-report-viewer/components/reporting/directives/brick-selection.directive.d.ts +0 -11
- package/dx-report-viewer/components/reporting/directives/child-styles.directive.d.ts +0 -11
- package/dx-report-viewer/components/reporting/directives/lazy-images.directive.d.ts +0 -9
- package/dx-report-viewer/components/reporting/directives/preview-page-renderer.directive.d.ts +0 -11
- package/dx-report-viewer/components/reporting/directives/text-copier.directive.d.ts +0 -9
- package/dx-report-viewer/components/reporting/directives/to-view.directive.d.ts +0 -9
- package/dx-report-viewer/components/reporting/document-map/document-map.component.d.ts +0 -13
- package/dx-report-viewer/components/reporting/editing/character-comb/editing-field-character-comb.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/editing/check-field/editing-field-checkbox-glyph.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/editing/check-field/editing-field-checkbox.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/editing/check-field/editing-field-radio.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/editing/export/export-tool.component.d.ts +0 -16
- package/dx-report-viewer/components/reporting/editing/image-field/image-editing-field-editor.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/editing/image-field/image-editing-field.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/editing/popup-image-field/popup-image-editing-field.component.d.ts +0 -17
- package/dx-report-viewer/components/reporting/editing/text-field/dx-editing-field-base.component.d.ts +0 -13
- package/dx-report-viewer/components/reporting/editing/text-field/editing-field-container.component.d.ts +0 -10
- package/dx-report-viewer/components/reporting/editing/text-field/editing-field-datetime.component.d.ts +0 -13
- package/dx-report-viewer/components/reporting/editing/text-field/editing-field-mask.component.d.ts +0 -6
- package/dx-report-viewer/components/reporting/editing/text-field/editing-field-number.component.d.ts +0 -6
- package/dx-report-viewer/components/reporting/editing/text-field/editing-field-text.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/export-options/export-options.component.d.ts +0 -10
- package/dx-report-viewer/components/reporting/mobile/actions/mobile.actions.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/mobile/actions/mobile.actions.export.component.d.ts +0 -8
- package/dx-report-viewer/components/reporting/mobile/directives/mobile.autofit.directive.d.ts +0 -9
- package/dx-report-viewer/components/reporting/mobile/directives/mobile.paginator.directive.d.ts +0 -9
- package/dx-report-viewer/components/reporting/mobile/directives/mobile.searchBar.directive.d.ts +0 -9
- package/dx-report-viewer/components/reporting/mobile/directives/mobile.slide.directive.d.ts +0 -9
- package/dx-report-viewer/components/reporting/mobile/directives/mobile.zoom.directive.d.ts +0 -9
- package/dx-report-viewer/components/reporting/mobile/gallery/mobile.gallery.component.d.ts +0 -18
- package/dx-report-viewer/components/reporting/mobile/page/mobile.page.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/mobile/pages/pages/mobile.pages.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/mobile/parameters/mobile.parameters.component.d.ts +0 -13
- package/dx-report-viewer/components/reporting/mobile/parameters/mobile.parameters.daterange.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/mobile/parameters/mobile.parameters.popup.component.d.ts +0 -8
- package/dx-report-viewer/components/reporting/mobile/search/mobile.search.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/mobile/surface/mobile.surface.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/parameterspanel/date-range/calendar/calendar.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/parameterspanel/date-range/date-range.component.d.ts +0 -18
- package/dx-report-viewer/components/reporting/parameterspanel/date-range/mobile/date-range-mobile.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/parameterspanel/date-range/mobile/time-range-mobile.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/parameterspanel/date-range/popup/daterange-container.component.d.ts +0 -11
- package/dx-report-viewer/components/reporting/parameterspanel/date-range/popup/timerange-container.component.d.ts +0 -15
- package/dx-report-viewer/components/reporting/parameterspanel/editor/editor-content/editor-content.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/parameterspanel/editor/editor.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/parameterspanel/editor/group-editor/group-editor.component.d.ts +0 -10
- package/dx-report-viewer/components/reporting/parameterspanel/multi-value/multi-value.component.d.ts +0 -14
- package/dx-report-viewer/components/reporting/parameterspanel/multi-value/multi-value.editable.component.d.ts +0 -19
- package/dx-report-viewer/components/reporting/parameterspanel/parameterspanel.component.d.ts +0 -10
- package/dx-report-viewer/components/reporting/reportpreview/breadcrumbs/breadcrumbs.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/reportpreview/brick/brick-clickable.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/reportpreview/brick/brick.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/reportpreview/page/page.component.d.ts +0 -10
- package/dx-report-viewer/components/reporting/reportpreview/progress-bar/progress-bar.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/reportpreview/surface/surface.component.d.ts +0 -8
- package/dx-report-viewer/components/reporting/search/search.component.d.ts +0 -11
- package/dx-report-viewer/components/reporting/templates.component.d.ts +0 -206
- package/dx-report-viewer/components/reporting/toolbar/export/export.component.d.ts +0 -13
- package/dx-report-viewer/components/reporting/toolbar/pager/pager.component.d.ts +0 -13
- package/dx-report-viewer/components/reporting/toolbar/toolbar-content/toolbar-content.component.d.ts +0 -8
- package/dx-report-viewer/components/reporting/toolbar/zoom/zoom.component.d.ts +0 -13
- package/dx-report-viewer/components/reporting/widgets/picture-editor/painter.component.d.ts +0 -14
- package/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-brush-options.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-filter.component.d.ts +0 -6
- package/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-imagespicker.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editing-size-options.component.d.ts +0 -7
- package/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editor-toolbar-popup.component.d.ts +0 -16
- package/dx-report-viewer/components/reporting/widgets/picture-editor/picture-editor.component.d.ts +0 -23
- package/dx-report-viewer/components/reporting/widgets/signature/signature-editor.component.d.ts +0 -17
- package/dx-report-viewer/dx-report-parameters-panel.component.d.ts +0 -16
- package/dx-report-viewer/dx-report-viewer-base.component.d.ts +0 -36
- package/dx-report-viewer/dx-report-viewer.component.d.ts +0 -38
- package/dx-report-viewer/dx-report-viewer.module.d.ts +0 -128
- package/dx-report-viewer/dxrpp-callbacks.d.ts +0 -6
- package/dx-report-viewer/dxrpp-request-options.d.ts +0 -6
- package/dx-report-viewer/dxrv-callbacks-base.d.ts +0 -16
- package/dx-report-viewer/dxrv-callbacks.d.ts +0 -15
- package/dx-report-viewer/dxrv-export-settings.component.d.ts +0 -14
- package/dx-report-viewer/dxrv-mobile-mode-settings.component.d.ts +0 -7
- package/dx-report-viewer/dxrv-progressbar-settings.component.d.ts +0 -12
- package/dx-report-viewer/dxrv-remote-settings.component.d.ts +0 -7
- package/dx-report-viewer/dxrv-request-options-base.d.ts +0 -8
- package/dx-report-viewer/dxrv-request-options.d.ts +0 -6
- package/dx-report-viewer/dxrv-search-settings.component.d.ts +0 -12
- package/dx-report-viewer/dxrv-tabpanel-settings.component.d.ts +0 -7
- package/dx-report-viewer/utils/accessibility-settings.d.ts +0 -6
- package/dx-report-viewer/utils/template.d.ts +0 -5
- package/dx-report-viewer/utils/templateEngine.d.ts +0 -11
|
@@ -71,10 +71,10 @@ class DxReportViewerCallbacksBaseComponent {
|
|
|
71
71
|
OnInitializing = new EventEmitter();
|
|
72
72
|
BeforeRender = new EventEmitter();
|
|
73
73
|
OnServerError = new EventEmitter();
|
|
74
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
75
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
74
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerCallbacksBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
75
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerCallbacksBaseComponent, isStandalone: true, 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 });
|
|
76
76
|
}
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerCallbacksBaseComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
79
79
|
args: [{
|
|
80
80
|
template: '',
|
|
@@ -108,10 +108,10 @@ class DxReportViewerCallbacksComponent extends DxReportViewerCallbacksBaseCompon
|
|
|
108
108
|
CustomizeExportOptions = new EventEmitter();
|
|
109
109
|
CustomizeMenuActions = new EventEmitter();
|
|
110
110
|
OnExport = new EventEmitter();
|
|
111
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
112
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
111
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerCallbacksComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
112
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerCallbacksComponent, isStandalone: true, 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 });
|
|
113
113
|
}
|
|
114
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerCallbacksComponent, decorators: [{
|
|
115
115
|
type: Component,
|
|
116
116
|
args: [{
|
|
117
117
|
template: '',
|
|
@@ -138,10 +138,10 @@ class DxRequestOptionsBaseComponent {
|
|
|
138
138
|
invokeAction = '/DXXRDV';
|
|
139
139
|
getLocalizationAction;
|
|
140
140
|
host;
|
|
141
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
142
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
141
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxRequestOptionsBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
142
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxRequestOptionsBaseComponent, isStandalone: true, selector: "ng-component", inputs: { invokeAction: "invokeAction", getLocalizationAction: "getLocalizationAction", host: "host" }, ngImport: i0, template: '', isInline: true });
|
|
143
143
|
}
|
|
144
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
144
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxRequestOptionsBaseComponent, decorators: [{
|
|
145
145
|
type: Component,
|
|
146
146
|
args: [{
|
|
147
147
|
template: '',
|
|
@@ -156,10 +156,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
156
156
|
}] } });
|
|
157
157
|
|
|
158
158
|
class DxReportViewerRequestOptionsComponent extends DxRequestOptionsBaseComponent {
|
|
159
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
160
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
159
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerRequestOptionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
160
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerRequestOptionsComponent, isStandalone: true, selector: "dxrv-request-options", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
161
161
|
}
|
|
162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerRequestOptionsComponent, decorators: [{
|
|
163
163
|
type: Component,
|
|
164
164
|
args: [{
|
|
165
165
|
template: '',
|
|
@@ -179,8 +179,8 @@ class DxReportViewerExportSettingsComponent {
|
|
|
179
179
|
showPrintNotificationDialog: this.showPrintNotificationDialog
|
|
180
180
|
};
|
|
181
181
|
}
|
|
182
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
183
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
182
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerExportSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
183
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerExportSettingsComponent, isStandalone: true, selector: "dxrv-export-settings", inputs: { useSameTab: "useSameTab", useAsynchronousExport: "useAsynchronousExport", showPrintNotificationDialog: "showPrintNotificationDialog" }, ngImport: i0, template: '', isInline: true });
|
|
184
184
|
}
|
|
185
185
|
__decorate([
|
|
186
186
|
_inputConverter(_booleanConverter)
|
|
@@ -191,7 +191,7 @@ __decorate([
|
|
|
191
191
|
__decorate([
|
|
192
192
|
_inputConverter(_booleanConverter)
|
|
193
193
|
], DxReportViewerExportSettingsComponent.prototype, "showPrintNotificationDialog", void 0);
|
|
194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerExportSettingsComponent, decorators: [{
|
|
195
195
|
type: Component,
|
|
196
196
|
args: [{
|
|
197
197
|
template: '',
|
|
@@ -209,8 +209,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
209
209
|
class DxReportViewerMobileModeSettingsComponent {
|
|
210
210
|
readerMode;
|
|
211
211
|
animationEnabled;
|
|
212
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
213
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
212
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerMobileModeSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
213
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerMobileModeSettingsComponent, isStandalone: true, selector: "dxrv-mobile-mode-settings", inputs: { readerMode: "readerMode", animationEnabled: "animationEnabled" }, ngImport: i0, template: '', isInline: true });
|
|
214
214
|
}
|
|
215
215
|
__decorate([
|
|
216
216
|
_inputConverter(_booleanConverter)
|
|
@@ -218,7 +218,7 @@ __decorate([
|
|
|
218
218
|
__decorate([
|
|
219
219
|
_inputConverter(_booleanConverter)
|
|
220
220
|
], DxReportViewerMobileModeSettingsComponent.prototype, "animationEnabled", void 0);
|
|
221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerMobileModeSettingsComponent, decorators: [{
|
|
222
222
|
type: Component,
|
|
223
223
|
args: [{
|
|
224
224
|
template: '',
|
|
@@ -240,13 +240,13 @@ class DxReportViewerProgressBarSettingsComponent {
|
|
|
240
240
|
keepOnVisibleArea: this.keepOnVisibleArea,
|
|
241
241
|
};
|
|
242
242
|
}
|
|
243
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
244
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
243
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerProgressBarSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
244
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerProgressBarSettingsComponent, isStandalone: true, selector: "dxrv-progressbar-settings", inputs: { position: "position", keepOnVisibleArea: "keepOnVisibleArea" }, ngImport: i0, template: '', isInline: true });
|
|
245
245
|
}
|
|
246
246
|
__decorate([
|
|
247
247
|
_inputConverter(_booleanConverter)
|
|
248
248
|
], DxReportViewerProgressBarSettingsComponent.prototype, "keepOnVisibleArea", void 0);
|
|
249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerProgressBarSettingsComponent, decorators: [{
|
|
250
250
|
type: Component,
|
|
251
251
|
args: [{
|
|
252
252
|
template: '',
|
|
@@ -262,10 +262,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
262
262
|
class DxReportViewerRemoteSettingsComponent {
|
|
263
263
|
authToken;
|
|
264
264
|
serverUri;
|
|
265
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
266
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
265
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerRemoteSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
266
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerRemoteSettingsComponent, isStandalone: true, selector: "dxrv-remote-settings", inputs: { authToken: "authToken", serverUri: "serverUri" }, ngImport: i0, template: '', isInline: true });
|
|
267
267
|
}
|
|
268
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerRemoteSettingsComponent, decorators: [{
|
|
269
269
|
type: Component,
|
|
270
270
|
args: [{
|
|
271
271
|
template: '',
|
|
@@ -281,10 +281,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
281
281
|
class DxReportViewerTabPanelSettingsComponent {
|
|
282
282
|
position;
|
|
283
283
|
width;
|
|
284
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
285
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
284
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerTabPanelSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
285
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerTabPanelSettingsComponent, isStandalone: true, selector: "dxrv-tabpanel-settings", inputs: { position: "position", width: "width" }, ngImport: i0, template: '', isInline: true });
|
|
286
286
|
}
|
|
287
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerTabPanelSettingsComponent, decorators: [{
|
|
288
288
|
type: Component,
|
|
289
289
|
args: [{
|
|
290
290
|
template: '',
|
|
@@ -306,8 +306,8 @@ class DxReportViewerSearchSettingsComponent {
|
|
|
306
306
|
searchEnabled: this.searchEnabled
|
|
307
307
|
};
|
|
308
308
|
}
|
|
309
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
310
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
309
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerSearchSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
310
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerSearchSettingsComponent, isStandalone: true, selector: "dxrv-search-settings", inputs: { searchEnabled: "searchEnabled", useAsyncSearch: "useAsyncSearch" }, ngImport: i0, template: '', isInline: true });
|
|
311
311
|
}
|
|
312
312
|
__decorate([
|
|
313
313
|
_inputConverter(_booleanConverter)
|
|
@@ -315,7 +315,7 @@ __decorate([
|
|
|
315
315
|
__decorate([
|
|
316
316
|
_inputConverter(_booleanConverter)
|
|
317
317
|
], DxReportViewerSearchSettingsComponent.prototype, "useAsyncSearch", void 0);
|
|
318
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerSearchSettingsComponent, decorators: [{
|
|
319
319
|
type: Component,
|
|
320
320
|
args: [{
|
|
321
321
|
template: '',
|
|
@@ -330,10 +330,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
330
330
|
|
|
331
331
|
class AccessibilitySettings {
|
|
332
332
|
accessibilityCompliant = false;
|
|
333
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
334
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
333
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AccessibilitySettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
334
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AccessibilitySettings, providedIn: null });
|
|
335
335
|
}
|
|
336
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
336
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AccessibilitySettings, decorators: [{
|
|
337
337
|
type: Injectable,
|
|
338
338
|
args: [{
|
|
339
339
|
providedIn: null
|
|
@@ -406,8 +406,8 @@ class DxReportViewerBaseComponent extends DxReportingComponent {
|
|
|
406
406
|
if (this.bindingSender)
|
|
407
407
|
this.bindingSender.OpenReport(reportUrl);
|
|
408
408
|
}
|
|
409
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
410
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
409
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerBaseComponent, deps: [{ token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AccessibilitySettings }], target: i0.ɵɵFactoryTarget.Component });
|
|
410
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerBaseComponent, isStandalone: true, selector: "ng-component", inputs: { accessibilityCompliant: "accessibilityCompliant", keepReportOnComponentDisposal: "keepReportOnComponentDisposal", rtl: "rtl", reportUrl: "reportUrl" }, providers: [AccessibilitySettings], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
411
411
|
}
|
|
412
412
|
__decorate([
|
|
413
413
|
_inputConverter(_booleanConverter)
|
|
@@ -418,7 +418,7 @@ __decorate([
|
|
|
418
418
|
__decorate([
|
|
419
419
|
_inputConverter(_booleanConverter)
|
|
420
420
|
], DxReportViewerBaseComponent.prototype, "rtl", void 0);
|
|
421
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
421
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerBaseComponent, decorators: [{
|
|
422
422
|
type: Component,
|
|
423
423
|
args: [{ template: '', providers: [AccessibilitySettings], standalone: true }]
|
|
424
424
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: Object, decorators: [{
|
|
@@ -438,8 +438,8 @@ class DxReportViewerAITranslationSettingsComponent {
|
|
|
438
438
|
inlineTranslationEnabled;
|
|
439
439
|
translationEnabled;
|
|
440
440
|
languages;
|
|
441
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
442
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
441
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerAITranslationSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
442
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerAITranslationSettingsComponent, isStandalone: true, selector: "dx-translation-settings", inputs: { inlineTranslationEnabled: "inlineTranslationEnabled", translationEnabled: "translationEnabled", languages: "languages" }, ngImport: i0, template: '', isInline: true });
|
|
443
443
|
}
|
|
444
444
|
__decorate([
|
|
445
445
|
_inputConverter(_booleanConverter)
|
|
@@ -447,7 +447,7 @@ __decorate([
|
|
|
447
447
|
__decorate([
|
|
448
448
|
_inputConverter(_booleanConverter)
|
|
449
449
|
], DxReportViewerAITranslationSettingsComponent.prototype, "translationEnabled", void 0);
|
|
450
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerAITranslationSettingsComponent, decorators: [{
|
|
451
451
|
type: Component,
|
|
452
452
|
args: [{
|
|
453
453
|
template: '',
|
|
@@ -464,13 +464,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
464
464
|
|
|
465
465
|
class DxReportViewerAISummarizationSettingsComponent {
|
|
466
466
|
summarizationEnabled;
|
|
467
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
468
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
467
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerAISummarizationSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
468
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerAISummarizationSettingsComponent, isStandalone: true, selector: "dx-summarization-settings", inputs: { summarizationEnabled: "summarizationEnabled" }, ngImport: i0, template: '', isInline: true });
|
|
469
469
|
}
|
|
470
470
|
__decorate([
|
|
471
471
|
_inputConverter(_booleanConverter)
|
|
472
472
|
], DxReportViewerAISummarizationSettingsComponent.prototype, "summarizationEnabled", void 0);
|
|
473
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
473
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerAISummarizationSettingsComponent, decorators: [{
|
|
474
474
|
type: Component,
|
|
475
475
|
args: [{
|
|
476
476
|
template: '',
|
|
@@ -485,10 +485,10 @@ class DxReportViewerAISettingsComponent {
|
|
|
485
485
|
translationSettings;
|
|
486
486
|
summarizationSettings;
|
|
487
487
|
languages;
|
|
488
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
489
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
488
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerAISettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
489
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportViewerAISettingsComponent, isStandalone: true, 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 });
|
|
490
490
|
}
|
|
491
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
491
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerAISettingsComponent, decorators: [{
|
|
492
492
|
type: Component,
|
|
493
493
|
args: [{
|
|
494
494
|
template: '',
|
|
@@ -522,10 +522,10 @@ class ImageTemplateComponent {
|
|
|
522
522
|
ngAfterViewInit() {
|
|
523
523
|
this._updateImage();
|
|
524
524
|
}
|
|
525
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
526
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
525
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ImageTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
526
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ImageTemplateComponent, isStandalone: true, selector: "dxa-image-template", inputs: { template: "template" }, viewQueries: [{ propertyName: "image", first: true, predicate: ["image"], descendants: true }], ngImport: i0, template: '<div #image></div>', isInline: true });
|
|
527
527
|
}
|
|
528
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
528
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ImageTemplateComponent, decorators: [{
|
|
529
529
|
type: Component,
|
|
530
530
|
args: [{
|
|
531
531
|
selector: 'dxa-image-template',
|
|
@@ -556,10 +556,10 @@ class TemplateEngine {
|
|
|
556
556
|
const template = this.templates.find((template) => template.id === templateId);
|
|
557
557
|
return template ? template.ref : null;
|
|
558
558
|
}
|
|
559
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
560
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
559
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TemplateEngine, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
560
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TemplateEngine, providedIn: 'root' });
|
|
561
561
|
}
|
|
562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
562
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TemplateEngine, decorators: [{
|
|
563
563
|
type: Injectable,
|
|
564
564
|
args: [{
|
|
565
565
|
providedIn: 'root'
|
|
@@ -592,10 +592,10 @@ class TemplateComponent {
|
|
|
592
592
|
}
|
|
593
593
|
this._cd.detectChanges();
|
|
594
594
|
}
|
|
595
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
596
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
595
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TemplateComponent, deps: [{ token: TemplateEngine }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
596
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TemplateComponent, isStandalone: true, selector: "dxa-template", inputs: { data: "data", template: "template" }, ngImport: i0, template: "@if(!isImage) {\n <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ data: data }\"></ng-container>\n} @else {\n <dxa-image-template [template]=\"template\"></dxa-image-template> \n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ImageTemplateComponent, selector: "dxa-image-template", inputs: ["template"] }] });
|
|
597
597
|
}
|
|
598
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
598
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TemplateComponent, decorators: [{
|
|
599
599
|
type: Component,
|
|
600
600
|
args: [{ selector: 'dxa-template', imports: [CommonModule, ImageTemplateComponent], standalone: true, template: "@if(!isImage) {\n <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ data: data }\"></ng-container>\n} @else {\n <dxa-image-template [template]=\"template\"></dxa-image-template> \n}" }]
|
|
601
601
|
}], ctorParameters: () => [{ type: TemplateEngine }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -608,10 +608,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
608
608
|
|
|
609
609
|
class ActionsComponent {
|
|
610
610
|
data;
|
|
611
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
612
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
611
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
612
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ActionsComponent, isStandalone: true, selector: "dxa-actions", inputs: { data: "data" }, ngImport: i0, template: "<ng-container *ngFor=\"let action of data\">\n <div [ngStyle]=\"{ display: 'inline-block', 'vertical-align': 'top' }\">\n @if(action.templateName) {\n <dxa-template [template]=\"action.templateName\" [data]=\"action['contentData'] || action\"></dxa-template>\n }\n @else {\n <div [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 }\n </div>\n</ng-container>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
613
613
|
}
|
|
614
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ActionsComponent, decorators: [{
|
|
615
615
|
type: Component,
|
|
616
616
|
args: [{ selector: 'dxa-actions', imports: [CommonModule, TemplateComponent], standalone: true, template: "<ng-container *ngFor=\"let action of data\">\n <div [ngStyle]=\"{ display: 'inline-block', 'vertical-align': 'top' }\">\n @if(action.templateName) {\n <dxa-template [template]=\"action.templateName\" [data]=\"action['contentData'] || action\"></dxa-template>\n }\n @else {\n <div [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 }\n </div>\n</ng-container>" }]
|
|
617
617
|
}], propDecorators: { data: [{
|
|
@@ -631,10 +631,10 @@ class DesignerComponent {
|
|
|
631
631
|
this.surfaceClass = this.data['surfaceClass'](this.root.nativeElement);
|
|
632
632
|
this._cd.detectChanges();
|
|
633
633
|
}
|
|
634
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
635
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
634
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DesignerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
635
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DesignerComponent, isStandalone: true, 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 <ng-container *ngFor=\"let part of data.parts\">\n <dxa-template [template]=\"part.templateName\" [data]=\"part.viewModel || part.model\"></dxa-template>\n </ng-container>\n </div>\n @if(!!data.addOns) {\n <div>\n <ng-container *ngFor=\"let addon of data.addOns\">\n <dxa-template [template]=\"addon.templateName\" [data]=\"addon.model\"></dxa-template>\n </ng-container>\n </div>\n }\n <div id=\"dxrd-designer-last-focus-item-blank\" class=\"dxrd-visually-hidden\" tabindex='-1'></div>\n</div>", dependencies: [{ kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
636
636
|
}
|
|
637
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
637
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DesignerComponent, decorators: [{
|
|
638
638
|
type: Component,
|
|
639
639
|
args: [{ selector: 'dxa-designer', imports: [TemplateComponent, CommonModule], standalone: true, 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 <ng-container *ngFor=\"let part of data.parts\">\n <dxa-template [template]=\"part.templateName\" [data]=\"part.viewModel || part.model\"></dxa-template>\n </ng-container>\n </div>\n @if(!!data.addOns) {\n <div>\n <ng-container *ngFor=\"let addon of data.addOns\">\n <dxa-template [template]=\"addon.templateName\" [data]=\"addon.model\"></dxa-template>\n </ng-container>\n </div>\n }\n <div id=\"dxrd-designer-last-focus-item-blank\" class=\"dxrd-visually-hidden\" tabindex='-1'></div>\n</div>" }]
|
|
640
640
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -657,10 +657,10 @@ class DxActionDirective {
|
|
|
657
657
|
this.action.call(this.model, this.model, e);
|
|
658
658
|
}
|
|
659
659
|
}
|
|
660
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
661
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
660
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
661
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: DxActionDirective, isStandalone: true, selector: "[dxAction]", inputs: { model: ["dxActionModel", "model"], action: ["dxAction", "action"] }, host: { listeners: { "click": "OnClick($event)", "keydown": "OnKeyDown($event)" } }, ngImport: i0 });
|
|
662
662
|
}
|
|
663
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
663
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxActionDirective, decorators: [{
|
|
664
664
|
type: Directive,
|
|
665
665
|
args: [{
|
|
666
666
|
selector: '[dxAction]',
|
|
@@ -706,10 +706,10 @@ class BaseDisposableDirective {
|
|
|
706
706
|
this._disposeFunc();
|
|
707
707
|
this._disposeFunc = undefined;
|
|
708
708
|
}
|
|
709
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
710
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
709
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BaseDisposableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
710
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: BaseDisposableDirective, isStandalone: true, ngImport: i0 });
|
|
711
711
|
}
|
|
712
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BaseDisposableDirective, decorators: [{
|
|
713
713
|
type: Directive
|
|
714
714
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
715
715
|
|
|
@@ -726,10 +726,10 @@ class DxMutationObserverDirective extends BaseDisposableDirective {
|
|
|
726
726
|
return initializeMutationObserver(element, this.mutationObserverArgs, this._accessibilitySettings.accessibilityCompliant);
|
|
727
727
|
return () => void 0;
|
|
728
728
|
}
|
|
729
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
730
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
729
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxMutationObserverDirective, deps: [{ token: i0.ElementRef }, { token: AccessibilitySettings }], target: i0.ɵɵFactoryTarget.Directive });
|
|
730
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: DxMutationObserverDirective, isStandalone: true, selector: "[dxMutationObserver]", inputs: { mutationObserverArgs: ["dxMutationObserver", "mutationObserverArgs"] }, usesInheritance: true, ngImport: i0 });
|
|
731
731
|
}
|
|
732
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxMutationObserverDirective, decorators: [{
|
|
733
733
|
type: Directive,
|
|
734
734
|
args: [{
|
|
735
735
|
selector: '[dxMutationObserver]',
|
|
@@ -755,10 +755,10 @@ class ResizableDirective {
|
|
|
755
755
|
this._disposeFunc && this._disposeFunc();
|
|
756
756
|
this._disposeFunc = undefined;
|
|
757
757
|
}
|
|
758
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
759
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
758
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ResizableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
759
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: ResizableDirective, isStandalone: true, selector: "[dxaResizable]", inputs: { options: ["dxaResizable", "options"] }, ngImport: i0 });
|
|
760
760
|
}
|
|
761
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
761
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ResizableDirective, decorators: [{
|
|
762
762
|
type: Directive,
|
|
763
763
|
args: [{
|
|
764
764
|
selector: '[dxaResizable]',
|
|
@@ -781,10 +781,10 @@ class TabpanelComponent {
|
|
|
781
781
|
this.resizableOptions = this.tabPanel.getResizableOptions(this.rightPanel.nativeElement, 50, 396);
|
|
782
782
|
this._cd.detectChanges();
|
|
783
783
|
}
|
|
784
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
785
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
784
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TabpanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
785
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TabpanelComponent, isStandalone: true, selector: "dxa-tabpanel", inputs: { tabPanel: ["data", "tabPanel"] }, viewQueries: [{ propertyName: "rightPanel", first: true, predicate: ["rightPanel"], descendants: true, read: ElementRef }], ngImport: i0, template: "@if(!!tabPanel) {\n<div 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 <ng-container *ngFor=\"let tab of tabPanel.tabs\">\n <div 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 </ng-container>\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 <ng-container *ngFor=\"let tab of tabPanel.tabs\">\n <dxa-template [template]=\"tab.template\" [data]=\"tab\"></dxa-template>\n </ng-container>\n </div>\n</div>\n}", dependencies: [{ kind: "directive", type: DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "directive", type: ResizableDirective, selector: "[dxaResizable]", inputs: ["dxaResizable"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
786
786
|
}
|
|
787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
787
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TabpanelComponent, decorators: [{
|
|
788
788
|
type: Component,
|
|
789
789
|
args: [{ selector: 'dxa-tabpanel', imports: [DxActionDirective, DxMutationObserverDirective, ResizableDirective, TemplateComponent, CommonModule], standalone: true, template: "@if(!!tabPanel) {\n<div 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 <ng-container *ngFor=\"let tab of tabPanel.tabs\">\n <div 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 </ng-container>\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 <ng-container *ngFor=\"let tab of tabPanel.tabs\">\n <dxa-template [template]=\"tab.template\" [data]=\"tab\"></dxa-template>\n </ng-container>\n </div>\n</div>\n}" }]
|
|
790
790
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tabPanel: [{
|
|
@@ -801,10 +801,10 @@ class AccordionDirective extends BaseDisposableDirective {
|
|
|
801
801
|
return InitAccordion(element, this.options);
|
|
802
802
|
}
|
|
803
803
|
eventName = 'afterViewInit';
|
|
804
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
805
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
804
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AccordionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
805
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: AccordionDirective, isStandalone: true, selector: "[dxaAccordion]", inputs: { options: ["dxaAccordion", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
806
806
|
}
|
|
807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
807
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AccordionDirective, decorators: [{
|
|
808
808
|
type: Directive,
|
|
809
809
|
args: [{
|
|
810
810
|
selector: '[dxaAccordion]',
|
|
@@ -838,10 +838,10 @@ class CollectionEditorComponent {
|
|
|
838
838
|
onScrollViewInitialized(args) {
|
|
839
839
|
args.component.option('useKeyboard', false);
|
|
840
840
|
}
|
|
841
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
842
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
841
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CollectionEditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
842
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: CollectionEditorComponent, isStandalone: true, 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 @if(data.showButtons) {\n <div class=\"dx-collectioneditor-actions-wrapper\">\n @if(data.buttons.up.visible) {\n <dx-button\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 }\n @if(data.buttons.down.visible) {\n <dx-button\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 }\n <div class=\"dx-collectioneditor-action-separator\"></div>\n @if(data.buttons.add.visible) {\n <dx-button\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 }\n @if(data.buttons.delete.visible) {\n <dx-button\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 }\n </div>\n }\n @if(!!data.displayName) {\n <div 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 }\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 @if(data.values.length === 0) {\n <div\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 } @else {\n <div class=\"dx-collectioneditor-items\">\n <ng-container *ngFor=\"let value of data.values\">\n <div\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 </ng-container>\n </div>\n }\n </dx-scroll-view>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: AccordionDirective, selector: "[dxaAccordion]", inputs: ["dxaAccordion"] }, { kind: "directive", type: DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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: 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
843
843
|
}
|
|
844
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
844
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CollectionEditorComponent, decorators: [{
|
|
845
845
|
type: Component,
|
|
846
846
|
args: [{ selector: 'dxa-collectioneditor', imports: [AccordionDirective, DxActionDirective, DxMutationObserverDirective, TemplateComponent, DxAccordionComponent, DxButtonComponent, DxScrollViewComponent, CommonModule], standalone: true, 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 @if(data.showButtons) {\n <div class=\"dx-collectioneditor-actions-wrapper\">\n @if(data.buttons.up.visible) {\n <dx-button\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 }\n @if(data.buttons.down.visible) {\n <dx-button\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 }\n <div class=\"dx-collectioneditor-action-separator\"></div>\n @if(data.buttons.add.visible) {\n <dx-button\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 }\n @if(data.buttons.delete.visible) {\n <dx-button\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 }\n </div>\n }\n @if(!!data.displayName) {\n <div 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 }\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 @if(data.values.length === 0) {\n <div\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 } @else {\n <div class=\"dx-collectioneditor-items\">\n <ng-container *ngFor=\"let value of data.values\">\n <div\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 </ng-container>\n </div>\n }\n </dx-scroll-view>\n </div>\n </div>\n</div>" }]
|
|
847
847
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { options: [{
|
|
@@ -858,10 +858,10 @@ class ButtonWithTemplateDirective extends BaseDisposableDirective {
|
|
|
858
858
|
return InitButtonWithTemplate(element, this.options);
|
|
859
859
|
}
|
|
860
860
|
eventName = 'afterViewInit';
|
|
861
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
862
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
861
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ButtonWithTemplateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
862
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: ButtonWithTemplateDirective, isStandalone: true, selector: "[dxaButtonWithTemplate]", inputs: { options: ["dxaButtonWithTemplate", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
863
863
|
}
|
|
864
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ButtonWithTemplateDirective, decorators: [{
|
|
865
865
|
type: Directive,
|
|
866
866
|
args: [{
|
|
867
867
|
selector: '[dxaButtonWithTemplate]',
|
|
@@ -893,10 +893,10 @@ class LazyTemplateComponent extends TemplateComponent {
|
|
|
893
893
|
this.task.dispose();
|
|
894
894
|
this._isDisposed = true;
|
|
895
895
|
}
|
|
896
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
897
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
896
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LazyTemplateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
897
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: LazyTemplateComponent, isStandalone: true, selector: "dxa-lazy-template", inputs: { resolver: "resolver", isResolved: "isResolved" }, usesInheritance: true, ngImport: i0, template: "@if(isReady) {\n @if(!isImage) {\n <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ data: data }\"></ng-container>\n } @else {\n <dxa-image-template [template]=\"template\"></dxa-image-template> \n }\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ImageTemplateComponent, selector: "dxa-image-template", inputs: ["template"] }] });
|
|
898
898
|
}
|
|
899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
899
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LazyTemplateComponent, decorators: [{
|
|
900
900
|
type: Component,
|
|
901
901
|
args: [{ selector: 'dxa-lazy-template', imports: [CommonModule, ImageTemplateComponent], standalone: true, template: "@if(isReady) {\n @if(!isImage) {\n <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{ data: data }\"></ng-container>\n } @else {\n <dxa-image-template [template]=\"template\"></dxa-image-template> \n }\n}" }]
|
|
902
902
|
}], propDecorators: { resolver: [{
|
|
@@ -964,10 +964,10 @@ class EditorComponentBase {
|
|
|
964
964
|
isResolved(newVal) {
|
|
965
965
|
this.data.setIsRendered(newVal);
|
|
966
966
|
}
|
|
967
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
968
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
967
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EditorComponentBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
968
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: EditorComponentBase, isStandalone: true, 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 @if(data.isComplexEditor) {\n <div [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 @if(!!data.textToSearch) {\n <div class=\"dx-group-header-font\" [attr.title]=\"data.displayName\" data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"></div>\n } @else {\n <div class=\"dx-group-header-font\" [attr.title]=\"data.displayName\">\n {{data.displayName}}\n </div>\n }\n </div>\n }\n @else {\n @if(!!data.textToSearch) {\n <label\n class=\"propertygrid-editor-displayName\"\n data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"\n [attr.title]=\"data.labelAttributes.title\"\n [attr.for]=\"data.labelAttributes.for\"\n [attr.data-dx-for]=\"data.labelAttributes['data-dx-for']\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n ></label>\n }\n @else {\n <label\n class=\"propertygrid-editor-displayName\"\n [attr.title]=\"data.labelAttributes.title\"\n [attr.for]=\"data.labelAttributes.for\"\n [attr.data-dx-for]=\"data.labelAttributes['data-dx-for']\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n >{{data.displayName}}</label>\n }\n @if(data.editorDescriptionAddon) {\n <div\n class=\"propertygrid-editor-description\"\n [dxaButtonWithTemplate]=\"{ onClick: data.editorDescriptionAddon.data.onClick, icon: 'dxrd-svg-tabs-description_info' }\"></div>\n }\n }\n </div>\n <div class=\"dx-field-value\" \n [class.dxd-border-accented]=\"data.isPropertyHighlighted\">\n <!-- <div data-bind=\"service: { name: 'createEditorAddOn' }\"></div> -->\n @if(data.templateName !== 'dx-emptyHeader') {\n <dxa-lazy-template [isResolved]=\"isResolved\" [template]=\"data.templateName\" [data]=\"data\"></dxa-lazy-template>\n }\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 @if(data.isComplexEditor) {\n <div 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 @if(data.editorCreated) {\n <dxa-template [template]=\"data.contentTemplateName\" [data]=\"data\"></dxa-template>\n }\n </div>\n }\n </div>\n</div>", dependencies: [{ 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"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "ngmodule", type: CommonModule }] });
|
|
969
969
|
}
|
|
970
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
970
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EditorComponentBase, decorators: [{
|
|
971
971
|
type: Component,
|
|
972
972
|
args: [{ selector: 'dxa-editor', imports: [AccordionDirective, ButtonWithTemplateDirective, LazyTemplateComponent, TemplateComponent, DxAccordionComponent, CommonModule], standalone: true, 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 @if(data.isComplexEditor) {\n <div [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 @if(!!data.textToSearch) {\n <div class=\"dx-group-header-font\" [attr.title]=\"data.displayName\" data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"></div>\n } @else {\n <div class=\"dx-group-header-font\" [attr.title]=\"data.displayName\">\n {{data.displayName}}\n </div>\n }\n </div>\n }\n @else {\n @if(!!data.textToSearch) {\n <label\n class=\"propertygrid-editor-displayName\"\n data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"\n [attr.title]=\"data.labelAttributes.title\"\n [attr.for]=\"data.labelAttributes.for\"\n [attr.data-dx-for]=\"data.labelAttributes['data-dx-for']\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n ></label>\n }\n @else {\n <label\n class=\"propertygrid-editor-displayName\"\n [attr.title]=\"data.labelAttributes.title\"\n [attr.for]=\"data.labelAttributes.for\"\n [attr.data-dx-for]=\"data.labelAttributes['data-dx-for']\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n >{{data.displayName}}</label>\n }\n @if(data.editorDescriptionAddon) {\n <div\n class=\"propertygrid-editor-description\"\n [dxaButtonWithTemplate]=\"{ onClick: data.editorDescriptionAddon.data.onClick, icon: 'dxrd-svg-tabs-description_info' }\"></div>\n }\n }\n </div>\n <div class=\"dx-field-value\" \n [class.dxd-border-accented]=\"data.isPropertyHighlighted\">\n <!-- <div data-bind=\"service: { name: 'createEditorAddOn' }\"></div> -->\n @if(data.templateName !== 'dx-emptyHeader') {\n <dxa-lazy-template [isResolved]=\"isResolved\" [template]=\"data.templateName\" [data]=\"data\"></dxa-lazy-template>\n }\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 @if(data.isComplexEditor) {\n <div 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 @if(data.editorCreated) {\n <dxa-template [template]=\"data.contentTemplateName\" [data]=\"data\"></dxa-template>\n }\n </div>\n }\n </div>\n</div>" }]
|
|
973
973
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -986,10 +986,10 @@ class BooleanEditorComponent extends EditorComponentBase {
|
|
|
986
986
|
elementAttr: { 'aria-label': this.data.displayName }
|
|
987
987
|
};
|
|
988
988
|
}
|
|
989
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
990
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
989
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BooleanEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
990
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BooleanEditorComponent, isStandalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-check-box>", dependencies: [{ kind: "component", type: 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: 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: "ngmodule", type: CommonModule }] });
|
|
991
991
|
}
|
|
992
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
992
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BooleanEditorComponent, decorators: [{
|
|
993
993
|
type: Component,
|
|
994
994
|
args: [{ selector: 'dxa-boolean', imports: [DxCheckBoxComponent, DxValidatorComponent, CommonModule], standalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-check-box>" }]
|
|
995
995
|
}] });
|
|
@@ -1007,10 +1007,10 @@ class EditorDropDownComponentBase extends EditorComponentBase {
|
|
|
1007
1007
|
this.beforeDetectChanges();
|
|
1008
1008
|
this._cd.detectChanges();
|
|
1009
1009
|
}
|
|
1010
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1011
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1010
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EditorDropDownComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1011
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: EditorDropDownComponentBase, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
1012
1012
|
}
|
|
1013
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1013
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EditorDropDownComponentBase, decorators: [{
|
|
1014
1014
|
type: Component,
|
|
1015
1015
|
args: [{
|
|
1016
1016
|
template: '',
|
|
@@ -1047,10 +1047,10 @@ class SelectBoxComponent extends EditorDropDownComponentBase {
|
|
|
1047
1047
|
container: this.container
|
|
1048
1048
|
};
|
|
1049
1049
|
}
|
|
1050
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1051
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1050
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1051
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: SelectBoxComponent, isStandalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-select-box>", dependencies: [{ kind: "component", type: 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: 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: "ngmodule", type: CommonModule }] });
|
|
1052
1052
|
}
|
|
1053
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SelectBoxComponent, decorators: [{
|
|
1054
1054
|
type: Component,
|
|
1055
1055
|
args: [{ selector: 'dxa-selectbox', imports: [DxSelectBoxComponent, DxValidatorComponent, CommonModule], standalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-select-box>" }]
|
|
1056
1056
|
}] });
|
|
@@ -1072,10 +1072,10 @@ class BoolSelectComponent extends SelectBoxComponent {
|
|
|
1072
1072
|
disabled: selectBoxOptions.disabled
|
|
1073
1073
|
};
|
|
1074
1074
|
}
|
|
1075
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1076
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1075
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BoolSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1076
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BoolSelectComponent, isStandalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-select-box>", dependencies: [{ kind: "component", type: 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: 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: "ngmodule", type: CommonModule }] });
|
|
1077
1077
|
}
|
|
1078
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1078
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BoolSelectComponent, decorators: [{
|
|
1079
1079
|
type: Component,
|
|
1080
1080
|
args: [{ selector: 'dxa-boolselect', imports: [DxSelectBoxComponent, DxValidatorComponent, CommonModule], standalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-select-box>" }]
|
|
1081
1081
|
}] });
|
|
@@ -1104,10 +1104,10 @@ class ColorPickerComponent extends EditorDropDownComponentBase {
|
|
|
1104
1104
|
}
|
|
1105
1105
|
};
|
|
1106
1106
|
}
|
|
1107
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1108
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1107
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ColorPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1108
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ColorPickerComponent, isStandalone: true, 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: 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"] }] });
|
|
1109
1109
|
}
|
|
1110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ColorPickerComponent, decorators: [{
|
|
1111
1111
|
type: Component,
|
|
1112
1112
|
args: [{ selector: 'dxa-colorpicker', imports: [DxColorBoxComponent], standalone: true, 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>" }]
|
|
1113
1113
|
}] });
|
|
@@ -1134,10 +1134,10 @@ class DateEditorComponent extends EditorDropDownComponentBase {
|
|
|
1134
1134
|
}
|
|
1135
1135
|
};
|
|
1136
1136
|
}
|
|
1137
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1138
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1137
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1138
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DateEditorComponent, isStandalone: true, 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: 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: DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
|
|
1139
1139
|
}
|
|
1140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateEditorComponent, decorators: [{
|
|
1141
1141
|
type: Component,
|
|
1142
1142
|
args: [{ selector: 'dxa-date', imports: [DxDateBoxComponent, DxValidatorComponent], standalone: true, 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>" }]
|
|
1143
1143
|
}] });
|
|
@@ -1151,10 +1151,10 @@ class NumericEditorComponent extends EditorComponentBase {
|
|
|
1151
1151
|
inputAttr: { 'aria-label': this.data.displayName, id: this.data.editorInputId }
|
|
1152
1152
|
};
|
|
1153
1153
|
}
|
|
1154
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1155
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1154
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NumericEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1155
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: NumericEditorComponent, isStandalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-number-box>", dependencies: [{ kind: "component", type: 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: "component", type: 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: "ngmodule", type: CommonModule }] });
|
|
1156
1156
|
}
|
|
1157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1157
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NumericEditorComponent, decorators: [{
|
|
1158
1158
|
type: Component,
|
|
1159
1159
|
args: [{ selector: 'dxa-numeric', imports: [DxNumberBoxComponent, DxValidatorComponent, CommonModule], standalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-number-box>" }]
|
|
1160
1160
|
}] });
|
|
@@ -1176,10 +1176,10 @@ class LocalizedSelectBoxComponent extends SelectBoxComponent {
|
|
|
1176
1176
|
}
|
|
1177
1177
|
};
|
|
1178
1178
|
}
|
|
1179
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1180
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1179
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocalizedSelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1180
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: LocalizedSelectBoxComponent, isStandalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-select-box>", dependencies: [{ kind: "component", type: 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: 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: "ngmodule", type: CommonModule }] });
|
|
1181
1181
|
}
|
|
1182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocalizedSelectBoxComponent, decorators: [{
|
|
1183
1183
|
type: Component,
|
|
1184
1184
|
args: [{ selector: 'dxa-selectbox-localized', imports: [DxSelectBoxComponent, DxValidatorComponent, CommonModule], standalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-select-box>" }]
|
|
1185
1185
|
}] });
|
|
@@ -1195,20 +1195,20 @@ class TextBoxEditorComponent extends EditorComponentBase {
|
|
|
1195
1195
|
}
|
|
1196
1196
|
};
|
|
1197
1197
|
}
|
|
1198
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1199
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1198
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextBoxEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1199
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TextBoxEditorComponent, isStandalone: true, 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@if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n}\n</dx-text-box>", dependencies: [{ kind: "component", type: 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: 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: "ngmodule", type: CommonModule }] });
|
|
1200
1200
|
}
|
|
1201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextBoxEditorComponent, decorators: [{
|
|
1202
1202
|
type: Component,
|
|
1203
1203
|
args: [{ selector: 'dxa-text', imports: [DxTextBoxComponent, DxValidatorComponent, CommonModule], standalone: true, 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@if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n}\n</dx-text-box>" }]
|
|
1204
1204
|
}] });
|
|
1205
1205
|
|
|
1206
1206
|
class ObjectEditorComponent {
|
|
1207
1207
|
data;
|
|
1208
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1209
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1208
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1209
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ObjectEditorComponent, isStandalone: true, selector: "dxa-object-editor-content", inputs: { data: "data" }, ngImport: i0, template: "@if(data.visible) {\n <dxa-template template=\"dx-propertieseditor\" [data]=\"data.viewmodel\"></dxa-template>\n}", dependencies: [{ kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "ngmodule", type: CommonModule }] });
|
|
1210
1210
|
}
|
|
1211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1211
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectEditorComponent, decorators: [{
|
|
1212
1212
|
type: Component,
|
|
1213
1213
|
args: [{ selector: 'dxa-object-editor-content', imports: [TemplateComponent, CommonModule], standalone: true, template: "@if(data.visible) {\n <dxa-template template=\"dx-propertieseditor\" [data]=\"data.viewmodel\"></dxa-template>\n}" }]
|
|
1214
1214
|
}], propDecorators: { data: [{
|
|
@@ -1221,10 +1221,10 @@ class PropertygridComponent {
|
|
|
1221
1221
|
trackByFn(_, item) {
|
|
1222
1222
|
return item.editorInputId;
|
|
1223
1223
|
}
|
|
1224
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1225
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1224
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PropertygridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1225
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PropertygridComponent, isStandalone: true, 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 <ng-container *ngFor=\"let editor of data.editors; trackBy: trackByFn\">\n <dxa-template [template]=\"editor.editorTemplate\" [data]=\"editor\"></dxa-template>\n </ng-container>\n </div>\n </div>\n</div>", dependencies: [{ kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
1226
1226
|
}
|
|
1227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PropertygridComponent, decorators: [{
|
|
1228
1228
|
type: Component,
|
|
1229
1229
|
args: [{ selector: 'dxa-propertygrid', imports: [TemplateComponent, CommonModule], standalone: true, template: "<div [class.dx-rtl]=\"data.rtl\">\n <div class=\"dx-editors\">\n <div class=\"dx-fieldset\">\n <ng-container *ngFor=\"let editor of data.editors; trackBy: trackByFn\">\n <dxa-template [template]=\"editor.editorTemplate\" [data]=\"editor\"></dxa-template>\n </ng-container>\n </div>\n </div>\n</div>" }]
|
|
1230
1230
|
}], propDecorators: { data: [{
|
|
@@ -1234,10 +1234,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1234
1234
|
|
|
1235
1235
|
class TreeListHeaderItemCaptionContentComponent {
|
|
1236
1236
|
data;
|
|
1237
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1238
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1237
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreeListHeaderItemCaptionContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1238
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TreeListHeaderItemCaptionContentComponent, isStandalone: true, selector: "dxa-treelist-header-item-caption-content", inputs: { data: "data" }, ngImport: i0, template: "@if(!!data.imageTemplateName) {\n <dxa-template class=\"dx-treelist-image\"\n [attr.title]=\"data.text\"\n [template]=\"data.imageTemplateName\"\n [class]=\"'dx-treelist-image ' + data.imageClassName\">\n </dxa-template>\n}\n<dxa-template [template]=\"data.templates.itemTextContent\" [data]=\"data\"></dxa-template>", dependencies: [{ kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "ngmodule", type: CommonModule }] });
|
|
1239
1239
|
}
|
|
1240
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreeListHeaderItemCaptionContentComponent, decorators: [{
|
|
1241
1241
|
type: Component,
|
|
1242
1242
|
args: [{ selector: 'dxa-treelist-header-item-caption-content', imports: [TemplateComponent, CommonModule], standalone: true, template: "@if(!!data.imageTemplateName) {\n <dxa-template class=\"dx-treelist-image\"\n [attr.title]=\"data.text\"\n [template]=\"data.imageTemplateName\"\n [class]=\"'dx-treelist-image ' + data.imageClassName\">\n </dxa-template>\n}\n<dxa-template [template]=\"data.templates.itemTextContent\" [data]=\"data\"></dxa-template>" }]
|
|
1243
1243
|
}], propDecorators: { data: [{
|
|
@@ -1247,10 +1247,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1247
1247
|
|
|
1248
1248
|
class TreeListHeaderItemComponent {
|
|
1249
1249
|
data;
|
|
1250
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1251
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1250
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreeListHeaderItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1251
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TreeListHeaderItemComponent, isStandalone: true, 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 @if(data.hasItems) {\n <div>\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 }\n <div class=\"dx-treelist-caption\" [style.padding-left]=\"data.hasItems ? '0px': '18px'\">\n @if(data.actions && data.actions.length > 0) {\n <div>\n <dxa-template [template]=\"data.templates.actionsContainer\" [data]=\"data\"></dxa-template>\n </div>\n }\n @if(data.isDraggable) {\n <div>\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 } @else {\n <div>\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 }\n </div>\n</div>", dependencies: [{ kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "ngmodule", type: CommonModule }] });
|
|
1252
1252
|
}
|
|
1253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1253
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreeListHeaderItemComponent, decorators: [{
|
|
1254
1254
|
type: Component,
|
|
1255
1255
|
args: [{ selector: 'dxa-treelist-header-item', imports: [TemplateComponent, CommonModule], standalone: true, 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 @if(data.hasItems) {\n <div>\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 }\n <div class=\"dx-treelist-caption\" [style.padding-left]=\"data.hasItems ? '0px': '18px'\">\n @if(data.actions && data.actions.length > 0) {\n <div>\n <dxa-template [template]=\"data.templates.actionsContainer\" [data]=\"data\"></dxa-template>\n </div>\n }\n @if(data.isDraggable) {\n <div>\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 } @else {\n <div>\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 }\n </div>\n</div>" }]
|
|
1256
1256
|
}], propDecorators: { data: [{
|
|
@@ -1260,10 +1260,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1260
1260
|
|
|
1261
1261
|
class TreeListItemTextComponent {
|
|
1262
1262
|
data;
|
|
1263
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1264
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1263
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreeListItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1264
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TreeListItemTextComponent, isStandalone: true, selector: "dxa-treelist-item-text-content", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dx-treelist-text-wrapper\">\n@if(data.searchModel.searchEnabled) {\n <div>\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} @else {\n <div>\n <div class=\"dx-treelist-text\" [attr.title]=\"data.text\">\n {{data.text}}\n </div>\n </div>\n}\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
1265
1265
|
}
|
|
1266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreeListItemTextComponent, decorators: [{
|
|
1267
1267
|
type: Component,
|
|
1268
1268
|
args: [{ selector: 'dxa-treelist-item-text-content', imports: [CommonModule], standalone: true, template: "<div class=\"dx-treelist-text-wrapper\">\n@if(data.searchModel.searchEnabled) {\n <div>\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} @else {\n <div>\n <div class=\"dx-treelist-text\" [attr.title]=\"data.text\">\n {{data.text}}\n </div>\n </div>\n}\n</div>" }]
|
|
1269
1269
|
}], propDecorators: { data: [{
|
|
@@ -1273,10 +1273,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1273
1273
|
|
|
1274
1274
|
class TreeListItemComponent {
|
|
1275
1275
|
data;
|
|
1276
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1277
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1276
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreeListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1277
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TreeListItemComponent, isStandalone: true, selector: "dxa-treelist-item", inputs: { data: "data" }, ngImport: i0, template: " @if(data.visible) {\n <div>\n @if(data.hasContent) {\n <dxa-template [template]=\"data.templates.accordionItem\" [data]=\"data\" ></dxa-template>\n } @else {\n <dxa-template [template]=\"data.templates.headerItem\" [data]=\"data\" ></dxa-template>\n }\n </div>\n }", dependencies: [{ kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "ngmodule", type: CommonModule }] });
|
|
1278
1278
|
}
|
|
1279
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreeListItemComponent, decorators: [{
|
|
1280
1280
|
type: Component,
|
|
1281
1281
|
args: [{ selector: 'dxa-treelist-item', imports: [TemplateComponent, CommonModule], standalone: true, template: " @if(data.visible) {\n <div>\n @if(data.hasContent) {\n <dxa-template [template]=\"data.templates.accordionItem\" [data]=\"data\" ></dxa-template>\n } @else {\n <dxa-template [template]=\"data.templates.headerItem\" [data]=\"data\" ></dxa-template>\n }\n </div>\n }" }]
|
|
1282
1282
|
}], propDecorators: { data: [{
|
|
@@ -1286,10 +1286,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1286
1286
|
|
|
1287
1287
|
class TreeListGroupComponent {
|
|
1288
1288
|
data;
|
|
1289
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1290
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1289
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreeListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1290
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TreeListGroupComponent, isStandalone: true, selector: "dxa-treelist-group", inputs: { data: "data" }, ngImport: i0, template: "<div role=\"group\" class=\"dx-treelist dxd-text-primary\">\n <ng-container *ngFor=\"let item of data.items\">\n <div>\n <dxa-template [template]=\"item.templateName\" [data]=\"item\"></dxa-template>\n @if(!item.collapsed) {\n <dxa-treelist-group template=\"dx-treelist\" [data]=\"item\"></dxa-treelist-group>\n }\n </div>\n </ng-container>\n</div>", dependencies: [{ kind: "component", type: TreeListGroupComponent, selector: "dxa-treelist-group", inputs: ["data"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
1291
1291
|
}
|
|
1292
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1292
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreeListGroupComponent, decorators: [{
|
|
1293
1293
|
type: Component,
|
|
1294
1294
|
args: [{ selector: 'dxa-treelist-group', imports: [TemplateComponent, CommonModule], standalone: true, template: "<div role=\"group\" class=\"dx-treelist dxd-text-primary\">\n <ng-container *ngFor=\"let item of data.items\">\n <div>\n <dxa-template [template]=\"item.templateName\" [data]=\"item\"></dxa-template>\n @if(!item.collapsed) {\n <dxa-treelist-group template=\"dx-treelist\" [data]=\"item\"></dxa-treelist-group>\n }\n </div>\n </ng-container>\n</div>" }]
|
|
1295
1295
|
}], propDecorators: { data: [{
|
|
@@ -1327,10 +1327,10 @@ class TreelistComponent {
|
|
|
1327
1327
|
ngOnDestroy() {
|
|
1328
1328
|
this._disposeCallback && this._disposeCallback();
|
|
1329
1329
|
}
|
|
1330
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1331
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1330
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreelistComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1331
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TreelistComponent, isStandalone: true, selector: "dxa-treelist", inputs: { options: "options" }, viewQueries: [{ propertyName: "treeList", first: true, predicate: ["treelist"], descendants: true }], ngImport: i0, template: "@if(!!viewModel) {\n <dxa-treelist-group #treelist template=\"dx-treelist\" [data]=\"viewModel\"></dxa-treelist-group>\n}", dependencies: [{ kind: "component", type: TreeListGroupComponent, selector: "dxa-treelist-group", inputs: ["data"] }, { kind: "ngmodule", type: CommonModule }] });
|
|
1332
1332
|
}
|
|
1333
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TreelistComponent, decorators: [{
|
|
1334
1334
|
type: Component,
|
|
1335
1335
|
args: [{ selector: 'dxa-treelist', imports: [TreeListGroupComponent, TreelistComponent, CommonModule], standalone: true, template: "@if(!!viewModel) {\n <dxa-treelist-group #treelist template=\"dx-treelist\" [data]=\"viewModel\"></dxa-treelist-group>\n}" }]
|
|
1336
1336
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
|
|
@@ -1388,10 +1388,10 @@ class TemplatesComponent {
|
|
|
1388
1388
|
this._templateEngine.register('dx-collectioneditor', this.collectionEditor);
|
|
1389
1389
|
this._templateEngine.register('dx-designer', this.designer);
|
|
1390
1390
|
}
|
|
1391
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1392
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1391
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TemplatesComponent, deps: [{ token: TemplateEngine }], target: i0.ɵɵFactoryTarget.Component });
|
|
1392
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: TemplatesComponent, isStandalone: true, 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: ActionsComponent, selector: "dxa-actions", inputs: ["data"] }, { kind: "component", type: DesignerComponent, selector: "dxa-designer", inputs: ["data"] }, { kind: "component", type: TabpanelComponent, selector: "dxa-tabpanel", inputs: ["data"] }, { kind: "component", type: CollectionEditorComponent, selector: "dxa-collectioneditor", inputs: ["data", "contentTemplate"] }, { kind: "component", type: EditorComponentBase, selector: "dxa-editor", inputs: ["data"] }, { kind: "component", type: BooleanEditorComponent, selector: "dxa-boolean" }, { kind: "component", type: BoolSelectComponent, selector: "dxa-boolselect" }, { kind: "component", type: ColorPickerComponent, selector: "dxa-colorpicker" }, { kind: "component", type: DateEditorComponent, selector: "dxa-date" }, { kind: "component", type: NumericEditorComponent, selector: "dxa-numeric" }, { kind: "component", type: LocalizedSelectBoxComponent, selector: "dxa-selectbox-localized" }, { kind: "component", type: SelectBoxComponent, selector: "dxa-selectbox" }, { kind: "component", type: TextBoxEditorComponent, selector: "dxa-text" }, { kind: "component", type: ObjectEditorComponent, selector: "dxa-object-editor-content", inputs: ["data"] }, { kind: "component", type: PropertygridComponent, selector: "dxa-propertygrid", inputs: ["data"] }, { kind: "component", type: TreeListHeaderItemCaptionContentComponent, selector: "dxa-treelist-header-item-caption-content", 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: TreeListItemComponent, selector: "dxa-treelist-item", inputs: ["data"] }] });
|
|
1393
1393
|
}
|
|
1394
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TemplatesComponent, decorators: [{
|
|
1395
1395
|
type: Component,
|
|
1396
1396
|
args: [{ selector: 'dxa-templates', imports: [ActionsComponent, DesignerComponent, TabpanelComponent, CollectionEditorComponent, EditorComponentBase, BooleanEditorComponent, BoolSelectComponent, ColorPickerComponent, DateEditorComponent, NumericEditorComponent, LocalizedSelectBoxComponent, SelectBoxComponent, TextBoxEditorComponent, ObjectEditorComponent, PropertygridComponent, TreeListHeaderItemCaptionContentComponent, TreeListHeaderItemComponent, TreeListItemTextComponent, TreeListItemComponent, TreelistComponent], standalone: true, 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>" }]
|
|
1397
1397
|
}], ctorParameters: () => [{ type: TemplateEngine }], propDecorators: { tabPanel: [{
|
|
@@ -1471,10 +1471,10 @@ class AIPanelComponent {
|
|
|
1471
1471
|
getVisible() {
|
|
1472
1472
|
return this.data.model?.tabInfo?.visible && this.data.model?.tabInfo?.active;
|
|
1473
1473
|
}
|
|
1474
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1475
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: AIPanelComponent, isStandalone: true, selector: "dxv-aipanel", inputs: { data: "data" }, viewQueries: [{ propertyName: "resultContainer", first: true, predicate: ["resultContainer"], descendants: true, static: true }], 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 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 [disabled]=\"viewModel.targetSelectBoxOptions.disabled\"\n [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n </dx-select-box>\n </div>\n @if(viewModel.languageSelectBoxOptions.visible) {\n <div class=\"dx-field dxrd-preview-ai-select-box\">\n <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n }} </label>\n <dx-select-box 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 [disabled]=\"viewModel.languageSelectBoxOptions.disabled\"\n [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n </div>\n }\n @if(viewModel.pageSelectBoxVisible) {\n <div 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\"\n [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.pageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n [disabled]=\"viewModel.pageSelectBoxOptions.disabled\"\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 }\n <div class=\"dx-field\">\n <div class=\"dxrd-preview-ai-buttons-wrapper\">\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 #resultContainer class=\"dxrd-ai-panel-result-container\">\n @if(viewModel.resultVisible) {\n <div 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\"\n tabindex=\"0\" (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 }\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 <dx-load-panel [visible]=\"viewModel.loading\" [showIndicator]=\"false\"\n [position]=\"{ of: resultContainer?.nativeElement || resultContainer }\"\n [container]=\"resultContainer?.nativeElement || resultContainer\"\n [showPane]=\"false\" height=\"100%\" width=\"100%\" message=\"\">\n <div *dxTemplate=\"let data of 'content'\" class=\"dxrd-ai-panel-loading-indicator\">\n <dx-load-indicator [height]=\"90\" [width]=\"90\" animationType=\"sparkle\">\n </dx-load-indicator>\n </div>\n </dx-load-panel>\n </div>\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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxTemplateModule }, { kind: "directive", type: i1$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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: 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: 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: 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: 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: 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: 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"] }] });
|
|
1474
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AIPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1475
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AIPanelComponent, isStandalone: true, selector: "dxv-aipanel", inputs: { data: "data" }, viewQueries: [{ propertyName: "resultContainer", first: true, predicate: ["resultContainer"], descendants: true, static: true }], 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 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 [disabled]=\"viewModel.targetSelectBoxOptions.disabled\"\n [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n </dx-select-box>\n </div>\n @if(viewModel.languageSelectBoxOptions.visible) {\n <div class=\"dx-field dxrd-preview-ai-select-box\">\n <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n }} </label>\n <dx-select-box 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 [disabled]=\"viewModel.languageSelectBoxOptions.disabled\"\n [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n </div>\n }\n @if(viewModel.pageSelectBoxVisible) {\n <div 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\"\n [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.pageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n [disabled]=\"viewModel.pageSelectBoxOptions.disabled\"\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 }\n <div class=\"dx-field\">\n <div class=\"dxrd-preview-ai-buttons-wrapper\">\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 #resultContainer class=\"dxrd-ai-panel-result-container\">\n @if(viewModel.resultVisible) {\n <div 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\"\n tabindex=\"0\" (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 }\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 <dx-load-panel [visible]=\"viewModel.loading\" [showIndicator]=\"false\"\n [position]=\"{ of: resultContainer?.nativeElement || resultContainer }\"\n [container]=\"resultContainer?.nativeElement || resultContainer\"\n [showPane]=\"false\" height=\"100%\" width=\"100%\" message=\"\">\n <div *dxTemplate=\"let data of 'content'\" class=\"dxrd-ai-panel-loading-indicator\">\n <dx-load-indicator [height]=\"90\" [width]=\"90\" animationType=\"sparkle\">\n </dx-load-indicator>\n </div>\n </dx-load-panel>\n </div>\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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxTemplateModule }, { kind: "directive", type: i1$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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: 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: 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: 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: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: 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: 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"] }] });
|
|
1476
1476
|
}
|
|
1477
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1477
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AIPanelComponent, decorators: [{
|
|
1478
1478
|
type: Component,
|
|
1479
1479
|
args: [{ selector: 'dxv-aipanel', imports: [CommonModule, DxTemplateModule, TemplateComponent, DxButtonComponent, DxCheckBoxComponent, DxLoadIndicatorComponent, DxLoadPanelComponent, DxPopupComponent, DxSelectBoxComponent, DxTextAreaComponent], standalone: true, 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 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 [disabled]=\"viewModel.targetSelectBoxOptions.disabled\"\n [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n </dx-select-box>\n </div>\n @if(viewModel.languageSelectBoxOptions.visible) {\n <div class=\"dx-field dxrd-preview-ai-select-box\">\n <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n }} </label>\n <dx-select-box 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 [disabled]=\"viewModel.languageSelectBoxOptions.disabled\"\n [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n </div>\n }\n @if(viewModel.pageSelectBoxVisible) {\n <div 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\"\n [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n [value]=\"viewModel.pageSelectBoxOptions.value\"\n [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n [disabled]=\"viewModel.pageSelectBoxOptions.disabled\"\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 }\n <div class=\"dx-field\">\n <div class=\"dxrd-preview-ai-buttons-wrapper\">\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 #resultContainer class=\"dxrd-ai-panel-result-container\">\n @if(viewModel.resultVisible) {\n <div 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\"\n tabindex=\"0\" (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 }\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 <dx-load-panel [visible]=\"viewModel.loading\" [showIndicator]=\"false\"\n [position]=\"{ of: resultContainer?.nativeElement || resultContainer }\"\n [container]=\"resultContainer?.nativeElement || resultContainer\"\n [showPane]=\"false\" height=\"100%\" width=\"100%\" message=\"\">\n <div *dxTemplate=\"let data of 'content'\" class=\"dxrd-ai-panel-loading-indicator\">\n <dx-load-indicator [height]=\"90\" [width]=\"90\" animationType=\"sparkle\">\n </dx-load-indicator>\n </div>\n </dx-load-panel>\n </div>\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>" }]
|
|
1480
1480
|
}], propDecorators: { data: [{
|
|
@@ -1495,10 +1495,10 @@ class DocumentMapComponent {
|
|
|
1495
1495
|
ngOnInit() {
|
|
1496
1496
|
this.viewModel = this.data.model?.getViewModel();
|
|
1497
1497
|
}
|
|
1498
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1499
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1498
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DocumentMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1499
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DocumentMapComponent, isStandalone: true, 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 @if(!!viewModel) {\n <div>\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 }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: TreelistComponent, selector: "dxa-treelist", inputs: ["options"] }, { kind: "component", type: 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"] }] });
|
|
1500
1500
|
}
|
|
1501
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1501
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DocumentMapComponent, decorators: [{
|
|
1502
1502
|
type: Component,
|
|
1503
1503
|
args: [{ selector: 'dxv-document-map', imports: [CommonModule, DxMutationObserverDirective, TreelistComponent, DxScrollViewComponent], standalone: true, 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 @if(!!viewModel) {\n <div>\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 }\n</div>" }]
|
|
1504
1504
|
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
@@ -1520,10 +1520,10 @@ class PopoverComponent {
|
|
|
1520
1520
|
this.container = this.popover.getPopupContainer(element);
|
|
1521
1521
|
this._cd.detectChanges();
|
|
1522
1522
|
}
|
|
1523
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1524
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1523
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1524
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PopoverComponent, isStandalone: true, 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: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
|
|
1525
1525
|
}
|
|
1526
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1526
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
1527
1527
|
type: Component,
|
|
1528
1528
|
args: [{ selector: 'dxa-propertygrid-popoverservice', imports: [DxPopoverComponent], standalone: true, 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>" }]
|
|
1529
1529
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { popover: [{
|
|
@@ -1540,10 +1540,10 @@ class ExportOptionsComponent {
|
|
|
1540
1540
|
onScrollViewInitialized(args) {
|
|
1541
1541
|
args.component.option('useKeyboard', false);
|
|
1542
1542
|
}
|
|
1543
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1544
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1543
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ExportOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1544
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ExportOptionsComponent, isStandalone: true, 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: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: PopoverComponent, selector: "dxa-propertygrid-popoverservice", inputs: ["data"] }, { kind: "component", type: 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"] }] });
|
|
1545
1545
|
}
|
|
1546
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ExportOptionsComponent, decorators: [{
|
|
1547
1547
|
type: Component,
|
|
1548
1548
|
args: [{ selector: 'dxv-export-options', imports: [DxMutationObserverDirective, TemplateComponent, PopoverComponent, PropertygridComponent, DxScrollViewComponent], standalone: true, 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>" }]
|
|
1549
1549
|
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
@@ -1562,10 +1562,10 @@ class ParameterspanelComponent {
|
|
|
1562
1562
|
submit(params) {
|
|
1563
1563
|
this.data.model.validateAndSubmit(params);
|
|
1564
1564
|
}
|
|
1565
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1566
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1565
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ParameterspanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1566
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ParameterspanelComponent, isStandalone: true, 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 @if(!data.model || data.model.isEmpty) {\n <div class=\"dxrd-group-header-parameters-empty dxd-text-primary\">\n {{data.model.emptyText}}\n </div>\n }\n @if(data.model || data.model.isEmpty()) {\n <dx-scroll-view 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\n <ng-container *ngFor=\"let button of data.model.buttons\">\n <dx-button 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 </ng-container>\n </div>\n </dx-scroll-view>\n }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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: 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: 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"] }] });
|
|
1567
1567
|
}
|
|
1568
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ParameterspanelComponent, decorators: [{
|
|
1569
1569
|
type: Component,
|
|
1570
1570
|
args: [{ selector: 'dxv-parameters', imports: [CommonModule, DxMutationObserverDirective, TemplateComponent, DxButtonComponent, DxLoadIndicatorComponent, DxScrollViewComponent], standalone: true, 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 @if(!data.model || data.model.isEmpty) {\n <div class=\"dxrd-group-header-parameters-empty dxd-text-primary\">\n {{data.model.emptyText}}\n </div>\n }\n @if(data.model || data.model.isEmpty()) {\n <dx-scroll-view 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\n <ng-container *ngFor=\"let button of data.model.buttons\">\n <dx-button 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 </ng-container>\n </div>\n </dx-scroll-view>\n }\n</div>" }]
|
|
1571
1571
|
}], propDecorators: { data: [{
|
|
@@ -1579,10 +1579,10 @@ class SearchComponent {
|
|
|
1579
1579
|
ngOnInit() {
|
|
1580
1580
|
this.viewModel = this.data.model.getViewModel();
|
|
1581
1581
|
}
|
|
1582
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1583
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SearchComponent, isStandalone: true, 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 @if(viewModel.searchResultCount > 0 || viewModel.loading) {\n <div class=\"dxrd-preview-search-result-wrapper\">\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 @if(viewModel.searchCompleted && viewModel.searchResultCount == 0) {\n <div>\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 }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: 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: 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: 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: "component", type: 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: 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: DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }] });
|
|
1582
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1583
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: SearchComponent, isStandalone: true, 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 @if(viewModel.searchResultCount > 0 || viewModel.loading) {\n <div class=\"dxrd-preview-search-result-wrapper\">\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 @if(viewModel.searchCompleted && viewModel.searchResultCount == 0) {\n <div>\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 }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: 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: 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: 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: "component", type: 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: 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: DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }] });
|
|
1584
1584
|
}
|
|
1585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SearchComponent, decorators: [{
|
|
1586
1586
|
type: Component,
|
|
1587
1587
|
args: [{ selector: 'dxv-search', imports: [CommonModule, DxActionDirective, DxMutationObserverDirective, DxButtonComponent, DxCheckBoxComponent, DxListComponent, DxLoadIndicatorComponent, DxTextBoxComponent, DxTemplateDirective], standalone: true, 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 @if(viewModel.searchResultCount > 0 || viewModel.loading) {\n <div class=\"dxrd-preview-search-result-wrapper\">\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 @if(viewModel.searchCompleted && viewModel.searchResultCount == 0) {\n <div>\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 }\n</div>\n" }]
|
|
1588
1588
|
}], propDecorators: { data: [{
|
|
@@ -1598,10 +1598,10 @@ class ZoomDirective {
|
|
|
1598
1598
|
constructor(_element) {
|
|
1599
1599
|
this._element = _element;
|
|
1600
1600
|
}
|
|
1601
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1602
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1601
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ZoomDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1602
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: ZoomDirective, isStandalone: true, selector: "[dxaZoom]", inputs: { options: ["dxaZoom", "options"] }, ngImport: i0 });
|
|
1603
1603
|
}
|
|
1604
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ZoomDirective, decorators: [{
|
|
1605
1605
|
type: Directive,
|
|
1606
1606
|
args: [{
|
|
1607
1607
|
selector: '[dxaZoom]',
|
|
@@ -1614,10 +1614,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1614
1614
|
|
|
1615
1615
|
class CharacterCombEditingFieldComponent {
|
|
1616
1616
|
data;
|
|
1617
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1618
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1617
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CharacterCombEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1618
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: CharacterCombEditingFieldComponent, isStandalone: true, 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 @if(!data.active || data.field.readOnly) {\n <div>\n <ng-container *ngFor=\"let cell of data.cells\">\n <div>\n <div class=\"dxrp-editing-field-charactercomb-cell\" [style]=\"cell.style\">\n {{cell.text}}\n </div>\n </div>\n </ng-container>\n </div>\n }\n @if(data.active && !data.field.readOnly) {\n <textarea 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 }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }] });
|
|
1619
1619
|
}
|
|
1620
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1620
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CharacterCombEditingFieldComponent, decorators: [{
|
|
1621
1621
|
type: Component,
|
|
1622
1622
|
args: [{ selector: 'dxv-editing-field-character-comb', imports: [CommonModule, ZoomDirective], standalone: true, 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 @if(!data.active || data.field.readOnly) {\n <div>\n <ng-container *ngFor=\"let cell of data.cells\">\n <div>\n <div class=\"dxrp-editing-field-charactercomb-cell\" [style]=\"cell.style\">\n {{cell.text}}\n </div>\n </div>\n </ng-container>\n </div>\n }\n @if(data.active && !data.field.readOnly) {\n <textarea 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 }\n</div>" }]
|
|
1623
1623
|
}], propDecorators: { data: [{
|
|
@@ -1627,10 +1627,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1627
1627
|
|
|
1628
1628
|
class EditingFieldCheckboxGlyphComponent {
|
|
1629
1629
|
data;
|
|
1630
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1631
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1630
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EditingFieldCheckboxGlyphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1631
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: EditingFieldCheckboxGlyphComponent, isStandalone: true, selector: "dxv-editing-field-checkbox-glyph", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-checkbox-custom-glyph\" [style]=\"data.customGlyphStyleCss\"></div>" });
|
|
1632
1632
|
}
|
|
1633
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1633
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EditingFieldCheckboxGlyphComponent, decorators: [{
|
|
1634
1634
|
type: Component,
|
|
1635
1635
|
args: [{ selector: 'dxv-editing-field-checkbox-glyph', standalone: true, template: "<div class=\"dxrd-checkbox-custom-glyph\" [style]=\"data.customGlyphStyleCss\"></div>" }]
|
|
1636
1636
|
}], propDecorators: { data: [{
|
|
@@ -1640,10 +1640,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1640
1640
|
|
|
1641
1641
|
class CheckEditingFieldComponent {
|
|
1642
1642
|
data;
|
|
1643
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1644
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1643
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CheckEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1644
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: CheckEditingFieldComponent, isStandalone: true, 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 @if(!!data.checkStateStyleIcon) {\n <dxa-template class=\"dxrp-editing-field-check\"\n tabindex=\"1\"\n [style]=\"data.checkStyle\"\n [template]=\"data.checkStateStyleIcon\"\n [data]=\"data\">\n </dxa-template>\n }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1645
1645
|
}
|
|
1646
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1646
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CheckEditingFieldComponent, decorators: [{
|
|
1647
1647
|
type: Component,
|
|
1648
1648
|
args: [{ selector: 'dxv-editing-field-checkbox', imports: [CommonModule, ZoomDirective, TemplateComponent], standalone: true, 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 @if(!!data.checkStateStyleIcon) {\n <dxa-template class=\"dxrp-editing-field-check\"\n tabindex=\"1\"\n [style]=\"data.checkStyle\"\n [template]=\"data.checkStateStyleIcon\"\n [data]=\"data\">\n </dxa-template>\n }\n</div>" }]
|
|
1649
1649
|
}], propDecorators: { data: [{
|
|
@@ -1653,10 +1653,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1653
1653
|
|
|
1654
1654
|
class RadioEditingFieldComponent {
|
|
1655
1655
|
data;
|
|
1656
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1657
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1656
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RadioEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1657
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: RadioEditingFieldComponent, isStandalone: true, 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"] }] });
|
|
1658
1658
|
}
|
|
1659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RadioEditingFieldComponent, decorators: [{
|
|
1660
1660
|
type: Component,
|
|
1661
1661
|
args: [{ selector: 'dxv-editing-field-radio', imports: [ZoomDirective], standalone: true, 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" }]
|
|
1662
1662
|
}], propDecorators: { data: [{
|
|
@@ -1683,10 +1683,10 @@ class ExportToolComponent {
|
|
|
1683
1683
|
initializeViewerExportBinding(element, this.data);
|
|
1684
1684
|
this._cd.detectChanges();
|
|
1685
1685
|
}
|
|
1686
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1687
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1686
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ExportToolComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1687
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ExportToolComponent, isStandalone: true, 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 @if(!!data.printingTexts.prefix) {\n <div class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}</div>\n }\n <a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n @if(!!data.printingTexts.postfix) {\n <div class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n }\n </div>\n</dx-popup>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
|
|
1688
1688
|
}
|
|
1689
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1689
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ExportToolComponent, decorators: [{
|
|
1690
1690
|
type: Component,
|
|
1691
1691
|
args: [{ selector: 'dxv-export-tool', imports: [CommonModule, DxPopupComponent], standalone: true, 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 @if(!!data.printingTexts.prefix) {\n <div class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}</div>\n }\n <a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n @if(!!data.printingTexts.postfix) {\n <div class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n }\n </div>\n</dx-popup>" }]
|
|
1692
1692
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -1732,10 +1732,10 @@ class PictureEditorComponent {
|
|
|
1732
1732
|
this.model.dispose();
|
|
1733
1733
|
this.editingFieldModel._setPictureEditor(null);
|
|
1734
1734
|
}
|
|
1735
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1736
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1735
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1736
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PictureEditorComponent, isStandalone: true, 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 @if(!!popupOptions) {\n <dx-popup 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 <ng-container *ngFor=\"let action of data.actions\">\n <div>\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 @if(!!action.template) {\n <dxa-template [template]=\"action.template\" [data]=\"action.templateOptions\"></dxa-template>\n }\n </div>\n </ng-container>\n </div>\n </dx-popup>\n }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }] });
|
|
1737
1737
|
}
|
|
1738
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1738
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorComponent, decorators: [{
|
|
1739
1739
|
type: Component,
|
|
1740
1740
|
args: [{ selector: 'dxv-picture-editor', imports: [CommonModule, ZoomDirective, TemplateComponent, DxPopupComponent, DxTemplateDirective], standalone: true, template: "<div #pictureEditing class=\"dx-picture-editing\">\n <canvas [dxaZoom]=\"data?.painter.scale\"></canvas>\n @if(!!popupOptions) {\n <dx-popup 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 <ng-container *ngFor=\"let action of data.actions\">\n <div>\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 @if(!!action.template) {\n <dxa-template [template]=\"action.template\" [data]=\"action.templateOptions\"></dxa-template>\n }\n </div>\n </ng-container>\n </div>\n </dx-popup>\n }\n</div>" }]
|
|
1741
1741
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { element: [{
|
|
@@ -1748,10 +1748,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1748
1748
|
|
|
1749
1749
|
class ImageEditingFieldEditorComponent {
|
|
1750
1750
|
data;
|
|
1751
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1752
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1751
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ImageEditingFieldEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1752
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ImageEditingFieldEditorComponent, isStandalone: true, 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"] }] });
|
|
1753
1753
|
}
|
|
1754
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1754
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ImageEditingFieldEditorComponent, decorators: [{
|
|
1755
1755
|
type: Component,
|
|
1756
1756
|
args: [{ selector: 'dxv-image-editing-field-editor', imports: [PictureEditorComponent], standalone: true, template: "<dxv-picture-editor [options]=\"data\" class=\"dxrd-height-100 dxrd-width-100\"></dxv-picture-editor>" }]
|
|
1757
1757
|
}], propDecorators: { data: [{
|
|
@@ -1761,10 +1761,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1761
1761
|
|
|
1762
1762
|
class ImageEditingFieldComponent {
|
|
1763
1763
|
data;
|
|
1764
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1765
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1764
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ImageEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1765
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ImageEditingFieldComponent, isStandalone: true, 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"] }] });
|
|
1766
1766
|
}
|
|
1767
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1767
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ImageEditingFieldComponent, decorators: [{
|
|
1768
1768
|
type: Component,
|
|
1769
1769
|
args: [{ selector: 'dxv-image-editing-field', imports: [ImageEditingFieldEditorComponent], standalone: true, 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>" }]
|
|
1770
1770
|
}], propDecorators: { data: [{
|
|
@@ -1790,10 +1790,10 @@ class PainterComponent {
|
|
|
1790
1790
|
this.model.dispose();
|
|
1791
1791
|
this.options.setPainter(null);
|
|
1792
1792
|
}
|
|
1793
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1794
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1793
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PainterComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1794
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PainterComponent, isStandalone: true, 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"] }] });
|
|
1795
1795
|
}
|
|
1796
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PainterComponent, decorators: [{
|
|
1797
1797
|
type: Component,
|
|
1798
1798
|
args: [{ selector: 'dxv-painter', imports: [ZoomDirective], standalone: true, template: "<div class=\"dx-painter\">\n <canvas [dxaZoom]=\"model?.scale\"></canvas>\n</div>" }]
|
|
1799
1799
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { options: [{
|
|
@@ -1825,10 +1825,10 @@ class PopupImageEditingFieldComponent {
|
|
|
1825
1825
|
this._cd.detectChanges();
|
|
1826
1826
|
this.data.setEditingFieldElement(this.popupContainer.nativeElement);
|
|
1827
1827
|
}
|
|
1828
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1829
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1828
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopupImageEditingFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1829
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PopupImageEditingFieldComponent, isStandalone: true, 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 @if(!!popupOptions) {\n <dx-popup 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 @if(data.popupData.showContent) {\n <dxa-template [template]=\"data.popupData.contentTemplate\" [data]=\"data\"></dxa-template>\n }\n </dx-popup>\n }\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: PainterComponent, selector: "dxv-painter", inputs: ["options"] }, { kind: "component", type: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
|
|
1830
1830
|
}
|
|
1831
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1831
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopupImageEditingFieldComponent, decorators: [{
|
|
1832
1832
|
type: Component,
|
|
1833
1833
|
args: [{ selector: 'dxv-popup-image-editing-field', imports: [CommonModule, TemplateComponent, PainterComponent, DxPopupComponent], standalone: true, 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 @if(!!popupOptions) {\n <dx-popup 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 @if(data.popupData.showContent) {\n <dxa-template [template]=\"data.popupData.contentTemplate\" [data]=\"data\"></dxa-template>\n }\n </dx-popup>\n }\n </div>\n</div>" }]
|
|
1834
1834
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -1845,10 +1845,10 @@ class TextEditingFieldContainerComponent {
|
|
|
1845
1845
|
ngAfterViewInit() {
|
|
1846
1846
|
this.data.setEditingFieldElement(this.editingFieldElement.nativeElement);
|
|
1847
1847
|
}
|
|
1848
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1849
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1848
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextEditingFieldContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1849
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TextEditingFieldContainerComponent, isStandalone: true, 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 @if(!data.active || data.field.readOnly) {\n <div>\n @if(data.field.htmlValue) {\n <div>\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 } @else {\n <div>\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 }\n </div>\n }\n @if(data.active && !data.field.readOnly) {\n <dxa-template [template]=\"data.editorTemplate\" [data]=\"data.data\"></dxa-template>\n }\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1850
1850
|
}
|
|
1851
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextEditingFieldContainerComponent, decorators: [{
|
|
1852
1852
|
type: Component,
|
|
1853
1853
|
args: [{ selector: 'dxv-editing-field-container', imports: [CommonModule, ZoomDirective, TemplateComponent], standalone: true, 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 @if(!data.active || data.field.readOnly) {\n <div>\n @if(data.field.htmlValue) {\n <div>\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 } @else {\n <div>\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 }\n </div>\n }\n @if(data.active && !data.field.readOnly) {\n <dxa-template [template]=\"data.editorTemplate\" [data]=\"data.data\"></dxa-template>\n }\n </div>\n</div>" }]
|
|
1854
1854
|
}], propDecorators: { data: [{
|
|
@@ -1868,10 +1868,10 @@ class ChildStyleDirective {
|
|
|
1868
1868
|
ngAfterViewInit() {
|
|
1869
1869
|
initializeChildStyleBinding(this._element.nativeElement, this.options);
|
|
1870
1870
|
}
|
|
1871
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1872
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1871
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ChildStyleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1872
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: ChildStyleDirective, isStandalone: true, selector: "[dxvChildStyle]", inputs: { options: ["dxvChildStyle", "options"] }, ngImport: i0 });
|
|
1873
1873
|
}
|
|
1874
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1874
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ChildStyleDirective, decorators: [{
|
|
1875
1875
|
type: Directive,
|
|
1876
1876
|
args: [{
|
|
1877
1877
|
selector: '[dxvChildStyle]',
|
|
@@ -1904,10 +1904,10 @@ class TextEditingFieldDateBoxComponent {
|
|
|
1904
1904
|
};
|
|
1905
1905
|
this._cd.detectChanges();
|
|
1906
1906
|
}
|
|
1907
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1908
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1907
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextEditingFieldDateBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1908
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: TextEditingFieldDateBoxComponent, isStandalone: true, 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: "directive", type: ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }, { kind: "component", type: 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"] }] });
|
|
1909
1909
|
}
|
|
1910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1910
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextEditingFieldDateBoxComponent, decorators: [{
|
|
1911
1911
|
type: Component,
|
|
1912
1912
|
args: [{ selector: 'dxv-editing-field-datetime', imports: [ChildStyleDirective, DxDateBoxComponent], standalone: true, 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>" }]
|
|
1913
1913
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -1931,10 +1931,10 @@ class DxTextEditingFieldBaseComponent {
|
|
|
1931
1931
|
dxWidget.endUpdate();
|
|
1932
1932
|
this._cd.detectChanges();
|
|
1933
1933
|
}
|
|
1934
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1935
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1934
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxTextEditingFieldBaseComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1935
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxTextEditingFieldBaseComponent, isStandalone: true, selector: "ng-component", inputs: { data: "data" }, viewQueries: [{ propertyName: "widget", first: true, predicate: ["widget"], descendants: true }], ngImport: i0, template: '', isInline: true });
|
|
1936
1936
|
}
|
|
1937
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1937
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxTextEditingFieldBaseComponent, decorators: [{
|
|
1938
1938
|
type: Component,
|
|
1939
1939
|
args: [{
|
|
1940
1940
|
template: '',
|
|
@@ -1949,29 +1949,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1949
1949
|
}] } });
|
|
1950
1950
|
|
|
1951
1951
|
class TextEditingFieldMaskComponent extends DxTextEditingFieldBaseComponent {
|
|
1952
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1953
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1952
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextEditingFieldMaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1953
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: TextEditingFieldMaskComponent, isStandalone: true, 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: "directive", type: ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }, { kind: "component", type: 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"] }] });
|
|
1954
1954
|
}
|
|
1955
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextEditingFieldMaskComponent, decorators: [{
|
|
1956
1956
|
type: Component,
|
|
1957
1957
|
args: [{ selector: 'dxv-editing-field-mask', imports: [ChildStyleDirective, DxTextBoxComponent], standalone: true, 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>" }]
|
|
1958
1958
|
}] });
|
|
1959
1959
|
|
|
1960
1960
|
class TextEditingFieldNumberComponent extends DxTextEditingFieldBaseComponent {
|
|
1961
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1962
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1961
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextEditingFieldNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1962
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: TextEditingFieldNumberComponent, isStandalone: true, 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: "directive", type: ChildStyleDirective, selector: "[dxvChildStyle]", inputs: ["dxvChildStyle"] }, { kind: "component", type: 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"] }] });
|
|
1963
1963
|
}
|
|
1964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextEditingFieldNumberComponent, decorators: [{
|
|
1965
1965
|
type: Component,
|
|
1966
1966
|
args: [{ selector: 'dxv-editing-field-number', imports: [ChildStyleDirective, DxNumberBoxComponent], standalone: true, 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>" }]
|
|
1967
1967
|
}] });
|
|
1968
1968
|
|
|
1969
1969
|
class TextEditingFieldComponent {
|
|
1970
1970
|
data;
|
|
1971
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1972
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1971
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1972
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: TextEditingFieldComponent, isStandalone: true, 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>" });
|
|
1973
1973
|
}
|
|
1974
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextEditingFieldComponent, decorators: [{
|
|
1975
1975
|
type: Component,
|
|
1976
1976
|
args: [{ selector: 'dxv-editing-field-text', standalone: true, 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>" }]
|
|
1977
1977
|
}], propDecorators: { data: [{
|
|
@@ -1981,10 +1981,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
1981
1981
|
|
|
1982
1982
|
class MobileActionsComponent {
|
|
1983
1983
|
data;
|
|
1984
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1985
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1984
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1985
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MobileActionsComponent, isStandalone: true, 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 <ng-container *ngFor=\"let action of data.actions\">\n <div class=\"dxrdp-mobile-action\">\n <div [hidden]=\"!action.visible\" [class]=\"'dxrdp-mobile-action ' + action.imageClassName\" (click)=\"action.clickAction()\">\n @if(!!action.imageTemplateName) {\n <dxa-template [template]=\"action.imageTemplateName\"></dxa-template>\n }\n @if(!!action.content) {\n <dxa-template [template]=\"action.content.name\" [data]=\"action.content.data\"></dxa-template>\n }\n </div>\n </div>\n </ng-container>\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
1986
1986
|
}
|
|
1987
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1987
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileActionsComponent, decorators: [{
|
|
1988
1988
|
type: Component,
|
|
1989
1989
|
args: [{ selector: 'dxv-mobile-actions', imports: [CommonModule, TemplateComponent], standalone: true, template: "<div class=\"dxrdp-mobile-actions\" [hidden]=\"!data.visible\">\n <div class=\"dxrdp-mobile-actions-content\">\n <ng-container *ngFor=\"let action of data.actions\">\n <div class=\"dxrdp-mobile-action\">\n <div [hidden]=\"!action.visible\" [class]=\"'dxrdp-mobile-action ' + action.imageClassName\" (click)=\"action.clickAction()\">\n @if(!!action.imageTemplateName) {\n <dxa-template [template]=\"action.imageTemplateName\"></dxa-template>\n }\n @if(!!action.content) {\n <dxa-template [template]=\"action.content.name\" [data]=\"action.content.data\"></dxa-template>\n }\n </div>\n </div>\n </ng-container>\n </div>\n</div>" }]
|
|
1990
1990
|
}], propDecorators: { data: [{
|
|
@@ -2001,10 +2001,10 @@ class ComponentWithParentContainer {
|
|
|
2001
2001
|
ngOnInit() {
|
|
2002
2002
|
this.parentContainer = getParentContainer(this._element.nativeElement);
|
|
2003
2003
|
}
|
|
2004
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2005
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2004
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ComponentWithParentContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2005
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ComponentWithParentContainer, isStandalone: true, selector: "dxa-contained-element", ngImport: i0, template: '', isInline: true });
|
|
2006
2006
|
}
|
|
2007
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2007
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ComponentWithParentContainer, decorators: [{
|
|
2008
2008
|
type: Component,
|
|
2009
2009
|
args: [{
|
|
2010
2010
|
selector: 'dxa-contained-element',
|
|
@@ -2015,10 +2015,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2015
2015
|
|
|
2016
2016
|
class MobileActionsExportComponent extends ComponentWithParentContainer {
|
|
2017
2017
|
data;
|
|
2018
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2019
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2018
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileActionsExportComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2019
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MobileActionsExportComponent, isStandalone: true, 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 <ng-container *ngFor=\"let item of data.items\">\n <div class=\"dxrd-menu-export-item\" (click)=\"item.action()\">{{item.text}}</div>\n </ng-container>\n </div>\n</dx-popover>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }] });
|
|
2020
2020
|
}
|
|
2021
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileActionsExportComponent, decorators: [{
|
|
2022
2022
|
type: Component,
|
|
2023
2023
|
args: [{ selector: 'dxv-mobile-actions-export', imports: [CommonModule, DxPopoverComponent, DxTemplateDirective], standalone: true, 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 <ng-container *ngFor=\"let item of data.items\">\n <div class=\"dxrd-menu-export-item\" (click)=\"item.action()\">{{item.text}}</div>\n </ng-container>\n </div>\n</dx-popover>" }]
|
|
2024
2024
|
}], propDecorators: { data: [{
|
|
@@ -2034,10 +2034,10 @@ class PreviewPageRendererDirective extends BaseDisposableDirective {
|
|
|
2034
2034
|
options;
|
|
2035
2035
|
eventName = null;
|
|
2036
2036
|
InitAndReturnDisposeFunc(element) { return void 0; }
|
|
2037
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2038
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2037
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PreviewPageRendererDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2038
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: PreviewPageRendererDirective, isStandalone: true, selector: "[dxvPreviewPageRenderer]", inputs: { imageData: ["dxvPreviewPageRenderer", "imageData"] }, usesInheritance: true, ngImport: i0 });
|
|
2039
2039
|
}
|
|
2040
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2040
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PreviewPageRendererDirective, decorators: [{
|
|
2041
2041
|
type: Directive,
|
|
2042
2042
|
args: [{
|
|
2043
2043
|
selector: '[dxvPreviewPageRenderer]',
|
|
@@ -2053,10 +2053,10 @@ class MobileAutofitDirective extends BaseDisposableDirective {
|
|
|
2053
2053
|
InitAndReturnDisposeFunc(element) {
|
|
2054
2054
|
return initializeAutoFitBinding(element, this.options);
|
|
2055
2055
|
}
|
|
2056
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2057
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2056
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileAutofitDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2057
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: MobileAutofitDirective, isStandalone: true, selector: "[dxvMobileAutofit]", inputs: { options: ["dxvMobileAutofit", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2058
2058
|
}
|
|
2059
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2059
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileAutofitDirective, decorators: [{
|
|
2060
2060
|
type: Directive,
|
|
2061
2061
|
args: [{
|
|
2062
2062
|
selector: '[dxvMobileAutofit]',
|
|
@@ -2069,10 +2069,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2069
2069
|
|
|
2070
2070
|
class MobilePageComponent {
|
|
2071
2071
|
data;
|
|
2072
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2073
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2072
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobilePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2073
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MobilePageComponent, isStandalone: true, 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 <ng-container *ngFor=\"let brick of data.activeBricks\">\n <dxa-template template=\"dxrd-page-brick-mobile\" [data]=\"brick\"></dxa-template>\n </ng-container>\n <ng-container *ngIf=\"!data.brickLoading && data.editingFields\">\n <ng-container *ngFor=\"let editingField of data.editingFields\">\n <dxa-template [template]=\"editingField.template\" [data]=\"editingField\"></dxa-template> \n </ng-container>\n </ng-container>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
|
|
2074
2074
|
}
|
|
2075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2075
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobilePageComponent, decorators: [{
|
|
2076
2076
|
type: Component,
|
|
2077
2077
|
args: [{ selector: 'dxv-mobile-page', imports: [CommonModule, TemplateComponent, PreviewPageRendererDirective, MobileAutofitDirective], standalone: true, 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 <ng-container *ngFor=\"let brick of data.activeBricks\">\n <dxa-template template=\"dxrd-page-brick-mobile\" [data]=\"brick\"></dxa-template>\n </ng-container>\n <ng-container *ngIf=\"!data.brickLoading && data.editingFields\">\n <ng-container *ngFor=\"let editingField of data.editingFields\">\n <dxa-template [template]=\"editingField.template\" [data]=\"editingField\"></dxa-template> \n </ng-container>\n </ng-container>\n</div>" }]
|
|
2078
2078
|
}], propDecorators: { data: [{
|
|
@@ -2093,10 +2093,10 @@ class MobileParametersComponent {
|
|
|
2093
2093
|
this.data.cacheElementContent(this.buttonGroup.nativeElement);
|
|
2094
2094
|
this._cd.detectChanges();
|
|
2095
2095
|
}
|
|
2096
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2097
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2096
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileParametersComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2097
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MobileParametersComponent, isStandalone: true, 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 <ng-container *ngFor=\"let button of data.actionButtons\">\n <dx-button [class]=\"'dxrdp-parameter-action ' + button.className\" [text]=\"button.text\" (onClick)=\"button.action($event)\" [disabled]=\"button.disabled\" [visible]=\"button.visible\"></dx-button>\n </ng-container>\n </div>\n <div class=\"dxrdp-parameters-buttons\" [hidden]=\"!data.showIcons\">\n <ng-container *ngFor=\"let icon of data.actionIcons\">\n <dx-button [class]=\"'dxrdp-parameter-icon ' + icon.className\" (onClick)=\"icon.action($event)\" [disabled]=\"icon.disabled\"></dx-button>\n </ng-container>\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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: 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"] }] });
|
|
2098
2098
|
}
|
|
2099
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2099
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileParametersComponent, decorators: [{
|
|
2100
2100
|
type: Component,
|
|
2101
2101
|
args: [{ selector: 'dxv-mobile-parameters', imports: [CommonModule, TemplateComponent, DxButtonComponent, DxScrollViewComponent], standalone: true, 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 <ng-container *ngFor=\"let button of data.actionButtons\">\n <dx-button [class]=\"'dxrdp-parameter-action ' + button.className\" [text]=\"button.text\" (onClick)=\"button.action($event)\" [disabled]=\"button.disabled\" [visible]=\"button.visible\"></dx-button>\n </ng-container>\n </div>\n <div class=\"dxrdp-parameters-buttons\" [hidden]=\"!data.showIcons\">\n <ng-container *ngFor=\"let icon of data.actionIcons\">\n <dx-button [class]=\"'dxrdp-parameter-icon ' + icon.className\" (onClick)=\"icon.action($event)\" [disabled]=\"icon.disabled\"></dx-button>\n </ng-container>\n </div>\n</div>" }]
|
|
2102
2102
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -2123,10 +2123,10 @@ class EllipsisEditorDirective {
|
|
|
2123
2123
|
ngOnDestroy() {
|
|
2124
2124
|
this._editor?.dispose();
|
|
2125
2125
|
}
|
|
2126
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2127
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2126
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EllipsisEditorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2127
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: EllipsisEditorDirective, isStandalone: true, selector: "[dxaEllipsisEditor]", inputs: { options: ["dxaEllipsisEditor", "options"] }, usesOnChanges: true, ngImport: i0 });
|
|
2128
2128
|
}
|
|
2129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EllipsisEditorDirective, decorators: [{
|
|
2130
2130
|
type: Directive,
|
|
2131
2131
|
args: [{
|
|
2132
2132
|
selector: '[dxaEllipsisEditor]',
|
|
@@ -2168,10 +2168,10 @@ class DateRangeComponent {
|
|
|
2168
2168
|
this._changeDetectorRef.markForCheck();
|
|
2169
2169
|
};
|
|
2170
2170
|
}
|
|
2171
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2172
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2171
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateRangeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2172
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DateRangeComponent, isStandalone: true, 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: "directive", type: EllipsisEditorDirective, selector: "[dxaEllipsisEditor]", inputs: ["dxaEllipsisEditor"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2173
2173
|
}
|
|
2174
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2174
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateRangeComponent, decorators: [{
|
|
2175
2175
|
type: Component,
|
|
2176
2176
|
args: [{ selector: 'dxv-date-range', imports: [EllipsisEditorDirective, TemplateComponent], standalone: true, 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>" }]
|
|
2177
2177
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { options: [{
|
|
@@ -2184,20 +2184,20 @@ class MobileParametersDateRangeComponent extends DateRangeComponent {
|
|
|
2184
2184
|
this.options.isMobile = true;
|
|
2185
2185
|
super.ngOnInit();
|
|
2186
2186
|
}
|
|
2187
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2188
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2187
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileParametersDateRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2188
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MobileParametersDateRangeComponent, isStandalone: true, 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"] }] });
|
|
2189
2189
|
}
|
|
2190
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileParametersDateRangeComponent, decorators: [{
|
|
2191
2191
|
type: Component,
|
|
2192
2192
|
args: [{ selector: 'dxv-mobile-parameters-daterange', imports: [DateRangeComponent], standalone: true, template: "<dxv-date-range [data]=\"options\"></dxv-date-range>" }]
|
|
2193
2193
|
}] });
|
|
2194
2194
|
|
|
2195
2195
|
class MobileParametersPopupComponent extends ComponentWithParentContainer {
|
|
2196
2196
|
data;
|
|
2197
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2198
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2197
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileParametersPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2198
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MobileParametersPopupComponent, isStandalone: true, 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 @if(data.visible) {\n <dxa-template template=\"dxrv-preview-parameters-mobile\" [data]=\"data\"></dxa-template>\n }\n</dx-popup>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
|
|
2199
2199
|
}
|
|
2200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileParametersPopupComponent, decorators: [{
|
|
2201
2201
|
type: Component,
|
|
2202
2202
|
args: [{ selector: 'dxv-mobile-parameters-popup', imports: [CommonModule, TemplateComponent, DxPopupComponent], standalone: true, 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 @if(data.visible) {\n <dxa-template template=\"dxrv-preview-parameters-mobile\" [data]=\"data\"></dxa-template>\n }\n</dx-popup>" }]
|
|
2203
2203
|
}], propDecorators: { data: [{
|
|
@@ -2210,10 +2210,10 @@ class MobileSearchBarDirective extends BaseDisposableDirective {
|
|
|
2210
2210
|
InitAndReturnDisposeFunc(element) {
|
|
2211
2211
|
return initializeMobileSearchBinding(element, this.options);
|
|
2212
2212
|
}
|
|
2213
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2214
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2213
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileSearchBarDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2214
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: MobileSearchBarDirective, isStandalone: true, selector: "[dxvSearchBar]", inputs: { options: ["dxvSearchBar", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2215
2215
|
}
|
|
2216
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileSearchBarDirective, decorators: [{
|
|
2217
2217
|
type: Directive,
|
|
2218
2218
|
args: [{
|
|
2219
2219
|
selector: '[dxvSearchBar]',
|
|
@@ -2226,10 +2226,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2226
2226
|
|
|
2227
2227
|
class MobileSearchComponent {
|
|
2228
2228
|
data;
|
|
2229
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2230
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2229
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2230
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MobileSearchComponent, isStandalone: true, 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: "directive", type: MobileSearchBarDirective, selector: "[dxvSearchBar]", inputs: ["dxvSearchBar"] }, { kind: "component", type: 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"] }] });
|
|
2231
2231
|
}
|
|
2232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileSearchComponent, decorators: [{
|
|
2233
2233
|
type: Component,
|
|
2234
2234
|
args: [{ selector: 'dxv-search-mobile', imports: [MobileSearchBarDirective, DxTextBoxComponent], standalone: true, 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>" }]
|
|
2235
2235
|
}], propDecorators: { data: [{
|
|
@@ -2242,10 +2242,10 @@ class MobileSlideDirective extends BaseDisposableDirective {
|
|
|
2242
2242
|
InitAndReturnDisposeFunc(element) {
|
|
2243
2243
|
return initializeSlideBinding(element, this.options);
|
|
2244
2244
|
}
|
|
2245
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2246
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2245
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileSlideDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2246
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: MobileSlideDirective, isStandalone: true, selector: "[dxvMobileSlide]", inputs: { options: ["dxvMobileSlide", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2247
2247
|
}
|
|
2248
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2248
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileSlideDirective, decorators: [{
|
|
2249
2249
|
type: Directive,
|
|
2250
2250
|
args: [{
|
|
2251
2251
|
selector: '[dxvMobileSlide]',
|
|
@@ -2262,10 +2262,10 @@ class MobileZoomDirective extends BaseDisposableDirective {
|
|
|
2262
2262
|
initializeMobileZoomBinding(element, this.options);
|
|
2263
2263
|
return () => void 0;
|
|
2264
2264
|
}
|
|
2265
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2266
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2265
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileZoomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2266
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: MobileZoomDirective, isStandalone: true, selector: "[dxvMobileZoom]", inputs: { options: ["dxvMobileZoom", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2267
2267
|
}
|
|
2268
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileZoomDirective, decorators: [{
|
|
2269
2269
|
type: Directive,
|
|
2270
2270
|
args: [{
|
|
2271
2271
|
selector: '[dxvMobileZoom]',
|
|
@@ -2305,10 +2305,10 @@ class MobileGalleryComponent {
|
|
|
2305
2305
|
Max(val1, val2) {
|
|
2306
2306
|
return Math.max(val1, val2);
|
|
2307
2307
|
}
|
|
2308
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2309
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2308
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2309
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MobileGalleryComponent, isStandalone: true, 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 @if(block.page) {\n <div 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 }\n </ng-container>\n </div>\n </dx-scroll-view>\n </div>\n</dx-gallery>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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: 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: DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }] });
|
|
2310
2310
|
}
|
|
2311
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileGalleryComponent, decorators: [{
|
|
2312
2312
|
type: Component,
|
|
2313
2313
|
args: [{ selector: 'dxv-mobile-gallery', imports: [CommonModule, TemplateComponent, DxGalleryComponent, DxScrollViewComponent, DxTemplateDirective], standalone: true, 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 @if(block.page) {\n <div 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 }\n </ng-container>\n </div>\n </dx-scroll-view>\n </div>\n</dx-gallery>" }]
|
|
2314
2314
|
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
@@ -2327,10 +2327,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2327
2327
|
|
|
2328
2328
|
class MobileSurfaceComponent {
|
|
2329
2329
|
data;
|
|
2330
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2331
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2330
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileSurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2331
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MobileSurfaceComponent, isStandalone: true, 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"] }] });
|
|
2332
2332
|
}
|
|
2333
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobileSurfaceComponent, decorators: [{
|
|
2334
2334
|
type: Component,
|
|
2335
2335
|
args: [{ selector: 'dxv-mobile-surface', imports: [TemplateComponent, MobileSlideDirective, MobileZoomDirective, MobileGalleryComponent], standalone: true, 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\" />" }]
|
|
2336
2336
|
}], propDecorators: { data: [{
|
|
@@ -2339,10 +2339,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2339
2339
|
}] } });
|
|
2340
2340
|
|
|
2341
2341
|
class EditorComponent extends EditorComponentBase {
|
|
2342
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2343
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2342
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2343
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: EditorComponent, isStandalone: true, 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 @if(!data.hideEditorHeader) {\n <div 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 @if(data.isComplexEditor) {\n <div [attr.disabled]=\"data.templateName !== 'dx-emptyHeader'\">\n @if(!data.alwaysShow) {\n <dxa-template\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 }\n @if(!!data.textToSearch) {\n <div class=\"dx-group-header-font\" [attr.title]=\"data.displayName\" data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"></div>\n } @else {\n <div class=\"dx-group-header-font\" [attr.title]=\"data.displayName\">\n {{data.displayName}}\n </div>\n }\n </div>\n }\n @if(!data.isComplexEditor && !!data.textToSearch) {\n <label\n class=\"propertygrid-editor-displayName\"\n data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"\n [attr.title]=\"data.labelAttributes.title\"\n [attr.for]=\"data.labelAttributes.for\"\n [attr.data-dx-for]=\"data.labelAttributes['data-dx-for']\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n ></label>\n }\n @if(!data.isComplexEditor && !data.textToSearch) {\n <label\n class=\"propertygrid-editor-displayName\"\n [attr.title]=\"data.labelAttributes.title\"\n [attr.for]=\"data.labelAttributes.for\"\n [attr.data-dx-for]=\"data.labelAttributes['data-dx-for']\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n >{{data.displayName}}</label>\n }\n </div>\n <div class=\"dx-field-value\" \n [class.dxd-border-accented]=\"data.isPropertyHighlighted\">\n <!-- <div data-bind=\"service: { name: 'createEditorAddOn' }\"></div> -->\n @if(data.templateName !== 'dx-emptyHeader') {\n <dxa-lazy-template [isResolved]=\"isResolved\" [template]=\"data.templateName\" [data]=\"data\"></dxa-lazy-template>\n }\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 }\n </div>\n @if(data.isComplexEditor) {\n <div 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 @if(data.editorCreated) {\n <dxa-template [template]=\"data.contentTemplateName\" [data]=\"data\"></dxa-template>\n }\n </div>\n }\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AccordionDirective, selector: "[dxaAccordion]", inputs: ["dxaAccordion"] }, { kind: "component", type: LazyTemplateComponent, selector: "dxa-lazy-template", inputs: ["resolver", "isResolved"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2344
2344
|
}
|
|
2345
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2345
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EditorComponent, decorators: [{
|
|
2346
2346
|
type: Component,
|
|
2347
2347
|
args: [{ selector: 'dxv-editor', imports: [CommonModule, AccordionDirective, LazyTemplateComponent, TemplateComponent, DxAccordionComponent], standalone: true, 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 @if(!data.hideEditorHeader) {\n <div 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 @if(data.isComplexEditor) {\n <div [attr.disabled]=\"data.templateName !== 'dx-emptyHeader'\">\n @if(!data.alwaysShow) {\n <dxa-template\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 }\n @if(!!data.textToSearch) {\n <div class=\"dx-group-header-font\" [attr.title]=\"data.displayName\" data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"></div>\n } @else {\n <div class=\"dx-group-header-font\" [attr.title]=\"data.displayName\">\n {{data.displayName}}\n </div>\n }\n </div>\n }\n @if(!data.isComplexEditor && !!data.textToSearch) {\n <label\n class=\"propertygrid-editor-displayName\"\n data-bind=\"searchHighlighting: { text: displayName, textToSearch: textToSearch }\"\n [attr.title]=\"data.labelAttributes.title\"\n [attr.for]=\"data.labelAttributes.for\"\n [attr.data-dx-for]=\"data.labelAttributes['data-dx-for']\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n ></label>\n }\n @if(!data.isComplexEditor && !data.textToSearch) {\n <label\n class=\"propertygrid-editor-displayName\"\n [attr.title]=\"data.labelAttributes.title\"\n [attr.for]=\"data.labelAttributes.for\"\n [attr.data-dx-for]=\"data.labelAttributes['data-dx-for']\"\n [class.dx-field-label-required]=\"data.isRequired\"\n [style.fontWeight]=\"data.isPropertyModified ? 'Bold' : ''\"\n >{{data.displayName}}</label>\n }\n </div>\n <div class=\"dx-field-value\" \n [class.dxd-border-accented]=\"data.isPropertyHighlighted\">\n <!-- <div data-bind=\"service: { name: 'createEditorAddOn' }\"></div> -->\n @if(data.templateName !== 'dx-emptyHeader') {\n <dxa-lazy-template [isResolved]=\"isResolved\" [template]=\"data.templateName\" [data]=\"data\"></dxa-lazy-template>\n }\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 }\n </div>\n @if(data.isComplexEditor) {\n <div 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 @if(data.editorCreated) {\n <dxa-template [template]=\"data.contentTemplateName\" [data]=\"data\"></dxa-template>\n }\n </div>\n }\n </div>\n</div>" }]
|
|
2348
2348
|
}] });
|
|
@@ -2391,10 +2391,10 @@ class MultiValueComponent extends EditorDropDownComponentBase {
|
|
|
2391
2391
|
this.options.value = model.value;
|
|
2392
2392
|
}));
|
|
2393
2393
|
}
|
|
2394
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2395
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2394
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MultiValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2395
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MultiValueComponent, isStandalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-tag-box>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: 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: DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
|
|
2396
2396
|
}
|
|
2397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2397
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MultiValueComponent, decorators: [{
|
|
2398
2398
|
type: Component,
|
|
2399
2399
|
args: [{ selector: 'dxv-multivalue', imports: [CommonModule, DxTagBoxComponent, DxValidatorComponent], standalone: true, 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 @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n</dx-tag-box>\n" }]
|
|
2400
2400
|
}] });
|
|
@@ -2424,10 +2424,10 @@ class MultiValueEditableComponent extends EditorComponentBase {
|
|
|
2424
2424
|
this.options.contentTemplate = this.properties;
|
|
2425
2425
|
this._cd.detectChanges();
|
|
2426
2426
|
}
|
|
2427
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2428
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2427
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MultiValueEditableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2428
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: MultiValueEditableComponent, isStandalone: true, selector: "dxv-multivalue-editable", viewQueries: [{ propertyName: "properties", first: true, predicate: ["properties"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(data.value) {\n<div 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: "ngmodule", type: CommonModule }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: CollectionEditorComponent, selector: "dxa-collectioneditor", inputs: ["data", "contentTemplate"] }] });
|
|
2429
2429
|
}
|
|
2430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MultiValueEditableComponent, decorators: [{
|
|
2431
2431
|
type: Component,
|
|
2432
2432
|
args: [{ selector: 'dxv-multivalue-editable', imports: [CommonModule, TemplateComponent, CollectionEditorComponent], standalone: true, template: "@if(data.value) {\n<div 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>" }]
|
|
2433
2433
|
}], propDecorators: { properties: [{
|
|
@@ -2437,10 +2437,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2437
2437
|
|
|
2438
2438
|
class BreadcrumbsComponent {
|
|
2439
2439
|
data;
|
|
2440
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2441
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2440
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2441
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BreadcrumbsComponent, isStandalone: true, selector: "dxv-breadcrumbs", inputs: { data: "data" }, ngImport: i0, template: "@if(data.listItems.length > 1) {\n<div 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 @if(data.listItems.length > (i+1)) {\n <a 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 class=\"dxrd-breadcrumb-item-seperator\" template=\"dxrd-svg-preview-breadcrumbs_seperator\"></dxa-template>\n }\n @if(data.listItems.length === (i+1)) {\n <a class=\"dxrd-breadcrumb-item dxd-text-primary dx-accessibility-border-accented\" aria-current=\"location\">\n <span>{{item.displayText}}</span>\n </a>\n }\n </ng-container>\n</div>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2442
2442
|
}
|
|
2443
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
2444
2444
|
type: Component,
|
|
2445
2445
|
args: [{ selector: 'dxv-breadcrumbs', imports: [CommonModule, DxMutationObserverDirective, TemplateComponent], standalone: true, template: "@if(data.listItems.length > 1) {\n<div 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 @if(data.listItems.length > (i+1)) {\n <a 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 class=\"dxrd-breadcrumb-item-seperator\" template=\"dxrd-svg-preview-breadcrumbs_seperator\"></dxa-template>\n }\n @if(data.listItems.length === (i+1)) {\n <a class=\"dxrd-breadcrumb-item dxd-text-primary dx-accessibility-border-accented\" aria-current=\"location\">\n <span>{{item.displayText}}</span>\n </a>\n }\n </ng-container>\n</div>\n}" }]
|
|
2446
2446
|
}], propDecorators: { data: [{
|
|
@@ -2450,10 +2450,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2450
2450
|
|
|
2451
2451
|
class BrickClickableComponent {
|
|
2452
2452
|
data;
|
|
2453
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2454
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2453
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BrickClickableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2454
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BrickClickableComponent, isStandalone: true, 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 @if(!!data.navigation) {\n <div 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 }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
2455
2455
|
}
|
|
2456
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2456
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BrickClickableComponent, decorators: [{
|
|
2457
2457
|
type: Component,
|
|
2458
2458
|
args: [{ selector: 'dxv-brick-clickable', imports: [CommonModule], standalone: true, 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 @if(!!data.navigation) {\n <div 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 }\n</div>" }]
|
|
2459
2459
|
}], propDecorators: { data: [{
|
|
@@ -2463,10 +2463,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2463
2463
|
|
|
2464
2464
|
class BrickComponent {
|
|
2465
2465
|
data;
|
|
2466
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2467
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2466
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BrickComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2467
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: BrickComponent, isStandalone: true, 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>" });
|
|
2468
2468
|
}
|
|
2469
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2469
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BrickComponent, decorators: [{
|
|
2470
2470
|
type: Component,
|
|
2471
2471
|
args: [{ selector: 'dxv-brick', standalone: true, 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>" }]
|
|
2472
2472
|
}], propDecorators: { data: [{
|
|
@@ -2483,10 +2483,10 @@ class BrickSelectionDirective extends BaseDisposableDirective {
|
|
|
2483
2483
|
options;
|
|
2484
2484
|
eventName = null;
|
|
2485
2485
|
InitAndReturnDisposeFunc(element) { return void 0; }
|
|
2486
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2487
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2486
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BrickSelectionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2487
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: BrickSelectionDirective, isStandalone: true, selector: "[dxvBrickSelection]", inputs: { brickSelection: ["dxvBrickSelection", "brickSelection"] }, usesInheritance: true, ngImport: i0 });
|
|
2488
2488
|
}
|
|
2489
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BrickSelectionDirective, decorators: [{
|
|
2490
2490
|
type: Directive,
|
|
2491
2491
|
args: [{
|
|
2492
2492
|
selector: '[dxvBrickSelection]',
|
|
@@ -2510,10 +2510,10 @@ class PageComponent {
|
|
|
2510
2510
|
isRtlViewer() {
|
|
2511
2511
|
return this.data?.getModel()?.reportPreview.rtlViewer ?? false;
|
|
2512
2512
|
}
|
|
2513
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2514
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2513
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2514
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PageComponent, isStandalone: true, 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 <ng-container *ngFor=\"let brick of data.activeBricks\">\n <dxa-template template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n </dxa-template>\n </ng-container>\n <ng-container *ngFor=\"let brick of data.clickableBricks\">\n <dxa-template template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n </dxa-template>\n </ng-container>\n @if(!data.brickLoading && data.editingFields) {\n <div [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n <ng-container *ngFor=\"let editingField of data.editingFields\">\n <dxa-template [template]=\"editingField.template\" [data]=\"editingField\">\n </dxa-template>\n </ng-container>\n </div>\n }\n @if(data.aiServicesEnabled && data.active) {\n <div\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 @if(item.text) {\n <div class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n }\n @if(item.items && item.text.length > 0) {\n <div [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n }\n @if(item.icon) {\n <div class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div>\n }\n </div>\n </div>\n </dx-menu>\n </div>\n }\n @if(data.aiServicesEnabled && data.aiCustomDocumentStorageId) {\n <div class=\"dxrd-report-preview-page-modified\">\n <span class=\"dxrd-report-preview-page-modified-text\"> {{ data.translatedPageBadgeText }} </span>\n </div>\n }\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: ["dxvBrickSelection"] }, { kind: "directive", type: PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "component", type: 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: 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: "directive", type: DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }] });
|
|
2515
2515
|
}
|
|
2516
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PageComponent, decorators: [{
|
|
2517
2517
|
type: Component,
|
|
2518
2518
|
args: [{ selector: 'dxv-page', imports: [CommonModule, DxMutationObserverDirective, TemplateComponent, BrickSelectionDirective, PreviewPageRendererDirective, DxLoadPanelComponent, DxMenuComponent, DxTemplateDirective], standalone: true, 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 <ng-container *ngFor=\"let brick of data.activeBricks\">\n <dxa-template template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n </dxa-template>\n </ng-container>\n <ng-container *ngFor=\"let brick of data.clickableBricks\">\n <dxa-template template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n </dxa-template>\n </ng-container>\n @if(!data.brickLoading && data.editingFields) {\n <div [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n <ng-container *ngFor=\"let editingField of data.editingFields\">\n <dxa-template [template]=\"editingField.template\" [data]=\"editingField\">\n </dxa-template>\n </ng-container>\n </div>\n }\n @if(data.aiServicesEnabled && data.active) {\n <div\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 @if(item.text) {\n <div class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n }\n @if(item.items && item.text.length > 0) {\n <div [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n }\n @if(item.icon) {\n <div class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div>\n }\n </div>\n </div>\n </dx-menu>\n </div>\n }\n @if(data.aiServicesEnabled && data.aiCustomDocumentStorageId) {\n <div class=\"dxrd-report-preview-page-modified\">\n <span class=\"dxrd-report-preview-page-modified-text\"> {{ data.translatedPageBadgeText }} </span>\n </div>\n }\n </div>\n</div>" }]
|
|
2519
2519
|
}], propDecorators: { data: [{
|
|
@@ -2523,10 +2523,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2523
2523
|
|
|
2524
2524
|
class ProgressBarComponent {
|
|
2525
2525
|
viewModel;
|
|
2526
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2527
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2526
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2527
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ProgressBarComponent, isStandalone: true, 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"] }] });
|
|
2528
2528
|
}
|
|
2529
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
2530
2530
|
type: Component,
|
|
2531
2531
|
args: [{ selector: 'dxv-progress-bar', imports: [DxMutationObserverDirective], standalone: true, 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>" }]
|
|
2532
2532
|
}], propDecorators: { viewModel: [{
|
|
@@ -2539,10 +2539,10 @@ class AutoFitDirective extends BaseDisposableDirective {
|
|
|
2539
2539
|
InitAndReturnDisposeFunc(element) {
|
|
2540
2540
|
return initializeAutoFitBinding(element, this.options);
|
|
2541
2541
|
}
|
|
2542
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2543
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2542
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AutoFitDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2543
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: AutoFitDirective, isStandalone: true, selector: "[dxvAutoFit]", inputs: { options: ["dxvAutoFit", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2544
2544
|
}
|
|
2545
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2545
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AutoFitDirective, decorators: [{
|
|
2546
2546
|
type: Directive,
|
|
2547
2547
|
args: [{
|
|
2548
2548
|
selector: '[dxvAutoFit]',
|
|
@@ -2558,10 +2558,10 @@ class LazyImagesDirective extends BaseDisposableDirective {
|
|
|
2558
2558
|
InitAndReturnDisposeFunc(element) {
|
|
2559
2559
|
return initializeLazyImagesBinding(element, this.options);
|
|
2560
2560
|
}
|
|
2561
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2562
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2561
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LazyImagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2562
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: LazyImagesDirective, isStandalone: true, selector: "[dxvLazyImages]", inputs: { options: ["dxvLazyImages", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2563
2563
|
}
|
|
2564
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LazyImagesDirective, decorators: [{
|
|
2565
2565
|
type: Directive,
|
|
2566
2566
|
args: [{
|
|
2567
2567
|
selector: '[dxvLazyImages]',
|
|
@@ -2577,10 +2577,10 @@ class TextCopierDirective extends BaseDisposableDirective {
|
|
|
2577
2577
|
InitAndReturnDisposeFunc(element) {
|
|
2578
2578
|
return initializeTextCopierBinding(element, { viewModel: this.viewModel });
|
|
2579
2579
|
}
|
|
2580
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2581
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2580
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextCopierDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2581
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TextCopierDirective, isStandalone: true, selector: "[dxvTextCopier]", inputs: { viewModel: ["dxvTextCopier", "viewModel"] }, usesInheritance: true, ngImport: i0 });
|
|
2582
2582
|
}
|
|
2583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TextCopierDirective, decorators: [{
|
|
2584
2584
|
type: Directive,
|
|
2585
2585
|
args: [{
|
|
2586
2586
|
selector: '[dxvTextCopier]',
|
|
@@ -2596,10 +2596,10 @@ class ToViewDirective extends BaseDisposableDirective {
|
|
|
2596
2596
|
InitAndReturnDisposeFunc(element) {
|
|
2597
2597
|
return initializeToViewBinding(element, this.options);
|
|
2598
2598
|
}
|
|
2599
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2600
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2599
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ToViewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2600
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: ToViewDirective, isStandalone: true, selector: "[dxvToView]", inputs: { options: ["dxvToView", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2601
2601
|
}
|
|
2602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ToViewDirective, decorators: [{
|
|
2603
2603
|
type: Directive,
|
|
2604
2604
|
args: [{
|
|
2605
2605
|
selector: '[dxvToView]',
|
|
@@ -2613,10 +2613,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2613
2613
|
class SurfaceComponent {
|
|
2614
2614
|
data;
|
|
2615
2615
|
clipboardMessage = getLocalization$1('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard');
|
|
2616
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2617
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2616
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2617
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: SurfaceComponent, isStandalone: true, 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 @if(!data.showMultipagePreview) {\n <div class=\"dxrd-report-preview-holder\" role=\"list\">\n @if(!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))) {\n <div\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 }\n </div>\n }\n @if(data.showMultipagePreview && !!data.currentPage) {\n <div 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 @if(page.pageLoading || (!page.pageLoading && page.pageLoaded)) {\n <div 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 }\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n }\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: TextCopierDirective, selector: "[dxvTextCopier]", inputs: ["dxvTextCopier"] }, { kind: "directive", type: ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "component", type: 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: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
|
|
2618
2618
|
}
|
|
2619
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SurfaceComponent, decorators: [{
|
|
2620
2620
|
type: Component,
|
|
2621
2621
|
args: [{ selector: 'dxv-surface', imports: [CommonModule, DxMutationObserverDirective, TemplateComponent, AutoFitDirective, LazyImagesDirective, TextCopierDirective, ToViewDirective, DxButtonComponent, DxPopupComponent], standalone: true, 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 @if(!data.showMultipagePreview) {\n <div class=\"dxrd-report-preview-holder\" role=\"list\">\n @if(!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))) {\n <div\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 }\n </div>\n }\n @if(data.showMultipagePreview && !!data.currentPage) {\n <div 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 @if(page.pageLoading || (!page.pageLoading && page.pageLoaded)) {\n <div 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 }\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n }\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>" }]
|
|
2622
2622
|
}], propDecorators: { data: [{
|
|
@@ -2636,10 +2636,10 @@ class ExportComponent {
|
|
|
2636
2636
|
this._cd.detectChanges();
|
|
2637
2637
|
}
|
|
2638
2638
|
onSubmenuShowing = (event) => { };
|
|
2639
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2640
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2639
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ExportComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2640
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ExportComponent, isStandalone: true, 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 @if(item.format) {\n <div [attr.title]=\"item.text\" class=\"dxrd-preview-export-item-text\">{{item.text}}</div>\n } @else {\n <div [attr.title]=\"item.text\">\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 }\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: "ngmodule", type: CommonModule }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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: "directive", type: DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }] });
|
|
2641
2641
|
}
|
|
2642
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2642
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ExportComponent, decorators: [{
|
|
2643
2643
|
type: Component,
|
|
2644
2644
|
args: [{ selector: 'dxv-toolbar-export', imports: [CommonModule, TemplateComponent, DxMenuComponent, DxTemplateDirective], standalone: true, 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 @if(item.format) {\n <div [attr.title]=\"item.text\" class=\"dxrd-preview-export-item-text\">{{item.text}}</div>\n } @else {\n <div [attr.title]=\"item.text\">\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 }\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>" }]
|
|
2645
2645
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -2666,10 +2666,10 @@ class PagerComponent {
|
|
|
2666
2666
|
};
|
|
2667
2667
|
this._cd.detectChanges();
|
|
2668
2668
|
}
|
|
2669
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2670
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2669
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PagerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2670
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PagerComponent, isStandalone: true, 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: 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"] }] });
|
|
2671
2671
|
}
|
|
2672
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2672
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PagerComponent, decorators: [{
|
|
2673
2673
|
type: Component,
|
|
2674
2674
|
args: [{ selector: 'dxv-toolbar-pager', imports: [DxSelectBoxComponent], standalone: true, 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>" }]
|
|
2675
2675
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -2685,10 +2685,10 @@ class KeyDownActionsDirective extends BaseDisposableDirective {
|
|
|
2685
2685
|
return () => disposeFunc();
|
|
2686
2686
|
}
|
|
2687
2687
|
eventName = 'afterViewInit';
|
|
2688
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2689
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2688
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: KeyDownActionsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2689
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: KeyDownActionsDirective, isStandalone: true, selector: "[dxKeyDownActions]", inputs: { actionList: ["dxKeyDownActions", "actionList"] }, usesInheritance: true, ngImport: i0 });
|
|
2690
2690
|
}
|
|
2691
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2691
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: KeyDownActionsDirective, decorators: [{
|
|
2692
2692
|
type: Directive,
|
|
2693
2693
|
args: [{
|
|
2694
2694
|
selector: '[dxKeyDownActions]',
|
|
@@ -2704,10 +2704,10 @@ class ToolbarContentComponent {
|
|
|
2704
2704
|
onScrollViewInitialized(args) {
|
|
2705
2705
|
args.component.option('useKeyboard', false);
|
|
2706
2706
|
}
|
|
2707
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2708
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2707
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ToolbarContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2708
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ToolbarContentComponent, isStandalone: true, 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: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "directive", type: KeyDownActionsDirective, selector: "[dxKeyDownActions]", inputs: ["dxKeyDownActions"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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"] }] });
|
|
2709
2709
|
}
|
|
2710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2710
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ToolbarContentComponent, decorators: [{
|
|
2711
2711
|
type: Component,
|
|
2712
2712
|
args: [{ selector: 'dxv-toolbar', imports: [DxMutationObserverDirective, KeyDownActionsDirective, TemplateComponent, DxScrollViewComponent], standalone: true, 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>" }]
|
|
2713
2713
|
}], propDecorators: { data: [{
|
|
@@ -2731,10 +2731,10 @@ class ZoomComponent {
|
|
|
2731
2731
|
};
|
|
2732
2732
|
this._cd.detectChanges();
|
|
2733
2733
|
}
|
|
2734
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2735
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2734
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ZoomComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2735
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ZoomComponent, isStandalone: true, 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: 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"] }] });
|
|
2736
2736
|
}
|
|
2737
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2737
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ZoomComponent, decorators: [{
|
|
2738
2738
|
type: Component,
|
|
2739
2739
|
args: [{ selector: 'dxv-toolbar-zoom', imports: [DxSelectBoxComponent], standalone: true, 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>" }]
|
|
2740
2740
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -2747,10 +2747,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2747
2747
|
|
|
2748
2748
|
class PictureEditorBrushOptionsComponent {
|
|
2749
2749
|
data;
|
|
2750
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2751
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2750
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorBrushOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2751
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PictureEditorBrushOptionsComponent, isStandalone: true, 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 <ng-container *ngFor=\"let color of data.colors\">\n <div class=\"dx-picture-editing-brush-options-color\" [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 </ng-container>\n </div>\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: 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"] }] });
|
|
2752
2752
|
}
|
|
2753
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2753
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorBrushOptionsComponent, decorators: [{
|
|
2754
2754
|
type: Component,
|
|
2755
2755
|
args: [{ selector: 'dxv-picture-editing-brush-options', imports: [CommonModule, DxSliderComponent], standalone: true, 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 <ng-container *ngFor=\"let color of data.colors\">\n <div class=\"dx-picture-editing-brush-options-color\" [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 </ng-container>\n </div>\n </div>\n</div>" }]
|
|
2756
2756
|
}], propDecorators: { data: [{
|
|
@@ -2791,10 +2791,10 @@ class SearchHighlightingDirective {
|
|
|
2791
2791
|
ngOnDestroy() {
|
|
2792
2792
|
this.model?.dispose();
|
|
2793
2793
|
}
|
|
2794
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2795
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2794
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SearchHighlightingDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2795
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: SearchHighlightingDirective, isStandalone: true, selector: "[dxaSearchHighlighting]", inputs: { text: "text", textToSearch: "textToSearch" }, ngImport: i0 });
|
|
2796
2796
|
}
|
|
2797
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2797
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SearchHighlightingDirective, decorators: [{
|
|
2798
2798
|
type: Directive,
|
|
2799
2799
|
args: [{
|
|
2800
2800
|
selector: '[dxaSearchHighlighting]',
|
|
@@ -2810,10 +2810,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2810
2810
|
|
|
2811
2811
|
class PictureEditorImagespickerComponent {
|
|
2812
2812
|
data;
|
|
2813
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2814
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2813
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorImagespickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2814
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PictureEditorImagespickerComponent, isStandalone: true, 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 <ng-container *ngFor=\"let image of data.images\">\n <div class=\"dx-picture-editing-block dxd-state-normal dxd-back-highlighted\"\n [style.width]=\"(image.width + 10) + 'px'\"\n [hidden]=\"!image.visible\"\n (click)=\"image.action()\">\n \n @if(image.visible) {\n <div>\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 @if(!!image.text) {\n <div>\n @if(image.filterEnabled) {\n <div class=\"dx-picture-editing-block-text\" [attr.title]=\"image.text\" dxaSearchHighlighting [text]=\"image.text\" [textToSearch]=\"image.filter\"></div>\n } @else {\n <div class=\"dx-picture-editing-block-text\" [attr.title]=\"image.text\">{{image.text}}</div>\n }\n </div>\n }\n </div>\n }\n\n </div>\n </ng-container>\n</dx-scroll-view>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: SearchHighlightingDirective, selector: "[dxaSearchHighlighting]", inputs: ["text", "textToSearch"] }, { kind: "component", type: 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"] }] });
|
|
2815
2815
|
}
|
|
2816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2816
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorImagespickerComponent, decorators: [{
|
|
2817
2817
|
type: Component,
|
|
2818
2818
|
args: [{ selector: 'dxv-picture-editing-imagespicker', imports: [CommonModule, SearchHighlightingDirective, DxScrollViewComponent], standalone: true, 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 <ng-container *ngFor=\"let image of data.images\">\n <div class=\"dx-picture-editing-block dxd-state-normal dxd-back-highlighted\"\n [style.width]=\"(image.width + 10) + 'px'\"\n [hidden]=\"!image.visible\"\n (click)=\"image.action()\">\n \n @if(image.visible) {\n <div>\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 @if(!!image.text) {\n <div>\n @if(image.filterEnabled) {\n <div class=\"dx-picture-editing-block-text\" [attr.title]=\"image.text\" dxaSearchHighlighting [text]=\"image.text\" [textToSearch]=\"image.filter\"></div>\n } @else {\n <div class=\"dx-picture-editing-block-text\" [attr.title]=\"image.text\">{{image.text}}</div>\n }\n </div>\n }\n </div>\n }\n\n </div>\n </ng-container>\n</dx-scroll-view>" }]
|
|
2819
2819
|
}], propDecorators: { data: [{
|
|
@@ -2822,20 +2822,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2822
2822
|
}] } });
|
|
2823
2823
|
|
|
2824
2824
|
class PictureEditorImagespickerWithFilterComponent extends PictureEditorImagespickerComponent {
|
|
2825
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2826
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2825
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorImagespickerWithFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2826
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PictureEditorImagespickerWithFilterComponent, isStandalone: true, 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: PictureEditorImagespickerComponent, selector: "dxv-picture-editing-imagespicker", inputs: ["data"] }, { kind: "component", type: 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"] }] });
|
|
2827
2827
|
}
|
|
2828
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2828
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorImagespickerWithFilterComponent, decorators: [{
|
|
2829
2829
|
type: Component,
|
|
2830
2830
|
args: [{ selector: 'dxv-picture-editing-imagespickerwithfilter', imports: [PictureEditorImagespickerComponent, DxTextBoxComponent], standalone: true, 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>" }]
|
|
2831
2831
|
}] });
|
|
2832
2832
|
|
|
2833
2833
|
class PictureEditorSizeOptionsComponent {
|
|
2834
2834
|
data;
|
|
2835
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2836
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2835
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorSizeOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2836
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PictureEditorSizeOptionsComponent, isStandalone: true, 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 <ng-container *ngFor=\"let sizeModeValue of data.sizeModeValues\">\n <dxa-template class=\"dx-picture-editing-sizemode-alignment-value\"\n [class.selected]=\"sizeModeValue.isSelected\"\n [template]=\"sizeModeValue.iconTemplate\"\n [attr.title]=\"sizeModeValue.attrTitle\"\n (click)=\"sizeModeValue.action()\">\n </dxa-template>\n </ng-container>\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 <ng-container *ngFor=\"let alignmentValue of data.alignmentValues\">\n <dxa-template class=\"dx-picture-editing-sizemode-alignment-value\"\n [class.selected]=\"alignmentValue.isSelected\"\n [template]=\"alignmentValue.iconTemplate\"\n [attr.title]=\"alignmentValue.attrTitle\"\n (click)=\"alignmentValue.action()\">\n </dxa-template>\n </ng-container>\n </div>\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
2837
2837
|
}
|
|
2838
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorSizeOptionsComponent, decorators: [{
|
|
2839
2839
|
type: Component,
|
|
2840
2840
|
args: [{ selector: 'dxv-picture-editing-size-options', imports: [CommonModule, TemplateComponent], standalone: true, 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 <ng-container *ngFor=\"let sizeModeValue of data.sizeModeValues\">\n <dxa-template class=\"dx-picture-editing-sizemode-alignment-value\"\n [class.selected]=\"sizeModeValue.isSelected\"\n [template]=\"sizeModeValue.iconTemplate\"\n [attr.title]=\"sizeModeValue.attrTitle\"\n (click)=\"sizeModeValue.action()\">\n </dxa-template>\n </ng-container>\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 <ng-container *ngFor=\"let alignmentValue of data.alignmentValues\">\n <dxa-template class=\"dx-picture-editing-sizemode-alignment-value\"\n [class.selected]=\"alignmentValue.isSelected\"\n [template]=\"alignmentValue.iconTemplate\"\n [attr.title]=\"alignmentValue.attrTitle\"\n (click)=\"alignmentValue.action()\">\n </dxa-template>\n </ng-container>\n </div>\n </div>\n</div>" }]
|
|
2841
2841
|
}], propDecorators: { data: [{
|
|
@@ -2867,10 +2867,10 @@ class PictureEditorToolBarPopupComponent {
|
|
|
2867
2867
|
};
|
|
2868
2868
|
this._cd.detectChanges();
|
|
2869
2869
|
}
|
|
2870
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2871
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2870
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorToolBarPopupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2871
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PictureEditorToolBarPopupComponent, isStandalone: true, selector: "dxv-picture-editor-toolbar-popup", inputs: { data: "data" }, ngImport: i0, template: "@if(!!popupOptions) {\n<dx-popover 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>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
|
|
2872
2872
|
}
|
|
2873
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2873
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PictureEditorToolBarPopupComponent, decorators: [{
|
|
2874
2874
|
type: Component,
|
|
2875
2875
|
args: [{ selector: 'dxv-picture-editor-toolbar-popup', imports: [CommonModule, TemplateComponent, DxPopoverComponent], standalone: true, template: "@if(!!popupOptions) {\n<dx-popover 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>\n}" }]
|
|
2876
2876
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
|
|
@@ -2908,10 +2908,10 @@ class SignatureEditorComponent extends EditorDropDownComponentBase {
|
|
|
2908
2908
|
this.options = this.data.getOptions(this.options);
|
|
2909
2909
|
}
|
|
2910
2910
|
processImage = (image) => this._sanitizer.sanitize(SecurityContext.URL, image) || '';
|
|
2911
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2912
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2911
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SignatureEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
2912
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: SignatureEditorComponent, isStandalone: true, 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 [inputAttr]=\"options.inputAttr\"\n [dropDownOptions]=\"dropDownOptions\">\n @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n <div class=\"dxrdv-signature-editor-item\" *dxTemplate=\"let signature of 'item'\">\n <div class=\"dxrdv-signature-editor-item-image\">\n @if(!!signature.image) {\n <img [attr.src]=\"processImage(signature.image)\" />\n } @else {\n <dxa-template template=\"dxrd-svg-preview-signature_img_placeholder\"></dxa-template>\n }\n </div>\n <div class=\"dxrdv-signature-editor-item-info\">\n <ng-container *ngFor=\"let field of signature.fields\">\n <div 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 </ng-container>\n </div>\n </div>\n</dx-select-box>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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: 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: "directive", type: DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }] });
|
|
2913
2913
|
}
|
|
2914
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2914
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SignatureEditorComponent, decorators: [{
|
|
2915
2915
|
type: Component,
|
|
2916
2916
|
args: [{ selector: 'dxv-signature-editor', imports: [CommonModule, TemplateComponent, DxSelectBoxComponent, DxValidatorComponent, DxTemplateDirective], standalone: true, 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 [inputAttr]=\"options.inputAttr\"\n [dropDownOptions]=\"dropDownOptions\">\n @if(!!data.validationRules) {\n <dx-validator [validationRules]=\"validatorOptions.validationRules\">\n </dx-validator>\n }\n <div class=\"dxrdv-signature-editor-item\" *dxTemplate=\"let signature of 'item'\">\n <div class=\"dxrdv-signature-editor-item-image\">\n @if(!!signature.image) {\n <img [attr.src]=\"processImage(signature.image)\" />\n } @else {\n <dxa-template template=\"dxrd-svg-preview-signature_img_placeholder\"></dxa-template>\n }\n </div>\n <div class=\"dxrdv-signature-editor-item-info\">\n <ng-container *ngFor=\"let field of signature.fields\">\n <div 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 </ng-container>\n </div>\n </div>\n</dx-select-box>\n" }]
|
|
2917
2917
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.DomSanitizer }] });
|
|
@@ -2922,10 +2922,10 @@ class MobilePaginatorDirective extends BaseDisposableDirective {
|
|
|
2922
2922
|
initializeMobilePaginatorBinding(element, this.options);
|
|
2923
2923
|
return () => void 0;
|
|
2924
2924
|
}
|
|
2925
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2926
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2925
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobilePaginatorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2926
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: MobilePaginatorDirective, isStandalone: true, selector: "[dxvPaginator]", inputs: { options: ["dxvPaginator", "options"] }, usesInheritance: true, ngImport: i0 });
|
|
2927
2927
|
}
|
|
2928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2928
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobilePaginatorDirective, decorators: [{
|
|
2929
2929
|
type: Directive,
|
|
2930
2930
|
args: [{
|
|
2931
2931
|
selector: '[dxvPaginator]',
|
|
@@ -2938,10 +2938,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2938
2938
|
|
|
2939
2939
|
class MobilePaginatorComponent {
|
|
2940
2940
|
data;
|
|
2941
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2942
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2941
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobilePaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2942
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MobilePaginatorComponent, isStandalone: true, 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"] }] });
|
|
2943
2943
|
}
|
|
2944
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MobilePaginatorComponent, decorators: [{
|
|
2945
2945
|
type: Component,
|
|
2946
2946
|
args: [{ selector: 'dxv-pages-mobile', imports: [MobilePaginatorDirective], standalone: true, 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" }]
|
|
2947
2947
|
}], propDecorators: { data: [{
|
|
@@ -2951,10 +2951,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2951
2951
|
|
|
2952
2952
|
class CalendarComponent {
|
|
2953
2953
|
data;
|
|
2954
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2955
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2954
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2955
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CalendarComponent, isStandalone: true, 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: "component", type: 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"] }, { kind: "directive", type: DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }] });
|
|
2956
2956
|
}
|
|
2957
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2957
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
2958
2958
|
type: Component,
|
|
2959
2959
|
args: [{ selector: 'dxv-daterange-calendar', imports: [DxCalendarComponent, DxTemplateDirective], standalone: true, 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>" }]
|
|
2960
2960
|
}], propDecorators: { data: [{
|
|
@@ -2964,10 +2964,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2964
2964
|
|
|
2965
2965
|
class DateRangeMobileComponent {
|
|
2966
2966
|
data;
|
|
2967
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2968
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2967
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateRangeMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2968
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DateRangeMobileComponent, isStandalone: true, 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 @if(data.popupModel.startButton.focused) {\n <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n }\n @if(data.popupModel.endButton.focused) {\n <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n }\n </div> \n </div>\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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: 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"] }] });
|
|
2969
2969
|
}
|
|
2970
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2970
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateRangeMobileComponent, decorators: [{
|
|
2971
2971
|
type: Component,
|
|
2972
2972
|
args: [{ selector: 'dxv-date-range-mobile', imports: [CommonModule, TemplateComponent, DxButtonComponent, DxSelectBoxComponent], standalone: true, 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 @if(data.popupModel.startButton.focused) {\n <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n }\n @if(data.popupModel.endButton.focused) {\n <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n }\n </div> \n </div>\n </div>\n</div>" }]
|
|
2973
2973
|
}], propDecorators: { data: [{
|
|
@@ -2977,10 +2977,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
2977
2977
|
|
|
2978
2978
|
class TimeRangeMobileComponent {
|
|
2979
2979
|
data;
|
|
2980
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2981
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2980
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TimeRangeMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2981
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: TimeRangeMobileComponent, isStandalone: true, 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: 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: 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"] }] });
|
|
2982
2982
|
}
|
|
2983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TimeRangeMobileComponent, decorators: [{
|
|
2984
2984
|
type: Component,
|
|
2985
2985
|
args: [{ selector: 'dxv-time-range-mobile', imports: [DxDateBoxComponent, DxSelectBoxComponent], standalone: true, 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>" }]
|
|
2986
2986
|
}], propDecorators: { data: [{
|
|
@@ -2994,10 +2994,10 @@ class DateRangePopupContainerComponent {
|
|
|
2994
2994
|
ngOnInit() {
|
|
2995
2995
|
this.popupOptions = this.data.getPopupSettings(false);
|
|
2996
2996
|
}
|
|
2997
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2998
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2997
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateRangePopupContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2998
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DateRangePopupContainerComponent, isStandalone: true, 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 <ng-container *ngFor=\"let item of data.predefinedDateRanges.items\">\n <div 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 </ng-container>\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: 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"] }] });
|
|
2999
2999
|
}
|
|
3000
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3000
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateRangePopupContainerComponent, decorators: [{
|
|
3001
3001
|
type: Component,
|
|
3002
3002
|
args: [{ selector: 'dxv-daterange-popup', imports: [CommonModule, DxActionDirective, DxMutationObserverDirective, TemplateComponent, DxPopupComponent, DxScrollViewComponent], standalone: true, 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 <ng-container *ngFor=\"let item of data.predefinedDateRanges.items\">\n <div 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 </ng-container>\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>" }]
|
|
3003
3003
|
}], propDecorators: { data: [{
|
|
@@ -3028,10 +3028,10 @@ class TimeRangePopupContainerComponent {
|
|
|
3028
3028
|
onRangeItemsRendered(event, groupItems) {
|
|
3029
3029
|
this.data.onRangeItemsRendered(this.extendItem(event, groupItems));
|
|
3030
3030
|
}
|
|
3031
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3032
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3031
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TimeRangePopupContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3032
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: TimeRangePopupContainerComponent, isStandalone: true, 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 <ng-container *ngFor=\"let item of group\">\n <dxi-box-item \n [ratio]=\"1\"\n [template]=\"item.template\">\n </dxi-box-item>\n </ng-container>\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }, { kind: "component", type: 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: 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: 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", "tabFocusLoopEnabled", "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", "tabFocusLoopEnabledChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: DxiBoxItemComponent, selector: "dxi-box-item", inputs: ["baseSize", "box", "disabled", "html", "ratio", "shrink", "template", "text", "visible"] }] });
|
|
3033
3033
|
}
|
|
3034
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3034
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TimeRangePopupContainerComponent, decorators: [{
|
|
3035
3035
|
type: Component,
|
|
3036
3036
|
args: [{ selector: 'dxv-timerange-popup', imports: [CommonModule, DxMutationObserverDirective, DxBoxComponent, DxDateBoxComponent, DxPopupComponent, DxiBoxItemComponent], standalone: true, 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 <ng-container *ngFor=\"let item of group\">\n <dxi-box-item \n [ratio]=\"1\"\n [template]=\"item.template\">\n </dxi-box-item>\n </ng-container>\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>" }]
|
|
3037
3037
|
}], propDecorators: { data: [{
|
|
@@ -3041,10 +3041,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
3041
3041
|
|
|
3042
3042
|
class EditorContentComponent {
|
|
3043
3043
|
data;
|
|
3044
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3045
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3044
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EditorContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3045
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: EditorContentComponent, isStandalone: true, selector: "dxv-editor-content", inputs: { data: "data" }, ngImport: i0, template: "@if(data.visible) {\n<div 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>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
3046
3046
|
}
|
|
3047
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3047
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EditorContentComponent, decorators: [{
|
|
3048
3048
|
type: Component,
|
|
3049
3049
|
args: [{ selector: 'dxv-editor-content', imports: [CommonModule, TemplateComponent], standalone: true, template: "@if(data.visible) {\n<div 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>\n}" }]
|
|
3050
3050
|
}], propDecorators: { data: [{
|
|
@@ -3061,10 +3061,10 @@ class GroupEditorComponent {
|
|
|
3061
3061
|
trackByFn(_, item) {
|
|
3062
3062
|
return item.editorInputId;
|
|
3063
3063
|
}
|
|
3064
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3065
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3064
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GroupEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3065
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: GroupEditorComponent, isStandalone: true, 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 <ng-container *ngFor=\"let editor of data.viewmodel.editors; trackBy: trackByFn\">\n <dxa-template\n [class]=\"getCorrectLayoutClass(editor)\"\n [template]=\"editor.editorTemplate\" \n [data]=\"editor\"></dxa-template>\n </ng-container>\n </div>\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
3066
3066
|
}
|
|
3067
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3067
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GroupEditorComponent, decorators: [{
|
|
3068
3068
|
type: Component,
|
|
3069
3069
|
args: [{ selector: 'dxv-group-editor', imports: [CommonModule, TemplateComponent], standalone: true, 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 <ng-container *ngFor=\"let editor of data.viewmodel.editors; trackBy: trackByFn\">\n <dxa-template\n [class]=\"getCorrectLayoutClass(editor)\"\n [template]=\"editor.editorTemplate\" \n [data]=\"editor\"></dxa-template>\n </ng-container>\n </div>\n </div>\n</div>" }]
|
|
3070
3070
|
}], propDecorators: { data: [{
|
|
@@ -3189,10 +3189,10 @@ class ViewerTemplatesComponent {
|
|
|
3189
3189
|
this._templateEngine.register('dxrdp-search-mobile', this.mobilesearch);
|
|
3190
3190
|
this._templateEngine.register('dxrdp-pages-mobile', this.mobilepaginator);
|
|
3191
3191
|
}
|
|
3192
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3193
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: ViewerTemplatesComponent, isStandalone: true, 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: AIPanelComponent, selector: "dxv-aipanel", inputs: ["data"] }, { kind: "component", type: DocumentMapComponent, selector: "dxv-document-map", inputs: ["data"] }, { kind: "component", type: ExportOptionsComponent, selector: "dxv-export-options", inputs: ["data"] }, { kind: "component", type: ParameterspanelComponent, selector: "dxv-parameters", inputs: ["data"] }, { kind: "component", type: SearchComponent, selector: "dxv-search", inputs: ["data"] }, { kind: "component", type: CharacterCombEditingFieldComponent, selector: "dxv-editing-field-character-comb", inputs: ["data"] }, { kind: "component", type: EditingFieldCheckboxGlyphComponent, selector: "dxv-editing-field-checkbox-glyph", 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: ExportToolComponent, selector: "dxv-export-tool", inputs: ["data"] }, { kind: "component", type: ImageEditingFieldEditorComponent, selector: "dxv-image-editing-field-editor", inputs: ["data"] }, { kind: "component", type: ImageEditingFieldComponent, selector: "dxv-image-editing-field", inputs: ["data"] }, { kind: "component", type: PopupImageEditingFieldComponent, selector: "dxv-popup-image-editing-field", inputs: ["data"] }, { kind: "component", type: TextEditingFieldContainerComponent, selector: "dxv-editing-field-container", inputs: ["data"] }, { kind: "component", type: TextEditingFieldDateBoxComponent, selector: "dxv-editing-field-datetime", inputs: ["data"] }, { kind: "component", type: TextEditingFieldMaskComponent, selector: "dxv-editing-field-mask" }, { kind: "component", type: TextEditingFieldNumberComponent, selector: "dxv-editing-field-number" }, { kind: "component", type: TextEditingFieldComponent, selector: "dxv-editing-field-text", inputs: ["data"] }, { kind: "component", type: MobileActionsComponent, selector: "dxv-mobile-actions", inputs: ["data"] }, { kind: "component", type: MobileActionsExportComponent, selector: "dxv-mobile-actions-export", inputs: ["data"] }, { kind: "component", type: MobilePageComponent, selector: "dxv-mobile-page", inputs: ["data"] }, { kind: "component", type: MobileParametersComponent, selector: "dxv-mobile-parameters", inputs: ["data"] }, { kind: "component", type: MobileParametersDateRangeComponent, selector: "dxv-mobile-parameters-daterange" }, { kind: "component", type: MobileParametersPopupComponent, selector: "dxv-mobile-parameters-popup", inputs: ["data"] }, { kind: "component", type: MobileSearchComponent, selector: "dxv-search-mobile", inputs: ["data"] }, { kind: "component", type: MobileSurfaceComponent, selector: "dxv-mobile-surface", inputs: ["data"] }, { kind: "component", type: DateRangeComponent, selector: "dxv-date-range", inputs: ["data"] }, { kind: "component", type: EditorComponent, selector: "dxv-editor" }, { kind: "component", type: MultiValueComponent, selector: "dxv-multivalue" }, { kind: "component", type: MultiValueEditableComponent, selector: "dxv-multivalue-editable" }, { kind: "component", type: BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: ["data"] }, { kind: "component", type: BrickClickableComponent, selector: "dxv-brick-clickable", inputs: ["data"] }, { kind: "component", type: BrickComponent, selector: "dxv-brick", inputs: ["data"] }, { kind: "component", type: PageComponent, selector: "dxv-page", inputs: ["data"] }, { kind: "component", type: ProgressBarComponent, selector: "dxv-progress-bar", inputs: ["data"] }, { kind: "component", type: SurfaceComponent, selector: "dxv-surface", inputs: ["data"] }, { kind: "component", type: ExportComponent, selector: "dxv-toolbar-export", inputs: ["data"] }, { kind: "component", type: PagerComponent, selector: "dxv-toolbar-pager", inputs: ["data"] }, { kind: "component", type: ToolbarContentComponent, selector: "dxv-toolbar", inputs: ["data"] }, { kind: "component", type: ZoomComponent, selector: "dxv-toolbar-zoom", inputs: ["data"] }, { kind: "component", type: PictureEditorBrushOptionsComponent, selector: "dxv-picture-editing-brush-options", inputs: ["data"] }, { kind: "component", type: PictureEditorImagespickerWithFilterComponent, selector: "dxv-picture-editing-imagespickerwithfilter" }, { kind: "component", type: PictureEditorImagespickerComponent, selector: "dxv-picture-editing-imagespicker", inputs: ["data"] }, { kind: "component", type: PictureEditorSizeOptionsComponent, selector: "dxv-picture-editing-size-options", inputs: ["data"] }, { kind: "component", type: PictureEditorToolBarPopupComponent, selector: "dxv-picture-editor-toolbar-popup", inputs: ["data"] }, { kind: "component", type: SignatureEditorComponent, selector: "dxv-signature-editor" }, { kind: "component", type: MobilePaginatorComponent, selector: "dxv-pages-mobile", inputs: ["data"] }, { kind: "component", type: CalendarComponent, selector: "dxv-daterange-calendar", 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: DateRangePopupContainerComponent, selector: "dxv-daterange-popup", inputs: ["data"] }, { kind: "component", type: TimeRangePopupContainerComponent, selector: "dxv-timerange-popup", inputs: ["data"] }, { kind: "component", type: EditorContentComponent, selector: "dxv-editor-content", inputs: ["data"] }, { kind: "component", type: GroupEditorComponent, selector: "dxv-group-editor", inputs: ["data"] }, { kind: "ngmodule", type: CommonModule }] });
|
|
3192
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ViewerTemplatesComponent, deps: [{ token: TemplateEngine }], target: i0.ɵɵFactoryTarget.Component });
|
|
3193
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ViewerTemplatesComponent, isStandalone: true, 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: AIPanelComponent, selector: "dxv-aipanel", inputs: ["data"] }, { kind: "component", type: DocumentMapComponent, selector: "dxv-document-map", inputs: ["data"] }, { kind: "component", type: ExportOptionsComponent, selector: "dxv-export-options", inputs: ["data"] }, { kind: "component", type: ParameterspanelComponent, selector: "dxv-parameters", inputs: ["data"] }, { kind: "component", type: SearchComponent, selector: "dxv-search", inputs: ["data"] }, { kind: "component", type: CharacterCombEditingFieldComponent, selector: "dxv-editing-field-character-comb", inputs: ["data"] }, { kind: "component", type: EditingFieldCheckboxGlyphComponent, selector: "dxv-editing-field-checkbox-glyph", 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: ExportToolComponent, selector: "dxv-export-tool", inputs: ["data"] }, { kind: "component", type: ImageEditingFieldEditorComponent, selector: "dxv-image-editing-field-editor", inputs: ["data"] }, { kind: "component", type: ImageEditingFieldComponent, selector: "dxv-image-editing-field", inputs: ["data"] }, { kind: "component", type: PopupImageEditingFieldComponent, selector: "dxv-popup-image-editing-field", inputs: ["data"] }, { kind: "component", type: TextEditingFieldContainerComponent, selector: "dxv-editing-field-container", inputs: ["data"] }, { kind: "component", type: TextEditingFieldDateBoxComponent, selector: "dxv-editing-field-datetime", inputs: ["data"] }, { kind: "component", type: TextEditingFieldMaskComponent, selector: "dxv-editing-field-mask" }, { kind: "component", type: TextEditingFieldNumberComponent, selector: "dxv-editing-field-number" }, { kind: "component", type: TextEditingFieldComponent, selector: "dxv-editing-field-text", inputs: ["data"] }, { kind: "component", type: MobileActionsComponent, selector: "dxv-mobile-actions", inputs: ["data"] }, { kind: "component", type: MobileActionsExportComponent, selector: "dxv-mobile-actions-export", inputs: ["data"] }, { kind: "component", type: MobilePageComponent, selector: "dxv-mobile-page", inputs: ["data"] }, { kind: "component", type: MobileParametersComponent, selector: "dxv-mobile-parameters", inputs: ["data"] }, { kind: "component", type: MobileParametersDateRangeComponent, selector: "dxv-mobile-parameters-daterange" }, { kind: "component", type: MobileParametersPopupComponent, selector: "dxv-mobile-parameters-popup", inputs: ["data"] }, { kind: "component", type: MobileSearchComponent, selector: "dxv-search-mobile", inputs: ["data"] }, { kind: "component", type: MobileSurfaceComponent, selector: "dxv-mobile-surface", inputs: ["data"] }, { kind: "component", type: DateRangeComponent, selector: "dxv-date-range", inputs: ["data"] }, { kind: "component", type: EditorComponent, selector: "dxv-editor" }, { kind: "component", type: MultiValueComponent, selector: "dxv-multivalue" }, { kind: "component", type: MultiValueEditableComponent, selector: "dxv-multivalue-editable" }, { kind: "component", type: BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: ["data"] }, { kind: "component", type: BrickClickableComponent, selector: "dxv-brick-clickable", inputs: ["data"] }, { kind: "component", type: BrickComponent, selector: "dxv-brick", inputs: ["data"] }, { kind: "component", type: PageComponent, selector: "dxv-page", inputs: ["data"] }, { kind: "component", type: ProgressBarComponent, selector: "dxv-progress-bar", inputs: ["data"] }, { kind: "component", type: SurfaceComponent, selector: "dxv-surface", inputs: ["data"] }, { kind: "component", type: ExportComponent, selector: "dxv-toolbar-export", inputs: ["data"] }, { kind: "component", type: PagerComponent, selector: "dxv-toolbar-pager", inputs: ["data"] }, { kind: "component", type: ToolbarContentComponent, selector: "dxv-toolbar", inputs: ["data"] }, { kind: "component", type: ZoomComponent, selector: "dxv-toolbar-zoom", inputs: ["data"] }, { kind: "component", type: PictureEditorBrushOptionsComponent, selector: "dxv-picture-editing-brush-options", inputs: ["data"] }, { kind: "component", type: PictureEditorImagespickerWithFilterComponent, selector: "dxv-picture-editing-imagespickerwithfilter" }, { kind: "component", type: PictureEditorImagespickerComponent, selector: "dxv-picture-editing-imagespicker", inputs: ["data"] }, { kind: "component", type: PictureEditorSizeOptionsComponent, selector: "dxv-picture-editing-size-options", inputs: ["data"] }, { kind: "component", type: PictureEditorToolBarPopupComponent, selector: "dxv-picture-editor-toolbar-popup", inputs: ["data"] }, { kind: "component", type: SignatureEditorComponent, selector: "dxv-signature-editor" }, { kind: "component", type: MobilePaginatorComponent, selector: "dxv-pages-mobile", inputs: ["data"] }, { kind: "component", type: CalendarComponent, selector: "dxv-daterange-calendar", 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: DateRangePopupContainerComponent, selector: "dxv-daterange-popup", inputs: ["data"] }, { kind: "component", type: TimeRangePopupContainerComponent, selector: "dxv-timerange-popup", inputs: ["data"] }, { kind: "component", type: EditorContentComponent, selector: "dxv-editor-content", inputs: ["data"] }, { kind: "component", type: GroupEditorComponent, selector: "dxv-group-editor", inputs: ["data"] }, { kind: "ngmodule", type: CommonModule }] });
|
|
3194
3194
|
}
|
|
3195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ViewerTemplatesComponent, decorators: [{
|
|
3196
3196
|
type: Component,
|
|
3197
3197
|
args: [{ selector: 'dxv-templates', imports: [AIPanelComponent, DocumentMapComponent, ExportOptionsComponent, ParameterspanelComponent, SearchComponent, CharacterCombEditingFieldComponent, EditingFieldCheckboxGlyphComponent, CheckEditingFieldComponent, RadioEditingFieldComponent, ExportToolComponent, ImageEditingFieldEditorComponent, ImageEditingFieldComponent, PopupImageEditingFieldComponent, TextEditingFieldContainerComponent, TextEditingFieldDateBoxComponent, TextEditingFieldMaskComponent, TextEditingFieldNumberComponent, TextEditingFieldComponent, MobileActionsComponent, MobileActionsExportComponent, MobilePageComponent, MobileParametersComponent, MobileParametersDateRangeComponent, MobileParametersPopupComponent, MobileSearchComponent, MobileSurfaceComponent, DateRangeComponent, EditorComponent, MultiValueComponent, MultiValueEditableComponent, BreadcrumbsComponent, BrickClickableComponent, BrickComponent, PageComponent, ProgressBarComponent, SurfaceComponent, ExportComponent, PagerComponent, ToolbarContentComponent, ZoomComponent, PictureEditorBrushOptionsComponent, PictureEditorImagespickerWithFilterComponent, PictureEditorImagespickerComponent, PictureEditorSizeOptionsComponent, PictureEditorToolBarPopupComponent, PictureEditorComponent, SignatureEditorComponent, MobilePaginatorComponent, CalendarComponent, DateRangeMobileComponent, TimeRangeMobileComponent, DateRangePopupContainerComponent, TimeRangePopupContainerComponent, EditorContentComponent, GroupEditorComponent, CommonModule], standalone: true, 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>" }]
|
|
3198
3198
|
}], ctorParameters: () => [{ type: TemplateEngine }], propDecorators: { toolbar: [{
|
|
@@ -3402,13 +3402,13 @@ class DxReportViewerComponent extends DxReportViewerBaseComponent {
|
|
|
3402
3402
|
return this.bindingSender.GetPreviewModel();
|
|
3403
3403
|
}
|
|
3404
3404
|
isMobile;
|
|
3405
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3406
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3405
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerComponent, deps: [{ token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AccessibilitySettings }], target: i0.ɵɵFactoryTarget.Component });
|
|
3406
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DxReportViewerComponent, isStandalone: true, 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 @if(!!viewModel) {\n <dxa-template template=\"dx-designer\" [data]=\"viewModel\"></dxa-template>\n }\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TemplatesComponent, selector: "dxa-templates" }, { kind: "component", type: ViewerTemplatesComponent, selector: "dxv-templates" }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
3407
3407
|
}
|
|
3408
3408
|
__decorate([
|
|
3409
3409
|
_inputConverter(_booleanConverter)
|
|
3410
3410
|
], DxReportViewerComponent.prototype, "isMobile", void 0);
|
|
3411
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3411
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerComponent, decorators: [{
|
|
3412
3412
|
type: Component,
|
|
3413
3413
|
args: [{ selector: 'dx-report-viewer', providers: [AccessibilitySettings], imports: [CommonModule, TemplatesComponent, ViewerTemplatesComponent, TemplateComponent], standalone: true, 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 @if(!!viewModel) {\n <dxa-template template=\"dx-designer\" [data]=\"viewModel\"></dxa-template>\n }\n </div>\n</div>" }]
|
|
3414
3414
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: Object, decorators: [{
|
|
@@ -3446,10 +3446,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
3446
3446
|
}] } });
|
|
3447
3447
|
|
|
3448
3448
|
class DxReportParametersPanelCallbacksComponent extends DxReportViewerCallbacksBaseComponent {
|
|
3449
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3450
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3449
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportParametersPanelCallbacksComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3450
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportParametersPanelCallbacksComponent, isStandalone: true, selector: "dxrpp-callbacks", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
3451
3451
|
}
|
|
3452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportParametersPanelCallbacksComponent, decorators: [{
|
|
3453
3453
|
type: Component,
|
|
3454
3454
|
args: [{
|
|
3455
3455
|
template: '',
|
|
@@ -3459,10 +3459,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
3459
3459
|
}] });
|
|
3460
3460
|
|
|
3461
3461
|
class DxReportParametersPanelRequestOptionsComponent extends DxRequestOptionsBaseComponent {
|
|
3462
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3463
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3462
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportParametersPanelRequestOptionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3463
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DxReportParametersPanelRequestOptionsComponent, isStandalone: true, selector: "dxrpp-request-options", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
3464
3464
|
}
|
|
3465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportParametersPanelRequestOptionsComponent, decorators: [{
|
|
3466
3466
|
type: Component,
|
|
3467
3467
|
args: [{
|
|
3468
3468
|
template: '',
|
|
@@ -3487,10 +3487,10 @@ class DxReportParametersPanelComponent extends DxReportViewerBaseComponent {
|
|
|
3487
3487
|
requestOptions: this.requestOptionsComponent
|
|
3488
3488
|
};
|
|
3489
3489
|
}
|
|
3490
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3491
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3490
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportParametersPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3491
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DxReportParametersPanelComponent, isStandalone: true, 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 @if(!!viewModel) {\n <dxa-template template=\"dx-designer\" [data]=\"viewModel\"></dxa-template>\n }\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TemplatesComponent, selector: "dxa-templates" }, { kind: "component", type: ViewerTemplatesComponent, selector: "dxv-templates" }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
|
|
3492
3492
|
}
|
|
3493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportParametersPanelComponent, decorators: [{
|
|
3494
3494
|
type: Component,
|
|
3495
3495
|
args: [{ selector: 'dx-report-parameters-panel', providers: [AccessibilitySettings], imports: [CommonModule, TemplatesComponent, ViewerTemplatesComponent, TemplateComponent], standalone: true, 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 @if(!!viewModel) {\n <dxa-template template=\"dx-designer\" [data]=\"viewModel\"></dxa-template>\n }\n </div>\n</div>" }]
|
|
3496
3496
|
}], propDecorators: { requestOptionsComponent: [{
|
|
@@ -3502,8 +3502,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
|
|
|
3502
3502
|
}] } });
|
|
3503
3503
|
|
|
3504
3504
|
class DxReportViewerModule {
|
|
3505
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3506
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3505
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3506
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerModule, imports: [CommonModule,
|
|
3507
3507
|
DxButtonModule,
|
|
3508
3508
|
DxTextAreaModule,
|
|
3509
3509
|
DxLoadIndicatorModule,
|
|
@@ -3660,7 +3660,7 @@ class DxReportViewerModule {
|
|
|
3660
3660
|
DxReportViewerAISettingsComponent,
|
|
3661
3661
|
DxReportViewerAITranslationSettingsComponent,
|
|
3662
3662
|
DxReportViewerAISummarizationSettingsComponent], id: 'DxReportViewerModule' });
|
|
3663
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3663
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerModule, providers: [TemplateEngine], imports: [CommonModule,
|
|
3664
3664
|
DxButtonModule,
|
|
3665
3665
|
DxTextAreaModule,
|
|
3666
3666
|
DxLoadIndicatorModule,
|
|
@@ -3762,7 +3762,7 @@ class DxReportViewerModule {
|
|
|
3762
3762
|
BreadcrumbsComponent,
|
|
3763
3763
|
DxReportParametersPanelComponent] });
|
|
3764
3764
|
}
|
|
3765
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3765
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DxReportViewerModule, decorators: [{
|
|
3766
3766
|
type: NgModule,
|
|
3767
3767
|
args: [{
|
|
3768
3768
|
id: 'DxReportViewerModule',
|