@progress/kendo-angular-spreadsheet 18.1.0-develop.3 → 18.1.0-develop.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/tools/colorpicker/spreadsheet-backcolor.component.mjs +33 -1
- package/esm2022/tools/colorpicker/spreadsheet-forecolor.component.mjs +33 -1
- package/esm2022/tools/font-family/spreadsheet-fontfamily-tool.component.mjs +18 -0
- package/esm2022/tools/font-size/spreadsheet-fontsize-tool.component.mjs +18 -0
- package/esm2022/tools/load-file.component.mjs +36 -0
- package/esm2022/tools/shared/dialog-content.component.mjs +1 -1
- package/fesm2022/progress-kendo-angular-spreadsheet.mjs +141 -5
- package/package.json +18 -18
- package/schematics/ngAdd/index.js +2 -2
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '18.1.0-develop.
|
|
13
|
+
publishDate: 1738962158,
|
|
14
|
+
version: '18.1.0-develop.30',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
|
|
16
16
|
};
|
|
@@ -57,7 +57,23 @@ export class SpreadsheetBackColorComponent extends SpreadsheetDropDownToolBase {
|
|
|
57
57
|
</span>
|
|
58
58
|
</div>
|
|
59
59
|
</ng-template>
|
|
60
|
-
|
|
60
|
+
<ng-template #sectionTemplate>
|
|
61
|
+
<div class="k-toolbar-item">
|
|
62
|
+
<kendo-colorpicker
|
|
63
|
+
#element
|
|
64
|
+
[attr.title]="messageFor(command)"
|
|
65
|
+
[format]="'hex'"
|
|
66
|
+
[(value)]="value"
|
|
67
|
+
[tabindex]="tabindex"
|
|
68
|
+
(valueChange)="onValueChange($event)"
|
|
69
|
+
[clearButton]="false"
|
|
70
|
+
fillMode="flat"
|
|
71
|
+
[icon]="icon"
|
|
72
|
+
[preview]="true"
|
|
73
|
+
[svgIcon]="svgIcon"></kendo-colorpicker>
|
|
74
|
+
</div>
|
|
75
|
+
</ng-template>
|
|
76
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
61
77
|
}
|
|
62
78
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetBackColorComponent, decorators: [{
|
|
63
79
|
type: Component,
|
|
@@ -94,6 +110,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
94
110
|
</span>
|
|
95
111
|
</div>
|
|
96
112
|
</ng-template>
|
|
113
|
+
<ng-template #sectionTemplate>
|
|
114
|
+
<div class="k-toolbar-item">
|
|
115
|
+
<kendo-colorpicker
|
|
116
|
+
#element
|
|
117
|
+
[attr.title]="messageFor(command)"
|
|
118
|
+
[format]="'hex'"
|
|
119
|
+
[(value)]="value"
|
|
120
|
+
[tabindex]="tabindex"
|
|
121
|
+
(valueChange)="onValueChange($event)"
|
|
122
|
+
[clearButton]="false"
|
|
123
|
+
fillMode="flat"
|
|
124
|
+
[icon]="icon"
|
|
125
|
+
[preview]="true"
|
|
126
|
+
[svgIcon]="svgIcon"></kendo-colorpicker>
|
|
127
|
+
</div>
|
|
128
|
+
</ng-template>
|
|
97
129
|
`,
|
|
98
130
|
standalone: true,
|
|
99
131
|
imports: [ColorPickerComponent, IconWrapperComponent, NgIf]
|
|
@@ -57,7 +57,23 @@ export class SpreadsheetForeColorComponent extends SpreadsheetDropDownToolBase {
|
|
|
57
57
|
</span>
|
|
58
58
|
</div>
|
|
59
59
|
</ng-template>
|
|
60
|
-
|
|
60
|
+
<ng-template #sectionTemplate>
|
|
61
|
+
<div class="k-toolbar-item">
|
|
62
|
+
<kendo-colorpicker
|
|
63
|
+
#element
|
|
64
|
+
[attr.title]="messageFor(command)"
|
|
65
|
+
[format]="'hex'"
|
|
66
|
+
[(value)]="value"
|
|
67
|
+
[tabindex]="tabindex"
|
|
68
|
+
(valueChange)="onValueChange($event)"
|
|
69
|
+
[clearButton]="false"
|
|
70
|
+
fillMode="flat"
|
|
71
|
+
[icon]="icon"
|
|
72
|
+
[svgIcon]="svgIcon"
|
|
73
|
+
[preview]="true"></kendo-colorpicker>
|
|
74
|
+
</div>
|
|
75
|
+
</ng-template>
|
|
76
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
61
77
|
}
|
|
62
78
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetForeColorComponent, decorators: [{
|
|
63
79
|
type: Component,
|
|
@@ -94,6 +110,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
94
110
|
</span>
|
|
95
111
|
</div>
|
|
96
112
|
</ng-template>
|
|
113
|
+
<ng-template #sectionTemplate>
|
|
114
|
+
<div class="k-toolbar-item">
|
|
115
|
+
<kendo-colorpicker
|
|
116
|
+
#element
|
|
117
|
+
[attr.title]="messageFor(command)"
|
|
118
|
+
[format]="'hex'"
|
|
119
|
+
[(value)]="value"
|
|
120
|
+
[tabindex]="tabindex"
|
|
121
|
+
(valueChange)="onValueChange($event)"
|
|
122
|
+
[clearButton]="false"
|
|
123
|
+
fillMode="flat"
|
|
124
|
+
[icon]="icon"
|
|
125
|
+
[svgIcon]="svgIcon"
|
|
126
|
+
[preview]="true"></kendo-colorpicker>
|
|
127
|
+
</div>
|
|
128
|
+
</ng-template>
|
|
97
129
|
`,
|
|
98
130
|
standalone: true,
|
|
99
131
|
imports: [ColorPickerComponent, IconWrapperComponent, NgIf]
|
|
@@ -54,6 +54,15 @@ export class SpreadsheetFontFamilyComponent extends SpreadsheetDropDownToolBase
|
|
|
54
54
|
</span>
|
|
55
55
|
</div>
|
|
56
56
|
</ng-template>
|
|
57
|
+
<ng-template #sectionTemplate>
|
|
58
|
+
<kendo-spreadsheet-fontfamily-dropdownlist
|
|
59
|
+
#element
|
|
60
|
+
[data]="data"
|
|
61
|
+
[(value)]="value"
|
|
62
|
+
[title]="messageFor(command)"
|
|
63
|
+
[tabindex]="tabindex"
|
|
64
|
+
(valueChange)="onValueChange($event)"></kendo-spreadsheet-fontfamily-dropdownlist>
|
|
65
|
+
</ng-template>
|
|
57
66
|
`, isInline: true, dependencies: [{ kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-spreadsheet-fontfamily-dropdownlist" }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
58
67
|
}
|
|
59
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFontFamilyComponent, decorators: [{
|
|
@@ -84,6 +93,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
84
93
|
</span>
|
|
85
94
|
</div>
|
|
86
95
|
</ng-template>
|
|
96
|
+
<ng-template #sectionTemplate>
|
|
97
|
+
<kendo-spreadsheet-fontfamily-dropdownlist
|
|
98
|
+
#element
|
|
99
|
+
[data]="data"
|
|
100
|
+
[(value)]="value"
|
|
101
|
+
[title]="messageFor(command)"
|
|
102
|
+
[tabindex]="tabindex"
|
|
103
|
+
(valueChange)="onValueChange($event)"></kendo-spreadsheet-fontfamily-dropdownlist>
|
|
104
|
+
</ng-template>
|
|
87
105
|
`,
|
|
88
106
|
standalone: true,
|
|
89
107
|
imports: [FontFamilyDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -54,6 +54,15 @@ export class SpreadsheetFontSizeComponent extends SpreadsheetDropDownToolBase {
|
|
|
54
54
|
</span>
|
|
55
55
|
</div>
|
|
56
56
|
</ng-template>
|
|
57
|
+
<ng-template #sectionTemplate>
|
|
58
|
+
<kendo-spreadsheet-fontsize-dropdownlist
|
|
59
|
+
#element
|
|
60
|
+
[data]="data"
|
|
61
|
+
[(value)]="value"
|
|
62
|
+
[title]="messageFor(command)"
|
|
63
|
+
[tabindex]="tabindex"
|
|
64
|
+
(valueChange)="onValueChange($event)"></kendo-spreadsheet-fontsize-dropdownlist>
|
|
65
|
+
</ng-template>
|
|
57
66
|
`, isInline: true, dependencies: [{ kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-spreadsheet-fontsize-dropdownlist" }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
58
67
|
}
|
|
59
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFontSizeComponent, decorators: [{
|
|
@@ -84,6 +93,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
84
93
|
</span>
|
|
85
94
|
</div>
|
|
86
95
|
</ng-template>
|
|
96
|
+
<ng-template #sectionTemplate>
|
|
97
|
+
<kendo-spreadsheet-fontsize-dropdownlist
|
|
98
|
+
#element
|
|
99
|
+
[data]="data"
|
|
100
|
+
[(value)]="value"
|
|
101
|
+
[title]="messageFor(command)"
|
|
102
|
+
[tabindex]="tabindex"
|
|
103
|
+
(valueChange)="onValueChange($event)"></kendo-spreadsheet-fontsize-dropdownlist>
|
|
104
|
+
</ng-template>
|
|
87
105
|
`,
|
|
88
106
|
standalone: true,
|
|
89
107
|
imports: [FontSizeDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -119,6 +119,24 @@ export class SpreadsheetLoadFileComponent extends ToolBarToolComponent {
|
|
|
119
119
|
accept=".xlsx,.XLSX" />
|
|
120
120
|
</div>
|
|
121
121
|
</ng-template>
|
|
122
|
+
<ng-template #sectionTemplate>
|
|
123
|
+
<button
|
|
124
|
+
#button
|
|
125
|
+
type="button"
|
|
126
|
+
kendoButton
|
|
127
|
+
[title]="messageFor('loadFile')"
|
|
128
|
+
fillMode="flat"
|
|
129
|
+
[icon]="icon"
|
|
130
|
+
[svgIcon]="svgIcon"
|
|
131
|
+
(click)="fileSelectEl.click()"></button>
|
|
132
|
+
<input
|
|
133
|
+
#fileSelectEl
|
|
134
|
+
type="file"
|
|
135
|
+
(change)="onFileSelect($event)"
|
|
136
|
+
[style.display]="'none'"
|
|
137
|
+
aria-hidden="true"
|
|
138
|
+
accept=".xlsx,.XLSX" />
|
|
139
|
+
</ng-template>
|
|
122
140
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
123
141
|
}
|
|
124
142
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetLoadFileComponent, decorators: [{
|
|
@@ -174,6 +192,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
174
192
|
accept=".xlsx,.XLSX" />
|
|
175
193
|
</div>
|
|
176
194
|
</ng-template>
|
|
195
|
+
<ng-template #sectionTemplate>
|
|
196
|
+
<button
|
|
197
|
+
#button
|
|
198
|
+
type="button"
|
|
199
|
+
kendoButton
|
|
200
|
+
[title]="messageFor('loadFile')"
|
|
201
|
+
fillMode="flat"
|
|
202
|
+
[icon]="icon"
|
|
203
|
+
[svgIcon]="svgIcon"
|
|
204
|
+
(click)="fileSelectEl.click()"></button>
|
|
205
|
+
<input
|
|
206
|
+
#fileSelectEl
|
|
207
|
+
type="file"
|
|
208
|
+
(change)="onFileSelect($event)"
|
|
209
|
+
[style.display]="'none'"
|
|
210
|
+
aria-hidden="true"
|
|
211
|
+
accept=".xlsx,.XLSX" />
|
|
212
|
+
</ng-template>
|
|
177
213
|
`,
|
|
178
214
|
standalone: true,
|
|
179
215
|
imports: [ButtonComponent, IconWrapperComponent]
|
|
@@ -70,7 +70,7 @@ export class DialogContentComponent extends DialogContentBase {
|
|
|
70
70
|
fillMode="flat"
|
|
71
71
|
></kendo-colorpicker>
|
|
72
72
|
</div>
|
|
73
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-spreadsheet-fontfamily-dropdownlist" }, { kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-spreadsheet-fontsize-dropdownlist" }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }] });
|
|
73
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-spreadsheet-fontfamily-dropdownlist" }, { kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-spreadsheet-fontsize-dropdownlist" }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }] });
|
|
74
74
|
}
|
|
75
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContentComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
@@ -39,8 +39,8 @@ const packageMetadata = {
|
|
|
39
39
|
productName: 'Kendo UI for Angular',
|
|
40
40
|
productCode: 'KENDOUIANGULAR',
|
|
41
41
|
productCodes: ['KENDOUIANGULAR'],
|
|
42
|
-
publishDate:
|
|
43
|
-
version: '18.1.0-develop.
|
|
42
|
+
publishDate: 1738962158,
|
|
43
|
+
version: '18.1.0-develop.30',
|
|
44
44
|
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',
|
|
45
45
|
};
|
|
46
46
|
|
|
@@ -2199,7 +2199,7 @@ class DialogContentComponent extends DialogContentBase {
|
|
|
2199
2199
|
fillMode="flat"
|
|
2200
2200
|
></kendo-colorpicker>
|
|
2201
2201
|
</div>
|
|
2202
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-spreadsheet-fontfamily-dropdownlist" }, { kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-spreadsheet-fontsize-dropdownlist" }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }] });
|
|
2202
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-spreadsheet-fontfamily-dropdownlist" }, { kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-spreadsheet-fontsize-dropdownlist" }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }] });
|
|
2203
2203
|
}
|
|
2204
2204
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContentComponent, decorators: [{
|
|
2205
2205
|
type: Component,
|
|
@@ -2461,7 +2461,23 @@ class SpreadsheetBackColorComponent extends SpreadsheetDropDownToolBase {
|
|
|
2461
2461
|
</span>
|
|
2462
2462
|
</div>
|
|
2463
2463
|
</ng-template>
|
|
2464
|
-
|
|
2464
|
+
<ng-template #sectionTemplate>
|
|
2465
|
+
<div class="k-toolbar-item">
|
|
2466
|
+
<kendo-colorpicker
|
|
2467
|
+
#element
|
|
2468
|
+
[attr.title]="messageFor(command)"
|
|
2469
|
+
[format]="'hex'"
|
|
2470
|
+
[(value)]="value"
|
|
2471
|
+
[tabindex]="tabindex"
|
|
2472
|
+
(valueChange)="onValueChange($event)"
|
|
2473
|
+
[clearButton]="false"
|
|
2474
|
+
fillMode="flat"
|
|
2475
|
+
[icon]="icon"
|
|
2476
|
+
[preview]="true"
|
|
2477
|
+
[svgIcon]="svgIcon"></kendo-colorpicker>
|
|
2478
|
+
</div>
|
|
2479
|
+
</ng-template>
|
|
2480
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2465
2481
|
}
|
|
2466
2482
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetBackColorComponent, decorators: [{
|
|
2467
2483
|
type: Component,
|
|
@@ -2498,6 +2514,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2498
2514
|
</span>
|
|
2499
2515
|
</div>
|
|
2500
2516
|
</ng-template>
|
|
2517
|
+
<ng-template #sectionTemplate>
|
|
2518
|
+
<div class="k-toolbar-item">
|
|
2519
|
+
<kendo-colorpicker
|
|
2520
|
+
#element
|
|
2521
|
+
[attr.title]="messageFor(command)"
|
|
2522
|
+
[format]="'hex'"
|
|
2523
|
+
[(value)]="value"
|
|
2524
|
+
[tabindex]="tabindex"
|
|
2525
|
+
(valueChange)="onValueChange($event)"
|
|
2526
|
+
[clearButton]="false"
|
|
2527
|
+
fillMode="flat"
|
|
2528
|
+
[icon]="icon"
|
|
2529
|
+
[preview]="true"
|
|
2530
|
+
[svgIcon]="svgIcon"></kendo-colorpicker>
|
|
2531
|
+
</div>
|
|
2532
|
+
</ng-template>
|
|
2501
2533
|
`,
|
|
2502
2534
|
standalone: true,
|
|
2503
2535
|
imports: [ColorPickerComponent, IconWrapperComponent, NgIf]
|
|
@@ -2546,7 +2578,23 @@ class SpreadsheetForeColorComponent extends SpreadsheetDropDownToolBase {
|
|
|
2546
2578
|
</span>
|
|
2547
2579
|
</div>
|
|
2548
2580
|
</ng-template>
|
|
2549
|
-
|
|
2581
|
+
<ng-template #sectionTemplate>
|
|
2582
|
+
<div class="k-toolbar-item">
|
|
2583
|
+
<kendo-colorpicker
|
|
2584
|
+
#element
|
|
2585
|
+
[attr.title]="messageFor(command)"
|
|
2586
|
+
[format]="'hex'"
|
|
2587
|
+
[(value)]="value"
|
|
2588
|
+
[tabindex]="tabindex"
|
|
2589
|
+
(valueChange)="onValueChange($event)"
|
|
2590
|
+
[clearButton]="false"
|
|
2591
|
+
fillMode="flat"
|
|
2592
|
+
[icon]="icon"
|
|
2593
|
+
[svgIcon]="svgIcon"
|
|
2594
|
+
[preview]="true"></kendo-colorpicker>
|
|
2595
|
+
</div>
|
|
2596
|
+
</ng-template>
|
|
2597
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2550
2598
|
}
|
|
2551
2599
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetForeColorComponent, decorators: [{
|
|
2552
2600
|
type: Component,
|
|
@@ -2583,6 +2631,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2583
2631
|
</span>
|
|
2584
2632
|
</div>
|
|
2585
2633
|
</ng-template>
|
|
2634
|
+
<ng-template #sectionTemplate>
|
|
2635
|
+
<div class="k-toolbar-item">
|
|
2636
|
+
<kendo-colorpicker
|
|
2637
|
+
#element
|
|
2638
|
+
[attr.title]="messageFor(command)"
|
|
2639
|
+
[format]="'hex'"
|
|
2640
|
+
[(value)]="value"
|
|
2641
|
+
[tabindex]="tabindex"
|
|
2642
|
+
(valueChange)="onValueChange($event)"
|
|
2643
|
+
[clearButton]="false"
|
|
2644
|
+
fillMode="flat"
|
|
2645
|
+
[icon]="icon"
|
|
2646
|
+
[svgIcon]="svgIcon"
|
|
2647
|
+
[preview]="true"></kendo-colorpicker>
|
|
2648
|
+
</div>
|
|
2649
|
+
</ng-template>
|
|
2586
2650
|
`,
|
|
2587
2651
|
standalone: true,
|
|
2588
2652
|
imports: [ColorPickerComponent, IconWrapperComponent, NgIf]
|
|
@@ -2771,6 +2835,15 @@ class SpreadsheetFontSizeComponent extends SpreadsheetDropDownToolBase {
|
|
|
2771
2835
|
</span>
|
|
2772
2836
|
</div>
|
|
2773
2837
|
</ng-template>
|
|
2838
|
+
<ng-template #sectionTemplate>
|
|
2839
|
+
<kendo-spreadsheet-fontsize-dropdownlist
|
|
2840
|
+
#element
|
|
2841
|
+
[data]="data"
|
|
2842
|
+
[(value)]="value"
|
|
2843
|
+
[title]="messageFor(command)"
|
|
2844
|
+
[tabindex]="tabindex"
|
|
2845
|
+
(valueChange)="onValueChange($event)"></kendo-spreadsheet-fontsize-dropdownlist>
|
|
2846
|
+
</ng-template>
|
|
2774
2847
|
`, isInline: true, dependencies: [{ kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-spreadsheet-fontsize-dropdownlist" }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2775
2848
|
}
|
|
2776
2849
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFontSizeComponent, decorators: [{
|
|
@@ -2801,6 +2874,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2801
2874
|
</span>
|
|
2802
2875
|
</div>
|
|
2803
2876
|
</ng-template>
|
|
2877
|
+
<ng-template #sectionTemplate>
|
|
2878
|
+
<kendo-spreadsheet-fontsize-dropdownlist
|
|
2879
|
+
#element
|
|
2880
|
+
[data]="data"
|
|
2881
|
+
[(value)]="value"
|
|
2882
|
+
[title]="messageFor(command)"
|
|
2883
|
+
[tabindex]="tabindex"
|
|
2884
|
+
(valueChange)="onValueChange($event)"></kendo-spreadsheet-fontsize-dropdownlist>
|
|
2885
|
+
</ng-template>
|
|
2804
2886
|
`,
|
|
2805
2887
|
standalone: true,
|
|
2806
2888
|
imports: [FontSizeDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -2846,6 +2928,15 @@ class SpreadsheetFontFamilyComponent extends SpreadsheetDropDownToolBase {
|
|
|
2846
2928
|
</span>
|
|
2847
2929
|
</div>
|
|
2848
2930
|
</ng-template>
|
|
2931
|
+
<ng-template #sectionTemplate>
|
|
2932
|
+
<kendo-spreadsheet-fontfamily-dropdownlist
|
|
2933
|
+
#element
|
|
2934
|
+
[data]="data"
|
|
2935
|
+
[(value)]="value"
|
|
2936
|
+
[title]="messageFor(command)"
|
|
2937
|
+
[tabindex]="tabindex"
|
|
2938
|
+
(valueChange)="onValueChange($event)"></kendo-spreadsheet-fontfamily-dropdownlist>
|
|
2939
|
+
</ng-template>
|
|
2849
2940
|
`, isInline: true, dependencies: [{ kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-spreadsheet-fontfamily-dropdownlist" }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2850
2941
|
}
|
|
2851
2942
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFontFamilyComponent, decorators: [{
|
|
@@ -2876,6 +2967,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2876
2967
|
</span>
|
|
2877
2968
|
</div>
|
|
2878
2969
|
</ng-template>
|
|
2970
|
+
<ng-template #sectionTemplate>
|
|
2971
|
+
<kendo-spreadsheet-fontfamily-dropdownlist
|
|
2972
|
+
#element
|
|
2973
|
+
[data]="data"
|
|
2974
|
+
[(value)]="value"
|
|
2975
|
+
[title]="messageFor(command)"
|
|
2976
|
+
[tabindex]="tabindex"
|
|
2977
|
+
(valueChange)="onValueChange($event)"></kendo-spreadsheet-fontfamily-dropdownlist>
|
|
2978
|
+
</ng-template>
|
|
2879
2979
|
`,
|
|
2880
2980
|
standalone: true,
|
|
2881
2981
|
imports: [FontFamilyDropDownListComponent, IconWrapperComponent, NgIf]
|
|
@@ -3080,6 +3180,24 @@ class SpreadsheetLoadFileComponent extends ToolBarToolComponent {
|
|
|
3080
3180
|
accept=".xlsx,.XLSX" />
|
|
3081
3181
|
</div>
|
|
3082
3182
|
</ng-template>
|
|
3183
|
+
<ng-template #sectionTemplate>
|
|
3184
|
+
<button
|
|
3185
|
+
#button
|
|
3186
|
+
type="button"
|
|
3187
|
+
kendoButton
|
|
3188
|
+
[title]="messageFor('loadFile')"
|
|
3189
|
+
fillMode="flat"
|
|
3190
|
+
[icon]="icon"
|
|
3191
|
+
[svgIcon]="svgIcon"
|
|
3192
|
+
(click)="fileSelectEl.click()"></button>
|
|
3193
|
+
<input
|
|
3194
|
+
#fileSelectEl
|
|
3195
|
+
type="file"
|
|
3196
|
+
(change)="onFileSelect($event)"
|
|
3197
|
+
[style.display]="'none'"
|
|
3198
|
+
aria-hidden="true"
|
|
3199
|
+
accept=".xlsx,.XLSX" />
|
|
3200
|
+
</ng-template>
|
|
3083
3201
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
3084
3202
|
}
|
|
3085
3203
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetLoadFileComponent, decorators: [{
|
|
@@ -3135,6 +3253,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3135
3253
|
accept=".xlsx,.XLSX" />
|
|
3136
3254
|
</div>
|
|
3137
3255
|
</ng-template>
|
|
3256
|
+
<ng-template #sectionTemplate>
|
|
3257
|
+
<button
|
|
3258
|
+
#button
|
|
3259
|
+
type="button"
|
|
3260
|
+
kendoButton
|
|
3261
|
+
[title]="messageFor('loadFile')"
|
|
3262
|
+
fillMode="flat"
|
|
3263
|
+
[icon]="icon"
|
|
3264
|
+
[svgIcon]="svgIcon"
|
|
3265
|
+
(click)="fileSelectEl.click()"></button>
|
|
3266
|
+
<input
|
|
3267
|
+
#fileSelectEl
|
|
3268
|
+
type="file"
|
|
3269
|
+
(change)="onFileSelect($event)"
|
|
3270
|
+
[style.display]="'none'"
|
|
3271
|
+
aria-hidden="true"
|
|
3272
|
+
accept=".xlsx,.XLSX" />
|
|
3273
|
+
</ng-template>
|
|
3138
3274
|
`,
|
|
3139
3275
|
standalone: true,
|
|
3140
3276
|
imports: [ButtonComponent, IconWrapperComponent]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-spreadsheet",
|
|
3
|
-
"version": "18.1.0-develop.
|
|
3
|
+
"version": "18.1.0-develop.30",
|
|
4
4
|
"description": "A Spreadsheet Component for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"package": {
|
|
20
20
|
"productName": "Kendo UI for Angular",
|
|
21
21
|
"productCode": "KENDOUIANGULAR",
|
|
22
|
-
"publishDate":
|
|
22
|
+
"publishDate": 1738962158,
|
|
23
23
|
"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"
|
|
24
24
|
}
|
|
25
25
|
},
|
|
@@ -28,32 +28,32 @@
|
|
|
28
28
|
"@angular/common": "16 - 19",
|
|
29
29
|
"@angular/core": "16 - 19",
|
|
30
30
|
"@angular/platform-browser": "16 - 19",
|
|
31
|
-
"@progress/kendo-licensing": "^1.0
|
|
32
|
-
"@progress/kendo-angular-buttons": "18.1.0-develop.
|
|
33
|
-
"@progress/kendo-angular-common": "18.1.0-develop.
|
|
34
|
-
"@progress/kendo-angular-dialog": "18.1.0-develop.
|
|
35
|
-
"@progress/kendo-angular-dropdowns": "18.1.0-develop.
|
|
36
|
-
"@progress/kendo-angular-icons": "18.1.0-develop.
|
|
37
|
-
"@progress/kendo-angular-inputs": "18.1.0-develop.
|
|
38
|
-
"@progress/kendo-angular-intl": "18.1.0-develop.
|
|
39
|
-
"@progress/kendo-angular-l10n": "18.1.0-develop.
|
|
40
|
-
"@progress/kendo-angular-label": "18.1.0-develop.
|
|
41
|
-
"@progress/kendo-angular-layout": "18.1.0-develop.
|
|
42
|
-
"@progress/kendo-angular-menu": "18.1.0-develop.
|
|
43
|
-
"@progress/kendo-angular-popup": "18.1.0-develop.
|
|
44
|
-
"@progress/kendo-angular-toolbar": "18.1.0-develop.
|
|
31
|
+
"@progress/kendo-licensing": "^1.4.0",
|
|
32
|
+
"@progress/kendo-angular-buttons": "18.1.0-develop.30",
|
|
33
|
+
"@progress/kendo-angular-common": "18.1.0-develop.30",
|
|
34
|
+
"@progress/kendo-angular-dialog": "18.1.0-develop.30",
|
|
35
|
+
"@progress/kendo-angular-dropdowns": "18.1.0-develop.30",
|
|
36
|
+
"@progress/kendo-angular-icons": "18.1.0-develop.30",
|
|
37
|
+
"@progress/kendo-angular-inputs": "18.1.0-develop.30",
|
|
38
|
+
"@progress/kendo-angular-intl": "18.1.0-develop.30",
|
|
39
|
+
"@progress/kendo-angular-l10n": "18.1.0-develop.30",
|
|
40
|
+
"@progress/kendo-angular-label": "18.1.0-develop.30",
|
|
41
|
+
"@progress/kendo-angular-layout": "18.1.0-develop.30",
|
|
42
|
+
"@progress/kendo-angular-menu": "18.1.0-develop.30",
|
|
43
|
+
"@progress/kendo-angular-popup": "18.1.0-develop.30",
|
|
44
|
+
"@progress/kendo-angular-toolbar": "18.1.0-develop.30",
|
|
45
45
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"tslib": "^2.3.1",
|
|
49
|
-
"@progress/kendo-angular-schematics": "18.1.0-develop.
|
|
49
|
+
"@progress/kendo-angular-schematics": "18.1.0-develop.30",
|
|
50
50
|
"@progress/jszip-esm": "^1.0.3",
|
|
51
51
|
"@progress/kendo-common": "^1.0.1",
|
|
52
52
|
"@progress/kendo-date-math": "^1.5.10",
|
|
53
53
|
"@progress/kendo-drawing": "^1.21.0",
|
|
54
54
|
"@progress/kendo-file-saver": "^1.1.1",
|
|
55
55
|
"@progress/kendo-ooxml": "^1.9.0",
|
|
56
|
-
"@progress/kendo-spreadsheet-common": "1.2.
|
|
56
|
+
"@progress/kendo-spreadsheet-common": "1.2.4"
|
|
57
57
|
},
|
|
58
58
|
"schematics": "./schematics/collection.json",
|
|
59
59
|
"module": "fesm2022/progress-kendo-angular-spreadsheet.mjs",
|
|
@@ -6,8 +6,8 @@ function default_1(options) {
|
|
|
6
6
|
// Peer dependency of icons
|
|
7
7
|
'@progress/kendo-svg-icons': '^4.0.0',
|
|
8
8
|
// peer deps of the dropdowns
|
|
9
|
-
'@progress/kendo-angular-navigation': '18.1.0-develop.
|
|
10
|
-
'@progress/kendo-angular-treeview': '18.1.0-develop.
|
|
9
|
+
'@progress/kendo-angular-navigation': '18.1.0-develop.30',
|
|
10
|
+
'@progress/kendo-angular-treeview': '18.1.0-develop.30'
|
|
11
11
|
} });
|
|
12
12
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
13
13
|
}
|