@progress/kendo-angular-chart-wizard 16.6.0-develop.9 → 16.6.0
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 +11 -11
- 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
|
|
37
|
+
publishDate: 1722872537,
|
|
38
|
+
version: '16.6.0',
|
|
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
|
|
|
@@ -596,7 +596,7 @@ class ChartWizardPropertyPaneFormFieldComponent {
|
|
|
596
596
|
}
|
|
597
597
|
}
|
|
598
598
|
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 });
|
|
599
|
-
ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormFieldComponent, isStandalone: true, selector: "kendo-
|
|
599
|
+
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: `
|
|
600
600
|
<kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap" class="k-form-label" [text]="text"></kendo-label>
|
|
601
601
|
<div class="k-form-field-wrap">
|
|
602
602
|
<kendo-label
|
|
@@ -662,7 +662,7 @@ ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
|
|
|
662
662
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, decorators: [{
|
|
663
663
|
type: Component,
|
|
664
664
|
args: [{
|
|
665
|
-
selector: 'kendo-
|
|
665
|
+
selector: 'kendo-chartwizard-property-pane-form-field',
|
|
666
666
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
667
667
|
template: `
|
|
668
668
|
<kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap" class="k-form-label" [text]="text"></kendo-label>
|
|
@@ -920,7 +920,7 @@ class ChartWizardPropertyPaneDataTabComponent {
|
|
|
920
920
|
}
|
|
921
921
|
}
|
|
922
922
|
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 });
|
|
923
|
-
ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-
|
|
923
|
+
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: `
|
|
924
924
|
<section>
|
|
925
925
|
<kendo-expansionpanel
|
|
926
926
|
title="Chart Area"
|
|
@@ -932,45 +932,45 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
932
932
|
<fieldset class="k-form-fieldset">
|
|
933
933
|
<legend class="k-form-legend">Margins</legend>
|
|
934
934
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
935
|
-
<kendo-
|
|
935
|
+
<kendo-chartwizard-property-pane-form-field
|
|
936
936
|
text="Left"
|
|
937
937
|
inputType="numeric"
|
|
938
938
|
[value]="$any(stateService.state.area?.margin).left"
|
|
939
939
|
(valueChange)="updateState(areaMarginLeft, $event)"
|
|
940
940
|
>
|
|
941
|
-
</kendo-
|
|
942
|
-
<kendo-
|
|
941
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
942
|
+
<kendo-chartwizard-property-pane-form-field
|
|
943
943
|
text="Right"
|
|
944
944
|
inputType="numeric"
|
|
945
945
|
[value]="$any(stateService.state.area?.margin).right"
|
|
946
946
|
(valueChange)="updateState(areaMarginRight, $event)"
|
|
947
947
|
>
|
|
948
|
-
</kendo-
|
|
949
|
-
<kendo-
|
|
948
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
949
|
+
<kendo-chartwizard-property-pane-form-field
|
|
950
950
|
text="Top"
|
|
951
951
|
inputType="numeric"
|
|
952
952
|
[value]="$any(stateService.state.area?.margin).top"
|
|
953
953
|
(valueChange)="updateState(areaMarginTop, $event)"
|
|
954
954
|
>
|
|
955
|
-
</kendo-
|
|
956
|
-
<kendo-
|
|
955
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
956
|
+
<kendo-chartwizard-property-pane-form-field
|
|
957
957
|
text="Bottom"
|
|
958
958
|
inputType="numeric"
|
|
959
959
|
[value]="$any(stateService.state.area?.margin).bottom"
|
|
960
960
|
(valueChange)="updateState(areaMarginBottom, $event)"
|
|
961
961
|
>
|
|
962
|
-
</kendo-
|
|
962
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
963
963
|
</div>
|
|
964
964
|
</fieldset>
|
|
965
965
|
<fieldset class="k-form-fieldset">
|
|
966
966
|
<legend class="k-form-legend">Background</legend>
|
|
967
|
-
<kendo-
|
|
967
|
+
<kendo-chartwizard-property-pane-form-field
|
|
968
968
|
text="Color"
|
|
969
969
|
inputType="colorPicker"
|
|
970
970
|
[value]="stateService.state.area?.background"
|
|
971
971
|
(valueChange)="updateState(areaBackground, $event)"
|
|
972
972
|
>
|
|
973
|
-
</kendo-
|
|
973
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
974
974
|
</fieldset>
|
|
975
975
|
</form>
|
|
976
976
|
</kendo-expansionpanel>
|
|
@@ -983,7 +983,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
983
983
|
>
|
|
984
984
|
<form class="k-form k-form-md">
|
|
985
985
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
986
|
-
<kendo-
|
|
986
|
+
<kendo-chartwizard-property-pane-form-field
|
|
987
987
|
text="Apply to"
|
|
988
988
|
inputType="dropDownList"
|
|
989
989
|
[data]="chartTitles"
|
|
@@ -991,16 +991,16 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
991
991
|
[value]="stateService.currentTitle"
|
|
992
992
|
(valueChange)="changeCurrentTitle($event)"
|
|
993
993
|
>
|
|
994
|
-
</kendo-
|
|
995
|
-
<kendo-
|
|
994
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
995
|
+
<kendo-chartwizard-property-pane-form-field
|
|
996
996
|
text="Title"
|
|
997
997
|
inputType="text"
|
|
998
998
|
[colSpan]="2"
|
|
999
999
|
[value]="chartTitleTypeText"
|
|
1000
1000
|
(valueChange)="updateState(chartTitleTypeAction, $event)"
|
|
1001
1001
|
>
|
|
1002
|
-
</kendo-
|
|
1003
|
-
<kendo-
|
|
1002
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1003
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1004
1004
|
text="Font"
|
|
1005
1005
|
inputType="comboBox"
|
|
1006
1006
|
[data]="fontNames"
|
|
@@ -1009,22 +1009,22 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1009
1009
|
placeholder="(Inherited font)"
|
|
1010
1010
|
(valueChange)="updateState(chartTitleTypeFontAction, $event)"
|
|
1011
1011
|
>
|
|
1012
|
-
</kendo-
|
|
1013
|
-
<kendo-
|
|
1012
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1013
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1014
1014
|
text="Size"
|
|
1015
1015
|
inputType="comboBox"
|
|
1016
1016
|
[data]="fontSizes"
|
|
1017
1017
|
[value]="chartTitleTypeFontSize"
|
|
1018
1018
|
(valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
|
|
1019
1019
|
>
|
|
1020
|
-
</kendo-
|
|
1021
|
-
<kendo-
|
|
1020
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1021
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1022
1022
|
text="Color"
|
|
1023
1023
|
inputType="colorPicker"
|
|
1024
1024
|
[value]="chartTitleTypeColor"
|
|
1025
1025
|
(valueChange)="updateState(chartTitleTypeColorAction, $event)"
|
|
1026
1026
|
>
|
|
1027
|
-
</kendo-
|
|
1027
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1028
1028
|
</div>
|
|
1029
1029
|
</form>
|
|
1030
1030
|
</kendo-expansionpanel>
|
|
@@ -1047,7 +1047,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1047
1047
|
[checked]="stateService.state.legend?.visible"
|
|
1048
1048
|
(valueChange)="updateState(legendVisible, $event)"
|
|
1049
1049
|
></kendo-switch>
|
|
1050
|
-
<kendo-
|
|
1050
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1051
1051
|
text="Font"
|
|
1052
1052
|
inputType="comboBox"
|
|
1053
1053
|
[data]="fontNames"
|
|
@@ -1056,8 +1056,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1056
1056
|
[value]="parseFont(stateService.state.legend?.labels?.font).name"
|
|
1057
1057
|
(valueChange)="updateState(legendFontName, $event)"
|
|
1058
1058
|
>
|
|
1059
|
-
</kendo-
|
|
1060
|
-
<kendo-
|
|
1059
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1060
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1061
1061
|
text="Size"
|
|
1062
1062
|
inputType="comboBox"
|
|
1063
1063
|
[data]="fontSizes"
|
|
@@ -1065,15 +1065,15 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1065
1065
|
[value]="parseFont(stateService.state.legend?.labels?.font).size"
|
|
1066
1066
|
(valueChange)="updateState(legendFontSize, $event)"
|
|
1067
1067
|
>
|
|
1068
|
-
</kendo-
|
|
1069
|
-
<kendo-
|
|
1068
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1069
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1070
1070
|
text="Color"
|
|
1071
1071
|
inputType="colorPicker"
|
|
1072
1072
|
[value]="stateService.state.legend?.labels?.color"
|
|
1073
1073
|
(valueChange)="updateState(legendColor, $event)"
|
|
1074
1074
|
>
|
|
1075
|
-
</kendo-
|
|
1076
|
-
<kendo-
|
|
1075
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1076
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1077
1077
|
text="Position"
|
|
1078
1078
|
inputType="dropDownList"
|
|
1079
1079
|
[colSpan]="2"
|
|
@@ -1081,7 +1081,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1081
1081
|
[value]="stateService.state.legend?.position"
|
|
1082
1082
|
(valueChange)="updateState(legendPosition, $event)"
|
|
1083
1083
|
>
|
|
1084
|
-
</kendo-
|
|
1084
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1085
1085
|
</div>
|
|
1086
1086
|
</form>
|
|
1087
1087
|
</kendo-expansionpanel>
|
|
@@ -1110,21 +1110,21 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1110
1110
|
</div>
|
|
1111
1111
|
</div>
|
|
1112
1112
|
|
|
1113
|
-
<kendo-
|
|
1113
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1114
1114
|
text="Color"
|
|
1115
1115
|
[value]="stateService.currentSeries?.color"
|
|
1116
1116
|
inputType="colorPicker"
|
|
1117
1117
|
(valueChange)="updateSeriesColor($event)"
|
|
1118
1118
|
>
|
|
1119
|
-
</kendo-
|
|
1120
|
-
<kendo-
|
|
1119
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1120
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1121
1121
|
text="Show Labels"
|
|
1122
1122
|
[value]="stateService.currentSeries.labels?.visible"
|
|
1123
1123
|
[isLabelInsideFormFieldWrap]="true"
|
|
1124
1124
|
inputType="checkbox"
|
|
1125
1125
|
(valueChange)="toggleSeriesLabels($event)"
|
|
1126
1126
|
>
|
|
1127
|
-
</kendo-
|
|
1127
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1128
1128
|
</form>
|
|
1129
1129
|
</kendo-expansionpanel>
|
|
1130
1130
|
</section>
|
|
@@ -1138,7 +1138,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1138
1138
|
<fieldset class="k-form-fieldset">
|
|
1139
1139
|
<legend class="k-form-legend">Title</legend>
|
|
1140
1140
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1141
|
-
<kendo-
|
|
1141
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1142
1142
|
inputType="text"
|
|
1143
1143
|
[hasLabel]="false"
|
|
1144
1144
|
[colSpan]="2"
|
|
@@ -1146,8 +1146,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1146
1146
|
[value]="stateService.state.categoryAxis[0]?.title?.text"
|
|
1147
1147
|
(valueChange)="updateState(categoryAxisTitleText, $event)"
|
|
1148
1148
|
>
|
|
1149
|
-
</kendo-
|
|
1150
|
-
<kendo-
|
|
1149
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1150
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1151
1151
|
text="Font"
|
|
1152
1152
|
inputType="comboBox"
|
|
1153
1153
|
[data]="fontNames"
|
|
@@ -1156,8 +1156,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1156
1156
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
|
|
1157
1157
|
(valueChange)="updateState(categoryAxisTitleFontName, $event)"
|
|
1158
1158
|
>
|
|
1159
|
-
</kendo-
|
|
1160
|
-
<kendo-
|
|
1159
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1160
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1161
1161
|
text="Size"
|
|
1162
1162
|
inputType="comboBox"
|
|
1163
1163
|
placeholder="px"
|
|
@@ -1165,20 +1165,20 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1165
1165
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
|
|
1166
1166
|
(valueChange)="updateState(categoryAxisTitleFontSize, $event)"
|
|
1167
1167
|
>
|
|
1168
|
-
</kendo-
|
|
1169
|
-
<kendo-
|
|
1168
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1169
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1170
1170
|
text="Color"
|
|
1171
1171
|
inputType="colorPicker"
|
|
1172
1172
|
[value]="stateService.state.categoryAxis[0]?.title?.color"
|
|
1173
1173
|
(valueChange)="updateState(categoryAxisTitleColor, $event)"
|
|
1174
1174
|
>
|
|
1175
|
-
</kendo-
|
|
1175
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1176
1176
|
</div>
|
|
1177
1177
|
</fieldset>
|
|
1178
1178
|
<fieldset class="k-form-fieldset">
|
|
1179
1179
|
<legend class="k-form-legend">Labels</legend>
|
|
1180
1180
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1181
|
-
<kendo-
|
|
1181
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1182
1182
|
text="Font"
|
|
1183
1183
|
inputType="comboBox"
|
|
1184
1184
|
[data]="fontNames"
|
|
@@ -1186,8 +1186,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1186
1186
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
|
|
1187
1187
|
(valueChange)="updateState(categoryAxisLabelsFontName, $event)"
|
|
1188
1188
|
>
|
|
1189
|
-
</kendo-
|
|
1190
|
-
<kendo-
|
|
1189
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1190
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1191
1191
|
text="Size"
|
|
1192
1192
|
inputType="comboBox"
|
|
1193
1193
|
[data]="fontSizes"
|
|
@@ -1195,24 +1195,24 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1195
1195
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
|
|
1196
1196
|
(valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
|
|
1197
1197
|
>
|
|
1198
|
-
</kendo-
|
|
1199
|
-
<kendo-
|
|
1198
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1199
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1200
1200
|
text="Color"
|
|
1201
1201
|
inputType="colorPicker"
|
|
1202
1202
|
[value]="stateService.state.categoryAxis[0]?.labels?.color || ''"
|
|
1203
1203
|
(valueChange)="updateState(categoryAxisLabelsColor, $event)"
|
|
1204
1204
|
>
|
|
1205
|
-
</kendo-
|
|
1206
|
-
<kendo-
|
|
1205
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1206
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1207
1207
|
text="Rotation"
|
|
1208
1208
|
inputType="dropDownList"
|
|
1209
1209
|
[data]="labelsRotation"
|
|
1210
1210
|
[value]="stateService.state.categoryAxis[0]?.labels?.rotation"
|
|
1211
1211
|
(valueChange)="updateState(categoryAxisLabelsRotation, $event)"
|
|
1212
1212
|
>
|
|
1213
|
-
</kendo-
|
|
1213
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1214
1214
|
<span></span>
|
|
1215
|
-
<kendo-
|
|
1215
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1216
1216
|
text="Reverse Order"
|
|
1217
1217
|
[isLabelInsideFormFieldWrap]="true"
|
|
1218
1218
|
inputType="checkbox"
|
|
@@ -1220,7 +1220,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1220
1220
|
[value]="stateService.state.categoryAxis[0]?.reverse"
|
|
1221
1221
|
(valueChange)="updateState(categoryAxisReverseOrder, $event)"
|
|
1222
1222
|
>
|
|
1223
|
-
</kendo-
|
|
1223
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1224
1224
|
</div>
|
|
1225
1225
|
</fieldset>
|
|
1226
1226
|
</form>
|
|
@@ -1236,7 +1236,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1236
1236
|
<fieldset class="k-form-fieldset">
|
|
1237
1237
|
<legend class="k-form-legend">Title</legend>
|
|
1238
1238
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1239
|
-
<kendo-
|
|
1239
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1240
1240
|
inputType="text"
|
|
1241
1241
|
[hasLabel]="false"
|
|
1242
1242
|
[colSpan]="2"
|
|
@@ -1244,8 +1244,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1244
1244
|
[value]="stateService.state.valueAxis[0]?.title?.text"
|
|
1245
1245
|
(valueChange)="updateState(valueAxisTitleText, $event)"
|
|
1246
1246
|
>
|
|
1247
|
-
</kendo-
|
|
1248
|
-
<kendo-
|
|
1247
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1248
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1249
1249
|
text="Font"
|
|
1250
1250
|
inputType="comboBox"
|
|
1251
1251
|
[colSpan]="2"
|
|
@@ -1254,8 +1254,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1254
1254
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
|
|
1255
1255
|
(valueChange)="updateState(valueAxisTitleFontName, $event)"
|
|
1256
1256
|
>
|
|
1257
|
-
</kendo-
|
|
1258
|
-
<kendo-
|
|
1257
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1258
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1259
1259
|
text="Size"
|
|
1260
1260
|
inputType="comboBox"
|
|
1261
1261
|
placeholder="px"
|
|
@@ -1263,20 +1263,20 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1263
1263
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
|
|
1264
1264
|
(valueChange)="updateState(valueAxisTitleFontSize, $event)"
|
|
1265
1265
|
>
|
|
1266
|
-
</kendo-
|
|
1267
|
-
<kendo-
|
|
1266
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1267
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1268
1268
|
text="Color"
|
|
1269
1269
|
inputType="colorPicker"
|
|
1270
1270
|
[value]="stateService.state.valueAxis[0]?.title?.color"
|
|
1271
1271
|
(valueChange)="updateState(valueAxisTitleColor, $event)"
|
|
1272
1272
|
>
|
|
1273
|
-
</kendo-
|
|
1273
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1274
1274
|
</div>
|
|
1275
1275
|
</fieldset>
|
|
1276
1276
|
<fieldset class="k-form-fieldset">
|
|
1277
1277
|
<legend class="k-form-legend">Labels</legend>
|
|
1278
1278
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1279
|
-
<kendo-
|
|
1279
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1280
1280
|
text="Font"
|
|
1281
1281
|
inputType="comboBox"
|
|
1282
1282
|
[data]="fontNames"
|
|
@@ -1284,8 +1284,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1284
1284
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
|
|
1285
1285
|
(valueChange)="updateState(valueAxisLabelsFontName, $event)"
|
|
1286
1286
|
>
|
|
1287
|
-
</kendo-
|
|
1288
|
-
<kendo-
|
|
1287
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1288
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1289
1289
|
text="Size"
|
|
1290
1290
|
inputType="comboBox"
|
|
1291
1291
|
[data]="fontSizes"
|
|
@@ -1293,32 +1293,32 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1293
1293
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
|
|
1294
1294
|
(valueChange)="updateState(valueAxisLabelsFontSize, $event)"
|
|
1295
1295
|
>
|
|
1296
|
-
</kendo-
|
|
1297
|
-
<kendo-
|
|
1296
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1297
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1298
1298
|
text="Color"
|
|
1299
1299
|
inputType="colorPicker"
|
|
1300
1300
|
[value]="stateService.state.valueAxis[0]?.labels?.color || ''"
|
|
1301
1301
|
(valueChange)="updateState(valueAxisLabelsColor, $event)"
|
|
1302
1302
|
>
|
|
1303
|
-
</kendo-
|
|
1304
|
-
<kendo-
|
|
1303
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1304
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1305
1305
|
text="Rotation"
|
|
1306
1306
|
inputType="dropDownList"
|
|
1307
1307
|
[data]="labelsRotation"
|
|
1308
1308
|
[value]="stateService.state.valueAxis[0]?.labels?.rotation"
|
|
1309
1309
|
(valueChange)="updateState(valueAxisLabelsRotation, $event)"
|
|
1310
1310
|
>
|
|
1311
|
-
</kendo-
|
|
1311
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1312
1312
|
</div>
|
|
1313
1313
|
</fieldset>
|
|
1314
1314
|
</form>
|
|
1315
1315
|
</kendo-expansionpanel>
|
|
1316
1316
|
</section>
|
|
1317
|
-
`, 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-
|
|
1317
|
+
`, 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 });
|
|
1318
1318
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, decorators: [{
|
|
1319
1319
|
type: Component,
|
|
1320
1320
|
args: [{
|
|
1321
|
-
selector: 'kendo-
|
|
1321
|
+
selector: 'kendo-chartwizard-property-pane-format-tab',
|
|
1322
1322
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1323
1323
|
template: `
|
|
1324
1324
|
<section>
|
|
@@ -1332,45 +1332,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1332
1332
|
<fieldset class="k-form-fieldset">
|
|
1333
1333
|
<legend class="k-form-legend">Margins</legend>
|
|
1334
1334
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1335
|
-
<kendo-
|
|
1335
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1336
1336
|
text="Left"
|
|
1337
1337
|
inputType="numeric"
|
|
1338
1338
|
[value]="$any(stateService.state.area?.margin).left"
|
|
1339
1339
|
(valueChange)="updateState(areaMarginLeft, $event)"
|
|
1340
1340
|
>
|
|
1341
|
-
</kendo-
|
|
1342
|
-
<kendo-
|
|
1341
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1342
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1343
1343
|
text="Right"
|
|
1344
1344
|
inputType="numeric"
|
|
1345
1345
|
[value]="$any(stateService.state.area?.margin).right"
|
|
1346
1346
|
(valueChange)="updateState(areaMarginRight, $event)"
|
|
1347
1347
|
>
|
|
1348
|
-
</kendo-
|
|
1349
|
-
<kendo-
|
|
1348
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1349
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1350
1350
|
text="Top"
|
|
1351
1351
|
inputType="numeric"
|
|
1352
1352
|
[value]="$any(stateService.state.area?.margin).top"
|
|
1353
1353
|
(valueChange)="updateState(areaMarginTop, $event)"
|
|
1354
1354
|
>
|
|
1355
|
-
</kendo-
|
|
1356
|
-
<kendo-
|
|
1355
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1356
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1357
1357
|
text="Bottom"
|
|
1358
1358
|
inputType="numeric"
|
|
1359
1359
|
[value]="$any(stateService.state.area?.margin).bottom"
|
|
1360
1360
|
(valueChange)="updateState(areaMarginBottom, $event)"
|
|
1361
1361
|
>
|
|
1362
|
-
</kendo-
|
|
1362
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1363
1363
|
</div>
|
|
1364
1364
|
</fieldset>
|
|
1365
1365
|
<fieldset class="k-form-fieldset">
|
|
1366
1366
|
<legend class="k-form-legend">Background</legend>
|
|
1367
|
-
<kendo-
|
|
1367
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1368
1368
|
text="Color"
|
|
1369
1369
|
inputType="colorPicker"
|
|
1370
1370
|
[value]="stateService.state.area?.background"
|
|
1371
1371
|
(valueChange)="updateState(areaBackground, $event)"
|
|
1372
1372
|
>
|
|
1373
|
-
</kendo-
|
|
1373
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1374
1374
|
</fieldset>
|
|
1375
1375
|
</form>
|
|
1376
1376
|
</kendo-expansionpanel>
|
|
@@ -1383,7 +1383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1383
1383
|
>
|
|
1384
1384
|
<form class="k-form k-form-md">
|
|
1385
1385
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1386
|
-
<kendo-
|
|
1386
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1387
1387
|
text="Apply to"
|
|
1388
1388
|
inputType="dropDownList"
|
|
1389
1389
|
[data]="chartTitles"
|
|
@@ -1391,16 +1391,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1391
1391
|
[value]="stateService.currentTitle"
|
|
1392
1392
|
(valueChange)="changeCurrentTitle($event)"
|
|
1393
1393
|
>
|
|
1394
|
-
</kendo-
|
|
1395
|
-
<kendo-
|
|
1394
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1395
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1396
1396
|
text="Title"
|
|
1397
1397
|
inputType="text"
|
|
1398
1398
|
[colSpan]="2"
|
|
1399
1399
|
[value]="chartTitleTypeText"
|
|
1400
1400
|
(valueChange)="updateState(chartTitleTypeAction, $event)"
|
|
1401
1401
|
>
|
|
1402
|
-
</kendo-
|
|
1403
|
-
<kendo-
|
|
1402
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1403
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1404
1404
|
text="Font"
|
|
1405
1405
|
inputType="comboBox"
|
|
1406
1406
|
[data]="fontNames"
|
|
@@ -1409,22 +1409,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1409
1409
|
placeholder="(Inherited font)"
|
|
1410
1410
|
(valueChange)="updateState(chartTitleTypeFontAction, $event)"
|
|
1411
1411
|
>
|
|
1412
|
-
</kendo-
|
|
1413
|
-
<kendo-
|
|
1412
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1413
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1414
1414
|
text="Size"
|
|
1415
1415
|
inputType="comboBox"
|
|
1416
1416
|
[data]="fontSizes"
|
|
1417
1417
|
[value]="chartTitleTypeFontSize"
|
|
1418
1418
|
(valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
|
|
1419
1419
|
>
|
|
1420
|
-
</kendo-
|
|
1421
|
-
<kendo-
|
|
1420
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1421
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1422
1422
|
text="Color"
|
|
1423
1423
|
inputType="colorPicker"
|
|
1424
1424
|
[value]="chartTitleTypeColor"
|
|
1425
1425
|
(valueChange)="updateState(chartTitleTypeColorAction, $event)"
|
|
1426
1426
|
>
|
|
1427
|
-
</kendo-
|
|
1427
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1428
1428
|
</div>
|
|
1429
1429
|
</form>
|
|
1430
1430
|
</kendo-expansionpanel>
|
|
@@ -1447,7 +1447,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1447
1447
|
[checked]="stateService.state.legend?.visible"
|
|
1448
1448
|
(valueChange)="updateState(legendVisible, $event)"
|
|
1449
1449
|
></kendo-switch>
|
|
1450
|
-
<kendo-
|
|
1450
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1451
1451
|
text="Font"
|
|
1452
1452
|
inputType="comboBox"
|
|
1453
1453
|
[data]="fontNames"
|
|
@@ -1456,8 +1456,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1456
1456
|
[value]="parseFont(stateService.state.legend?.labels?.font).name"
|
|
1457
1457
|
(valueChange)="updateState(legendFontName, $event)"
|
|
1458
1458
|
>
|
|
1459
|
-
</kendo-
|
|
1460
|
-
<kendo-
|
|
1459
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1460
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1461
1461
|
text="Size"
|
|
1462
1462
|
inputType="comboBox"
|
|
1463
1463
|
[data]="fontSizes"
|
|
@@ -1465,15 +1465,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1465
1465
|
[value]="parseFont(stateService.state.legend?.labels?.font).size"
|
|
1466
1466
|
(valueChange)="updateState(legendFontSize, $event)"
|
|
1467
1467
|
>
|
|
1468
|
-
</kendo-
|
|
1469
|
-
<kendo-
|
|
1468
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1469
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1470
1470
|
text="Color"
|
|
1471
1471
|
inputType="colorPicker"
|
|
1472
1472
|
[value]="stateService.state.legend?.labels?.color"
|
|
1473
1473
|
(valueChange)="updateState(legendColor, $event)"
|
|
1474
1474
|
>
|
|
1475
|
-
</kendo-
|
|
1476
|
-
<kendo-
|
|
1475
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1476
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1477
1477
|
text="Position"
|
|
1478
1478
|
inputType="dropDownList"
|
|
1479
1479
|
[colSpan]="2"
|
|
@@ -1481,7 +1481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1481
1481
|
[value]="stateService.state.legend?.position"
|
|
1482
1482
|
(valueChange)="updateState(legendPosition, $event)"
|
|
1483
1483
|
>
|
|
1484
|
-
</kendo-
|
|
1484
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1485
1485
|
</div>
|
|
1486
1486
|
</form>
|
|
1487
1487
|
</kendo-expansionpanel>
|
|
@@ -1510,21 +1510,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1510
1510
|
</div>
|
|
1511
1511
|
</div>
|
|
1512
1512
|
|
|
1513
|
-
<kendo-
|
|
1513
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1514
1514
|
text="Color"
|
|
1515
1515
|
[value]="stateService.currentSeries?.color"
|
|
1516
1516
|
inputType="colorPicker"
|
|
1517
1517
|
(valueChange)="updateSeriesColor($event)"
|
|
1518
1518
|
>
|
|
1519
|
-
</kendo-
|
|
1520
|
-
<kendo-
|
|
1519
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1520
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1521
1521
|
text="Show Labels"
|
|
1522
1522
|
[value]="stateService.currentSeries.labels?.visible"
|
|
1523
1523
|
[isLabelInsideFormFieldWrap]="true"
|
|
1524
1524
|
inputType="checkbox"
|
|
1525
1525
|
(valueChange)="toggleSeriesLabels($event)"
|
|
1526
1526
|
>
|
|
1527
|
-
</kendo-
|
|
1527
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1528
1528
|
</form>
|
|
1529
1529
|
</kendo-expansionpanel>
|
|
1530
1530
|
</section>
|
|
@@ -1538,7 +1538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1538
1538
|
<fieldset class="k-form-fieldset">
|
|
1539
1539
|
<legend class="k-form-legend">Title</legend>
|
|
1540
1540
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1541
|
-
<kendo-
|
|
1541
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1542
1542
|
inputType="text"
|
|
1543
1543
|
[hasLabel]="false"
|
|
1544
1544
|
[colSpan]="2"
|
|
@@ -1546,8 +1546,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1546
1546
|
[value]="stateService.state.categoryAxis[0]?.title?.text"
|
|
1547
1547
|
(valueChange)="updateState(categoryAxisTitleText, $event)"
|
|
1548
1548
|
>
|
|
1549
|
-
</kendo-
|
|
1550
|
-
<kendo-
|
|
1549
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1550
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1551
1551
|
text="Font"
|
|
1552
1552
|
inputType="comboBox"
|
|
1553
1553
|
[data]="fontNames"
|
|
@@ -1556,8 +1556,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1556
1556
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
|
|
1557
1557
|
(valueChange)="updateState(categoryAxisTitleFontName, $event)"
|
|
1558
1558
|
>
|
|
1559
|
-
</kendo-
|
|
1560
|
-
<kendo-
|
|
1559
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1560
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1561
1561
|
text="Size"
|
|
1562
1562
|
inputType="comboBox"
|
|
1563
1563
|
placeholder="px"
|
|
@@ -1565,20 +1565,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1565
1565
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
|
|
1566
1566
|
(valueChange)="updateState(categoryAxisTitleFontSize, $event)"
|
|
1567
1567
|
>
|
|
1568
|
-
</kendo-
|
|
1569
|
-
<kendo-
|
|
1568
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1569
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1570
1570
|
text="Color"
|
|
1571
1571
|
inputType="colorPicker"
|
|
1572
1572
|
[value]="stateService.state.categoryAxis[0]?.title?.color"
|
|
1573
1573
|
(valueChange)="updateState(categoryAxisTitleColor, $event)"
|
|
1574
1574
|
>
|
|
1575
|
-
</kendo-
|
|
1575
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1576
1576
|
</div>
|
|
1577
1577
|
</fieldset>
|
|
1578
1578
|
<fieldset class="k-form-fieldset">
|
|
1579
1579
|
<legend class="k-form-legend">Labels</legend>
|
|
1580
1580
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1581
|
-
<kendo-
|
|
1581
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1582
1582
|
text="Font"
|
|
1583
1583
|
inputType="comboBox"
|
|
1584
1584
|
[data]="fontNames"
|
|
@@ -1586,8 +1586,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1586
1586
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
|
|
1587
1587
|
(valueChange)="updateState(categoryAxisLabelsFontName, $event)"
|
|
1588
1588
|
>
|
|
1589
|
-
</kendo-
|
|
1590
|
-
<kendo-
|
|
1589
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1590
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1591
1591
|
text="Size"
|
|
1592
1592
|
inputType="comboBox"
|
|
1593
1593
|
[data]="fontSizes"
|
|
@@ -1595,24 +1595,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1595
1595
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
|
|
1596
1596
|
(valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
|
|
1597
1597
|
>
|
|
1598
|
-
</kendo-
|
|
1599
|
-
<kendo-
|
|
1598
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1599
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1600
1600
|
text="Color"
|
|
1601
1601
|
inputType="colorPicker"
|
|
1602
1602
|
[value]="stateService.state.categoryAxis[0]?.labels?.color || ''"
|
|
1603
1603
|
(valueChange)="updateState(categoryAxisLabelsColor, $event)"
|
|
1604
1604
|
>
|
|
1605
|
-
</kendo-
|
|
1606
|
-
<kendo-
|
|
1605
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1606
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1607
1607
|
text="Rotation"
|
|
1608
1608
|
inputType="dropDownList"
|
|
1609
1609
|
[data]="labelsRotation"
|
|
1610
1610
|
[value]="stateService.state.categoryAxis[0]?.labels?.rotation"
|
|
1611
1611
|
(valueChange)="updateState(categoryAxisLabelsRotation, $event)"
|
|
1612
1612
|
>
|
|
1613
|
-
</kendo-
|
|
1613
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1614
1614
|
<span></span>
|
|
1615
|
-
<kendo-
|
|
1615
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1616
1616
|
text="Reverse Order"
|
|
1617
1617
|
[isLabelInsideFormFieldWrap]="true"
|
|
1618
1618
|
inputType="checkbox"
|
|
@@ -1620,7 +1620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1620
1620
|
[value]="stateService.state.categoryAxis[0]?.reverse"
|
|
1621
1621
|
(valueChange)="updateState(categoryAxisReverseOrder, $event)"
|
|
1622
1622
|
>
|
|
1623
|
-
</kendo-
|
|
1623
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1624
1624
|
</div>
|
|
1625
1625
|
</fieldset>
|
|
1626
1626
|
</form>
|
|
@@ -1636,7 +1636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1636
1636
|
<fieldset class="k-form-fieldset">
|
|
1637
1637
|
<legend class="k-form-legend">Title</legend>
|
|
1638
1638
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1639
|
-
<kendo-
|
|
1639
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1640
1640
|
inputType="text"
|
|
1641
1641
|
[hasLabel]="false"
|
|
1642
1642
|
[colSpan]="2"
|
|
@@ -1644,8 +1644,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1644
1644
|
[value]="stateService.state.valueAxis[0]?.title?.text"
|
|
1645
1645
|
(valueChange)="updateState(valueAxisTitleText, $event)"
|
|
1646
1646
|
>
|
|
1647
|
-
</kendo-
|
|
1648
|
-
<kendo-
|
|
1647
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1648
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1649
1649
|
text="Font"
|
|
1650
1650
|
inputType="comboBox"
|
|
1651
1651
|
[colSpan]="2"
|
|
@@ -1654,8 +1654,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1654
1654
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
|
|
1655
1655
|
(valueChange)="updateState(valueAxisTitleFontName, $event)"
|
|
1656
1656
|
>
|
|
1657
|
-
</kendo-
|
|
1658
|
-
<kendo-
|
|
1657
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1658
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1659
1659
|
text="Size"
|
|
1660
1660
|
inputType="comboBox"
|
|
1661
1661
|
placeholder="px"
|
|
@@ -1663,20 +1663,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1663
1663
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
|
|
1664
1664
|
(valueChange)="updateState(valueAxisTitleFontSize, $event)"
|
|
1665
1665
|
>
|
|
1666
|
-
</kendo-
|
|
1667
|
-
<kendo-
|
|
1666
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1667
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1668
1668
|
text="Color"
|
|
1669
1669
|
inputType="colorPicker"
|
|
1670
1670
|
[value]="stateService.state.valueAxis[0]?.title?.color"
|
|
1671
1671
|
(valueChange)="updateState(valueAxisTitleColor, $event)"
|
|
1672
1672
|
>
|
|
1673
|
-
</kendo-
|
|
1673
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1674
1674
|
</div>
|
|
1675
1675
|
</fieldset>
|
|
1676
1676
|
<fieldset class="k-form-fieldset">
|
|
1677
1677
|
<legend class="k-form-legend">Labels</legend>
|
|
1678
1678
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1679
|
-
<kendo-
|
|
1679
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1680
1680
|
text="Font"
|
|
1681
1681
|
inputType="comboBox"
|
|
1682
1682
|
[data]="fontNames"
|
|
@@ -1684,8 +1684,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1684
1684
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
|
|
1685
1685
|
(valueChange)="updateState(valueAxisLabelsFontName, $event)"
|
|
1686
1686
|
>
|
|
1687
|
-
</kendo-
|
|
1688
|
-
<kendo-
|
|
1687
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1688
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1689
1689
|
text="Size"
|
|
1690
1690
|
inputType="comboBox"
|
|
1691
1691
|
[data]="fontSizes"
|
|
@@ -1693,22 +1693,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1693
1693
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
|
|
1694
1694
|
(valueChange)="updateState(valueAxisLabelsFontSize, $event)"
|
|
1695
1695
|
>
|
|
1696
|
-
</kendo-
|
|
1697
|
-
<kendo-
|
|
1696
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1697
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1698
1698
|
text="Color"
|
|
1699
1699
|
inputType="colorPicker"
|
|
1700
1700
|
[value]="stateService.state.valueAxis[0]?.labels?.color || ''"
|
|
1701
1701
|
(valueChange)="updateState(valueAxisLabelsColor, $event)"
|
|
1702
1702
|
>
|
|
1703
|
-
</kendo-
|
|
1704
|
-
<kendo-
|
|
1703
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1704
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1705
1705
|
text="Rotation"
|
|
1706
1706
|
inputType="dropDownList"
|
|
1707
1707
|
[data]="labelsRotation"
|
|
1708
1708
|
[value]="stateService.state.valueAxis[0]?.labels?.rotation"
|
|
1709
1709
|
(valueChange)="updateState(valueAxisLabelsRotation, $event)"
|
|
1710
1710
|
>
|
|
1711
|
-
</kendo-
|
|
1711
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1712
1712
|
</div>
|
|
1713
1713
|
</fieldset>
|
|
1714
1714
|
</form>
|
|
@@ -1770,7 +1770,7 @@ class ChartWizardPropertyPaneFormatTabComponent {
|
|
|
1770
1770
|
}
|
|
1771
1771
|
}
|
|
1772
1772
|
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 });
|
|
1773
|
-
ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormatTabComponent, isStandalone: true, selector: "kendo-
|
|
1773
|
+
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: `
|
|
1774
1774
|
<kendo-expansionpanel title="Configuration" [expanded]="true">
|
|
1775
1775
|
<form class="k-form k-form-md">
|
|
1776
1776
|
<fieldset class="k-form-fieldset">
|
|
@@ -1844,7 +1844,7 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
|
|
|
1844
1844
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, decorators: [{
|
|
1845
1845
|
type: Component,
|
|
1846
1846
|
args: [{
|
|
1847
|
-
selector: 'kendo-
|
|
1847
|
+
selector: 'kendo-chartwizard-property-pane-data-tab',
|
|
1848
1848
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1849
1849
|
template: `
|
|
1850
1850
|
<kendo-expansionpanel title="Configuration" [expanded]="true">
|
|
@@ -1965,7 +1965,7 @@ class ChartWizardSeriesTypeButtonComponent {
|
|
|
1965
1965
|
}
|
|
1966
1966
|
}
|
|
1967
1967
|
ChartWizardSeriesTypeButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardSeriesTypeButtonComponent, deps: [{ token: StateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1968
|
-
ChartWizardSeriesTypeButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardSeriesTypeButtonComponent, isStandalone: true, selector: "kendo-
|
|
1968
|
+
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: `
|
|
1969
1969
|
<div class="k-icon-text-wrapper" [class.k-selected]="isSelected()" (click)="onSelect()">
|
|
1970
1970
|
<div class="k-icon-background-area">
|
|
1971
1971
|
<kendo-svgicon [icon]="chartTypeIcon" size="xlarge" themeColor="secondary"> </kendo-svgicon>
|
|
@@ -1976,7 +1976,7 @@ ChartWizardSeriesTypeButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVers
|
|
|
1976
1976
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardSeriesTypeButtonComponent, decorators: [{
|
|
1977
1977
|
type: Component,
|
|
1978
1978
|
args: [{
|
|
1979
|
-
selector: 'kendo-
|
|
1979
|
+
selector: 'kendo-chartwizard-series-type-button',
|
|
1980
1980
|
template: `
|
|
1981
1981
|
<div class="k-icon-text-wrapper" [class.k-selected]="isSelected()" (click)="onSelect()">
|
|
1982
1982
|
<div class="k-icon-background-area">
|
|
@@ -2035,206 +2035,206 @@ class ChartWizardPropertyPaneChartTabComponent {
|
|
|
2035
2035
|
}
|
|
2036
2036
|
}
|
|
2037
2037
|
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 });
|
|
2038
|
-
ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneChartTabComponent, isStandalone: true, selector: "kendo-
|
|
2038
|
+
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: `
|
|
2039
2039
|
<kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
|
|
2040
2040
|
<div class="k-chart-types-wrapper">
|
|
2041
|
-
<kendo-
|
|
2041
|
+
<kendo-chartwizard-series-type-button
|
|
2042
2042
|
title="Bar"
|
|
2043
2043
|
[chartTypeIcon]="chartBarClusteredIcon"
|
|
2044
2044
|
seriesType="bar"
|
|
2045
2045
|
[stack]="false"
|
|
2046
2046
|
>
|
|
2047
|
-
</kendo-
|
|
2048
|
-
<kendo-
|
|
2047
|
+
</kendo-chartwizard-series-type-button>
|
|
2048
|
+
<kendo-chartwizard-series-type-button
|
|
2049
2049
|
title="Stacked Bar"
|
|
2050
2050
|
[chartTypeIcon]="chartBarStackedIcon"
|
|
2051
2051
|
seriesType="bar"
|
|
2052
2052
|
[stack]="true"
|
|
2053
2053
|
>
|
|
2054
|
-
</kendo-
|
|
2055
|
-
<kendo-
|
|
2054
|
+
</kendo-chartwizard-series-type-button>
|
|
2055
|
+
<kendo-chartwizard-series-type-button
|
|
2056
2056
|
title="100% Stacked Bar"
|
|
2057
2057
|
[chartTypeIcon]="chartBarStacked100Icon"
|
|
2058
2058
|
seriesType="bar"
|
|
2059
2059
|
[stack]="{ type: '100%' }"
|
|
2060
2060
|
>
|
|
2061
|
-
</kendo-
|
|
2061
|
+
</kendo-chartwizard-series-type-button>
|
|
2062
2062
|
</div>
|
|
2063
2063
|
</kendo-expansionpanel>
|
|
2064
2064
|
<kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
|
|
2065
2065
|
<div class="k-chart-types-wrapper">
|
|
2066
|
-
<kendo-
|
|
2066
|
+
<kendo-chartwizard-series-type-button
|
|
2067
2067
|
title="Pie"
|
|
2068
2068
|
[chartTypeIcon]="chartPieIcon"
|
|
2069
2069
|
seriesType="pie"
|
|
2070
2070
|
[stack]="undefined"
|
|
2071
2071
|
>
|
|
2072
|
-
</kendo-
|
|
2072
|
+
</kendo-chartwizard-series-type-button>
|
|
2073
2073
|
</div>
|
|
2074
2074
|
</kendo-expansionpanel>
|
|
2075
2075
|
<kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
|
|
2076
2076
|
<div class="k-chart-types-wrapper">
|
|
2077
|
-
<kendo-
|
|
2077
|
+
<kendo-chartwizard-series-type-button
|
|
2078
2078
|
title="Column"
|
|
2079
2079
|
[chartTypeIcon]="chartColumnClusteredIcon"
|
|
2080
2080
|
seriesType="column"
|
|
2081
2081
|
[stack]="false"
|
|
2082
2082
|
>
|
|
2083
|
-
</kendo-
|
|
2084
|
-
<kendo-
|
|
2083
|
+
</kendo-chartwizard-series-type-button>
|
|
2084
|
+
<kendo-chartwizard-series-type-button
|
|
2085
2085
|
title="Stacked Column"
|
|
2086
2086
|
[chartTypeIcon]="chartColumnStackedIcon"
|
|
2087
2087
|
seriesType="column"
|
|
2088
2088
|
[stack]="true"
|
|
2089
2089
|
>
|
|
2090
|
-
</kendo-
|
|
2091
|
-
<kendo-
|
|
2090
|
+
</kendo-chartwizard-series-type-button>
|
|
2091
|
+
<kendo-chartwizard-series-type-button
|
|
2092
2092
|
title="100% Stacked Column"
|
|
2093
2093
|
[chartTypeIcon]="chartColumnStacked100Icon"
|
|
2094
2094
|
seriesType="column"
|
|
2095
2095
|
[stack]="{ type: '100%' }"
|
|
2096
2096
|
>
|
|
2097
|
-
</kendo-
|
|
2097
|
+
</kendo-chartwizard-series-type-button>
|
|
2098
2098
|
</div>
|
|
2099
2099
|
</kendo-expansionpanel>
|
|
2100
2100
|
<kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
|
|
2101
2101
|
<div class="k-chart-types-wrapper">
|
|
2102
|
-
<kendo-
|
|
2102
|
+
<kendo-chartwizard-series-type-button
|
|
2103
2103
|
title="Line"
|
|
2104
2104
|
[chartTypeIcon]="chartLineIcon"
|
|
2105
2105
|
seriesType="line"
|
|
2106
2106
|
[stack]="false"
|
|
2107
2107
|
>
|
|
2108
|
-
</kendo-
|
|
2109
|
-
<kendo-
|
|
2108
|
+
</kendo-chartwizard-series-type-button>
|
|
2109
|
+
<kendo-chartwizard-series-type-button
|
|
2110
2110
|
title="Stacked Line"
|
|
2111
2111
|
[chartTypeIcon]="chartLineStackedIcon"
|
|
2112
2112
|
seriesType="line"
|
|
2113
2113
|
[stack]="true"
|
|
2114
2114
|
>
|
|
2115
|
-
</kendo-
|
|
2116
|
-
<kendo-
|
|
2115
|
+
</kendo-chartwizard-series-type-button>
|
|
2116
|
+
<kendo-chartwizard-series-type-button
|
|
2117
2117
|
title="100% Line Column"
|
|
2118
2118
|
[chartTypeIcon]="chartLineStacked100Icon"
|
|
2119
2119
|
seriesType="line"
|
|
2120
2120
|
[stack]="{ type: '100%' }"
|
|
2121
2121
|
>
|
|
2122
|
-
</kendo-
|
|
2122
|
+
</kendo-chartwizard-series-type-button>
|
|
2123
2123
|
</div>
|
|
2124
2124
|
</kendo-expansionpanel>
|
|
2125
2125
|
<kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
|
|
2126
2126
|
<div class="k-chart-types-wrapper">
|
|
2127
|
-
<kendo-
|
|
2127
|
+
<kendo-chartwizard-series-type-button
|
|
2128
2128
|
title="Scatter"
|
|
2129
2129
|
[chartTypeIcon]="chartScatterIcon"
|
|
2130
2130
|
seriesType="scatter"
|
|
2131
2131
|
[stack]="false"
|
|
2132
2132
|
>
|
|
2133
|
-
</kendo-
|
|
2133
|
+
</kendo-chartwizard-series-type-button>
|
|
2134
2134
|
</div>
|
|
2135
2135
|
</kendo-expansionpanel>
|
|
2136
|
-
`, 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-
|
|
2136
|
+
`, 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 });
|
|
2137
2137
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, decorators: [{
|
|
2138
2138
|
type: Component,
|
|
2139
2139
|
args: [{
|
|
2140
|
-
selector: 'kendo-
|
|
2140
|
+
selector: 'kendo-chartwizard-property-pane-chart-tab',
|
|
2141
2141
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2142
2142
|
template: `
|
|
2143
2143
|
<kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
|
|
2144
2144
|
<div class="k-chart-types-wrapper">
|
|
2145
|
-
<kendo-
|
|
2145
|
+
<kendo-chartwizard-series-type-button
|
|
2146
2146
|
title="Bar"
|
|
2147
2147
|
[chartTypeIcon]="chartBarClusteredIcon"
|
|
2148
2148
|
seriesType="bar"
|
|
2149
2149
|
[stack]="false"
|
|
2150
2150
|
>
|
|
2151
|
-
</kendo-
|
|
2152
|
-
<kendo-
|
|
2151
|
+
</kendo-chartwizard-series-type-button>
|
|
2152
|
+
<kendo-chartwizard-series-type-button
|
|
2153
2153
|
title="Stacked Bar"
|
|
2154
2154
|
[chartTypeIcon]="chartBarStackedIcon"
|
|
2155
2155
|
seriesType="bar"
|
|
2156
2156
|
[stack]="true"
|
|
2157
2157
|
>
|
|
2158
|
-
</kendo-
|
|
2159
|
-
<kendo-
|
|
2158
|
+
</kendo-chartwizard-series-type-button>
|
|
2159
|
+
<kendo-chartwizard-series-type-button
|
|
2160
2160
|
title="100% Stacked Bar"
|
|
2161
2161
|
[chartTypeIcon]="chartBarStacked100Icon"
|
|
2162
2162
|
seriesType="bar"
|
|
2163
2163
|
[stack]="{ type: '100%' }"
|
|
2164
2164
|
>
|
|
2165
|
-
</kendo-
|
|
2165
|
+
</kendo-chartwizard-series-type-button>
|
|
2166
2166
|
</div>
|
|
2167
2167
|
</kendo-expansionpanel>
|
|
2168
2168
|
<kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
|
|
2169
2169
|
<div class="k-chart-types-wrapper">
|
|
2170
|
-
<kendo-
|
|
2170
|
+
<kendo-chartwizard-series-type-button
|
|
2171
2171
|
title="Pie"
|
|
2172
2172
|
[chartTypeIcon]="chartPieIcon"
|
|
2173
2173
|
seriesType="pie"
|
|
2174
2174
|
[stack]="undefined"
|
|
2175
2175
|
>
|
|
2176
|
-
</kendo-
|
|
2176
|
+
</kendo-chartwizard-series-type-button>
|
|
2177
2177
|
</div>
|
|
2178
2178
|
</kendo-expansionpanel>
|
|
2179
2179
|
<kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
|
|
2180
2180
|
<div class="k-chart-types-wrapper">
|
|
2181
|
-
<kendo-
|
|
2181
|
+
<kendo-chartwizard-series-type-button
|
|
2182
2182
|
title="Column"
|
|
2183
2183
|
[chartTypeIcon]="chartColumnClusteredIcon"
|
|
2184
2184
|
seriesType="column"
|
|
2185
2185
|
[stack]="false"
|
|
2186
2186
|
>
|
|
2187
|
-
</kendo-
|
|
2188
|
-
<kendo-
|
|
2187
|
+
</kendo-chartwizard-series-type-button>
|
|
2188
|
+
<kendo-chartwizard-series-type-button
|
|
2189
2189
|
title="Stacked Column"
|
|
2190
2190
|
[chartTypeIcon]="chartColumnStackedIcon"
|
|
2191
2191
|
seriesType="column"
|
|
2192
2192
|
[stack]="true"
|
|
2193
2193
|
>
|
|
2194
|
-
</kendo-
|
|
2195
|
-
<kendo-
|
|
2194
|
+
</kendo-chartwizard-series-type-button>
|
|
2195
|
+
<kendo-chartwizard-series-type-button
|
|
2196
2196
|
title="100% Stacked Column"
|
|
2197
2197
|
[chartTypeIcon]="chartColumnStacked100Icon"
|
|
2198
2198
|
seriesType="column"
|
|
2199
2199
|
[stack]="{ type: '100%' }"
|
|
2200
2200
|
>
|
|
2201
|
-
</kendo-
|
|
2201
|
+
</kendo-chartwizard-series-type-button>
|
|
2202
2202
|
</div>
|
|
2203
2203
|
</kendo-expansionpanel>
|
|
2204
2204
|
<kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
|
|
2205
2205
|
<div class="k-chart-types-wrapper">
|
|
2206
|
-
<kendo-
|
|
2206
|
+
<kendo-chartwizard-series-type-button
|
|
2207
2207
|
title="Line"
|
|
2208
2208
|
[chartTypeIcon]="chartLineIcon"
|
|
2209
2209
|
seriesType="line"
|
|
2210
2210
|
[stack]="false"
|
|
2211
2211
|
>
|
|
2212
|
-
</kendo-
|
|
2213
|
-
<kendo-
|
|
2212
|
+
</kendo-chartwizard-series-type-button>
|
|
2213
|
+
<kendo-chartwizard-series-type-button
|
|
2214
2214
|
title="Stacked Line"
|
|
2215
2215
|
[chartTypeIcon]="chartLineStackedIcon"
|
|
2216
2216
|
seriesType="line"
|
|
2217
2217
|
[stack]="true"
|
|
2218
2218
|
>
|
|
2219
|
-
</kendo-
|
|
2220
|
-
<kendo-
|
|
2219
|
+
</kendo-chartwizard-series-type-button>
|
|
2220
|
+
<kendo-chartwizard-series-type-button
|
|
2221
2221
|
title="100% Line Column"
|
|
2222
2222
|
[chartTypeIcon]="chartLineStacked100Icon"
|
|
2223
2223
|
seriesType="line"
|
|
2224
2224
|
[stack]="{ type: '100%' }"
|
|
2225
2225
|
>
|
|
2226
|
-
</kendo-
|
|
2226
|
+
</kendo-chartwizard-series-type-button>
|
|
2227
2227
|
</div>
|
|
2228
2228
|
</kendo-expansionpanel>
|
|
2229
2229
|
<kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
|
|
2230
2230
|
<div class="k-chart-types-wrapper">
|
|
2231
|
-
<kendo-
|
|
2231
|
+
<kendo-chartwizard-series-type-button
|
|
2232
2232
|
title="Scatter"
|
|
2233
2233
|
[chartTypeIcon]="chartScatterIcon"
|
|
2234
2234
|
seriesType="scatter"
|
|
2235
2235
|
[stack]="false"
|
|
2236
2236
|
>
|
|
2237
|
-
</kendo-
|
|
2237
|
+
</kendo-chartwizard-series-type-button>
|
|
2238
2238
|
</div>
|
|
2239
2239
|
</kendo-expansionpanel>
|
|
2240
2240
|
`,
|
|
@@ -2403,7 +2403,7 @@ class ChartWizardComponent {
|
|
|
2403
2403
|
}
|
|
2404
2404
|
}
|
|
2405
2405
|
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 });
|
|
2406
|
-
ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardComponent, isStandalone: true, selector: "kendo-
|
|
2406
|
+
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: [
|
|
2407
2407
|
LocalizationService,
|
|
2408
2408
|
{
|
|
2409
2409
|
provide: L10N_PREFIX,
|
|
@@ -2551,19 +2551,19 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2551
2551
|
<kendo-tabstrip [keepTabContent]="true">
|
|
2552
2552
|
<kendo-tabstrip-tab title="Chart" [selected]="true">
|
|
2553
2553
|
<ng-template kendoTabContent>
|
|
2554
|
-
<kendo-
|
|
2555
|
-
</kendo-
|
|
2554
|
+
<kendo-chartwizard-property-pane-chart-tab>
|
|
2555
|
+
</kendo-chartwizard-property-pane-chart-tab>
|
|
2556
2556
|
</ng-template>
|
|
2557
2557
|
</kendo-tabstrip-tab>
|
|
2558
2558
|
<kendo-tabstrip-tab title="Data">
|
|
2559
2559
|
<ng-template kendoTabContent>
|
|
2560
|
-
<kendo-
|
|
2560
|
+
<kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
|
|
2561
2561
|
</ng-template>
|
|
2562
2562
|
</kendo-tabstrip-tab>
|
|
2563
2563
|
<kendo-tabstrip-tab title="Format">
|
|
2564
2564
|
<ng-template kendoTabContent>
|
|
2565
|
-
<kendo-
|
|
2566
|
-
</kendo-
|
|
2565
|
+
<kendo-chartwizard-property-pane-format-tab>
|
|
2566
|
+
</kendo-chartwizard-property-pane-format-tab>
|
|
2567
2567
|
</ng-template>
|
|
2568
2568
|
</kendo-tabstrip-tab>
|
|
2569
2569
|
</kendo-tabstrip>
|
|
@@ -2571,7 +2571,7 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2571
2571
|
</kendo-splitter>
|
|
2572
2572
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
2573
2573
|
</kendo-window>
|
|
2574
|
-
`, 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-
|
|
2574
|
+
`, 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 });
|
|
2575
2575
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, decorators: [{
|
|
2576
2576
|
type: Component,
|
|
2577
2577
|
args: [{
|
|
@@ -2585,7 +2585,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2585
2585
|
},
|
|
2586
2586
|
StateService
|
|
2587
2587
|
],
|
|
2588
|
-
selector: 'kendo-
|
|
2588
|
+
selector: 'kendo-chartwizard',
|
|
2589
2589
|
template: `
|
|
2590
2590
|
<ng-container
|
|
2591
2591
|
kendoChartWizardLocalizedMessages
|
|
@@ -2727,19 +2727,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2727
2727
|
<kendo-tabstrip [keepTabContent]="true">
|
|
2728
2728
|
<kendo-tabstrip-tab title="Chart" [selected]="true">
|
|
2729
2729
|
<ng-template kendoTabContent>
|
|
2730
|
-
<kendo-
|
|
2731
|
-
</kendo-
|
|
2730
|
+
<kendo-chartwizard-property-pane-chart-tab>
|
|
2731
|
+
</kendo-chartwizard-property-pane-chart-tab>
|
|
2732
2732
|
</ng-template>
|
|
2733
2733
|
</kendo-tabstrip-tab>
|
|
2734
2734
|
<kendo-tabstrip-tab title="Data">
|
|
2735
2735
|
<ng-template kendoTabContent>
|
|
2736
|
-
<kendo-
|
|
2736
|
+
<kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
|
|
2737
2737
|
</ng-template>
|
|
2738
2738
|
</kendo-tabstrip-tab>
|
|
2739
2739
|
<kendo-tabstrip-tab title="Format">
|
|
2740
2740
|
<ng-template kendoTabContent>
|
|
2741
|
-
<kendo-
|
|
2742
|
-
</kendo-
|
|
2741
|
+
<kendo-chartwizard-property-pane-format-tab>
|
|
2742
|
+
</kendo-chartwizard-property-pane-format-tab>
|
|
2743
2743
|
</ng-template>
|
|
2744
2744
|
</kendo-tabstrip-tab>
|
|
2745
2745
|
</kendo-tabstrip>
|