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