@progress/kendo-angular-chart-wizard 21.1.1-develop.1 → 21.2.0-develop.1
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/esm2022/chart-wizard.component.mjs +655 -636
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/property-pane/data-tab.component.mjs +149 -145
- package/esm2022/property-pane/form-field.component.mjs +123 -105
- package/esm2022/property-pane/format-tab.component.mjs +798 -792
- package/fesm2022/progress-kendo-angular-chart-wizard.mjs +1727 -1677
- package/package.json +17 -17
- package/schematics/ngAdd/index.js +4 -0
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '21.
|
|
13
|
+
publishDate: 1763998505,
|
|
14
|
+
version: '21.2.0-develop.1',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
|
|
16
16
|
};
|
|
@@ -8,7 +8,6 @@ import { ActionTypes, isCategorical, updateState } from '../chart-wizard-state';
|
|
|
8
8
|
import { FormBuilder } from '@angular/forms';
|
|
9
9
|
import { CellTemplateDirective, ColumnComponent, CommandColumnComponent, DataBindingDirective, GridComponent, GridToolbarFocusableDirective, ReactiveEditingDirective, RemoveCommandDirective, RowReorderColumnComponent, ToolbarTemplateDirective } from '@progress/kendo-angular-grid';
|
|
10
10
|
import { plusIcon, trashIcon } from '@progress/kendo-svg-icons';
|
|
11
|
-
import { NgIf } from '@angular/common';
|
|
12
11
|
import { ExpansionPanelComponent } from '@progress/kendo-angular-layout';
|
|
13
12
|
import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
|
|
14
13
|
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
@@ -83,82 +82,85 @@ export class ChartWizardPropertyPaneDataTabComponent {
|
|
|
83
82
|
return this.localization.get(key);
|
|
84
83
|
}
|
|
85
84
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, deps: [{ token: i1.StateService }, { token: i2.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i3.ChartWizardLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
85
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-data-tab", viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: `
|
|
87
86
|
<kendo-expansionpanel [title]="messageFor('configuration')" [expanded]="true">
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
>
|
|
101
|
-
</kendo-dropdownlist>
|
|
102
|
-
</fieldset>
|
|
103
|
-
<fieldset class="k-form-fieldset" *ngIf="isCategorical(stateService.state.seriesType)">
|
|
104
|
-
<legend class="k-form-legend">{{ messageFor('configurationSeries') }}</legend>
|
|
105
|
-
<kendo-grid
|
|
106
|
-
#grid
|
|
107
|
-
[kendoGridReactiveEditing]="createFormGroup"
|
|
108
|
-
[kendoGridBinding]="stateService.state.series"
|
|
109
|
-
[rowReorderable]="true"
|
|
110
|
-
(rowReorder)="onRowReorder(grid)"
|
|
111
|
-
(remove)="removeData($event)"
|
|
112
|
-
>
|
|
113
|
-
<ng-template kendoGridToolbarTemplate>
|
|
114
|
-
<button
|
|
115
|
-
kendoButton
|
|
116
|
-
type="button"
|
|
117
|
-
[svgIcon]="plusIcon"
|
|
118
|
-
fillMode="flat"
|
|
119
|
-
rounded="medium"
|
|
120
|
-
[disabled]="isDisabled(grid)"
|
|
121
|
-
(click)="addData()"
|
|
122
|
-
>
|
|
123
|
-
{{ messageFor('configurationSeriesAdd') }}
|
|
124
|
-
</button>
|
|
125
|
-
</ng-template>
|
|
126
|
-
<kendo-grid-rowreorder-column [width]="40"></kendo-grid-rowreorder-column>
|
|
127
|
-
<kendo-grid-column field="name" title="">
|
|
128
|
-
</kendo-grid-column>
|
|
129
|
-
<kendo-grid-command-column [width]="40">
|
|
130
|
-
<ng-template kendoGridCellTemplate>
|
|
131
|
-
<button
|
|
132
|
-
[svgIcon]="trashIcon"
|
|
133
|
-
kendoGridRemoveCommand
|
|
134
|
-
fillMode="flat"
|
|
135
|
-
rounded="medium"
|
|
136
|
-
[disabled]="stateService.state.series.length < 2"
|
|
137
|
-
></button>
|
|
138
|
-
</ng-template>
|
|
139
|
-
</kendo-grid-command-column>
|
|
140
|
-
</kendo-grid>
|
|
141
|
-
</fieldset>
|
|
142
|
-
<fieldset
|
|
143
|
-
class="k-form-fieldset"
|
|
144
|
-
*ngIf="stateService.state.seriesType === 'pie'"
|
|
87
|
+
<form class="k-form k-form-md">
|
|
88
|
+
<fieldset class="k-form-fieldset">
|
|
89
|
+
<legend class="k-form-legend">
|
|
90
|
+
{{ stateService.state.seriesType === 'scatter' ? messageFor('configurationXAxis') : messageFor('configurationCategoryAxis') }}
|
|
91
|
+
</legend>
|
|
92
|
+
<kendo-dropdownlist
|
|
93
|
+
[data]="stateService.state.columns"
|
|
94
|
+
[value]="stateService.state.categoryField"
|
|
95
|
+
(valueChange)="updateState(categoryAxisX, $event)"
|
|
96
|
+
fillMode="outline"
|
|
97
|
+
rounded="medium"
|
|
98
|
+
size="medium"
|
|
145
99
|
>
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
100
|
+
</kendo-dropdownlist>
|
|
101
|
+
</fieldset>
|
|
102
|
+
@if (isCategorical(stateService.state.seriesType)) {
|
|
103
|
+
<fieldset class="k-form-fieldset">
|
|
104
|
+
<legend class="k-form-legend">{{ messageFor('configurationSeries') }}</legend>
|
|
105
|
+
<kendo-grid
|
|
106
|
+
#grid
|
|
107
|
+
[kendoGridReactiveEditing]="createFormGroup"
|
|
108
|
+
[kendoGridBinding]="stateService.state.series"
|
|
109
|
+
[rowReorderable]="true"
|
|
110
|
+
(rowReorder)="onRowReorder(grid)"
|
|
111
|
+
(remove)="removeData($event)"
|
|
112
|
+
>
|
|
113
|
+
<ng-template kendoGridToolbarTemplate>
|
|
114
|
+
<button
|
|
115
|
+
kendoButton
|
|
116
|
+
type="button"
|
|
117
|
+
[svgIcon]="plusIcon"
|
|
118
|
+
fillMode="flat"
|
|
119
|
+
rounded="medium"
|
|
120
|
+
[disabled]="isDisabled(grid)"
|
|
121
|
+
(click)="addData()"
|
|
122
|
+
>
|
|
123
|
+
{{ messageFor('configurationSeriesAdd') }}
|
|
124
|
+
</button>
|
|
125
|
+
</ng-template>
|
|
126
|
+
<kendo-grid-rowreorder-column [width]="40"></kendo-grid-rowreorder-column>
|
|
127
|
+
<kendo-grid-column field="name" title="">
|
|
128
|
+
</kendo-grid-column>
|
|
129
|
+
<kendo-grid-command-column [width]="40">
|
|
130
|
+
<ng-template kendoGridCellTemplate>
|
|
131
|
+
<button
|
|
132
|
+
[svgIcon]="trashIcon"
|
|
133
|
+
kendoGridRemoveCommand
|
|
134
|
+
fillMode="flat"
|
|
154
135
|
rounded="medium"
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
</
|
|
158
|
-
|
|
159
|
-
|
|
136
|
+
[disabled]="stateService.state.series.length < 2"
|
|
137
|
+
></button>
|
|
138
|
+
</ng-template>
|
|
139
|
+
</kendo-grid-command-column>
|
|
140
|
+
</kendo-grid>
|
|
141
|
+
</fieldset>
|
|
142
|
+
}
|
|
143
|
+
@if (stateService.state.seriesType === 'pie') {
|
|
144
|
+
<fieldset
|
|
145
|
+
class="k-form-fieldset"
|
|
146
|
+
>
|
|
147
|
+
<legend class="k-form-legend">
|
|
148
|
+
{{ messageFor('configurationValueAxis') }}
|
|
149
|
+
</legend>
|
|
150
|
+
<kendo-dropdownlist
|
|
151
|
+
[data]="stateService.state.columns"
|
|
152
|
+
[value]="stateService.state.valueField"
|
|
153
|
+
(valueChange)="updateState(valueAxisY, $event)"
|
|
154
|
+
fillMode="outline"
|
|
155
|
+
rounded="medium"
|
|
156
|
+
size="medium"
|
|
157
|
+
>
|
|
158
|
+
</kendo-dropdownlist>
|
|
159
|
+
</fieldset>
|
|
160
|
+
}
|
|
161
|
+
</form>
|
|
160
162
|
</kendo-expansionpanel>
|
|
161
|
-
|
|
163
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: ReactiveEditingDirective, selector: "[kendoGridReactiveEditing]", inputs: ["kendoGridReactiveEditing"] }, { kind: "directive", type: DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "directive", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: RowReorderColumnComponent, selector: "kendo-grid-rowreorder-column", inputs: ["dragHandleIcon", "dragHandleSVGIcon"] }, { kind: "component", type: ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "component", type: CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: GridToolbarFocusableDirective, selector: " [kendoGridToolbarFocusable], [kendoGridAddCommand], [kendoGridCancelCommand], [kendoGridEditCommand], [kendoGridRemoveCommand], [kendoGridSaveCommand], [kendoGridExcelCommand], [kendoGridPDFCommand] " }, { kind: "component", type: RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
162
164
|
}
|
|
163
165
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, decorators: [{
|
|
164
166
|
type: Component,
|
|
@@ -168,85 +170,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
168
170
|
encapsulation: ViewEncapsulation.None,
|
|
169
171
|
template: `
|
|
170
172
|
<kendo-expansionpanel [title]="messageFor('configuration')" [expanded]="true">
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
>
|
|
184
|
-
</kendo-dropdownlist>
|
|
185
|
-
</fieldset>
|
|
186
|
-
<fieldset class="k-form-fieldset" *ngIf="isCategorical(stateService.state.seriesType)">
|
|
187
|
-
<legend class="k-form-legend">{{ messageFor('configurationSeries') }}</legend>
|
|
188
|
-
<kendo-grid
|
|
189
|
-
#grid
|
|
190
|
-
[kendoGridReactiveEditing]="createFormGroup"
|
|
191
|
-
[kendoGridBinding]="stateService.state.series"
|
|
192
|
-
[rowReorderable]="true"
|
|
193
|
-
(rowReorder)="onRowReorder(grid)"
|
|
194
|
-
(remove)="removeData($event)"
|
|
195
|
-
>
|
|
196
|
-
<ng-template kendoGridToolbarTemplate>
|
|
197
|
-
<button
|
|
198
|
-
kendoButton
|
|
199
|
-
type="button"
|
|
200
|
-
[svgIcon]="plusIcon"
|
|
201
|
-
fillMode="flat"
|
|
202
|
-
rounded="medium"
|
|
203
|
-
[disabled]="isDisabled(grid)"
|
|
204
|
-
(click)="addData()"
|
|
205
|
-
>
|
|
206
|
-
{{ messageFor('configurationSeriesAdd') }}
|
|
207
|
-
</button>
|
|
208
|
-
</ng-template>
|
|
209
|
-
<kendo-grid-rowreorder-column [width]="40"></kendo-grid-rowreorder-column>
|
|
210
|
-
<kendo-grid-column field="name" title="">
|
|
211
|
-
</kendo-grid-column>
|
|
212
|
-
<kendo-grid-command-column [width]="40">
|
|
213
|
-
<ng-template kendoGridCellTemplate>
|
|
214
|
-
<button
|
|
215
|
-
[svgIcon]="trashIcon"
|
|
216
|
-
kendoGridRemoveCommand
|
|
217
|
-
fillMode="flat"
|
|
218
|
-
rounded="medium"
|
|
219
|
-
[disabled]="stateService.state.series.length < 2"
|
|
220
|
-
></button>
|
|
221
|
-
</ng-template>
|
|
222
|
-
</kendo-grid-command-column>
|
|
223
|
-
</kendo-grid>
|
|
224
|
-
</fieldset>
|
|
225
|
-
<fieldset
|
|
226
|
-
class="k-form-fieldset"
|
|
227
|
-
*ngIf="stateService.state.seriesType === 'pie'"
|
|
173
|
+
<form class="k-form k-form-md">
|
|
174
|
+
<fieldset class="k-form-fieldset">
|
|
175
|
+
<legend class="k-form-legend">
|
|
176
|
+
{{ stateService.state.seriesType === 'scatter' ? messageFor('configurationXAxis') : messageFor('configurationCategoryAxis') }}
|
|
177
|
+
</legend>
|
|
178
|
+
<kendo-dropdownlist
|
|
179
|
+
[data]="stateService.state.columns"
|
|
180
|
+
[value]="stateService.state.categoryField"
|
|
181
|
+
(valueChange)="updateState(categoryAxisX, $event)"
|
|
182
|
+
fillMode="outline"
|
|
183
|
+
rounded="medium"
|
|
184
|
+
size="medium"
|
|
228
185
|
>
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
186
|
+
</kendo-dropdownlist>
|
|
187
|
+
</fieldset>
|
|
188
|
+
@if (isCategorical(stateService.state.seriesType)) {
|
|
189
|
+
<fieldset class="k-form-fieldset">
|
|
190
|
+
<legend class="k-form-legend">{{ messageFor('configurationSeries') }}</legend>
|
|
191
|
+
<kendo-grid
|
|
192
|
+
#grid
|
|
193
|
+
[kendoGridReactiveEditing]="createFormGroup"
|
|
194
|
+
[kendoGridBinding]="stateService.state.series"
|
|
195
|
+
[rowReorderable]="true"
|
|
196
|
+
(rowReorder)="onRowReorder(grid)"
|
|
197
|
+
(remove)="removeData($event)"
|
|
198
|
+
>
|
|
199
|
+
<ng-template kendoGridToolbarTemplate>
|
|
200
|
+
<button
|
|
201
|
+
kendoButton
|
|
202
|
+
type="button"
|
|
203
|
+
[svgIcon]="plusIcon"
|
|
204
|
+
fillMode="flat"
|
|
205
|
+
rounded="medium"
|
|
206
|
+
[disabled]="isDisabled(grid)"
|
|
207
|
+
(click)="addData()"
|
|
208
|
+
>
|
|
209
|
+
{{ messageFor('configurationSeriesAdd') }}
|
|
210
|
+
</button>
|
|
211
|
+
</ng-template>
|
|
212
|
+
<kendo-grid-rowreorder-column [width]="40"></kendo-grid-rowreorder-column>
|
|
213
|
+
<kendo-grid-column field="name" title="">
|
|
214
|
+
</kendo-grid-column>
|
|
215
|
+
<kendo-grid-command-column [width]="40">
|
|
216
|
+
<ng-template kendoGridCellTemplate>
|
|
217
|
+
<button
|
|
218
|
+
[svgIcon]="trashIcon"
|
|
219
|
+
kendoGridRemoveCommand
|
|
220
|
+
fillMode="flat"
|
|
237
221
|
rounded="medium"
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
</
|
|
241
|
-
|
|
242
|
-
|
|
222
|
+
[disabled]="stateService.state.series.length < 2"
|
|
223
|
+
></button>
|
|
224
|
+
</ng-template>
|
|
225
|
+
</kendo-grid-command-column>
|
|
226
|
+
</kendo-grid>
|
|
227
|
+
</fieldset>
|
|
228
|
+
}
|
|
229
|
+
@if (stateService.state.seriesType === 'pie') {
|
|
230
|
+
<fieldset
|
|
231
|
+
class="k-form-fieldset"
|
|
232
|
+
>
|
|
233
|
+
<legend class="k-form-legend">
|
|
234
|
+
{{ messageFor('configurationValueAxis') }}
|
|
235
|
+
</legend>
|
|
236
|
+
<kendo-dropdownlist
|
|
237
|
+
[data]="stateService.state.columns"
|
|
238
|
+
[value]="stateService.state.valueField"
|
|
239
|
+
(valueChange)="updateState(valueAxisY, $event)"
|
|
240
|
+
fillMode="outline"
|
|
241
|
+
rounded="medium"
|
|
242
|
+
size="medium"
|
|
243
|
+
>
|
|
244
|
+
</kendo-dropdownlist>
|
|
245
|
+
</fieldset>
|
|
246
|
+
}
|
|
247
|
+
</form>
|
|
243
248
|
</kendo-expansionpanel>
|
|
244
|
-
|
|
249
|
+
`,
|
|
245
250
|
standalone: true,
|
|
246
251
|
imports: [
|
|
247
252
|
ExpansionPanelComponent,
|
|
248
253
|
DropDownListComponent,
|
|
249
|
-
NgIf,
|
|
250
254
|
GridComponent,
|
|
251
255
|
ReactiveEditingDirective,
|
|
252
256
|
DataBindingDirective,
|