@progress/kendo-angular-chart-wizard 16.6.0-develop.9 → 16.6.1-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chart-wizard.component.d.ts +1 -1
- package/esm2020/chart-wizard.component.mjs +21 -19
- 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/esm2020/state.service.mjs +2 -0
- package/fesm2015/progress-kendo-angular-chart-wizard.mjs +213 -209
- package/fesm2020/progress-kendo-angular-chart-wizard.mjs +213 -209
- package/package.json +12 -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
- package/state.service.d.ts +5 -0
|
@@ -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.
|
|
37
|
+
publishDate: 1722939081,
|
|
38
|
+
version: '16.6.1-develop.1',
|
|
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
|
|
|
@@ -557,6 +557,8 @@ class StateService {
|
|
|
557
557
|
this.data = [];
|
|
558
558
|
this.deletedSeries = [];
|
|
559
559
|
this.direction = 'ltr';
|
|
560
|
+
this.windowSize = { width: 700, height: 550 };
|
|
561
|
+
this.splitterPaneSize = '300px';
|
|
560
562
|
}
|
|
561
563
|
}
|
|
562
564
|
StateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
@@ -602,7 +604,7 @@ class ChartWizardPropertyPaneFormFieldComponent {
|
|
|
602
604
|
}
|
|
603
605
|
}
|
|
604
606
|
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-
|
|
607
|
+
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
608
|
<kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap" class="k-form-label" [text]="text"></kendo-label>
|
|
607
609
|
<div class="k-form-field-wrap">
|
|
608
610
|
<kendo-label
|
|
@@ -668,7 +670,7 @@ ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
|
|
|
668
670
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, decorators: [{
|
|
669
671
|
type: Component,
|
|
670
672
|
args: [{
|
|
671
|
-
selector: 'kendo-
|
|
673
|
+
selector: 'kendo-chartwizard-property-pane-form-field',
|
|
672
674
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
673
675
|
template: `
|
|
674
676
|
<kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap" class="k-form-label" [text]="text"></kendo-label>
|
|
@@ -922,7 +924,7 @@ class ChartWizardPropertyPaneDataTabComponent {
|
|
|
922
924
|
}
|
|
923
925
|
}
|
|
924
926
|
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-
|
|
927
|
+
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
928
|
<section>
|
|
927
929
|
<kendo-expansionpanel
|
|
928
930
|
title="Chart Area"
|
|
@@ -934,45 +936,45 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
934
936
|
<fieldset class="k-form-fieldset">
|
|
935
937
|
<legend class="k-form-legend">Margins</legend>
|
|
936
938
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
937
|
-
<kendo-
|
|
939
|
+
<kendo-chartwizard-property-pane-form-field
|
|
938
940
|
text="Left"
|
|
939
941
|
inputType="numeric"
|
|
940
942
|
[value]="$any(stateService.state.area?.margin).left"
|
|
941
943
|
(valueChange)="updateState(areaMarginLeft, $event)"
|
|
942
944
|
>
|
|
943
|
-
</kendo-
|
|
944
|
-
<kendo-
|
|
945
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
946
|
+
<kendo-chartwizard-property-pane-form-field
|
|
945
947
|
text="Right"
|
|
946
948
|
inputType="numeric"
|
|
947
949
|
[value]="$any(stateService.state.area?.margin).right"
|
|
948
950
|
(valueChange)="updateState(areaMarginRight, $event)"
|
|
949
951
|
>
|
|
950
|
-
</kendo-
|
|
951
|
-
<kendo-
|
|
952
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
953
|
+
<kendo-chartwizard-property-pane-form-field
|
|
952
954
|
text="Top"
|
|
953
955
|
inputType="numeric"
|
|
954
956
|
[value]="$any(stateService.state.area?.margin).top"
|
|
955
957
|
(valueChange)="updateState(areaMarginTop, $event)"
|
|
956
958
|
>
|
|
957
|
-
</kendo-
|
|
958
|
-
<kendo-
|
|
959
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
960
|
+
<kendo-chartwizard-property-pane-form-field
|
|
959
961
|
text="Bottom"
|
|
960
962
|
inputType="numeric"
|
|
961
963
|
[value]="$any(stateService.state.area?.margin).bottom"
|
|
962
964
|
(valueChange)="updateState(areaMarginBottom, $event)"
|
|
963
965
|
>
|
|
964
|
-
</kendo-
|
|
966
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
965
967
|
</div>
|
|
966
968
|
</fieldset>
|
|
967
969
|
<fieldset class="k-form-fieldset">
|
|
968
970
|
<legend class="k-form-legend">Background</legend>
|
|
969
|
-
<kendo-
|
|
971
|
+
<kendo-chartwizard-property-pane-form-field
|
|
970
972
|
text="Color"
|
|
971
973
|
inputType="colorPicker"
|
|
972
974
|
[value]="stateService.state.area?.background"
|
|
973
975
|
(valueChange)="updateState(areaBackground, $event)"
|
|
974
976
|
>
|
|
975
|
-
</kendo-
|
|
977
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
976
978
|
</fieldset>
|
|
977
979
|
</form>
|
|
978
980
|
</kendo-expansionpanel>
|
|
@@ -985,7 +987,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
985
987
|
>
|
|
986
988
|
<form class="k-form k-form-md">
|
|
987
989
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
988
|
-
<kendo-
|
|
990
|
+
<kendo-chartwizard-property-pane-form-field
|
|
989
991
|
text="Apply to"
|
|
990
992
|
inputType="dropDownList"
|
|
991
993
|
[data]="chartTitles"
|
|
@@ -993,16 +995,16 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
993
995
|
[value]="stateService.currentTitle"
|
|
994
996
|
(valueChange)="changeCurrentTitle($event)"
|
|
995
997
|
>
|
|
996
|
-
</kendo-
|
|
997
|
-
<kendo-
|
|
998
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
999
|
+
<kendo-chartwizard-property-pane-form-field
|
|
998
1000
|
text="Title"
|
|
999
1001
|
inputType="text"
|
|
1000
1002
|
[colSpan]="2"
|
|
1001
1003
|
[value]="chartTitleTypeText"
|
|
1002
1004
|
(valueChange)="updateState(chartTitleTypeAction, $event)"
|
|
1003
1005
|
>
|
|
1004
|
-
</kendo-
|
|
1005
|
-
<kendo-
|
|
1006
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1007
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1006
1008
|
text="Font"
|
|
1007
1009
|
inputType="comboBox"
|
|
1008
1010
|
[data]="fontNames"
|
|
@@ -1011,22 +1013,22 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1011
1013
|
placeholder="(Inherited font)"
|
|
1012
1014
|
(valueChange)="updateState(chartTitleTypeFontAction, $event)"
|
|
1013
1015
|
>
|
|
1014
|
-
</kendo-
|
|
1015
|
-
<kendo-
|
|
1016
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1017
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1016
1018
|
text="Size"
|
|
1017
1019
|
inputType="comboBox"
|
|
1018
1020
|
[data]="fontSizes"
|
|
1019
1021
|
[value]="chartTitleTypeFontSize"
|
|
1020
1022
|
(valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
|
|
1021
1023
|
>
|
|
1022
|
-
</kendo-
|
|
1023
|
-
<kendo-
|
|
1024
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1025
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1024
1026
|
text="Color"
|
|
1025
1027
|
inputType="colorPicker"
|
|
1026
1028
|
[value]="chartTitleTypeColor"
|
|
1027
1029
|
(valueChange)="updateState(chartTitleTypeColorAction, $event)"
|
|
1028
1030
|
>
|
|
1029
|
-
</kendo-
|
|
1031
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1030
1032
|
</div>
|
|
1031
1033
|
</form>
|
|
1032
1034
|
</kendo-expansionpanel>
|
|
@@ -1049,7 +1051,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1049
1051
|
[checked]="stateService.state.legend?.visible"
|
|
1050
1052
|
(valueChange)="updateState(legendVisible, $event)"
|
|
1051
1053
|
></kendo-switch>
|
|
1052
|
-
<kendo-
|
|
1054
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1053
1055
|
text="Font"
|
|
1054
1056
|
inputType="comboBox"
|
|
1055
1057
|
[data]="fontNames"
|
|
@@ -1058,8 +1060,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1058
1060
|
[value]="parseFont(stateService.state.legend?.labels?.font).name"
|
|
1059
1061
|
(valueChange)="updateState(legendFontName, $event)"
|
|
1060
1062
|
>
|
|
1061
|
-
</kendo-
|
|
1062
|
-
<kendo-
|
|
1063
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1064
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1063
1065
|
text="Size"
|
|
1064
1066
|
inputType="comboBox"
|
|
1065
1067
|
[data]="fontSizes"
|
|
@@ -1067,15 +1069,15 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1067
1069
|
[value]="parseFont(stateService.state.legend?.labels?.font).size"
|
|
1068
1070
|
(valueChange)="updateState(legendFontSize, $event)"
|
|
1069
1071
|
>
|
|
1070
|
-
</kendo-
|
|
1071
|
-
<kendo-
|
|
1072
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1073
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1072
1074
|
text="Color"
|
|
1073
1075
|
inputType="colorPicker"
|
|
1074
1076
|
[value]="stateService.state.legend?.labels?.color"
|
|
1075
1077
|
(valueChange)="updateState(legendColor, $event)"
|
|
1076
1078
|
>
|
|
1077
|
-
</kendo-
|
|
1078
|
-
<kendo-
|
|
1079
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1080
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1079
1081
|
text="Position"
|
|
1080
1082
|
inputType="dropDownList"
|
|
1081
1083
|
[colSpan]="2"
|
|
@@ -1083,7 +1085,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1083
1085
|
[value]="stateService.state.legend?.position"
|
|
1084
1086
|
(valueChange)="updateState(legendPosition, $event)"
|
|
1085
1087
|
>
|
|
1086
|
-
</kendo-
|
|
1088
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1087
1089
|
</div>
|
|
1088
1090
|
</form>
|
|
1089
1091
|
</kendo-expansionpanel>
|
|
@@ -1112,21 +1114,21 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1112
1114
|
</div>
|
|
1113
1115
|
</div>
|
|
1114
1116
|
|
|
1115
|
-
<kendo-
|
|
1117
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1116
1118
|
text="Color"
|
|
1117
1119
|
[value]="stateService.currentSeries?.color"
|
|
1118
1120
|
inputType="colorPicker"
|
|
1119
1121
|
(valueChange)="updateSeriesColor($event)"
|
|
1120
1122
|
>
|
|
1121
|
-
</kendo-
|
|
1122
|
-
<kendo-
|
|
1123
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1124
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1123
1125
|
text="Show Labels"
|
|
1124
1126
|
[value]="stateService.currentSeries.labels?.visible"
|
|
1125
1127
|
[isLabelInsideFormFieldWrap]="true"
|
|
1126
1128
|
inputType="checkbox"
|
|
1127
1129
|
(valueChange)="toggleSeriesLabels($event)"
|
|
1128
1130
|
>
|
|
1129
|
-
</kendo-
|
|
1131
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1130
1132
|
</form>
|
|
1131
1133
|
</kendo-expansionpanel>
|
|
1132
1134
|
</section>
|
|
@@ -1140,7 +1142,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1140
1142
|
<fieldset class="k-form-fieldset">
|
|
1141
1143
|
<legend class="k-form-legend">Title</legend>
|
|
1142
1144
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1143
|
-
<kendo-
|
|
1145
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1144
1146
|
inputType="text"
|
|
1145
1147
|
[hasLabel]="false"
|
|
1146
1148
|
[colSpan]="2"
|
|
@@ -1148,8 +1150,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1148
1150
|
[value]="stateService.state.categoryAxis[0]?.title?.text"
|
|
1149
1151
|
(valueChange)="updateState(categoryAxisTitleText, $event)"
|
|
1150
1152
|
>
|
|
1151
|
-
</kendo-
|
|
1152
|
-
<kendo-
|
|
1153
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1154
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1153
1155
|
text="Font"
|
|
1154
1156
|
inputType="comboBox"
|
|
1155
1157
|
[data]="fontNames"
|
|
@@ -1158,8 +1160,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1158
1160
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
|
|
1159
1161
|
(valueChange)="updateState(categoryAxisTitleFontName, $event)"
|
|
1160
1162
|
>
|
|
1161
|
-
</kendo-
|
|
1162
|
-
<kendo-
|
|
1163
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1164
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1163
1165
|
text="Size"
|
|
1164
1166
|
inputType="comboBox"
|
|
1165
1167
|
placeholder="px"
|
|
@@ -1167,20 +1169,20 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1167
1169
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
|
|
1168
1170
|
(valueChange)="updateState(categoryAxisTitleFontSize, $event)"
|
|
1169
1171
|
>
|
|
1170
|
-
</kendo-
|
|
1171
|
-
<kendo-
|
|
1172
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1173
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1172
1174
|
text="Color"
|
|
1173
1175
|
inputType="colorPicker"
|
|
1174
1176
|
[value]="stateService.state.categoryAxis[0]?.title?.color"
|
|
1175
1177
|
(valueChange)="updateState(categoryAxisTitleColor, $event)"
|
|
1176
1178
|
>
|
|
1177
|
-
</kendo-
|
|
1179
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1178
1180
|
</div>
|
|
1179
1181
|
</fieldset>
|
|
1180
1182
|
<fieldset class="k-form-fieldset">
|
|
1181
1183
|
<legend class="k-form-legend">Labels</legend>
|
|
1182
1184
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1183
|
-
<kendo-
|
|
1185
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1184
1186
|
text="Font"
|
|
1185
1187
|
inputType="comboBox"
|
|
1186
1188
|
[data]="fontNames"
|
|
@@ -1188,8 +1190,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1188
1190
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
|
|
1189
1191
|
(valueChange)="updateState(categoryAxisLabelsFontName, $event)"
|
|
1190
1192
|
>
|
|
1191
|
-
</kendo-
|
|
1192
|
-
<kendo-
|
|
1193
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1194
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1193
1195
|
text="Size"
|
|
1194
1196
|
inputType="comboBox"
|
|
1195
1197
|
[data]="fontSizes"
|
|
@@ -1197,24 +1199,24 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1197
1199
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
|
|
1198
1200
|
(valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
|
|
1199
1201
|
>
|
|
1200
|
-
</kendo-
|
|
1201
|
-
<kendo-
|
|
1202
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1203
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1202
1204
|
text="Color"
|
|
1203
1205
|
inputType="colorPicker"
|
|
1204
1206
|
[value]="stateService.state.categoryAxis[0]?.labels?.color || ''"
|
|
1205
1207
|
(valueChange)="updateState(categoryAxisLabelsColor, $event)"
|
|
1206
1208
|
>
|
|
1207
|
-
</kendo-
|
|
1208
|
-
<kendo-
|
|
1209
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1210
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1209
1211
|
text="Rotation"
|
|
1210
1212
|
inputType="dropDownList"
|
|
1211
1213
|
[data]="labelsRotation"
|
|
1212
1214
|
[value]="stateService.state.categoryAxis[0]?.labels?.rotation"
|
|
1213
1215
|
(valueChange)="updateState(categoryAxisLabelsRotation, $event)"
|
|
1214
1216
|
>
|
|
1215
|
-
</kendo-
|
|
1217
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1216
1218
|
<span></span>
|
|
1217
|
-
<kendo-
|
|
1219
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1218
1220
|
text="Reverse Order"
|
|
1219
1221
|
[isLabelInsideFormFieldWrap]="true"
|
|
1220
1222
|
inputType="checkbox"
|
|
@@ -1222,7 +1224,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1222
1224
|
[value]="stateService.state.categoryAxis[0]?.reverse"
|
|
1223
1225
|
(valueChange)="updateState(categoryAxisReverseOrder, $event)"
|
|
1224
1226
|
>
|
|
1225
|
-
</kendo-
|
|
1227
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1226
1228
|
</div>
|
|
1227
1229
|
</fieldset>
|
|
1228
1230
|
</form>
|
|
@@ -1238,7 +1240,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1238
1240
|
<fieldset class="k-form-fieldset">
|
|
1239
1241
|
<legend class="k-form-legend">Title</legend>
|
|
1240
1242
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1241
|
-
<kendo-
|
|
1243
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1242
1244
|
inputType="text"
|
|
1243
1245
|
[hasLabel]="false"
|
|
1244
1246
|
[colSpan]="2"
|
|
@@ -1246,8 +1248,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1246
1248
|
[value]="stateService.state.valueAxis[0]?.title?.text"
|
|
1247
1249
|
(valueChange)="updateState(valueAxisTitleText, $event)"
|
|
1248
1250
|
>
|
|
1249
|
-
</kendo-
|
|
1250
|
-
<kendo-
|
|
1251
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1252
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1251
1253
|
text="Font"
|
|
1252
1254
|
inputType="comboBox"
|
|
1253
1255
|
[colSpan]="2"
|
|
@@ -1256,8 +1258,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1256
1258
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
|
|
1257
1259
|
(valueChange)="updateState(valueAxisTitleFontName, $event)"
|
|
1258
1260
|
>
|
|
1259
|
-
</kendo-
|
|
1260
|
-
<kendo-
|
|
1261
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1262
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1261
1263
|
text="Size"
|
|
1262
1264
|
inputType="comboBox"
|
|
1263
1265
|
placeholder="px"
|
|
@@ -1265,20 +1267,20 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1265
1267
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
|
|
1266
1268
|
(valueChange)="updateState(valueAxisTitleFontSize, $event)"
|
|
1267
1269
|
>
|
|
1268
|
-
</kendo-
|
|
1269
|
-
<kendo-
|
|
1270
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1271
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1270
1272
|
text="Color"
|
|
1271
1273
|
inputType="colorPicker"
|
|
1272
1274
|
[value]="stateService.state.valueAxis[0]?.title?.color"
|
|
1273
1275
|
(valueChange)="updateState(valueAxisTitleColor, $event)"
|
|
1274
1276
|
>
|
|
1275
|
-
</kendo-
|
|
1277
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1276
1278
|
</div>
|
|
1277
1279
|
</fieldset>
|
|
1278
1280
|
<fieldset class="k-form-fieldset">
|
|
1279
1281
|
<legend class="k-form-legend">Labels</legend>
|
|
1280
1282
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1281
|
-
<kendo-
|
|
1283
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1282
1284
|
text="Font"
|
|
1283
1285
|
inputType="comboBox"
|
|
1284
1286
|
[data]="fontNames"
|
|
@@ -1286,8 +1288,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1286
1288
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
|
|
1287
1289
|
(valueChange)="updateState(valueAxisLabelsFontName, $event)"
|
|
1288
1290
|
>
|
|
1289
|
-
</kendo-
|
|
1290
|
-
<kendo-
|
|
1291
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1292
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1291
1293
|
text="Size"
|
|
1292
1294
|
inputType="comboBox"
|
|
1293
1295
|
[data]="fontSizes"
|
|
@@ -1295,32 +1297,32 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
1295
1297
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
|
|
1296
1298
|
(valueChange)="updateState(valueAxisLabelsFontSize, $event)"
|
|
1297
1299
|
>
|
|
1298
|
-
</kendo-
|
|
1299
|
-
<kendo-
|
|
1300
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1301
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1300
1302
|
text="Color"
|
|
1301
1303
|
inputType="colorPicker"
|
|
1302
1304
|
[value]="stateService.state.valueAxis[0]?.labels?.color || ''"
|
|
1303
1305
|
(valueChange)="updateState(valueAxisLabelsColor, $event)"
|
|
1304
1306
|
>
|
|
1305
|
-
</kendo-
|
|
1306
|
-
<kendo-
|
|
1307
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1308
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1307
1309
|
text="Rotation"
|
|
1308
1310
|
inputType="dropDownList"
|
|
1309
1311
|
[data]="labelsRotation"
|
|
1310
1312
|
[value]="stateService.state.valueAxis[0]?.labels?.rotation"
|
|
1311
1313
|
(valueChange)="updateState(valueAxisLabelsRotation, $event)"
|
|
1312
1314
|
>
|
|
1313
|
-
</kendo-
|
|
1315
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1314
1316
|
</div>
|
|
1315
1317
|
</fieldset>
|
|
1316
1318
|
</form>
|
|
1317
1319
|
</kendo-expansionpanel>
|
|
1318
1320
|
</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-
|
|
1321
|
+
`, 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
1322
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, decorators: [{
|
|
1321
1323
|
type: Component,
|
|
1322
1324
|
args: [{
|
|
1323
|
-
selector: 'kendo-
|
|
1325
|
+
selector: 'kendo-chartwizard-property-pane-format-tab',
|
|
1324
1326
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1325
1327
|
template: `
|
|
1326
1328
|
<section>
|
|
@@ -1334,45 +1336,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1334
1336
|
<fieldset class="k-form-fieldset">
|
|
1335
1337
|
<legend class="k-form-legend">Margins</legend>
|
|
1336
1338
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1337
|
-
<kendo-
|
|
1339
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1338
1340
|
text="Left"
|
|
1339
1341
|
inputType="numeric"
|
|
1340
1342
|
[value]="$any(stateService.state.area?.margin).left"
|
|
1341
1343
|
(valueChange)="updateState(areaMarginLeft, $event)"
|
|
1342
1344
|
>
|
|
1343
|
-
</kendo-
|
|
1344
|
-
<kendo-
|
|
1345
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1346
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1345
1347
|
text="Right"
|
|
1346
1348
|
inputType="numeric"
|
|
1347
1349
|
[value]="$any(stateService.state.area?.margin).right"
|
|
1348
1350
|
(valueChange)="updateState(areaMarginRight, $event)"
|
|
1349
1351
|
>
|
|
1350
|
-
</kendo-
|
|
1351
|
-
<kendo-
|
|
1352
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1353
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1352
1354
|
text="Top"
|
|
1353
1355
|
inputType="numeric"
|
|
1354
1356
|
[value]="$any(stateService.state.area?.margin).top"
|
|
1355
1357
|
(valueChange)="updateState(areaMarginTop, $event)"
|
|
1356
1358
|
>
|
|
1357
|
-
</kendo-
|
|
1358
|
-
<kendo-
|
|
1359
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1360
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1359
1361
|
text="Bottom"
|
|
1360
1362
|
inputType="numeric"
|
|
1361
1363
|
[value]="$any(stateService.state.area?.margin).bottom"
|
|
1362
1364
|
(valueChange)="updateState(areaMarginBottom, $event)"
|
|
1363
1365
|
>
|
|
1364
|
-
</kendo-
|
|
1366
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1365
1367
|
</div>
|
|
1366
1368
|
</fieldset>
|
|
1367
1369
|
<fieldset class="k-form-fieldset">
|
|
1368
1370
|
<legend class="k-form-legend">Background</legend>
|
|
1369
|
-
<kendo-
|
|
1371
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1370
1372
|
text="Color"
|
|
1371
1373
|
inputType="colorPicker"
|
|
1372
1374
|
[value]="stateService.state.area?.background"
|
|
1373
1375
|
(valueChange)="updateState(areaBackground, $event)"
|
|
1374
1376
|
>
|
|
1375
|
-
</kendo-
|
|
1377
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1376
1378
|
</fieldset>
|
|
1377
1379
|
</form>
|
|
1378
1380
|
</kendo-expansionpanel>
|
|
@@ -1385,7 +1387,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1385
1387
|
>
|
|
1386
1388
|
<form class="k-form k-form-md">
|
|
1387
1389
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1388
|
-
<kendo-
|
|
1390
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1389
1391
|
text="Apply to"
|
|
1390
1392
|
inputType="dropDownList"
|
|
1391
1393
|
[data]="chartTitles"
|
|
@@ -1393,16 +1395,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1393
1395
|
[value]="stateService.currentTitle"
|
|
1394
1396
|
(valueChange)="changeCurrentTitle($event)"
|
|
1395
1397
|
>
|
|
1396
|
-
</kendo-
|
|
1397
|
-
<kendo-
|
|
1398
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1399
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1398
1400
|
text="Title"
|
|
1399
1401
|
inputType="text"
|
|
1400
1402
|
[colSpan]="2"
|
|
1401
1403
|
[value]="chartTitleTypeText"
|
|
1402
1404
|
(valueChange)="updateState(chartTitleTypeAction, $event)"
|
|
1403
1405
|
>
|
|
1404
|
-
</kendo-
|
|
1405
|
-
<kendo-
|
|
1406
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1407
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1406
1408
|
text="Font"
|
|
1407
1409
|
inputType="comboBox"
|
|
1408
1410
|
[data]="fontNames"
|
|
@@ -1411,22 +1413,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1411
1413
|
placeholder="(Inherited font)"
|
|
1412
1414
|
(valueChange)="updateState(chartTitleTypeFontAction, $event)"
|
|
1413
1415
|
>
|
|
1414
|
-
</kendo-
|
|
1415
|
-
<kendo-
|
|
1416
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1417
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1416
1418
|
text="Size"
|
|
1417
1419
|
inputType="comboBox"
|
|
1418
1420
|
[data]="fontSizes"
|
|
1419
1421
|
[value]="chartTitleTypeFontSize"
|
|
1420
1422
|
(valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
|
|
1421
1423
|
>
|
|
1422
|
-
</kendo-
|
|
1423
|
-
<kendo-
|
|
1424
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1425
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1424
1426
|
text="Color"
|
|
1425
1427
|
inputType="colorPicker"
|
|
1426
1428
|
[value]="chartTitleTypeColor"
|
|
1427
1429
|
(valueChange)="updateState(chartTitleTypeColorAction, $event)"
|
|
1428
1430
|
>
|
|
1429
|
-
</kendo-
|
|
1431
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1430
1432
|
</div>
|
|
1431
1433
|
</form>
|
|
1432
1434
|
</kendo-expansionpanel>
|
|
@@ -1449,7 +1451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1449
1451
|
[checked]="stateService.state.legend?.visible"
|
|
1450
1452
|
(valueChange)="updateState(legendVisible, $event)"
|
|
1451
1453
|
></kendo-switch>
|
|
1452
|
-
<kendo-
|
|
1454
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1453
1455
|
text="Font"
|
|
1454
1456
|
inputType="comboBox"
|
|
1455
1457
|
[data]="fontNames"
|
|
@@ -1458,8 +1460,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1458
1460
|
[value]="parseFont(stateService.state.legend?.labels?.font).name"
|
|
1459
1461
|
(valueChange)="updateState(legendFontName, $event)"
|
|
1460
1462
|
>
|
|
1461
|
-
</kendo-
|
|
1462
|
-
<kendo-
|
|
1463
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1464
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1463
1465
|
text="Size"
|
|
1464
1466
|
inputType="comboBox"
|
|
1465
1467
|
[data]="fontSizes"
|
|
@@ -1467,15 +1469,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1467
1469
|
[value]="parseFont(stateService.state.legend?.labels?.font).size"
|
|
1468
1470
|
(valueChange)="updateState(legendFontSize, $event)"
|
|
1469
1471
|
>
|
|
1470
|
-
</kendo-
|
|
1471
|
-
<kendo-
|
|
1472
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1473
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1472
1474
|
text="Color"
|
|
1473
1475
|
inputType="colorPicker"
|
|
1474
1476
|
[value]="stateService.state.legend?.labels?.color"
|
|
1475
1477
|
(valueChange)="updateState(legendColor, $event)"
|
|
1476
1478
|
>
|
|
1477
|
-
</kendo-
|
|
1478
|
-
<kendo-
|
|
1479
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1480
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1479
1481
|
text="Position"
|
|
1480
1482
|
inputType="dropDownList"
|
|
1481
1483
|
[colSpan]="2"
|
|
@@ -1483,7 +1485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1483
1485
|
[value]="stateService.state.legend?.position"
|
|
1484
1486
|
(valueChange)="updateState(legendPosition, $event)"
|
|
1485
1487
|
>
|
|
1486
|
-
</kendo-
|
|
1488
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1487
1489
|
</div>
|
|
1488
1490
|
</form>
|
|
1489
1491
|
</kendo-expansionpanel>
|
|
@@ -1512,21 +1514,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1512
1514
|
</div>
|
|
1513
1515
|
</div>
|
|
1514
1516
|
|
|
1515
|
-
<kendo-
|
|
1517
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1516
1518
|
text="Color"
|
|
1517
1519
|
[value]="stateService.currentSeries?.color"
|
|
1518
1520
|
inputType="colorPicker"
|
|
1519
1521
|
(valueChange)="updateSeriesColor($event)"
|
|
1520
1522
|
>
|
|
1521
|
-
</kendo-
|
|
1522
|
-
<kendo-
|
|
1523
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1524
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1523
1525
|
text="Show Labels"
|
|
1524
1526
|
[value]="stateService.currentSeries.labels?.visible"
|
|
1525
1527
|
[isLabelInsideFormFieldWrap]="true"
|
|
1526
1528
|
inputType="checkbox"
|
|
1527
1529
|
(valueChange)="toggleSeriesLabels($event)"
|
|
1528
1530
|
>
|
|
1529
|
-
</kendo-
|
|
1531
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1530
1532
|
</form>
|
|
1531
1533
|
</kendo-expansionpanel>
|
|
1532
1534
|
</section>
|
|
@@ -1540,7 +1542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1540
1542
|
<fieldset class="k-form-fieldset">
|
|
1541
1543
|
<legend class="k-form-legend">Title</legend>
|
|
1542
1544
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1543
|
-
<kendo-
|
|
1545
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1544
1546
|
inputType="text"
|
|
1545
1547
|
[hasLabel]="false"
|
|
1546
1548
|
[colSpan]="2"
|
|
@@ -1548,8 +1550,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1548
1550
|
[value]="stateService.state.categoryAxis[0]?.title?.text"
|
|
1549
1551
|
(valueChange)="updateState(categoryAxisTitleText, $event)"
|
|
1550
1552
|
>
|
|
1551
|
-
</kendo-
|
|
1552
|
-
<kendo-
|
|
1553
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1554
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1553
1555
|
text="Font"
|
|
1554
1556
|
inputType="comboBox"
|
|
1555
1557
|
[data]="fontNames"
|
|
@@ -1558,8 +1560,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1558
1560
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
|
|
1559
1561
|
(valueChange)="updateState(categoryAxisTitleFontName, $event)"
|
|
1560
1562
|
>
|
|
1561
|
-
</kendo-
|
|
1562
|
-
<kendo-
|
|
1563
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1564
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1563
1565
|
text="Size"
|
|
1564
1566
|
inputType="comboBox"
|
|
1565
1567
|
placeholder="px"
|
|
@@ -1567,20 +1569,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1567
1569
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
|
|
1568
1570
|
(valueChange)="updateState(categoryAxisTitleFontSize, $event)"
|
|
1569
1571
|
>
|
|
1570
|
-
</kendo-
|
|
1571
|
-
<kendo-
|
|
1572
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1573
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1572
1574
|
text="Color"
|
|
1573
1575
|
inputType="colorPicker"
|
|
1574
1576
|
[value]="stateService.state.categoryAxis[0]?.title?.color"
|
|
1575
1577
|
(valueChange)="updateState(categoryAxisTitleColor, $event)"
|
|
1576
1578
|
>
|
|
1577
|
-
</kendo-
|
|
1579
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1578
1580
|
</div>
|
|
1579
1581
|
</fieldset>
|
|
1580
1582
|
<fieldset class="k-form-fieldset">
|
|
1581
1583
|
<legend class="k-form-legend">Labels</legend>
|
|
1582
1584
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1583
|
-
<kendo-
|
|
1585
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1584
1586
|
text="Font"
|
|
1585
1587
|
inputType="comboBox"
|
|
1586
1588
|
[data]="fontNames"
|
|
@@ -1588,8 +1590,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1588
1590
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
|
|
1589
1591
|
(valueChange)="updateState(categoryAxisLabelsFontName, $event)"
|
|
1590
1592
|
>
|
|
1591
|
-
</kendo-
|
|
1592
|
-
<kendo-
|
|
1593
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1594
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1593
1595
|
text="Size"
|
|
1594
1596
|
inputType="comboBox"
|
|
1595
1597
|
[data]="fontSizes"
|
|
@@ -1597,24 +1599,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1597
1599
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
|
|
1598
1600
|
(valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
|
|
1599
1601
|
>
|
|
1600
|
-
</kendo-
|
|
1601
|
-
<kendo-
|
|
1602
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1603
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1602
1604
|
text="Color"
|
|
1603
1605
|
inputType="colorPicker"
|
|
1604
1606
|
[value]="stateService.state.categoryAxis[0]?.labels?.color || ''"
|
|
1605
1607
|
(valueChange)="updateState(categoryAxisLabelsColor, $event)"
|
|
1606
1608
|
>
|
|
1607
|
-
</kendo-
|
|
1608
|
-
<kendo-
|
|
1609
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1610
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1609
1611
|
text="Rotation"
|
|
1610
1612
|
inputType="dropDownList"
|
|
1611
1613
|
[data]="labelsRotation"
|
|
1612
1614
|
[value]="stateService.state.categoryAxis[0]?.labels?.rotation"
|
|
1613
1615
|
(valueChange)="updateState(categoryAxisLabelsRotation, $event)"
|
|
1614
1616
|
>
|
|
1615
|
-
</kendo-
|
|
1617
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1616
1618
|
<span></span>
|
|
1617
|
-
<kendo-
|
|
1619
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1618
1620
|
text="Reverse Order"
|
|
1619
1621
|
[isLabelInsideFormFieldWrap]="true"
|
|
1620
1622
|
inputType="checkbox"
|
|
@@ -1622,7 +1624,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1622
1624
|
[value]="stateService.state.categoryAxis[0]?.reverse"
|
|
1623
1625
|
(valueChange)="updateState(categoryAxisReverseOrder, $event)"
|
|
1624
1626
|
>
|
|
1625
|
-
</kendo-
|
|
1627
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1626
1628
|
</div>
|
|
1627
1629
|
</fieldset>
|
|
1628
1630
|
</form>
|
|
@@ -1638,7 +1640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1638
1640
|
<fieldset class="k-form-fieldset">
|
|
1639
1641
|
<legend class="k-form-legend">Title</legend>
|
|
1640
1642
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1641
|
-
<kendo-
|
|
1643
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1642
1644
|
inputType="text"
|
|
1643
1645
|
[hasLabel]="false"
|
|
1644
1646
|
[colSpan]="2"
|
|
@@ -1646,8 +1648,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1646
1648
|
[value]="stateService.state.valueAxis[0]?.title?.text"
|
|
1647
1649
|
(valueChange)="updateState(valueAxisTitleText, $event)"
|
|
1648
1650
|
>
|
|
1649
|
-
</kendo-
|
|
1650
|
-
<kendo-
|
|
1651
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1652
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1651
1653
|
text="Font"
|
|
1652
1654
|
inputType="comboBox"
|
|
1653
1655
|
[colSpan]="2"
|
|
@@ -1656,8 +1658,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1656
1658
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
|
|
1657
1659
|
(valueChange)="updateState(valueAxisTitleFontName, $event)"
|
|
1658
1660
|
>
|
|
1659
|
-
</kendo-
|
|
1660
|
-
<kendo-
|
|
1661
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1662
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1661
1663
|
text="Size"
|
|
1662
1664
|
inputType="comboBox"
|
|
1663
1665
|
placeholder="px"
|
|
@@ -1665,20 +1667,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1665
1667
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
|
|
1666
1668
|
(valueChange)="updateState(valueAxisTitleFontSize, $event)"
|
|
1667
1669
|
>
|
|
1668
|
-
</kendo-
|
|
1669
|
-
<kendo-
|
|
1670
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1671
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1670
1672
|
text="Color"
|
|
1671
1673
|
inputType="colorPicker"
|
|
1672
1674
|
[value]="stateService.state.valueAxis[0]?.title?.color"
|
|
1673
1675
|
(valueChange)="updateState(valueAxisTitleColor, $event)"
|
|
1674
1676
|
>
|
|
1675
|
-
</kendo-
|
|
1677
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1676
1678
|
</div>
|
|
1677
1679
|
</fieldset>
|
|
1678
1680
|
<fieldset class="k-form-fieldset">
|
|
1679
1681
|
<legend class="k-form-legend">Labels</legend>
|
|
1680
1682
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
1681
|
-
<kendo-
|
|
1683
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1682
1684
|
text="Font"
|
|
1683
1685
|
inputType="comboBox"
|
|
1684
1686
|
[data]="fontNames"
|
|
@@ -1686,8 +1688,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1686
1688
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
|
|
1687
1689
|
(valueChange)="updateState(valueAxisLabelsFontName, $event)"
|
|
1688
1690
|
>
|
|
1689
|
-
</kendo-
|
|
1690
|
-
<kendo-
|
|
1691
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1692
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1691
1693
|
text="Size"
|
|
1692
1694
|
inputType="comboBox"
|
|
1693
1695
|
[data]="fontSizes"
|
|
@@ -1695,22 +1697,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1695
1697
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
|
|
1696
1698
|
(valueChange)="updateState(valueAxisLabelsFontSize, $event)"
|
|
1697
1699
|
>
|
|
1698
|
-
</kendo-
|
|
1699
|
-
<kendo-
|
|
1700
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1701
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1700
1702
|
text="Color"
|
|
1701
1703
|
inputType="colorPicker"
|
|
1702
1704
|
[value]="stateService.state.valueAxis[0]?.labels?.color || ''"
|
|
1703
1705
|
(valueChange)="updateState(valueAxisLabelsColor, $event)"
|
|
1704
1706
|
>
|
|
1705
|
-
</kendo-
|
|
1706
|
-
<kendo-
|
|
1707
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1708
|
+
<kendo-chartwizard-property-pane-form-field
|
|
1707
1709
|
text="Rotation"
|
|
1708
1710
|
inputType="dropDownList"
|
|
1709
1711
|
[data]="labelsRotation"
|
|
1710
1712
|
[value]="stateService.state.valueAxis[0]?.labels?.rotation"
|
|
1711
1713
|
(valueChange)="updateState(valueAxisLabelsRotation, $event)"
|
|
1712
1714
|
>
|
|
1713
|
-
</kendo-
|
|
1715
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
1714
1716
|
</div>
|
|
1715
1717
|
</fieldset>
|
|
1716
1718
|
</form>
|
|
@@ -1772,7 +1774,7 @@ class ChartWizardPropertyPaneFormatTabComponent {
|
|
|
1772
1774
|
}
|
|
1773
1775
|
}
|
|
1774
1776
|
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-
|
|
1777
|
+
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
1778
|
<kendo-expansionpanel title="Configuration" [expanded]="true">
|
|
1777
1779
|
<form class="k-form k-form-md">
|
|
1778
1780
|
<fieldset class="k-form-fieldset">
|
|
@@ -1846,7 +1848,7 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
|
|
|
1846
1848
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, decorators: [{
|
|
1847
1849
|
type: Component,
|
|
1848
1850
|
args: [{
|
|
1849
|
-
selector: 'kendo-
|
|
1851
|
+
selector: 'kendo-chartwizard-property-pane-data-tab',
|
|
1850
1852
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1851
1853
|
template: `
|
|
1852
1854
|
<kendo-expansionpanel title="Configuration" [expanded]="true">
|
|
@@ -1966,7 +1968,7 @@ class ChartWizardSeriesTypeButtonComponent {
|
|
|
1966
1968
|
}
|
|
1967
1969
|
}
|
|
1968
1970
|
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-
|
|
1971
|
+
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
1972
|
<div class="k-icon-text-wrapper" [class.k-selected]="isSelected()" (click)="onSelect()">
|
|
1971
1973
|
<div class="k-icon-background-area">
|
|
1972
1974
|
<kendo-svgicon [icon]="chartTypeIcon" size="xlarge" themeColor="secondary"> </kendo-svgicon>
|
|
@@ -1977,7 +1979,7 @@ ChartWizardSeriesTypeButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVers
|
|
|
1977
1979
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardSeriesTypeButtonComponent, decorators: [{
|
|
1978
1980
|
type: Component,
|
|
1979
1981
|
args: [{
|
|
1980
|
-
selector: 'kendo-
|
|
1982
|
+
selector: 'kendo-chartwizard-series-type-button',
|
|
1981
1983
|
template: `
|
|
1982
1984
|
<div class="k-icon-text-wrapper" [class.k-selected]="isSelected()" (click)="onSelect()">
|
|
1983
1985
|
<div class="k-icon-background-area">
|
|
@@ -2036,206 +2038,206 @@ class ChartWizardPropertyPaneChartTabComponent {
|
|
|
2036
2038
|
}
|
|
2037
2039
|
}
|
|
2038
2040
|
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-
|
|
2041
|
+
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
2042
|
<kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
|
|
2041
2043
|
<div class="k-chart-types-wrapper">
|
|
2042
|
-
<kendo-
|
|
2044
|
+
<kendo-chartwizard-series-type-button
|
|
2043
2045
|
title="Bar"
|
|
2044
2046
|
[chartTypeIcon]="chartBarClusteredIcon"
|
|
2045
2047
|
seriesType="bar"
|
|
2046
2048
|
[stack]="false"
|
|
2047
2049
|
>
|
|
2048
|
-
</kendo-
|
|
2049
|
-
<kendo-
|
|
2050
|
+
</kendo-chartwizard-series-type-button>
|
|
2051
|
+
<kendo-chartwizard-series-type-button
|
|
2050
2052
|
title="Stacked Bar"
|
|
2051
2053
|
[chartTypeIcon]="chartBarStackedIcon"
|
|
2052
2054
|
seriesType="bar"
|
|
2053
2055
|
[stack]="true"
|
|
2054
2056
|
>
|
|
2055
|
-
</kendo-
|
|
2056
|
-
<kendo-
|
|
2057
|
+
</kendo-chartwizard-series-type-button>
|
|
2058
|
+
<kendo-chartwizard-series-type-button
|
|
2057
2059
|
title="100% Stacked Bar"
|
|
2058
2060
|
[chartTypeIcon]="chartBarStacked100Icon"
|
|
2059
2061
|
seriesType="bar"
|
|
2060
2062
|
[stack]="{ type: '100%' }"
|
|
2061
2063
|
>
|
|
2062
|
-
</kendo-
|
|
2064
|
+
</kendo-chartwizard-series-type-button>
|
|
2063
2065
|
</div>
|
|
2064
2066
|
</kendo-expansionpanel>
|
|
2065
2067
|
<kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
|
|
2066
2068
|
<div class="k-chart-types-wrapper">
|
|
2067
|
-
<kendo-
|
|
2069
|
+
<kendo-chartwizard-series-type-button
|
|
2068
2070
|
title="Pie"
|
|
2069
2071
|
[chartTypeIcon]="chartPieIcon"
|
|
2070
2072
|
seriesType="pie"
|
|
2071
2073
|
[stack]="undefined"
|
|
2072
2074
|
>
|
|
2073
|
-
</kendo-
|
|
2075
|
+
</kendo-chartwizard-series-type-button>
|
|
2074
2076
|
</div>
|
|
2075
2077
|
</kendo-expansionpanel>
|
|
2076
2078
|
<kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
|
|
2077
2079
|
<div class="k-chart-types-wrapper">
|
|
2078
|
-
<kendo-
|
|
2080
|
+
<kendo-chartwizard-series-type-button
|
|
2079
2081
|
title="Column"
|
|
2080
2082
|
[chartTypeIcon]="chartColumnClusteredIcon"
|
|
2081
2083
|
seriesType="column"
|
|
2082
2084
|
[stack]="false"
|
|
2083
2085
|
>
|
|
2084
|
-
</kendo-
|
|
2085
|
-
<kendo-
|
|
2086
|
+
</kendo-chartwizard-series-type-button>
|
|
2087
|
+
<kendo-chartwizard-series-type-button
|
|
2086
2088
|
title="Stacked Column"
|
|
2087
2089
|
[chartTypeIcon]="chartColumnStackedIcon"
|
|
2088
2090
|
seriesType="column"
|
|
2089
2091
|
[stack]="true"
|
|
2090
2092
|
>
|
|
2091
|
-
</kendo-
|
|
2092
|
-
<kendo-
|
|
2093
|
+
</kendo-chartwizard-series-type-button>
|
|
2094
|
+
<kendo-chartwizard-series-type-button
|
|
2093
2095
|
title="100% Stacked Column"
|
|
2094
2096
|
[chartTypeIcon]="chartColumnStacked100Icon"
|
|
2095
2097
|
seriesType="column"
|
|
2096
2098
|
[stack]="{ type: '100%' }"
|
|
2097
2099
|
>
|
|
2098
|
-
</kendo-
|
|
2100
|
+
</kendo-chartwizard-series-type-button>
|
|
2099
2101
|
</div>
|
|
2100
2102
|
</kendo-expansionpanel>
|
|
2101
2103
|
<kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
|
|
2102
2104
|
<div class="k-chart-types-wrapper">
|
|
2103
|
-
<kendo-
|
|
2105
|
+
<kendo-chartwizard-series-type-button
|
|
2104
2106
|
title="Line"
|
|
2105
2107
|
[chartTypeIcon]="chartLineIcon"
|
|
2106
2108
|
seriesType="line"
|
|
2107
2109
|
[stack]="false"
|
|
2108
2110
|
>
|
|
2109
|
-
</kendo-
|
|
2110
|
-
<kendo-
|
|
2111
|
+
</kendo-chartwizard-series-type-button>
|
|
2112
|
+
<kendo-chartwizard-series-type-button
|
|
2111
2113
|
title="Stacked Line"
|
|
2112
2114
|
[chartTypeIcon]="chartLineStackedIcon"
|
|
2113
2115
|
seriesType="line"
|
|
2114
2116
|
[stack]="true"
|
|
2115
2117
|
>
|
|
2116
|
-
</kendo-
|
|
2117
|
-
<kendo-
|
|
2118
|
+
</kendo-chartwizard-series-type-button>
|
|
2119
|
+
<kendo-chartwizard-series-type-button
|
|
2118
2120
|
title="100% Line Column"
|
|
2119
2121
|
[chartTypeIcon]="chartLineStacked100Icon"
|
|
2120
2122
|
seriesType="line"
|
|
2121
2123
|
[stack]="{ type: '100%' }"
|
|
2122
2124
|
>
|
|
2123
|
-
</kendo-
|
|
2125
|
+
</kendo-chartwizard-series-type-button>
|
|
2124
2126
|
</div>
|
|
2125
2127
|
</kendo-expansionpanel>
|
|
2126
2128
|
<kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
|
|
2127
2129
|
<div class="k-chart-types-wrapper">
|
|
2128
|
-
<kendo-
|
|
2130
|
+
<kendo-chartwizard-series-type-button
|
|
2129
2131
|
title="Scatter"
|
|
2130
2132
|
[chartTypeIcon]="chartScatterIcon"
|
|
2131
2133
|
seriesType="scatter"
|
|
2132
2134
|
[stack]="false"
|
|
2133
2135
|
>
|
|
2134
|
-
</kendo-
|
|
2136
|
+
</kendo-chartwizard-series-type-button>
|
|
2135
2137
|
</div>
|
|
2136
2138
|
</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-
|
|
2139
|
+
`, 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
2140
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, decorators: [{
|
|
2139
2141
|
type: Component,
|
|
2140
2142
|
args: [{
|
|
2141
|
-
selector: 'kendo-
|
|
2143
|
+
selector: 'kendo-chartwizard-property-pane-chart-tab',
|
|
2142
2144
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2143
2145
|
template: `
|
|
2144
2146
|
<kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
|
|
2145
2147
|
<div class="k-chart-types-wrapper">
|
|
2146
|
-
<kendo-
|
|
2148
|
+
<kendo-chartwizard-series-type-button
|
|
2147
2149
|
title="Bar"
|
|
2148
2150
|
[chartTypeIcon]="chartBarClusteredIcon"
|
|
2149
2151
|
seriesType="bar"
|
|
2150
2152
|
[stack]="false"
|
|
2151
2153
|
>
|
|
2152
|
-
</kendo-
|
|
2153
|
-
<kendo-
|
|
2154
|
+
</kendo-chartwizard-series-type-button>
|
|
2155
|
+
<kendo-chartwizard-series-type-button
|
|
2154
2156
|
title="Stacked Bar"
|
|
2155
2157
|
[chartTypeIcon]="chartBarStackedIcon"
|
|
2156
2158
|
seriesType="bar"
|
|
2157
2159
|
[stack]="true"
|
|
2158
2160
|
>
|
|
2159
|
-
</kendo-
|
|
2160
|
-
<kendo-
|
|
2161
|
+
</kendo-chartwizard-series-type-button>
|
|
2162
|
+
<kendo-chartwizard-series-type-button
|
|
2161
2163
|
title="100% Stacked Bar"
|
|
2162
2164
|
[chartTypeIcon]="chartBarStacked100Icon"
|
|
2163
2165
|
seriesType="bar"
|
|
2164
2166
|
[stack]="{ type: '100%' }"
|
|
2165
2167
|
>
|
|
2166
|
-
</kendo-
|
|
2168
|
+
</kendo-chartwizard-series-type-button>
|
|
2167
2169
|
</div>
|
|
2168
2170
|
</kendo-expansionpanel>
|
|
2169
2171
|
<kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
|
|
2170
2172
|
<div class="k-chart-types-wrapper">
|
|
2171
|
-
<kendo-
|
|
2173
|
+
<kendo-chartwizard-series-type-button
|
|
2172
2174
|
title="Pie"
|
|
2173
2175
|
[chartTypeIcon]="chartPieIcon"
|
|
2174
2176
|
seriesType="pie"
|
|
2175
2177
|
[stack]="undefined"
|
|
2176
2178
|
>
|
|
2177
|
-
</kendo-
|
|
2179
|
+
</kendo-chartwizard-series-type-button>
|
|
2178
2180
|
</div>
|
|
2179
2181
|
</kendo-expansionpanel>
|
|
2180
2182
|
<kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
|
|
2181
2183
|
<div class="k-chart-types-wrapper">
|
|
2182
|
-
<kendo-
|
|
2184
|
+
<kendo-chartwizard-series-type-button
|
|
2183
2185
|
title="Column"
|
|
2184
2186
|
[chartTypeIcon]="chartColumnClusteredIcon"
|
|
2185
2187
|
seriesType="column"
|
|
2186
2188
|
[stack]="false"
|
|
2187
2189
|
>
|
|
2188
|
-
</kendo-
|
|
2189
|
-
<kendo-
|
|
2190
|
+
</kendo-chartwizard-series-type-button>
|
|
2191
|
+
<kendo-chartwizard-series-type-button
|
|
2190
2192
|
title="Stacked Column"
|
|
2191
2193
|
[chartTypeIcon]="chartColumnStackedIcon"
|
|
2192
2194
|
seriesType="column"
|
|
2193
2195
|
[stack]="true"
|
|
2194
2196
|
>
|
|
2195
|
-
</kendo-
|
|
2196
|
-
<kendo-
|
|
2197
|
+
</kendo-chartwizard-series-type-button>
|
|
2198
|
+
<kendo-chartwizard-series-type-button
|
|
2197
2199
|
title="100% Stacked Column"
|
|
2198
2200
|
[chartTypeIcon]="chartColumnStacked100Icon"
|
|
2199
2201
|
seriesType="column"
|
|
2200
2202
|
[stack]="{ type: '100%' }"
|
|
2201
2203
|
>
|
|
2202
|
-
</kendo-
|
|
2204
|
+
</kendo-chartwizard-series-type-button>
|
|
2203
2205
|
</div>
|
|
2204
2206
|
</kendo-expansionpanel>
|
|
2205
2207
|
<kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
|
|
2206
2208
|
<div class="k-chart-types-wrapper">
|
|
2207
|
-
<kendo-
|
|
2209
|
+
<kendo-chartwizard-series-type-button
|
|
2208
2210
|
title="Line"
|
|
2209
2211
|
[chartTypeIcon]="chartLineIcon"
|
|
2210
2212
|
seriesType="line"
|
|
2211
2213
|
[stack]="false"
|
|
2212
2214
|
>
|
|
2213
|
-
</kendo-
|
|
2214
|
-
<kendo-
|
|
2215
|
+
</kendo-chartwizard-series-type-button>
|
|
2216
|
+
<kendo-chartwizard-series-type-button
|
|
2215
2217
|
title="Stacked Line"
|
|
2216
2218
|
[chartTypeIcon]="chartLineStackedIcon"
|
|
2217
2219
|
seriesType="line"
|
|
2218
2220
|
[stack]="true"
|
|
2219
2221
|
>
|
|
2220
|
-
</kendo-
|
|
2221
|
-
<kendo-
|
|
2222
|
+
</kendo-chartwizard-series-type-button>
|
|
2223
|
+
<kendo-chartwizard-series-type-button
|
|
2222
2224
|
title="100% Line Column"
|
|
2223
2225
|
[chartTypeIcon]="chartLineStacked100Icon"
|
|
2224
2226
|
seriesType="line"
|
|
2225
2227
|
[stack]="{ type: '100%' }"
|
|
2226
2228
|
>
|
|
2227
|
-
</kendo-
|
|
2229
|
+
</kendo-chartwizard-series-type-button>
|
|
2228
2230
|
</div>
|
|
2229
2231
|
</kendo-expansionpanel>
|
|
2230
2232
|
<kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
|
|
2231
2233
|
<div class="k-chart-types-wrapper">
|
|
2232
|
-
<kendo-
|
|
2234
|
+
<kendo-chartwizard-series-type-button
|
|
2233
2235
|
title="Scatter"
|
|
2234
2236
|
[chartTypeIcon]="chartScatterIcon"
|
|
2235
2237
|
seriesType="scatter"
|
|
2236
2238
|
[stack]="false"
|
|
2237
2239
|
>
|
|
2238
|
-
</kendo-
|
|
2240
|
+
</kendo-chartwizard-series-type-button>
|
|
2239
2241
|
</div>
|
|
2240
2242
|
</kendo-expansionpanel>
|
|
2241
2243
|
`,
|
|
@@ -2399,7 +2401,7 @@ class ChartWizardComponent {
|
|
|
2399
2401
|
}
|
|
2400
2402
|
}
|
|
2401
2403
|
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-
|
|
2404
|
+
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
2405
|
LocalizationService,
|
|
2404
2406
|
{
|
|
2405
2407
|
provide: L10N_PREFIX,
|
|
@@ -2415,10 +2417,11 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2415
2417
|
<kendo-window
|
|
2416
2418
|
class="k-chart-wizard"
|
|
2417
2419
|
title="Chart Wizard"
|
|
2418
|
-
[width]="
|
|
2419
|
-
[height]="
|
|
2420
|
+
[width]="stateService.windowSize.width"
|
|
2421
|
+
[height]="stateService.windowSize.height"
|
|
2420
2422
|
[resizable]="true"
|
|
2421
2423
|
(close)="close.emit()"
|
|
2424
|
+
autoFocusedElement=".k-chart-wizard.k-window"
|
|
2422
2425
|
>
|
|
2423
2426
|
<kendo-splitter class="k-chart-wizard-splitter">
|
|
2424
2427
|
<kendo-splitter-pane class="k-chart-wizard-preview-pane">
|
|
@@ -2543,23 +2546,23 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2543
2546
|
</kendo-chart>
|
|
2544
2547
|
</div>
|
|
2545
2548
|
</kendo-splitter-pane>
|
|
2546
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" size="
|
|
2549
|
+
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
|
|
2547
2550
|
<kendo-tabstrip [keepTabContent]="true">
|
|
2548
2551
|
<kendo-tabstrip-tab title="Chart" [selected]="true">
|
|
2549
2552
|
<ng-template kendoTabContent>
|
|
2550
|
-
<kendo-
|
|
2551
|
-
</kendo-
|
|
2553
|
+
<kendo-chartwizard-property-pane-chart-tab>
|
|
2554
|
+
</kendo-chartwizard-property-pane-chart-tab>
|
|
2552
2555
|
</ng-template>
|
|
2553
2556
|
</kendo-tabstrip-tab>
|
|
2554
2557
|
<kendo-tabstrip-tab title="Data">
|
|
2555
2558
|
<ng-template kendoTabContent>
|
|
2556
|
-
<kendo-
|
|
2559
|
+
<kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
|
|
2557
2560
|
</ng-template>
|
|
2558
2561
|
</kendo-tabstrip-tab>
|
|
2559
2562
|
<kendo-tabstrip-tab title="Format">
|
|
2560
2563
|
<ng-template kendoTabContent>
|
|
2561
|
-
<kendo-
|
|
2562
|
-
</kendo-
|
|
2564
|
+
<kendo-chartwizard-property-pane-format-tab>
|
|
2565
|
+
</kendo-chartwizard-property-pane-format-tab>
|
|
2563
2566
|
</ng-template>
|
|
2564
2567
|
</kendo-tabstrip-tab>
|
|
2565
2568
|
</kendo-tabstrip>
|
|
@@ -2567,7 +2570,7 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2567
2570
|
</kendo-splitter>
|
|
2568
2571
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
2569
2572
|
</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-
|
|
2573
|
+
`, 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
2574
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, decorators: [{
|
|
2572
2575
|
type: Component,
|
|
2573
2576
|
args: [{
|
|
@@ -2581,7 +2584,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2581
2584
|
},
|
|
2582
2585
|
StateService
|
|
2583
2586
|
],
|
|
2584
|
-
selector: 'kendo-
|
|
2587
|
+
selector: 'kendo-chartwizard',
|
|
2585
2588
|
template: `
|
|
2586
2589
|
<ng-container
|
|
2587
2590
|
kendoChartWizardLocalizedMessages
|
|
@@ -2591,10 +2594,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2591
2594
|
<kendo-window
|
|
2592
2595
|
class="k-chart-wizard"
|
|
2593
2596
|
title="Chart Wizard"
|
|
2594
|
-
[width]="
|
|
2595
|
-
[height]="
|
|
2597
|
+
[width]="stateService.windowSize.width"
|
|
2598
|
+
[height]="stateService.windowSize.height"
|
|
2596
2599
|
[resizable]="true"
|
|
2597
2600
|
(close)="close.emit()"
|
|
2601
|
+
autoFocusedElement=".k-chart-wizard.k-window"
|
|
2598
2602
|
>
|
|
2599
2603
|
<kendo-splitter class="k-chart-wizard-splitter">
|
|
2600
2604
|
<kendo-splitter-pane class="k-chart-wizard-preview-pane">
|
|
@@ -2719,23 +2723,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2719
2723
|
</kendo-chart>
|
|
2720
2724
|
</div>
|
|
2721
2725
|
</kendo-splitter-pane>
|
|
2722
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" size="
|
|
2726
|
+
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
|
|
2723
2727
|
<kendo-tabstrip [keepTabContent]="true">
|
|
2724
2728
|
<kendo-tabstrip-tab title="Chart" [selected]="true">
|
|
2725
2729
|
<ng-template kendoTabContent>
|
|
2726
|
-
<kendo-
|
|
2727
|
-
</kendo-
|
|
2730
|
+
<kendo-chartwizard-property-pane-chart-tab>
|
|
2731
|
+
</kendo-chartwizard-property-pane-chart-tab>
|
|
2728
2732
|
</ng-template>
|
|
2729
2733
|
</kendo-tabstrip-tab>
|
|
2730
2734
|
<kendo-tabstrip-tab title="Data">
|
|
2731
2735
|
<ng-template kendoTabContent>
|
|
2732
|
-
<kendo-
|
|
2736
|
+
<kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
|
|
2733
2737
|
</ng-template>
|
|
2734
2738
|
</kendo-tabstrip-tab>
|
|
2735
2739
|
<kendo-tabstrip-tab title="Format">
|
|
2736
2740
|
<ng-template kendoTabContent>
|
|
2737
|
-
<kendo-
|
|
2738
|
-
</kendo-
|
|
2741
|
+
<kendo-chartwizard-property-pane-format-tab>
|
|
2742
|
+
</kendo-chartwizard-property-pane-format-tab>
|
|
2739
2743
|
</ng-template>
|
|
2740
2744
|
</kendo-tabstrip-tab>
|
|
2741
2745
|
</kendo-tabstrip>
|