@progress/kendo-angular-chart-wizard 16.6.0-develop.14 → 16.6.0-develop.15
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/chart-wizard.component.d.ts +1 -1
- package/esm2020/chart-wizard.component.mjs +13 -13
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/property-pane/chart-tab.component.mjs +47 -47
- package/esm2020/property-pane/data-tab.component.mjs +2 -2
- package/esm2020/property-pane/form-field.component.mjs +2 -2
- package/esm2020/property-pane/format-tab.component.mjs +135 -135
- package/esm2020/series-type-button.component.mjs +2 -2
- package/fesm2015/progress-kendo-angular-chart-wizard.mjs +203 -203
- package/fesm2020/progress-kendo-angular-chart-wizard.mjs +203 -203
- package/package.json +10 -10
- package/property-pane/chart-tab.component.d.ts +1 -1
- package/property-pane/data-tab.component.d.ts +1 -1
- package/property-pane/form-field.component.d.ts +1 -1
- package/property-pane/format-tab.component.d.ts +1 -1
- package/series-type-button.component.d.ts +1 -1
|
@@ -34,8 +34,8 @@ const packageMetadata = {
|
|
|
34
34
|
name: '@progress/kendo-angular-chart-wizard',
|
|
35
35
|
productName: 'Kendo UI for Angular',
|
|
36
36
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
37
|
-
publishDate:
|
|
38
|
-
version: '16.6.0-develop.
|
|
37
|
+
publishDate: 1722853215,
|
|
38
|
+
version: '16.6.0-develop.15',
|
|
39
39
|
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',
|
|
40
40
|
};
|
|
41
41
|
|
|
@@ -602,7 +602,7 @@ class ChartWizardPropertyPaneFormFieldComponent {
|
|
|
602
602
|
}
|
|
603
603
|
}
|
|
604
604
|
ChartWizardPropertyPaneFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, deps: [{ token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
605
|
-
ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormFieldComponent, isStandalone: true, selector: "kendo-
|
|
605
|
+
ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormFieldComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-form-field", inputs: { currentState: "currentState", action: "action", class: "class", inputType: "inputType", text: "text", data: "data", placeholder: "placeholder", colSpan: "colSpan", hasLabel: "hasLabel", isLabelInsideFormFieldWrap: "isLabelInsideFormFieldWrap", value: "value" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-form-field": "this.formField", "class.k-col-span-2": "this.isColSpan2" } }, viewQueries: [{ propertyName: "label", first: true, predicate: LabelComponent, descendants: true }, { propertyName: "numericTextBox", first: true, predicate: NumericTextBoxComponent, descendants: true }, { propertyName: "colorPicker", first: true, predicate: ColorPickerComponent, descendants: true }, { propertyName: "dropDownList", first: true, predicate: DropDownListComponent, descendants: true }, { propertyName: "textBox", first: true, predicate: TextBoxComponent, descendants: true }, { propertyName: "comboBox", first: true, predicate: ComboBoxComponent, descendants: true }, { propertyName: "checkBox", first: true, predicate: CheckBoxComponent, descendants: true }], ngImport: i0, template: `
|
|
606
606
|
<kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap" class="k-form-label" [text]="text"></kendo-label>
|
|
607
607
|
<div class="k-form-field-wrap">
|
|
608
608
|
<kendo-label
|
|
@@ -668,7 +668,7 @@ ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
|
|
|
668
668
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, decorators: [{
|
|
669
669
|
type: Component,
|
|
670
670
|
args: [{
|
|
671
|
-
selector: 'kendo-
|
|
671
|
+
selector: 'kendo-chartwizard-property-pane-form-field',
|
|
672
672
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
673
673
|
template: `
|
|
674
674
|
<kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap" class="k-form-label" [text]="text"></kendo-label>
|
|
@@ -922,7 +922,7 @@ class ChartWizardPropertyPaneDataTabComponent {
|
|
|
922
922
|
}
|
|
923
923
|
}
|
|
924
924
|
ChartWizardPropertyPaneDataTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, deps: [{ token: StateService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
925
|
-
ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-
|
|
925
|
+
ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-format-tab", ngImport: i0, template: `
|
|
926
926
|
<section>
|
|
927
927
|
<kendo-expansionpanel
|
|
928
928
|
title="Chart Area"
|
|
@@ -934,45 +934,45 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
934
934
|
<fieldset class="k-form-fieldset">
|
|
935
935
|
<legend class="k-form-legend">Margins</legend>
|
|
936
936
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
937
|
-
<kendo-
|
|
937
|
+
<kendo-chartwizard-property-pane-form-field
|
|
938
938
|
text="Left"
|
|
939
939
|
inputType="numeric"
|
|
940
940
|
[value]="$any(stateService.state.area?.margin).left"
|
|
941
941
|
(valueChange)="updateState(areaMarginLeft, $event)"
|
|
942
942
|
>
|
|
943
|
-
</kendo-
|
|
944
|
-
<kendo-
|
|
943
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
944
|
+
<kendo-chartwizard-property-pane-form-field
|
|
945
945
|
text="Right"
|
|
946
946
|
inputType="numeric"
|
|
947
947
|
[value]="$any(stateService.state.area?.margin).right"
|
|
948
948
|
(valueChange)="updateState(areaMarginRight, $event)"
|
|
949
949
|
>
|
|
950
|
-
</kendo-
|
|
951
|
-
<kendo-
|
|
950
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
951
|
+
<kendo-chartwizard-property-pane-form-field
|
|
952
952
|
text="Top"
|
|
953
953
|
inputType="numeric"
|
|
954
954
|
[value]="$any(stateService.state.area?.margin).top"
|
|
955
955
|
(valueChange)="updateState(areaMarginTop, $event)"
|
|
956
956
|
>
|
|
957
|
-
</kendo-
|
|
958
|
-
<kendo-
|
|
957
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
958
|
+
<kendo-chartwizard-property-pane-form-field
|
|
959
959
|
text="Bottom"
|
|
960
960
|
inputType="numeric"
|
|
961
961
|
[value]="$any(stateService.state.area?.margin).bottom"
|
|
962
962
|
(valueChange)="updateState(areaMarginBottom, $event)"
|
|
963
963
|
>
|
|
964
|
-
</kendo-
|
|
964
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
965
965
|
</div>
|
|
966
966
|
</fieldset>
|
|
967
967
|
<fieldset class="k-form-fieldset">
|
|
968
968
|
<legend class="k-form-legend">Background</legend>
|
|
969
|
-
<kendo-
|
|
969
|
+
<kendo-chartwizard-property-pane-form-field
|
|
970
970
|
text="Color"
|
|
971
971
|
inputType="colorPicker"
|
|
972
972
|
[value]="stateService.state.area?.background"
|
|
973
973
|
(valueChange)="updateState(areaBackground, $event)"
|
|
974
974
|
>
|
|
975
|
-
</kendo-
|
|
975
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
976
976
|
</fieldset>
|
|
977
977
|
</form>
|
|
978
978
|
</kendo-expansionpanel>
|
|
@@ -985,7 +985,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
985
985
|
>
|
|
986
986
|
<form class="k-form k-form-md">
|
|
987
987
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
988
|
-
<kendo-
|
|
988
|
+
<kendo-chartwizard-property-pane-form-field
|
|
989
989
|
text="Apply to"
|
|
990
990
|
inputType="dropDownList"
|
|
991
991
|
[data]="chartTitles"
|
|
@@ -993,16 +993,16 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
993
993
|
[value]="stateService.currentTitle"
|
|
994
994
|
(valueChange)="changeCurrentTitle($event)"
|
|
995
995
|
>
|
|
996
|
-
</kendo-
|
|
997
|
-
<kendo-
|
|
996
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
997
|
+
<kendo-chartwizard-property-pane-form-field
|
|
998
998
|
text="Title"
|
|
999
999
|
inputType="text"
|
|
1000
1000
|
[colSpan]="2"
|
|
1001
1001
|
[value]="chartTitleTypeText"
|
|
1002
1002
|
(valueChange)="updateState(chartTitleTypeAction, $event)"
|
|
1003
1003
|
>
|
|
1004
|
-
</kendo-
|
|
1005
|
-
<kendo-
|
|
1004
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1005
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1006
1006
|
text="Font"
|
|
1007
1007
|
inputType="comboBox"
|
|
1008
1008
|
[data]="fontNames"
|
|
@@ -1011,22 +1011,22 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1011
1011
|
placeholder="(Inherited font)"
|
|
1012
1012
|
(valueChange)="updateState(chartTitleTypeFontAction, $event)"
|
|
1013
1013
|
>
|
|
1014
|
-
</kendo-
|
|
1015
|
-
<kendo-
|
|
1014
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1015
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1016
1016
|
text="Size"
|
|
1017
1017
|
inputType="comboBox"
|
|
1018
1018
|
[data]="fontSizes"
|
|
1019
1019
|
[value]="chartTitleTypeFontSize"
|
|
1020
1020
|
(valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
|
|
1021
1021
|
>
|
|
1022
|
-
</kendo-
|
|
1023
|
-
<kendo-
|
|
1022
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1023
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1024
1024
|
text="Color"
|
|
1025
1025
|
inputType="colorPicker"
|
|
1026
1026
|
[value]="chartTitleTypeColor"
|
|
1027
1027
|
(valueChange)="updateState(chartTitleTypeColorAction, $event)"
|
|
1028
1028
|
>
|
|
1029
|
-
</kendo-
|
|
1029
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1030
1030
|
</div>
|
|
1031
1031
|
</form>
|
|
1032
1032
|
</kendo-expansionpanel>
|
|
@@ -1049,7 +1049,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1049
1049
|
[checked]="stateService.state.legend?.visible"
|
|
1050
1050
|
(valueChange)="updateState(legendVisible, $event)"
|
|
1051
1051
|
></kendo-switch>
|
|
1052
|
-
<kendo-
|
|
1052
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1053
1053
|
text="Font"
|
|
1054
1054
|
inputType="comboBox"
|
|
1055
1055
|
[data]="fontNames"
|
|
@@ -1058,8 +1058,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1058
1058
|
[value]="parseFont(stateService.state.legend?.labels?.font).name"
|
|
1059
1059
|
(valueChange)="updateState(legendFontName, $event)"
|
|
1060
1060
|
>
|
|
1061
|
-
</kendo-
|
|
1062
|
-
<kendo-
|
|
1061
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1062
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1063
1063
|
text="Size"
|
|
1064
1064
|
inputType="comboBox"
|
|
1065
1065
|
[data]="fontSizes"
|
|
@@ -1067,15 +1067,15 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1067
1067
|
[value]="parseFont(stateService.state.legend?.labels?.font).size"
|
|
1068
1068
|
(valueChange)="updateState(legendFontSize, $event)"
|
|
1069
1069
|
>
|
|
1070
|
-
</kendo-
|
|
1071
|
-
<kendo-
|
|
1070
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1071
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1072
1072
|
text="Color"
|
|
1073
1073
|
inputType="colorPicker"
|
|
1074
1074
|
[value]="stateService.state.legend?.labels?.color"
|
|
1075
1075
|
(valueChange)="updateState(legendColor, $event)"
|
|
1076
1076
|
>
|
|
1077
|
-
</kendo-
|
|
1078
|
-
<kendo-
|
|
1077
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1078
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1079
1079
|
text="Position"
|
|
1080
1080
|
inputType="dropDownList"
|
|
1081
1081
|
[colSpan]="2"
|
|
@@ -1083,7 +1083,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1083
1083
|
[value]="stateService.state.legend?.position"
|
|
1084
1084
|
(valueChange)="updateState(legendPosition, $event)"
|
|
1085
1085
|
>
|
|
1086
|
-
</kendo-
|
|
1086
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1087
1087
|
</div>
|
|
1088
1088
|
</form>
|
|
1089
1089
|
</kendo-expansionpanel>
|
|
@@ -1112,21 +1112,21 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1112
1112
|
</div>
|
|
1113
1113
|
</div>
|
|
1114
1114
|
|
|
1115
|
-
<kendo-
|
|
1115
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1116
1116
|
text="Color"
|
|
1117
1117
|
[value]="stateService.currentSeries?.color"
|
|
1118
1118
|
inputType="colorPicker"
|
|
1119
1119
|
(valueChange)="updateSeriesColor($event)"
|
|
1120
1120
|
>
|
|
1121
|
-
</kendo-
|
|
1122
|
-
<kendo-
|
|
1121
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1122
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1123
1123
|
text="Show Labels"
|
|
1124
1124
|
[value]="stateService.currentSeries.labels?.visible"
|
|
1125
1125
|
[isLabelInsideFormFieldWrap]="true"
|
|
1126
1126
|
inputType="checkbox"
|
|
1127
1127
|
(valueChange)="toggleSeriesLabels($event)"
|
|
1128
1128
|
>
|
|
1129
|
-
</kendo-
|
|
1129
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1130
1130
|
</form>
|
|
1131
1131
|
</kendo-expansionpanel>
|
|
1132
1132
|
</section>
|
|
@@ -1140,7 +1140,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1140
1140
|
<fieldset class="k-form-fieldset">
|
|
1141
1141
|
<legend class="k-form-legend">Title</legend>
|
|
1142
1142
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1143
|
-
<kendo-
|
|
1143
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1144
1144
|
inputType="text"
|
|
1145
1145
|
[hasLabel]="false"
|
|
1146
1146
|
[colSpan]="2"
|
|
@@ -1148,8 +1148,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1148
1148
|
[value]="stateService.state.categoryAxis[0]?.title?.text"
|
|
1149
1149
|
(valueChange)="updateState(categoryAxisTitleText, $event)"
|
|
1150
1150
|
>
|
|
1151
|
-
</kendo-
|
|
1152
|
-
<kendo-
|
|
1151
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1152
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1153
1153
|
text="Font"
|
|
1154
1154
|
inputType="comboBox"
|
|
1155
1155
|
[data]="fontNames"
|
|
@@ -1158,8 +1158,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1158
1158
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
|
|
1159
1159
|
(valueChange)="updateState(categoryAxisTitleFontName, $event)"
|
|
1160
1160
|
>
|
|
1161
|
-
</kendo-
|
|
1162
|
-
<kendo-
|
|
1161
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1162
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1163
1163
|
text="Size"
|
|
1164
1164
|
inputType="comboBox"
|
|
1165
1165
|
placeholder="px"
|
|
@@ -1167,20 +1167,20 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1167
1167
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
|
|
1168
1168
|
(valueChange)="updateState(categoryAxisTitleFontSize, $event)"
|
|
1169
1169
|
>
|
|
1170
|
-
</kendo-
|
|
1171
|
-
<kendo-
|
|
1170
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1171
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1172
1172
|
text="Color"
|
|
1173
1173
|
inputType="colorPicker"
|
|
1174
1174
|
[value]="stateService.state.categoryAxis[0]?.title?.color"
|
|
1175
1175
|
(valueChange)="updateState(categoryAxisTitleColor, $event)"
|
|
1176
1176
|
>
|
|
1177
|
-
</kendo-
|
|
1177
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1178
1178
|
</div>
|
|
1179
1179
|
</fieldset>
|
|
1180
1180
|
<fieldset class="k-form-fieldset">
|
|
1181
1181
|
<legend class="k-form-legend">Labels</legend>
|
|
1182
1182
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1183
|
-
<kendo-
|
|
1183
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1184
1184
|
text="Font"
|
|
1185
1185
|
inputType="comboBox"
|
|
1186
1186
|
[data]="fontNames"
|
|
@@ -1188,8 +1188,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1188
1188
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
|
|
1189
1189
|
(valueChange)="updateState(categoryAxisLabelsFontName, $event)"
|
|
1190
1190
|
>
|
|
1191
|
-
</kendo-
|
|
1192
|
-
<kendo-
|
|
1191
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1192
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1193
1193
|
text="Size"
|
|
1194
1194
|
inputType="comboBox"
|
|
1195
1195
|
[data]="fontSizes"
|
|
@@ -1197,24 +1197,24 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1197
1197
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
|
|
1198
1198
|
(valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
|
|
1199
1199
|
>
|
|
1200
|
-
</kendo-
|
|
1201
|
-
<kendo-
|
|
1200
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1201
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1202
1202
|
text="Color"
|
|
1203
1203
|
inputType="colorPicker"
|
|
1204
1204
|
[value]="stateService.state.categoryAxis[0]?.labels?.color || ''"
|
|
1205
1205
|
(valueChange)="updateState(categoryAxisLabelsColor, $event)"
|
|
1206
1206
|
>
|
|
1207
|
-
</kendo-
|
|
1208
|
-
<kendo-
|
|
1207
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1208
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1209
1209
|
text="Rotation"
|
|
1210
1210
|
inputType="dropDownList"
|
|
1211
1211
|
[data]="labelsRotation"
|
|
1212
1212
|
[value]="stateService.state.categoryAxis[0]?.labels?.rotation"
|
|
1213
1213
|
(valueChange)="updateState(categoryAxisLabelsRotation, $event)"
|
|
1214
1214
|
>
|
|
1215
|
-
</kendo-
|
|
1215
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1216
1216
|
<span></span>
|
|
1217
|
-
<kendo-
|
|
1217
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1218
1218
|
text="Reverse Order"
|
|
1219
1219
|
[isLabelInsideFormFieldWrap]="true"
|
|
1220
1220
|
inputType="checkbox"
|
|
@@ -1222,7 +1222,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1222
1222
|
[value]="stateService.state.categoryAxis[0]?.reverse"
|
|
1223
1223
|
(valueChange)="updateState(categoryAxisReverseOrder, $event)"
|
|
1224
1224
|
>
|
|
1225
|
-
</kendo-
|
|
1225
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1226
1226
|
</div>
|
|
1227
1227
|
</fieldset>
|
|
1228
1228
|
</form>
|
|
@@ -1238,7 +1238,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1238
1238
|
<fieldset class="k-form-fieldset">
|
|
1239
1239
|
<legend class="k-form-legend">Title</legend>
|
|
1240
1240
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1241
|
-
<kendo-
|
|
1241
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1242
1242
|
inputType="text"
|
|
1243
1243
|
[hasLabel]="false"
|
|
1244
1244
|
[colSpan]="2"
|
|
@@ -1246,8 +1246,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1246
1246
|
[value]="stateService.state.valueAxis[0]?.title?.text"
|
|
1247
1247
|
(valueChange)="updateState(valueAxisTitleText, $event)"
|
|
1248
1248
|
>
|
|
1249
|
-
</kendo-
|
|
1250
|
-
<kendo-
|
|
1249
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1250
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1251
1251
|
text="Font"
|
|
1252
1252
|
inputType="comboBox"
|
|
1253
1253
|
[colSpan]="2"
|
|
@@ -1256,8 +1256,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1256
1256
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
|
|
1257
1257
|
(valueChange)="updateState(valueAxisTitleFontName, $event)"
|
|
1258
1258
|
>
|
|
1259
|
-
</kendo-
|
|
1260
|
-
<kendo-
|
|
1259
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1260
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1261
1261
|
text="Size"
|
|
1262
1262
|
inputType="comboBox"
|
|
1263
1263
|
placeholder="px"
|
|
@@ -1265,20 +1265,20 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1265
1265
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
|
|
1266
1266
|
(valueChange)="updateState(valueAxisTitleFontSize, $event)"
|
|
1267
1267
|
>
|
|
1268
|
-
</kendo-
|
|
1269
|
-
<kendo-
|
|
1268
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1269
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1270
1270
|
text="Color"
|
|
1271
1271
|
inputType="colorPicker"
|
|
1272
1272
|
[value]="stateService.state.valueAxis[0]?.title?.color"
|
|
1273
1273
|
(valueChange)="updateState(valueAxisTitleColor, $event)"
|
|
1274
1274
|
>
|
|
1275
|
-
</kendo-
|
|
1275
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1276
1276
|
</div>
|
|
1277
1277
|
</fieldset>
|
|
1278
1278
|
<fieldset class="k-form-fieldset">
|
|
1279
1279
|
<legend class="k-form-legend">Labels</legend>
|
|
1280
1280
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1281
|
-
<kendo-
|
|
1281
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1282
1282
|
text="Font"
|
|
1283
1283
|
inputType="comboBox"
|
|
1284
1284
|
[data]="fontNames"
|
|
@@ -1286,8 +1286,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1286
1286
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
|
|
1287
1287
|
(valueChange)="updateState(valueAxisLabelsFontName, $event)"
|
|
1288
1288
|
>
|
|
1289
|
-
</kendo-
|
|
1290
|
-
<kendo-
|
|
1289
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1290
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1291
1291
|
text="Size"
|
|
1292
1292
|
inputType="comboBox"
|
|
1293
1293
|
[data]="fontSizes"
|
|
@@ -1295,32 +1295,32 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1295
1295
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
|
|
1296
1296
|
(valueChange)="updateState(valueAxisLabelsFontSize, $event)"
|
|
1297
1297
|
>
|
|
1298
|
-
</kendo-
|
|
1299
|
-
<kendo-
|
|
1298
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1299
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1300
1300
|
text="Color"
|
|
1301
1301
|
inputType="colorPicker"
|
|
1302
1302
|
[value]="stateService.state.valueAxis[0]?.labels?.color || ''"
|
|
1303
1303
|
(valueChange)="updateState(valueAxisLabelsColor, $event)"
|
|
1304
1304
|
>
|
|
1305
|
-
</kendo-
|
|
1306
|
-
<kendo-
|
|
1305
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1306
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1307
1307
|
text="Rotation"
|
|
1308
1308
|
inputType="dropDownList"
|
|
1309
1309
|
[data]="labelsRotation"
|
|
1310
1310
|
[value]="stateService.state.valueAxis[0]?.labels?.rotation"
|
|
1311
1311
|
(valueChange)="updateState(valueAxisLabelsRotation, $event)"
|
|
1312
1312
|
>
|
|
1313
|
-
</kendo-
|
|
1313
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1314
1314
|
</div>
|
|
1315
1315
|
</fieldset>
|
|
1316
1316
|
</form>
|
|
1317
1317
|
</kendo-expansionpanel>
|
|
1318
1318
|
</section>
|
|
1319
|
-
`, 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: ChartWizardPropertyPaneFormFieldComponent, selector: "kendo-
|
|
1319
|
+
`, 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: ChartWizardPropertyPaneFormFieldComponent, selector: "kendo-chartwizard-property-pane-form-field", inputs: ["currentState", "action", "class", "inputType", "text", "data", "placeholder", "colSpan", "hasLabel", "isLabelInsideFormFieldWrap", "value"], outputs: ["valueChange"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1320
1320
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, decorators: [{
|
|
1321
1321
|
type: Component,
|
|
1322
1322
|
args: [{
|
|
1323
|
-
selector: 'kendo-
|
|
1323
|
+
selector: 'kendo-chartwizard-property-pane-format-tab',
|
|
1324
1324
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1325
1325
|
template: `
|
|
1326
1326
|
<section>
|
|
@@ -1334,45 +1334,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1334
1334
|
<fieldset class="k-form-fieldset">
|
|
1335
1335
|
<legend class="k-form-legend">Margins</legend>
|
|
1336
1336
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1337
|
-
<kendo-
|
|
1337
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1338
1338
|
text="Left"
|
|
1339
1339
|
inputType="numeric"
|
|
1340
1340
|
[value]="$any(stateService.state.area?.margin).left"
|
|
1341
1341
|
(valueChange)="updateState(areaMarginLeft, $event)"
|
|
1342
1342
|
>
|
|
1343
|
-
</kendo-
|
|
1344
|
-
<kendo-
|
|
1343
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1344
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1345
1345
|
text="Right"
|
|
1346
1346
|
inputType="numeric"
|
|
1347
1347
|
[value]="$any(stateService.state.area?.margin).right"
|
|
1348
1348
|
(valueChange)="updateState(areaMarginRight, $event)"
|
|
1349
1349
|
>
|
|
1350
|
-
</kendo-
|
|
1351
|
-
<kendo-
|
|
1350
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1351
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1352
1352
|
text="Top"
|
|
1353
1353
|
inputType="numeric"
|
|
1354
1354
|
[value]="$any(stateService.state.area?.margin).top"
|
|
1355
1355
|
(valueChange)="updateState(areaMarginTop, $event)"
|
|
1356
1356
|
>
|
|
1357
|
-
</kendo-
|
|
1358
|
-
<kendo-
|
|
1357
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1358
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1359
1359
|
text="Bottom"
|
|
1360
1360
|
inputType="numeric"
|
|
1361
1361
|
[value]="$any(stateService.state.area?.margin).bottom"
|
|
1362
1362
|
(valueChange)="updateState(areaMarginBottom, $event)"
|
|
1363
1363
|
>
|
|
1364
|
-
</kendo-
|
|
1364
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1365
1365
|
</div>
|
|
1366
1366
|
</fieldset>
|
|
1367
1367
|
<fieldset class="k-form-fieldset">
|
|
1368
1368
|
<legend class="k-form-legend">Background</legend>
|
|
1369
|
-
<kendo-
|
|
1369
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1370
1370
|
text="Color"
|
|
1371
1371
|
inputType="colorPicker"
|
|
1372
1372
|
[value]="stateService.state.area?.background"
|
|
1373
1373
|
(valueChange)="updateState(areaBackground, $event)"
|
|
1374
1374
|
>
|
|
1375
|
-
</kendo-
|
|
1375
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1376
1376
|
</fieldset>
|
|
1377
1377
|
</form>
|
|
1378
1378
|
</kendo-expansionpanel>
|
|
@@ -1385,7 +1385,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1385
1385
|
>
|
|
1386
1386
|
<form class="k-form k-form-md">
|
|
1387
1387
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1388
|
-
<kendo-
|
|
1388
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1389
1389
|
text="Apply to"
|
|
1390
1390
|
inputType="dropDownList"
|
|
1391
1391
|
[data]="chartTitles"
|
|
@@ -1393,16 +1393,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1393
1393
|
[value]="stateService.currentTitle"
|
|
1394
1394
|
(valueChange)="changeCurrentTitle($event)"
|
|
1395
1395
|
>
|
|
1396
|
-
</kendo-
|
|
1397
|
-
<kendo-
|
|
1396
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1397
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1398
1398
|
text="Title"
|
|
1399
1399
|
inputType="text"
|
|
1400
1400
|
[colSpan]="2"
|
|
1401
1401
|
[value]="chartTitleTypeText"
|
|
1402
1402
|
(valueChange)="updateState(chartTitleTypeAction, $event)"
|
|
1403
1403
|
>
|
|
1404
|
-
</kendo-
|
|
1405
|
-
<kendo-
|
|
1404
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1405
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1406
1406
|
text="Font"
|
|
1407
1407
|
inputType="comboBox"
|
|
1408
1408
|
[data]="fontNames"
|
|
@@ -1411,22 +1411,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1411
1411
|
placeholder="(Inherited font)"
|
|
1412
1412
|
(valueChange)="updateState(chartTitleTypeFontAction, $event)"
|
|
1413
1413
|
>
|
|
1414
|
-
</kendo-
|
|
1415
|
-
<kendo-
|
|
1414
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1415
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1416
1416
|
text="Size"
|
|
1417
1417
|
inputType="comboBox"
|
|
1418
1418
|
[data]="fontSizes"
|
|
1419
1419
|
[value]="chartTitleTypeFontSize"
|
|
1420
1420
|
(valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
|
|
1421
1421
|
>
|
|
1422
|
-
</kendo-
|
|
1423
|
-
<kendo-
|
|
1422
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1423
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1424
1424
|
text="Color"
|
|
1425
1425
|
inputType="colorPicker"
|
|
1426
1426
|
[value]="chartTitleTypeColor"
|
|
1427
1427
|
(valueChange)="updateState(chartTitleTypeColorAction, $event)"
|
|
1428
1428
|
>
|
|
1429
|
-
</kendo-
|
|
1429
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1430
1430
|
</div>
|
|
1431
1431
|
</form>
|
|
1432
1432
|
</kendo-expansionpanel>
|
|
@@ -1449,7 +1449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1449
1449
|
[checked]="stateService.state.legend?.visible"
|
|
1450
1450
|
(valueChange)="updateState(legendVisible, $event)"
|
|
1451
1451
|
></kendo-switch>
|
|
1452
|
-
<kendo-
|
|
1452
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1453
1453
|
text="Font"
|
|
1454
1454
|
inputType="comboBox"
|
|
1455
1455
|
[data]="fontNames"
|
|
@@ -1458,8 +1458,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1458
1458
|
[value]="parseFont(stateService.state.legend?.labels?.font).name"
|
|
1459
1459
|
(valueChange)="updateState(legendFontName, $event)"
|
|
1460
1460
|
>
|
|
1461
|
-
</kendo-
|
|
1462
|
-
<kendo-
|
|
1461
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1462
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1463
1463
|
text="Size"
|
|
1464
1464
|
inputType="comboBox"
|
|
1465
1465
|
[data]="fontSizes"
|
|
@@ -1467,15 +1467,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1467
1467
|
[value]="parseFont(stateService.state.legend?.labels?.font).size"
|
|
1468
1468
|
(valueChange)="updateState(legendFontSize, $event)"
|
|
1469
1469
|
>
|
|
1470
|
-
</kendo-
|
|
1471
|
-
<kendo-
|
|
1470
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1471
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1472
1472
|
text="Color"
|
|
1473
1473
|
inputType="colorPicker"
|
|
1474
1474
|
[value]="stateService.state.legend?.labels?.color"
|
|
1475
1475
|
(valueChange)="updateState(legendColor, $event)"
|
|
1476
1476
|
>
|
|
1477
|
-
</kendo-
|
|
1478
|
-
<kendo-
|
|
1477
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1478
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1479
1479
|
text="Position"
|
|
1480
1480
|
inputType="dropDownList"
|
|
1481
1481
|
[colSpan]="2"
|
|
@@ -1483,7 +1483,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1483
1483
|
[value]="stateService.state.legend?.position"
|
|
1484
1484
|
(valueChange)="updateState(legendPosition, $event)"
|
|
1485
1485
|
>
|
|
1486
|
-
</kendo-
|
|
1486
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1487
1487
|
</div>
|
|
1488
1488
|
</form>
|
|
1489
1489
|
</kendo-expansionpanel>
|
|
@@ -1512,21 +1512,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1512
1512
|
</div>
|
|
1513
1513
|
</div>
|
|
1514
1514
|
|
|
1515
|
-
<kendo-
|
|
1515
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1516
1516
|
text="Color"
|
|
1517
1517
|
[value]="stateService.currentSeries?.color"
|
|
1518
1518
|
inputType="colorPicker"
|
|
1519
1519
|
(valueChange)="updateSeriesColor($event)"
|
|
1520
1520
|
>
|
|
1521
|
-
</kendo-
|
|
1522
|
-
<kendo-
|
|
1521
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1522
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1523
1523
|
text="Show Labels"
|
|
1524
1524
|
[value]="stateService.currentSeries.labels?.visible"
|
|
1525
1525
|
[isLabelInsideFormFieldWrap]="true"
|
|
1526
1526
|
inputType="checkbox"
|
|
1527
1527
|
(valueChange)="toggleSeriesLabels($event)"
|
|
1528
1528
|
>
|
|
1529
|
-
</kendo-
|
|
1529
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1530
1530
|
</form>
|
|
1531
1531
|
</kendo-expansionpanel>
|
|
1532
1532
|
</section>
|
|
@@ -1540,7 +1540,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1540
1540
|
<fieldset class="k-form-fieldset">
|
|
1541
1541
|
<legend class="k-form-legend">Title</legend>
|
|
1542
1542
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1543
|
-
<kendo-
|
|
1543
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1544
1544
|
inputType="text"
|
|
1545
1545
|
[hasLabel]="false"
|
|
1546
1546
|
[colSpan]="2"
|
|
@@ -1548,8 +1548,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1548
1548
|
[value]="stateService.state.categoryAxis[0]?.title?.text"
|
|
1549
1549
|
(valueChange)="updateState(categoryAxisTitleText, $event)"
|
|
1550
1550
|
>
|
|
1551
|
-
</kendo-
|
|
1552
|
-
<kendo-
|
|
1551
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1552
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1553
1553
|
text="Font"
|
|
1554
1554
|
inputType="comboBox"
|
|
1555
1555
|
[data]="fontNames"
|
|
@@ -1558,8 +1558,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1558
1558
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
|
|
1559
1559
|
(valueChange)="updateState(categoryAxisTitleFontName, $event)"
|
|
1560
1560
|
>
|
|
1561
|
-
</kendo-
|
|
1562
|
-
<kendo-
|
|
1561
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1562
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1563
1563
|
text="Size"
|
|
1564
1564
|
inputType="comboBox"
|
|
1565
1565
|
placeholder="px"
|
|
@@ -1567,20 +1567,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1567
1567
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
|
|
1568
1568
|
(valueChange)="updateState(categoryAxisTitleFontSize, $event)"
|
|
1569
1569
|
>
|
|
1570
|
-
</kendo-
|
|
1571
|
-
<kendo-
|
|
1570
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1571
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1572
1572
|
text="Color"
|
|
1573
1573
|
inputType="colorPicker"
|
|
1574
1574
|
[value]="stateService.state.categoryAxis[0]?.title?.color"
|
|
1575
1575
|
(valueChange)="updateState(categoryAxisTitleColor, $event)"
|
|
1576
1576
|
>
|
|
1577
|
-
</kendo-
|
|
1577
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1578
1578
|
</div>
|
|
1579
1579
|
</fieldset>
|
|
1580
1580
|
<fieldset class="k-form-fieldset">
|
|
1581
1581
|
<legend class="k-form-legend">Labels</legend>
|
|
1582
1582
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1583
|
-
<kendo-
|
|
1583
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1584
1584
|
text="Font"
|
|
1585
1585
|
inputType="comboBox"
|
|
1586
1586
|
[data]="fontNames"
|
|
@@ -1588,8 +1588,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1588
1588
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
|
|
1589
1589
|
(valueChange)="updateState(categoryAxisLabelsFontName, $event)"
|
|
1590
1590
|
>
|
|
1591
|
-
</kendo-
|
|
1592
|
-
<kendo-
|
|
1591
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1592
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1593
1593
|
text="Size"
|
|
1594
1594
|
inputType="comboBox"
|
|
1595
1595
|
[data]="fontSizes"
|
|
@@ -1597,24 +1597,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1597
1597
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
|
|
1598
1598
|
(valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
|
|
1599
1599
|
>
|
|
1600
|
-
</kendo-
|
|
1601
|
-
<kendo-
|
|
1600
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1601
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1602
1602
|
text="Color"
|
|
1603
1603
|
inputType="colorPicker"
|
|
1604
1604
|
[value]="stateService.state.categoryAxis[0]?.labels?.color || ''"
|
|
1605
1605
|
(valueChange)="updateState(categoryAxisLabelsColor, $event)"
|
|
1606
1606
|
>
|
|
1607
|
-
</kendo-
|
|
1608
|
-
<kendo-
|
|
1607
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1608
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1609
1609
|
text="Rotation"
|
|
1610
1610
|
inputType="dropDownList"
|
|
1611
1611
|
[data]="labelsRotation"
|
|
1612
1612
|
[value]="stateService.state.categoryAxis[0]?.labels?.rotation"
|
|
1613
1613
|
(valueChange)="updateState(categoryAxisLabelsRotation, $event)"
|
|
1614
1614
|
>
|
|
1615
|
-
</kendo-
|
|
1615
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1616
1616
|
<span></span>
|
|
1617
|
-
<kendo-
|
|
1617
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1618
1618
|
text="Reverse Order"
|
|
1619
1619
|
[isLabelInsideFormFieldWrap]="true"
|
|
1620
1620
|
inputType="checkbox"
|
|
@@ -1622,7 +1622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1622
1622
|
[value]="stateService.state.categoryAxis[0]?.reverse"
|
|
1623
1623
|
(valueChange)="updateState(categoryAxisReverseOrder, $event)"
|
|
1624
1624
|
>
|
|
1625
|
-
</kendo-
|
|
1625
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1626
1626
|
</div>
|
|
1627
1627
|
</fieldset>
|
|
1628
1628
|
</form>
|
|
@@ -1638,7 +1638,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1638
1638
|
<fieldset class="k-form-fieldset">
|
|
1639
1639
|
<legend class="k-form-legend">Title</legend>
|
|
1640
1640
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1641
|
-
<kendo-
|
|
1641
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1642
1642
|
inputType="text"
|
|
1643
1643
|
[hasLabel]="false"
|
|
1644
1644
|
[colSpan]="2"
|
|
@@ -1646,8 +1646,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1646
1646
|
[value]="stateService.state.valueAxis[0]?.title?.text"
|
|
1647
1647
|
(valueChange)="updateState(valueAxisTitleText, $event)"
|
|
1648
1648
|
>
|
|
1649
|
-
</kendo-
|
|
1650
|
-
<kendo-
|
|
1649
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1650
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1651
1651
|
text="Font"
|
|
1652
1652
|
inputType="comboBox"
|
|
1653
1653
|
[colSpan]="2"
|
|
@@ -1656,8 +1656,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1656
1656
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
|
|
1657
1657
|
(valueChange)="updateState(valueAxisTitleFontName, $event)"
|
|
1658
1658
|
>
|
|
1659
|
-
</kendo-
|
|
1660
|
-
<kendo-
|
|
1659
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1660
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1661
1661
|
text="Size"
|
|
1662
1662
|
inputType="comboBox"
|
|
1663
1663
|
placeholder="px"
|
|
@@ -1665,20 +1665,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1665
1665
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
|
|
1666
1666
|
(valueChange)="updateState(valueAxisTitleFontSize, $event)"
|
|
1667
1667
|
>
|
|
1668
|
-
</kendo-
|
|
1669
|
-
<kendo-
|
|
1668
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1669
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1670
1670
|
text="Color"
|
|
1671
1671
|
inputType="colorPicker"
|
|
1672
1672
|
[value]="stateService.state.valueAxis[0]?.title?.color"
|
|
1673
1673
|
(valueChange)="updateState(valueAxisTitleColor, $event)"
|
|
1674
1674
|
>
|
|
1675
|
-
</kendo-
|
|
1675
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1676
1676
|
</div>
|
|
1677
1677
|
</fieldset>
|
|
1678
1678
|
<fieldset class="k-form-fieldset">
|
|
1679
1679
|
<legend class="k-form-legend">Labels</legend>
|
|
1680
1680
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1681
|
-
<kendo-
|
|
1681
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1682
1682
|
text="Font"
|
|
1683
1683
|
inputType="comboBox"
|
|
1684
1684
|
[data]="fontNames"
|
|
@@ -1686,8 +1686,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1686
1686
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
|
|
1687
1687
|
(valueChange)="updateState(valueAxisLabelsFontName, $event)"
|
|
1688
1688
|
>
|
|
1689
|
-
</kendo-
|
|
1690
|
-
<kendo-
|
|
1689
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1690
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1691
1691
|
text="Size"
|
|
1692
1692
|
inputType="comboBox"
|
|
1693
1693
|
[data]="fontSizes"
|
|
@@ -1695,22 +1695,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1695
1695
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
|
|
1696
1696
|
(valueChange)="updateState(valueAxisLabelsFontSize, $event)"
|
|
1697
1697
|
>
|
|
1698
|
-
</kendo-
|
|
1699
|
-
<kendo-
|
|
1698
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1699
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1700
1700
|
text="Color"
|
|
1701
1701
|
inputType="colorPicker"
|
|
1702
1702
|
[value]="stateService.state.valueAxis[0]?.labels?.color || ''"
|
|
1703
1703
|
(valueChange)="updateState(valueAxisLabelsColor, $event)"
|
|
1704
1704
|
>
|
|
1705
|
-
</kendo-
|
|
1706
|
-
<kendo-
|
|
1705
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1706
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1707
1707
|
text="Rotation"
|
|
1708
1708
|
inputType="dropDownList"
|
|
1709
1709
|
[data]="labelsRotation"
|
|
1710
1710
|
[value]="stateService.state.valueAxis[0]?.labels?.rotation"
|
|
1711
1711
|
(valueChange)="updateState(valueAxisLabelsRotation, $event)"
|
|
1712
1712
|
>
|
|
1713
|
-
</kendo-
|
|
1713
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1714
1714
|
</div>
|
|
1715
1715
|
</fieldset>
|
|
1716
1716
|
</form>
|
|
@@ -1772,7 +1772,7 @@ class ChartWizardPropertyPaneFormatTabComponent {
|
|
|
1772
1772
|
}
|
|
1773
1773
|
}
|
|
1774
1774
|
ChartWizardPropertyPaneFormatTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, deps: [{ token: StateService }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
1775
|
-
ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormatTabComponent, isStandalone: true, selector: "kendo-
|
|
1775
|
+
ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormatTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-data-tab", ngImport: i0, template: `
|
|
1776
1776
|
<kendo-expansionpanel title="Configuration" [expanded]="true">
|
|
1777
1777
|
<form class="k-form k-form-md">
|
|
1778
1778
|
<fieldset class="k-form-fieldset">
|
|
@@ -1846,7 +1846,7 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
|
|
|
1846
1846
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, decorators: [{
|
|
1847
1847
|
type: Component,
|
|
1848
1848
|
args: [{
|
|
1849
|
-
selector: 'kendo-
|
|
1849
|
+
selector: 'kendo-chartwizard-property-pane-data-tab',
|
|
1850
1850
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1851
1851
|
template: `
|
|
1852
1852
|
<kendo-expansionpanel title="Configuration" [expanded]="true">
|
|
@@ -1966,7 +1966,7 @@ class ChartWizardSeriesTypeButtonComponent {
|
|
|
1966
1966
|
}
|
|
1967
1967
|
}
|
|
1968
1968
|
ChartWizardSeriesTypeButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardSeriesTypeButtonComponent, deps: [{ token: StateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1969
|
-
ChartWizardSeriesTypeButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardSeriesTypeButtonComponent, isStandalone: true, selector: "kendo-
|
|
1969
|
+
ChartWizardSeriesTypeButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardSeriesTypeButtonComponent, isStandalone: true, selector: "kendo-chartwizard-series-type-button", inputs: { title: "title", chartTypeIcon: "chartTypeIcon", stack: "stack", seriesType: "seriesType" }, ngImport: i0, template: `
|
|
1970
1970
|
<div class="k-icon-text-wrapper" [class.k-selected]="isSelected()" (click)="onSelect()">
|
|
1971
1971
|
<div class="k-icon-background-area">
|
|
1972
1972
|
<kendo-svgicon [icon]="chartTypeIcon" size="xlarge" themeColor="secondary"> </kendo-svgicon>
|
|
@@ -1977,7 +1977,7 @@ ChartWizardSeriesTypeButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVers
|
|
|
1977
1977
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardSeriesTypeButtonComponent, decorators: [{
|
|
1978
1978
|
type: Component,
|
|
1979
1979
|
args: [{
|
|
1980
|
-
selector: 'kendo-
|
|
1980
|
+
selector: 'kendo-chartwizard-series-type-button',
|
|
1981
1981
|
template: `
|
|
1982
1982
|
<div class="k-icon-text-wrapper" [class.k-selected]="isSelected()" (click)="onSelect()">
|
|
1983
1983
|
<div class="k-icon-background-area">
|
|
@@ -2036,206 +2036,206 @@ class ChartWizardPropertyPaneChartTabComponent {
|
|
|
2036
2036
|
}
|
|
2037
2037
|
}
|
|
2038
2038
|
ChartWizardPropertyPaneChartTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, deps: [{ token: StateService }, { token: i0.ChangeDetectorRef }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2039
|
-
ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneChartTabComponent, isStandalone: true, selector: "kendo-
|
|
2039
|
+
ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneChartTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-chart-tab", ngImport: i0, template: `
|
|
2040
2040
|
<kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
|
|
2041
2041
|
<div class="k-chart-types-wrapper">
|
|
2042
|
-
<kendo-
|
|
2042
|
+
<kendo-chartwizard-series-type-button
|
|
2043
2043
|
title="Bar"
|
|
2044
2044
|
[chartTypeIcon]="chartBarClusteredIcon"
|
|
2045
2045
|
seriesType="bar"
|
|
2046
2046
|
[stack]="false"
|
|
2047
2047
|
>
|
|
2048
|
-
</kendo-
|
|
2049
|
-
<kendo-
|
|
2048
|
+
</kendo-chartwizard-series-type-button>
|
|
2049
|
+
<kendo-chartwizard-series-type-button
|
|
2050
2050
|
title="Stacked Bar"
|
|
2051
2051
|
[chartTypeIcon]="chartBarStackedIcon"
|
|
2052
2052
|
seriesType="bar"
|
|
2053
2053
|
[stack]="true"
|
|
2054
2054
|
>
|
|
2055
|
-
</kendo-
|
|
2056
|
-
<kendo-
|
|
2055
|
+
</kendo-chartwizard-series-type-button>
|
|
2056
|
+
<kendo-chartwizard-series-type-button
|
|
2057
2057
|
title="100% Stacked Bar"
|
|
2058
2058
|
[chartTypeIcon]="chartBarStacked100Icon"
|
|
2059
2059
|
seriesType="bar"
|
|
2060
2060
|
[stack]="{ type: '100%' }"
|
|
2061
2061
|
>
|
|
2062
|
-
</kendo-
|
|
2062
|
+
</kendo-chartwizard-series-type-button>
|
|
2063
2063
|
</div>
|
|
2064
2064
|
</kendo-expansionpanel>
|
|
2065
2065
|
<kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
|
|
2066
2066
|
<div class="k-chart-types-wrapper">
|
|
2067
|
-
<kendo-
|
|
2067
|
+
<kendo-chartwizard-series-type-button
|
|
2068
2068
|
title="Pie"
|
|
2069
2069
|
[chartTypeIcon]="chartPieIcon"
|
|
2070
2070
|
seriesType="pie"
|
|
2071
2071
|
[stack]="undefined"
|
|
2072
2072
|
>
|
|
2073
|
-
</kendo-
|
|
2073
|
+
</kendo-chartwizard-series-type-button>
|
|
2074
2074
|
</div>
|
|
2075
2075
|
</kendo-expansionpanel>
|
|
2076
2076
|
<kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
|
|
2077
2077
|
<div class="k-chart-types-wrapper">
|
|
2078
|
-
<kendo-
|
|
2078
|
+
<kendo-chartwizard-series-type-button
|
|
2079
2079
|
title="Column"
|
|
2080
2080
|
[chartTypeIcon]="chartColumnClusteredIcon"
|
|
2081
2081
|
seriesType="column"
|
|
2082
2082
|
[stack]="false"
|
|
2083
2083
|
>
|
|
2084
|
-
</kendo-
|
|
2085
|
-
<kendo-
|
|
2084
|
+
</kendo-chartwizard-series-type-button>
|
|
2085
|
+
<kendo-chartwizard-series-type-button
|
|
2086
2086
|
title="Stacked Column"
|
|
2087
2087
|
[chartTypeIcon]="chartColumnStackedIcon"
|
|
2088
2088
|
seriesType="column"
|
|
2089
2089
|
[stack]="true"
|
|
2090
2090
|
>
|
|
2091
|
-
</kendo-
|
|
2092
|
-
<kendo-
|
|
2091
|
+
</kendo-chartwizard-series-type-button>
|
|
2092
|
+
<kendo-chartwizard-series-type-button
|
|
2093
2093
|
title="100% Stacked Column"
|
|
2094
2094
|
[chartTypeIcon]="chartColumnStacked100Icon"
|
|
2095
2095
|
seriesType="column"
|
|
2096
2096
|
[stack]="{ type: '100%' }"
|
|
2097
2097
|
>
|
|
2098
|
-
</kendo-
|
|
2098
|
+
</kendo-chartwizard-series-type-button>
|
|
2099
2099
|
</div>
|
|
2100
2100
|
</kendo-expansionpanel>
|
|
2101
2101
|
<kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
|
|
2102
2102
|
<div class="k-chart-types-wrapper">
|
|
2103
|
-
<kendo-
|
|
2103
|
+
<kendo-chartwizard-series-type-button
|
|
2104
2104
|
title="Line"
|
|
2105
2105
|
[chartTypeIcon]="chartLineIcon"
|
|
2106
2106
|
seriesType="line"
|
|
2107
2107
|
[stack]="false"
|
|
2108
2108
|
>
|
|
2109
|
-
</kendo-
|
|
2110
|
-
<kendo-
|
|
2109
|
+
</kendo-chartwizard-series-type-button>
|
|
2110
|
+
<kendo-chartwizard-series-type-button
|
|
2111
2111
|
title="Stacked Line"
|
|
2112
2112
|
[chartTypeIcon]="chartLineStackedIcon"
|
|
2113
2113
|
seriesType="line"
|
|
2114
2114
|
[stack]="true"
|
|
2115
2115
|
>
|
|
2116
|
-
</kendo-
|
|
2117
|
-
<kendo-
|
|
2116
|
+
</kendo-chartwizard-series-type-button>
|
|
2117
|
+
<kendo-chartwizard-series-type-button
|
|
2118
2118
|
title="100% Line Column"
|
|
2119
2119
|
[chartTypeIcon]="chartLineStacked100Icon"
|
|
2120
2120
|
seriesType="line"
|
|
2121
2121
|
[stack]="{ type: '100%' }"
|
|
2122
2122
|
>
|
|
2123
|
-
</kendo-
|
|
2123
|
+
</kendo-chartwizard-series-type-button>
|
|
2124
2124
|
</div>
|
|
2125
2125
|
</kendo-expansionpanel>
|
|
2126
2126
|
<kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
|
|
2127
2127
|
<div class="k-chart-types-wrapper">
|
|
2128
|
-
<kendo-
|
|
2128
|
+
<kendo-chartwizard-series-type-button
|
|
2129
2129
|
title="Scatter"
|
|
2130
2130
|
[chartTypeIcon]="chartScatterIcon"
|
|
2131
2131
|
seriesType="scatter"
|
|
2132
2132
|
[stack]="false"
|
|
2133
2133
|
>
|
|
2134
|
-
</kendo-
|
|
2134
|
+
</kendo-chartwizard-series-type-button>
|
|
2135
2135
|
</div>
|
|
2136
2136
|
</kendo-expansionpanel>
|
|
2137
|
-
`, 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: ChartWizardSeriesTypeButtonComponent, selector: "kendo-
|
|
2137
|
+
`, 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: ChartWizardSeriesTypeButtonComponent, selector: "kendo-chartwizard-series-type-button", inputs: ["title", "chartTypeIcon", "stack", "seriesType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2138
2138
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, decorators: [{
|
|
2139
2139
|
type: Component,
|
|
2140
2140
|
args: [{
|
|
2141
|
-
selector: 'kendo-
|
|
2141
|
+
selector: 'kendo-chartwizard-property-pane-chart-tab',
|
|
2142
2142
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2143
2143
|
template: `
|
|
2144
2144
|
<kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
|
|
2145
2145
|
<div class="k-chart-types-wrapper">
|
|
2146
|
-
<kendo-
|
|
2146
|
+
<kendo-chartwizard-series-type-button
|
|
2147
2147
|
title="Bar"
|
|
2148
2148
|
[chartTypeIcon]="chartBarClusteredIcon"
|
|
2149
2149
|
seriesType="bar"
|
|
2150
2150
|
[stack]="false"
|
|
2151
2151
|
>
|
|
2152
|
-
</kendo-
|
|
2153
|
-
<kendo-
|
|
2152
|
+
</kendo-chartwizard-series-type-button>
|
|
2153
|
+
<kendo-chartwizard-series-type-button
|
|
2154
2154
|
title="Stacked Bar"
|
|
2155
2155
|
[chartTypeIcon]="chartBarStackedIcon"
|
|
2156
2156
|
seriesType="bar"
|
|
2157
2157
|
[stack]="true"
|
|
2158
2158
|
>
|
|
2159
|
-
</kendo-
|
|
2160
|
-
<kendo-
|
|
2159
|
+
</kendo-chartwizard-series-type-button>
|
|
2160
|
+
<kendo-chartwizard-series-type-button
|
|
2161
2161
|
title="100% Stacked Bar"
|
|
2162
2162
|
[chartTypeIcon]="chartBarStacked100Icon"
|
|
2163
2163
|
seriesType="bar"
|
|
2164
2164
|
[stack]="{ type: '100%' }"
|
|
2165
2165
|
>
|
|
2166
|
-
</kendo-
|
|
2166
|
+
</kendo-chartwizard-series-type-button>
|
|
2167
2167
|
</div>
|
|
2168
2168
|
</kendo-expansionpanel>
|
|
2169
2169
|
<kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
|
|
2170
2170
|
<div class="k-chart-types-wrapper">
|
|
2171
|
-
<kendo-
|
|
2171
|
+
<kendo-chartwizard-series-type-button
|
|
2172
2172
|
title="Pie"
|
|
2173
2173
|
[chartTypeIcon]="chartPieIcon"
|
|
2174
2174
|
seriesType="pie"
|
|
2175
2175
|
[stack]="undefined"
|
|
2176
2176
|
>
|
|
2177
|
-
</kendo-
|
|
2177
|
+
</kendo-chartwizard-series-type-button>
|
|
2178
2178
|
</div>
|
|
2179
2179
|
</kendo-expansionpanel>
|
|
2180
2180
|
<kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
|
|
2181
2181
|
<div class="k-chart-types-wrapper">
|
|
2182
|
-
<kendo-
|
|
2182
|
+
<kendo-chartwizard-series-type-button
|
|
2183
2183
|
title="Column"
|
|
2184
2184
|
[chartTypeIcon]="chartColumnClusteredIcon"
|
|
2185
2185
|
seriesType="column"
|
|
2186
2186
|
[stack]="false"
|
|
2187
2187
|
>
|
|
2188
|
-
</kendo-
|
|
2189
|
-
<kendo-
|
|
2188
|
+
</kendo-chartwizard-series-type-button>
|
|
2189
|
+
<kendo-chartwizard-series-type-button
|
|
2190
2190
|
title="Stacked Column"
|
|
2191
2191
|
[chartTypeIcon]="chartColumnStackedIcon"
|
|
2192
2192
|
seriesType="column"
|
|
2193
2193
|
[stack]="true"
|
|
2194
2194
|
>
|
|
2195
|
-
</kendo-
|
|
2196
|
-
<kendo-
|
|
2195
|
+
</kendo-chartwizard-series-type-button>
|
|
2196
|
+
<kendo-chartwizard-series-type-button
|
|
2197
2197
|
title="100% Stacked Column"
|
|
2198
2198
|
[chartTypeIcon]="chartColumnStacked100Icon"
|
|
2199
2199
|
seriesType="column"
|
|
2200
2200
|
[stack]="{ type: '100%' }"
|
|
2201
2201
|
>
|
|
2202
|
-
</kendo-
|
|
2202
|
+
</kendo-chartwizard-series-type-button>
|
|
2203
2203
|
</div>
|
|
2204
2204
|
</kendo-expansionpanel>
|
|
2205
2205
|
<kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
|
|
2206
2206
|
<div class="k-chart-types-wrapper">
|
|
2207
|
-
<kendo-
|
|
2207
|
+
<kendo-chartwizard-series-type-button
|
|
2208
2208
|
title="Line"
|
|
2209
2209
|
[chartTypeIcon]="chartLineIcon"
|
|
2210
2210
|
seriesType="line"
|
|
2211
2211
|
[stack]="false"
|
|
2212
2212
|
>
|
|
2213
|
-
</kendo-
|
|
2214
|
-
<kendo-
|
|
2213
|
+
</kendo-chartwizard-series-type-button>
|
|
2214
|
+
<kendo-chartwizard-series-type-button
|
|
2215
2215
|
title="Stacked Line"
|
|
2216
2216
|
[chartTypeIcon]="chartLineStackedIcon"
|
|
2217
2217
|
seriesType="line"
|
|
2218
2218
|
[stack]="true"
|
|
2219
2219
|
>
|
|
2220
|
-
</kendo-
|
|
2221
|
-
<kendo-
|
|
2220
|
+
</kendo-chartwizard-series-type-button>
|
|
2221
|
+
<kendo-chartwizard-series-type-button
|
|
2222
2222
|
title="100% Line Column"
|
|
2223
2223
|
[chartTypeIcon]="chartLineStacked100Icon"
|
|
2224
2224
|
seriesType="line"
|
|
2225
2225
|
[stack]="{ type: '100%' }"
|
|
2226
2226
|
>
|
|
2227
|
-
</kendo-
|
|
2227
|
+
</kendo-chartwizard-series-type-button>
|
|
2228
2228
|
</div>
|
|
2229
2229
|
</kendo-expansionpanel>
|
|
2230
2230
|
<kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
|
|
2231
2231
|
<div class="k-chart-types-wrapper">
|
|
2232
|
-
<kendo-
|
|
2232
|
+
<kendo-chartwizard-series-type-button
|
|
2233
2233
|
title="Scatter"
|
|
2234
2234
|
[chartTypeIcon]="chartScatterIcon"
|
|
2235
2235
|
seriesType="scatter"
|
|
2236
2236
|
[stack]="false"
|
|
2237
2237
|
>
|
|
2238
|
-
</kendo-
|
|
2238
|
+
</kendo-chartwizard-series-type-button>
|
|
2239
2239
|
</div>
|
|
2240
2240
|
</kendo-expansionpanel>
|
|
2241
2241
|
`,
|
|
@@ -2399,7 +2399,7 @@ class ChartWizardComponent {
|
|
|
2399
2399
|
}
|
|
2400
2400
|
}
|
|
2401
2401
|
ChartWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, deps: [{ token: i2.LocalizationService }, { token: StateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2402
|
-
ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardComponent, isStandalone: true, selector: "kendo-
|
|
2402
|
+
ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardComponent, isStandalone: true, selector: "kendo-chartwizard", inputs: { data: "data", defaultState: "defaultState", exportOptions: "exportOptions" }, outputs: { close: "close", export: "export" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
|
|
2403
2403
|
LocalizationService,
|
|
2404
2404
|
{
|
|
2405
2405
|
provide: L10N_PREFIX,
|
|
@@ -2547,19 +2547,19 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2547
2547
|
<kendo-tabstrip [keepTabContent]="true">
|
|
2548
2548
|
<kendo-tabstrip-tab title="Chart" [selected]="true">
|
|
2549
2549
|
<ng-template kendoTabContent>
|
|
2550
|
-
<kendo-
|
|
2551
|
-
</kendo-
|
|
2550
|
+
<kendo-chartwizard-property-pane-chart-tab>
|
|
2551
|
+
</kendo-chartwizard-property-pane-chart-tab>
|
|
2552
2552
|
</ng-template>
|
|
2553
2553
|
</kendo-tabstrip-tab>
|
|
2554
2554
|
<kendo-tabstrip-tab title="Data">
|
|
2555
2555
|
<ng-template kendoTabContent>
|
|
2556
|
-
<kendo-
|
|
2556
|
+
<kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
|
|
2557
2557
|
</ng-template>
|
|
2558
2558
|
</kendo-tabstrip-tab>
|
|
2559
2559
|
<kendo-tabstrip-tab title="Format">
|
|
2560
2560
|
<ng-template kendoTabContent>
|
|
2561
|
-
<kendo-
|
|
2562
|
-
</kendo-
|
|
2561
|
+
<kendo-chartwizard-property-pane-format-tab>
|
|
2562
|
+
</kendo-chartwizard-property-pane-format-tab>
|
|
2563
2563
|
</ng-template>
|
|
2564
2564
|
</kendo-tabstrip-tab>
|
|
2565
2565
|
</kendo-tabstrip>
|
|
@@ -2567,7 +2567,7 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2567
2567
|
</kendo-splitter>
|
|
2568
2568
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
2569
2569
|
</kendo-window>
|
|
2570
|
-
`, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "separatorLabel", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: XAxisComponent, selector: "kendo-chart-x-axis" }, { kind: "component", type: XAxisItemComponent, selector: "kendo-chart-x-axis-item", inputs: ["axisCrossingValue", "background", "baseUnit", "categories", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: YAxisComponent, selector: "kendo-chart-y-axis" }, { kind: "component", type: YAxisItemComponent, selector: "kendo-chart-y-axis-item", inputs: ["axisCrossingValue", "background", "baseUnit", "categories", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-
|
|
2570
|
+
`, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "separatorLabel", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: XAxisComponent, selector: "kendo-chart-x-axis" }, { kind: "component", type: XAxisItemComponent, selector: "kendo-chart-x-axis-item", inputs: ["axisCrossingValue", "background", "baseUnit", "categories", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: YAxisComponent, selector: "kendo-chart-y-axis" }, { kind: "component", type: YAxisItemComponent, selector: "kendo-chart-y-axis-item", inputs: ["axisCrossingValue", "background", "baseUnit", "categories", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-chartwizard-property-pane-chart-tab" }, { kind: "component", type: ChartWizardPropertyPaneFormatTabComponent, selector: "kendo-chartwizard-property-pane-data-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2571
2571
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, decorators: [{
|
|
2572
2572
|
type: Component,
|
|
2573
2573
|
args: [{
|
|
@@ -2581,7 +2581,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2581
2581
|
},
|
|
2582
2582
|
StateService
|
|
2583
2583
|
],
|
|
2584
|
-
selector: 'kendo-
|
|
2584
|
+
selector: 'kendo-chartwizard',
|
|
2585
2585
|
template: `
|
|
2586
2586
|
<ng-container
|
|
2587
2587
|
kendoChartWizardLocalizedMessages
|
|
@@ -2723,19 +2723,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2723
2723
|
<kendo-tabstrip [keepTabContent]="true">
|
|
2724
2724
|
<kendo-tabstrip-tab title="Chart" [selected]="true">
|
|
2725
2725
|
<ng-template kendoTabContent>
|
|
2726
|
-
<kendo-
|
|
2727
|
-
</kendo-
|
|
2726
|
+
<kendo-chartwizard-property-pane-chart-tab>
|
|
2727
|
+
</kendo-chartwizard-property-pane-chart-tab>
|
|
2728
2728
|
</ng-template>
|
|
2729
2729
|
</kendo-tabstrip-tab>
|
|
2730
2730
|
<kendo-tabstrip-tab title="Data">
|
|
2731
2731
|
<ng-template kendoTabContent>
|
|
2732
|
-
<kendo-
|
|
2732
|
+
<kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
|
|
2733
2733
|
</ng-template>
|
|
2734
2734
|
</kendo-tabstrip-tab>
|
|
2735
2735
|
<kendo-tabstrip-tab title="Format">
|
|
2736
2736
|
<ng-template kendoTabContent>
|
|
2737
|
-
<kendo-
|
|
2738
|
-
</kendo-
|
|
2737
|
+
<kendo-chartwizard-property-pane-format-tab>
|
|
2738
|
+
</kendo-chartwizard-property-pane-format-tab>
|
|
2739
2739
|
</ng-template>
|
|
2740
2740
|
</kendo-tabstrip-tab>
|
|
2741
2741
|
</kendo-tabstrip>
|