@progress/kendo-angular-spreadsheet 20.1.2-develop.2 → 21.0.0-develop.11
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/action-bar/formula-input.directive.mjs +4 -4
- package/esm2022/action-bar/list.component.mjs +4 -4
- package/esm2022/action-bar/namebox.component.mjs +4 -4
- package/esm2022/common/calendar-editor.component.mjs +3 -3
- package/esm2022/common/error-handling.service.mjs +4 -4
- package/esm2022/common/list-editor.component.mjs +4 -4
- package/esm2022/common/main-menu.directive.mjs +4 -4
- package/esm2022/common/spreadsheet.service.mjs +4 -4
- package/esm2022/localization/custom-messages.component.mjs +4 -4
- package/esm2022/localization/localized-messages.directive.mjs +4 -4
- package/esm2022/localization/messages.mjs +3 -3
- package/esm2022/localization/spreadsheet-localization.service.mjs +5 -5
- package/esm2022/models/cell-editor-action-args.mjs +5 -0
- package/esm2022/models/cell-editor-options.mjs +5 -0
- package/esm2022/models/index.mjs +2 -0
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/sheets-bar/action-dialog.component.mjs +4 -4
- package/esm2022/sheets-bar/sheets-bar.component.mjs +4 -4
- package/esm2022/spreadsheet.component.mjs +51 -5
- package/esm2022/spreadsheet.module.mjs +4 -4
- package/esm2022/tools/align/align-tool.directive.mjs +4 -4
- package/esm2022/tools/align/horizontal-align-tool.directive.mjs +4 -4
- package/esm2022/tools/align/vertical-align-tool.directive.mjs +4 -4
- package/esm2022/tools/colorpicker/spreadsheet-backcolor.component.mjs +5 -5
- package/esm2022/tools/colorpicker/spreadsheet-forecolor.component.mjs +5 -5
- package/esm2022/tools/data-validation-dialog.component.mjs +5 -5
- package/esm2022/tools/data-validation-tool.directive.mjs +5 -5
- package/esm2022/tools/decrease-decimal-tool.directive.mjs +4 -4
- package/esm2022/tools/font-family/font-family-dropdownlist.component.mjs +3 -3
- package/esm2022/tools/font-family/spreadsheet-fontfamily-tool.component.mjs +5 -5
- package/esm2022/tools/font-size/decrease-font-tool.directive.mjs +4 -4
- package/esm2022/tools/font-size/font-size-dropdownlist.component.mjs +3 -3
- package/esm2022/tools/font-size/increase-font-tool.directive.mjs +4 -4
- package/esm2022/tools/font-size/spreadsheet-fontsize-tool.component.mjs +5 -5
- package/esm2022/tools/format-tool.directive.mjs +4 -4
- package/esm2022/tools/gridlines-tool.directive.mjs +4 -4
- package/esm2022/tools/history/redo-tool.mjs +4 -4
- package/esm2022/tools/history/undo-tool.mjs +4 -4
- package/esm2022/tools/increase-decimal-tool.directive.mjs +4 -4
- package/esm2022/tools/insert/insert-link-dialog.component.mjs +4 -4
- package/esm2022/tools/insert/insert-link-tool.directive.mjs +4 -4
- package/esm2022/tools/load-file.component.mjs +5 -5
- package/esm2022/tools/save-file-tool.directive.mjs +4 -4
- package/esm2022/tools/shared/dialog-content.component.mjs +4 -4
- package/esm2022/tools/shared/spreadsheet-command-base.mjs +5 -5
- package/esm2022/tools/shared/spreadsheet-dropdown-tools-base.mjs +5 -5
- package/esm2022/tools/shared/spreadsheet-dropdownlist.base.mjs +3 -3
- package/esm2022/tools/tables/add-column-left-button.directive.mjs +4 -4
- package/esm2022/tools/tables/add-column-right-button.directive.mjs +4 -4
- package/esm2022/tools/tables/add-row-above-button.directive.mjs +4 -4
- package/esm2022/tools/tables/add-row-below-button.directive.mjs +4 -4
- package/esm2022/tools/tables/delete-column-button.directive.mjs +4 -4
- package/esm2022/tools/tables/delete-row-button.directive.mjs +4 -4
- package/esm2022/tools/tables/merge-tool.directive.mjs +4 -4
- package/esm2022/tools/text-wrap-tool.directive.mjs +4 -4
- package/esm2022/tools/tools.service.mjs +4 -4
- package/esm2022/tools/typographical-emphasis/bold-tool.directive.mjs +4 -4
- package/esm2022/tools/typographical-emphasis/italic-tool.directive.mjs +4 -4
- package/esm2022/tools/typographical-emphasis/underline-tool.directive.mjs +4 -4
- package/esm2022/tools/utils.mjs +1 -1
- package/fesm2022/progress-kendo-angular-spreadsheet.mjs +275 -229
- package/index.d.ts +1 -1
- package/models/cell-editor-action-args.d.ts +63 -0
- package/models/cell-editor-options.d.ts +38 -0
- package/models/index.d.ts +2 -0
- package/package.json +21 -21
- package/schematics/ngAdd/index.js +3 -3
- package/spreadsheet.component.d.ts +11 -2
- package/tools/tools.service.d.ts +1 -1
|
@@ -151,16 +151,16 @@ export class FormulaInputDirective {
|
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
153
|
};
|
|
154
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
155
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
154
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormulaInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.PopupService }, { token: i2.SpreadsheetService }, { token: i3.SpreadsheetLocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
155
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FormulaInputDirective, isStandalone: true, selector: "[kendoSpreadsheetFormulaInput]", inputs: { formulaListMaxHeight: "formulaListMaxHeight" }, host: { properties: { "class.k-spreadsheet-formula-input": "this.hostClasses", "attr.title": "this.title", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-controls": "this.ariaControls" } }, ngImport: i0 });
|
|
156
156
|
}
|
|
157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
157
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormulaInputDirective, decorators: [{
|
|
158
158
|
type: Directive,
|
|
159
159
|
args: [{
|
|
160
160
|
selector: '[kendoSpreadsheetFormulaInput]',
|
|
161
161
|
standalone: true
|
|
162
162
|
}]
|
|
163
|
-
}], ctorParameters:
|
|
163
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: i2.SpreadsheetService }, { type: i3.SpreadsheetLocalizationService }], propDecorators: { hostClasses: [{
|
|
164
164
|
type: HostBinding,
|
|
165
165
|
args: ['class.k-spreadsheet-formula-input']
|
|
166
166
|
}], title: [{
|
|
@@ -32,8 +32,8 @@ export class FormulaListComponent {
|
|
|
32
32
|
handleMouseDown = (ev) => {
|
|
33
33
|
ev.preventDefault();
|
|
34
34
|
};
|
|
35
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
36
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
35
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormulaListComponent, deps: [{ token: i0.ElementRef }, { token: i1.SpreadsheetService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormulaListComponent, isStandalone: true, selector: "kendo-spreadsheet-formula-list", inputs: { maxHeight: "maxHeight", data: "data", itemClick: "itemClick" }, ngImport: i0, template: `
|
|
37
37
|
<ul #ulRef
|
|
38
38
|
class="k-spreadsheet-formula-list k-list-ul k-list-md k-group k-reset"
|
|
39
39
|
role="menu"
|
|
@@ -53,7 +53,7 @@ export class FormulaListComponent {
|
|
|
53
53
|
</ul>
|
|
54
54
|
`, isInline: true, dependencies: [{ kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
55
55
|
}
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormulaListComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
58
58
|
args: [{
|
|
59
59
|
selector: 'kendo-spreadsheet-formula-list',
|
|
@@ -79,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
79
79
|
standalone: true,
|
|
80
80
|
imports: [EventsOutsideAngularDirective, NgFor, IconWrapperComponent]
|
|
81
81
|
}]
|
|
82
|
-
}], ctorParameters:
|
|
82
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.SpreadsheetService }, { type: i0.Renderer2 }], propDecorators: { maxHeight: [{
|
|
83
83
|
type: Input
|
|
84
84
|
}], data: [{
|
|
85
85
|
type: Input
|
|
@@ -77,8 +77,8 @@ export class NameBoxComponent {
|
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
valueNormalizer = (text) => text.pipe(map((content) => ({ name: content })));
|
|
80
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
80
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NameBoxComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.SpreadsheetLocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: NameBoxComponent, isStandalone: true, selector: "[kendoSpreadsheetNameBox]", inputs: { data: "data", spreadsheetWidget: "spreadsheetWidget" }, host: { listeners: { "keydown.enter": "keyDownHandler()" }, properties: { "class.k-spreadsheet-name-editor": "this.hostClass" } }, viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: `
|
|
82
82
|
<kendo-combobox #combobox
|
|
83
83
|
[popupSettings]="{popupClass: 'k-spreadsheet-names-popup'}"
|
|
84
84
|
fillMode="flat"
|
|
@@ -95,7 +95,7 @@ export class NameBoxComponent {
|
|
|
95
95
|
></kendo-combobox>
|
|
96
96
|
`, isInline: true, dependencies: [{ kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }] });
|
|
97
97
|
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NameBoxComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
100
100
|
args: [{
|
|
101
101
|
selector: '[kendoSpreadsheetNameBox]',
|
|
@@ -118,7 +118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
118
118
|
standalone: true,
|
|
119
119
|
imports: [ComboBoxComponent]
|
|
120
120
|
}]
|
|
121
|
-
}], ctorParameters:
|
|
121
|
+
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i1.SpreadsheetLocalizationService }, { type: i0.Renderer2 }], propDecorators: { hostClass: [{
|
|
122
122
|
type: HostBinding,
|
|
123
123
|
args: ['class.k-spreadsheet-name-editor']
|
|
124
124
|
}], keyDownHandler: [{
|
|
@@ -15,8 +15,8 @@ export class CalendarComponent {
|
|
|
15
15
|
max;
|
|
16
16
|
disabledDates;
|
|
17
17
|
valueChange = new EventEmitter();
|
|
18
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CalendarComponent, isStandalone: true, selector: "ng-component", outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
20
20
|
<kendo-calendar
|
|
21
21
|
[type]="type"
|
|
22
22
|
[min]="min"
|
|
@@ -27,7 +27,7 @@ export class CalendarComponent {
|
|
|
27
27
|
</kendo-calendar>
|
|
28
28
|
`, isInline: true, dependencies: [{ kind: "component", type: KendoCalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["closePopup", "activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }] });
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{
|
|
33
33
|
template: `
|
|
@@ -90,9 +90,9 @@ export class ErrorHandlingService {
|
|
|
90
90
|
messageFor(text) {
|
|
91
91
|
return this.localization.get(text);
|
|
92
92
|
}
|
|
93
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
94
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
93
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorHandlingService, deps: [{ token: i1.SpreadsheetService }, { token: i2.LocalizationService }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
94
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorHandlingService });
|
|
95
95
|
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorHandlingService, decorators: [{
|
|
97
97
|
type: Injectable
|
|
98
|
-
}], ctorParameters:
|
|
98
|
+
}], ctorParameters: () => [{ type: i1.SpreadsheetService }, { type: i2.LocalizationService }, { type: i3.DialogService }] });
|
|
@@ -95,8 +95,8 @@ export class ListEditorComponent {
|
|
|
95
95
|
items[index].nativeElement.focus();
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
99
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
98
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListEditorComponent, deps: [{ token: i0.NgZone }, { token: i1.SpreadsheetService }], target: i0.ɵɵFactoryTarget.Component });
|
|
99
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ListEditorComponent, isStandalone: true, selector: "ng-component", outputs: { itemSelect: "itemSelect", close: "close" }, viewQueries: [{ propertyName: "listItems", predicate: ["listItem"], descendants: true, read: ElementRef }], ngImport: i0, template: `
|
|
100
100
|
<ul class="k-list k-reset k-list-ul" role="listbox">
|
|
101
101
|
<li *ngFor="let item of data; let i = index"
|
|
102
102
|
role="option"
|
|
@@ -112,7 +112,7 @@ export class ListEditorComponent {
|
|
|
112
112
|
</ul>
|
|
113
113
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
114
114
|
}
|
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListEditorComponent, decorators: [{
|
|
116
116
|
type: Component,
|
|
117
117
|
args: [{
|
|
118
118
|
template: `
|
|
@@ -133,7 +133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
133
133
|
standalone: true,
|
|
134
134
|
imports: [NgForOf]
|
|
135
135
|
}]
|
|
136
|
-
}], ctorParameters:
|
|
136
|
+
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.SpreadsheetService }], propDecorators: { itemSelect: [{
|
|
137
137
|
type: Output
|
|
138
138
|
}], close: [{
|
|
139
139
|
type: Output
|
|
@@ -18,13 +18,13 @@ export class MainMenuDirective {
|
|
|
18
18
|
ngAfterViewInit() {
|
|
19
19
|
isDocumentAvailable() && this.renderer.addClass(this.host.nativeElement.firstElementChild, 'k-spreadsheet-menu');
|
|
20
20
|
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
22
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MainMenuDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
22
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: MainMenuDirective, isStandalone: true, selector: "[kendoSpreadsheetMenu]", ngImport: i0 });
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MainMenuDirective, decorators: [{
|
|
25
25
|
type: Directive,
|
|
26
26
|
args: [{
|
|
27
27
|
selector: '[kendoSpreadsheetMenu]',
|
|
28
28
|
standalone: true
|
|
29
29
|
}]
|
|
30
|
-
}], ctorParameters:
|
|
30
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
@@ -39,9 +39,9 @@ export class SpreadsheetService {
|
|
|
39
39
|
const sheets = this.spreadsheet.sheets();
|
|
40
40
|
this.sheetsChanged.next({ sheets, sheet: sheetInfo, actionType });
|
|
41
41
|
}
|
|
42
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
43
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
42
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
43
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetService });
|
|
44
44
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetService, decorators: [{
|
|
46
46
|
type: Injectable
|
|
47
|
-
}], ctorParameters:
|
|
47
|
+
}], ctorParameters: () => [] });
|
|
@@ -28,15 +28,15 @@ export class CustomMessagesComponent extends MessagesDirective {
|
|
|
28
28
|
get override() {
|
|
29
29
|
return true;
|
|
30
30
|
}
|
|
31
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
32
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
31
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
32
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-spreadsheet-messages", providers: [
|
|
33
33
|
{
|
|
34
34
|
provide: MessagesDirective,
|
|
35
35
|
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
36
36
|
}
|
|
37
37
|
], usesInheritance: true, ngImport: i0 });
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, decorators: [{
|
|
40
40
|
type: Directive,
|
|
41
41
|
args: [{
|
|
42
42
|
providers: [
|
|
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
49
49
|
selector: 'kendo-spreadsheet-messages',
|
|
50
50
|
standalone: true
|
|
51
51
|
}]
|
|
52
|
-
}], ctorParameters:
|
|
52
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -16,13 +16,13 @@ export class LocalizedMessagesDirective extends MessagesDirective {
|
|
|
16
16
|
super();
|
|
17
17
|
this.service = service;
|
|
18
18
|
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoSpreadsheetLocalizedMessages]", providers: [{
|
|
21
21
|
provide: MessagesDirective,
|
|
22
22
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
23
23
|
}], usesInheritance: true, ngImport: i0 });
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
26
26
|
type: Directive,
|
|
27
27
|
args: [{
|
|
28
28
|
providers: [{
|
|
@@ -32,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
32
32
|
selector: '[kendoSpreadsheetLocalizedMessages]',
|
|
33
33
|
standalone: true
|
|
34
34
|
}]
|
|
35
|
-
}], ctorParameters:
|
|
35
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -464,10 +464,10 @@ export class MessagesDirective extends ComponentMessages {
|
|
|
464
464
|
* internally with the current value, and the resulting label will be rendered as **A1% is invalid**.
|
|
465
465
|
*/
|
|
466
466
|
invalidNameError;
|
|
467
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
468
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
467
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
468
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: MessagesDirective, isStandalone: true, selector: "[kendoSpreadsheetMessages]", inputs: { home: "home", file: "file", insert: "insert", formatTab: "formatTab", dataTab: "dataTab", saveFile: "saveFile", loadFile: "loadFile", bold: "bold", dataValidation: "dataValidation", validationCellRange: "validationCellRange", validationCriteria: "validationCriteria", validationComparer: "validationComparer", validationMinValue: "validationMinValue", validationMaxValue: "validationMaxValue", validationStartValue: "validationStartValue", validationEndValue: "validationEndValue", validationValue: "validationValue", validationShowListButtonCheckbox: "validationShowListButtonCheckbox", validationShowDateButtonCheckbox: "validationShowDateButtonCheckbox", validationIgnoreBlankCheckbox: "validationIgnoreBlankCheckbox", validationOnInvalidData: "validationOnInvalidData", validationRejectInput: "validationRejectInput", validationShowWarning: "validationShowWarning", validationShowHint: "validationShowHint", anyValueValidationCriteria: "anyValueValidationCriteria", numberValidationCriteria: "numberValidationCriteria", textValidationCriteria: "textValidationCriteria", dateValidationCriteria: "dateValidationCriteria", customFormulaValidationCriteria: "customFormulaValidationCriteria", listValidationCriteria: "listValidationCriteria", greaterThanValidationComparer: "greaterThanValidationComparer", lessThanValidationComparer: "lessThanValidationComparer", betweenValidationComparer: "betweenValidationComparer", notBetweenValidationComparer: "notBetweenValidationComparer", equalToValidationComparer: "equalToValidationComparer", notEqualToValidationComparer: "notEqualToValidationComparer", greaterThanOrEqualToValidationComparer: "greaterThanOrEqualToValidationComparer", lessThanOrEqualToValidationComparer: "lessThanOrEqualToValidationComparer", validationHintMessage: "validationHintMessage", validationHintTitle: "validationHintTitle", italic: "italic", underline: "underline", format: "format", fontFamily: "fontFamily", fontSize: "fontSize", undo: "undo", redo: "redo", background: "background", color: "color", gridLines: "gridLines", addColumnLeft: "addColumnLeft", addColumnRight: "addColumnRight", addRowBelow: "addRowBelow", addRowAbove: "addRowAbove", deleteColumn: "deleteColumn", deleteRow: "deleteRow", wrap: "wrap", align: "align", alignHorizontal: "alignHorizontal", alignVertical: "alignVertical", alignLeft: "alignLeft", alignCenter: "alignCenter", alignRight: "alignRight", alignJustify: "alignJustify", alignTop: "alignTop", alignMiddle: "alignMiddle", alignBottom: "alignBottom", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogDelete: "dialogDelete", dialogRename: "dialogRename", dialogInsert: "dialogInsert", dialogRemove: "dialogRemove", dialogRemoveLink: "dialogRemoveLink", delete: "delete", rename: "rename", nameBox: "nameBox", formulaInput: "formulaInput", addSheet: "addSheet", sheetsMenu: "sheetsMenu", view: "view", merge: "merge", mergeHorizontally: "mergeHorizontally", mergeVertically: "mergeVertically", mergeAll: "mergeAll", unmerge: "unmerge", insertLink: "insertLink", increaseDecimal: "increaseDecimal", decreaseDecimal: "decreaseDecimal", increaseFontSize: "increaseFontSize", decreaseFontSize: "decreaseFontSize", openUnsupported: "openUnsupported", modifyMerged: "modifyMerged", cannotModifyDisabled: "cannotModifyDisabled", dialogOk: "dialogOk", dialogError: "dialogError", duplicateSheetName: "duplicateSheetName", copy: "copy", cut: "cut", paste: "paste", hideRow: "hideRow", unhideRow: "unhideRow", hideColumn: "hideColumn", unhideColumn: "unhideColumn", sheetDelete: "sheetDelete", sheetRename: "sheetRename", sheetHide: "sheetHide", sheetDuplicate: "sheetDuplicate", sheetMoveLeft: "sheetMoveLeft", sheetMoveRight: "sheetMoveRight", invalidNameError: "invalidNameError" }, usesInheritance: true, ngImport: i0 });
|
|
469
469
|
}
|
|
470
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessagesDirective, decorators: [{
|
|
471
471
|
type: Directive,
|
|
472
472
|
args: [{
|
|
473
473
|
selector: '[kendoSpreadsheetMessages]',
|
|
@@ -13,12 +13,12 @@ export class SpreadsheetLocalizationService extends LocalizationService {
|
|
|
13
13
|
constructor(prefix, messageService, _rtl) {
|
|
14
14
|
super(prefix, messageService, _rtl);
|
|
15
15
|
}
|
|
16
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
17
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
17
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetLocalizationService });
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetLocalizationService, decorators: [{
|
|
20
20
|
type: Injectable
|
|
21
|
-
}], ctorParameters:
|
|
21
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
22
22
|
type: Inject,
|
|
23
23
|
args: [L10N_PREFIX]
|
|
24
24
|
}] }, { type: i1.MessageService, decorators: [{
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
28
28
|
}, {
|
|
29
29
|
type: Inject,
|
|
30
30
|
args: [RTL]
|
|
31
|
-
}] }]
|
|
31
|
+
}] }] });
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
package/esm2022/models/index.mjs
CHANGED
|
@@ -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: '
|
|
13
|
+
publishDate: 1761916549,
|
|
14
|
+
version: '21.0.0-develop.11',
|
|
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
|
};
|
|
@@ -26,8 +26,8 @@ export class ActionDialogComponent extends DialogContentBase {
|
|
|
26
26
|
this.tabindex = args.tabindex;
|
|
27
27
|
this.commandName = args.commandName;
|
|
28
28
|
}
|
|
29
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
30
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionDialogComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ActionDialogComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
|
|
31
31
|
<ng-container *ngIf="commandName === 'delete'">
|
|
32
32
|
<p>The deleted sheet data will be lost.</p>
|
|
33
33
|
<p>Are you sure you want to proceed?</p>
|
|
@@ -47,7 +47,7 @@ export class ActionDialogComponent extends DialogContentBase {
|
|
|
47
47
|
</form>
|
|
48
48
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }] });
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionDialogComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
52
|
args: [{
|
|
53
53
|
template: `
|
|
@@ -72,4 +72,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
72
72
|
standalone: true,
|
|
73
73
|
imports: [NgIf, LabelComponent, TextBoxComponent]
|
|
74
74
|
}]
|
|
75
|
-
}], ctorParameters:
|
|
75
|
+
}], ctorParameters: () => [{ type: i1.DialogRef }] });
|
|
@@ -283,8 +283,8 @@ export class SheetsBarComponent {
|
|
|
283
283
|
});
|
|
284
284
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => this.spreadsheetService.spreadsheet.view.clipboard.focus());
|
|
285
285
|
}
|
|
286
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
287
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
286
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SheetsBarComponent, deps: [{ token: i1.SpreadsheetService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.SpreadsheetLocalizationService }, { token: i3.DialogService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
287
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SheetsBarComponent, isStandalone: true, selector: "[kendoSpreadsheetSheetsBar]", inputs: { sheets: "sheets", sheetDescriptors: "sheetDescriptors" }, host: { properties: { "class.k-spreadsheet-sheets-bar": "this.hostClasses" } }, viewQueries: [{ propertyName: "addButton", first: true, predicate: ["addButton"], descendants: true }, { propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }, { propertyName: "tabstrip", first: true, predicate: ["tabstrip"], descendants: true }, { propertyName: "actionDdbs", predicate: ["sheetDdb"], descendants: true }, { propertyName: "actionDdbRefs", predicate: ["sheetDdb"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: `
|
|
288
288
|
<button kendoButton #addButton
|
|
289
289
|
[title]="messageFor('addSheet')"
|
|
290
290
|
type="button"
|
|
@@ -341,7 +341,7 @@ export class SheetsBarComponent {
|
|
|
341
341
|
</kendo-tabstrip>
|
|
342
342
|
`, 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: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { 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: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabTemplateDirective, selector: "[kendoTabTemplate]" }] });
|
|
343
343
|
}
|
|
344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SheetsBarComponent, decorators: [{
|
|
345
345
|
type: Component,
|
|
346
346
|
args: [{
|
|
347
347
|
selector: '[kendoSpreadsheetSheetsBar]',
|
|
@@ -404,7 +404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
404
404
|
standalone: true,
|
|
405
405
|
imports: [ButtonComponent, EventsOutsideAngularDirective, DropDownButtonComponent, TabStripComponent, NgFor, NgIf, TabStripTabComponent, TabTemplateDirective]
|
|
406
406
|
}]
|
|
407
|
-
}], ctorParameters:
|
|
407
|
+
}], ctorParameters: () => [{ type: i1.SpreadsheetService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.SpreadsheetLocalizationService }, { type: i3.DialogService }, { type: i0.NgZone }], propDecorators: { hostClasses: [{
|
|
408
408
|
type: HostBinding,
|
|
409
409
|
args: ['class.k-spreadsheet-sheets-bar']
|
|
410
410
|
}], sheets: [{
|
|
@@ -200,6 +200,11 @@ export class SpreadsheetComponent {
|
|
|
200
200
|
* @default 200
|
|
201
201
|
*/
|
|
202
202
|
rows = 200;
|
|
203
|
+
/**
|
|
204
|
+
* Sets the custom cell editors for the Spreadsheet.
|
|
205
|
+
* Accepts an array of `SpreadsheetCellEditorOptions` objects that define custom editors.
|
|
206
|
+
*/
|
|
207
|
+
cellEditors;
|
|
203
208
|
/**
|
|
204
209
|
* An object containing any images used in the Spreadsheet. The keys should be image IDs (they are referenced by this ID in `sheets.drawings`),
|
|
205
210
|
* and the values should be image URLs. The image URLs can be either [`data URLs`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs)
|
|
@@ -358,6 +363,9 @@ export class SpreadsheetComponent {
|
|
|
358
363
|
changedDynamicOptions.forEach(o => newOptions[o] = changes[o].currentValue);
|
|
359
364
|
this.spreadsheetWidget.fromJSON(newOptions);
|
|
360
365
|
}
|
|
366
|
+
if (changes['cellEditors'] && !changes['cellEditors'].firstChange) {
|
|
367
|
+
this.registerCustomEditors();
|
|
368
|
+
}
|
|
361
369
|
}
|
|
362
370
|
ngOnDestroy() {
|
|
363
371
|
this.subs.unsubscribe();
|
|
@@ -446,7 +454,7 @@ export class SpreadsheetComponent {
|
|
|
446
454
|
const shift = e.shiftKey;
|
|
447
455
|
const altKey = e.altKey;
|
|
448
456
|
if (isCtrl && shift && e.code === Keys.KeyS) {
|
|
449
|
-
this.spreadsheetService.onSheetsBarFocus.next();
|
|
457
|
+
this.spreadsheetService.onSheetsBarFocus.next(undefined);
|
|
450
458
|
}
|
|
451
459
|
if (altKey) {
|
|
452
460
|
const currentSheet = e.sender.activeSheet();
|
|
@@ -842,6 +850,42 @@ export class SpreadsheetComponent {
|
|
|
842
850
|
icon: { iconName: 'calendar', svgIcon: calendarIcon }
|
|
843
851
|
};
|
|
844
852
|
});
|
|
853
|
+
this.registerCustomEditors();
|
|
854
|
+
}
|
|
855
|
+
registerCustomEditors() {
|
|
856
|
+
if (!this.cellEditors?.length) {
|
|
857
|
+
return;
|
|
858
|
+
}
|
|
859
|
+
this.cellEditors.forEach((editor) => this.registerCustomEditor(editor));
|
|
860
|
+
}
|
|
861
|
+
registerCustomEditor(editor) {
|
|
862
|
+
registerEditor(editor.name, () => ({
|
|
863
|
+
edit: (options) => this.openCustomEditorPopup(editor, options),
|
|
864
|
+
icon: { iconName: editor.icon, svgIcon: editor.svgIcon }
|
|
865
|
+
}));
|
|
866
|
+
}
|
|
867
|
+
openCustomEditorPopup(editor, options) {
|
|
868
|
+
this.closePopup();
|
|
869
|
+
this.popupRef = this.popupService.open({
|
|
870
|
+
anchor: options.view.element.querySelector('.k-spreadsheet-editor-button'),
|
|
871
|
+
content: editor.component,
|
|
872
|
+
popupAlign: options.alignLeft ? { horizontal: 'right', vertical: 'top' } : { horizontal: 'left', vertical: 'top' },
|
|
873
|
+
anchorAlign: options.alignLeft ? { horizontal: 'right', vertical: 'bottom' } : { horizontal: 'left', vertical: 'bottom' }
|
|
874
|
+
});
|
|
875
|
+
const componentInstance = this.popupRef.content.instance;
|
|
876
|
+
editor.actions.forEach(action => {
|
|
877
|
+
const actionStream = componentInstance[action.name];
|
|
878
|
+
actionStream?.subscribe((args) => {
|
|
879
|
+
const eventArgs = { originalEvent: args, ...options };
|
|
880
|
+
action.handler?.apply(componentInstance, [eventArgs]);
|
|
881
|
+
});
|
|
882
|
+
});
|
|
883
|
+
}
|
|
884
|
+
closePopup() {
|
|
885
|
+
if (this.popupRef) {
|
|
886
|
+
this.popupRef.close();
|
|
887
|
+
this.popupRef = null;
|
|
888
|
+
}
|
|
845
889
|
}
|
|
846
890
|
isValidFormula(validation) {
|
|
847
891
|
const formula = calc.runtime.Formula;
|
|
@@ -850,8 +894,8 @@ export class SpreadsheetComponent {
|
|
|
850
894
|
createDate(validation, sheet) {
|
|
851
895
|
return new Date(serialToDate(isPresent(sheet) ? sheet.range(validation.value.row, validation.value.col).value() : validation));
|
|
852
896
|
}
|
|
853
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
854
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
897
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetComponent, deps: [{ token: i0.NgZone }, { token: i1.IntlService }, { token: i0.ElementRef }, { token: i2.LocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }, { token: i5.ErrorHandlingService }, { token: i6.DialogService }, { token: i7.PopupService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
898
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetComponent, isStandalone: true, selector: "kendo-spreadsheet", inputs: { menuItems: "menuItems", overflow: "overflow", formulaListMaxHeight: "formulaListMaxHeight", activeSheet: "activeSheet", sheets: "sheets", columns: "columns", columnWidth: "columnWidth", defaultCellStyle: "defaultCellStyle", headerHeight: "headerHeight", headerWidth: "headerWidth", rowHeight: "rowHeight", rows: "rows", cellEditors: "cellEditors", images: "images", excel: "excel" }, outputs: { change: "change", formatChange: "formatChange", selectionChange: "selectionChange", excelExport: "excelExport", excelImport: "excelImport", activeSheetChange: "activeSheetChange" }, host: { properties: { "class.k-spreadsheet": "this.hostClass", "attr.role": "this.role" } }, providers: [
|
|
855
899
|
SpreadsheetLocalizationService,
|
|
856
900
|
SpreadsheetService,
|
|
857
901
|
{
|
|
@@ -1212,7 +1256,7 @@ export class SpreadsheetComponent {
|
|
|
1212
1256
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
|
|
1213
1257
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoSpreadsheetLocalizedMessages]" }, { kind: "component", type: MenuComponent, selector: "kendo-menu", inputs: ["appendTo", "menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }, { kind: "directive", type: MainMenuDirective, selector: "[kendoSpreadsheetMenu]" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: SpreadsheetLoadFileComponent, selector: "kendo-spreadsheet-load-file-tool" }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "directive", type: SpreadsheetSaveFileDirective, selector: "[kendoSpreadsheetSaveFile]" }, { kind: "component", type: ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "fillMode", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "directive", type: SpreadsheetUndoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUndo]" }, { kind: "directive", type: SpreadsheetRedoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetRedo]" }, { kind: "component", type: ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { kind: "component", type: SpreadsheetFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]" }, { kind: "component", type: SpreadsheetFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]" }, { kind: "directive", type: SpreadsheetIncreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]" }, { kind: "directive", type: SpreadsheetDecreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]" }, { kind: "directive", type: SpreadsheetBoldDirective, selector: "kendo-toolbar-button[kendoSpreadsheetBold]" }, { kind: "directive", type: SpreadsheetItalicDirective, selector: "kendo-toolbar-button[kendoSpreadsheetItalic]" }, { kind: "directive", type: SpreadsheetUnderlineDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUnderline]" }, { kind: "component", type: SpreadsheetForeColorComponent, selector: "kendo-spreadsheet-forecolor-tool" }, { kind: "component", type: SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool" }, { kind: "component", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: ["arrowIcon", "title", "showText", "showIcon", "text", "icon", "svgIcon", "iconClass", "imageUrl", "popupSettings", "look", "primary", "fillMode", "themeColor", "buttonClass", "textField", "disabled", "data"], outputs: ["itemClick", "open", "close"], exportAs: ["kendoToolBarDropDownButton"] }, { kind: "directive", type: SpreadsheetHorizontalTextAlignDirective, selector: "[kendoSpreadsheetHorizontalTextAlign]" }, { kind: "directive", type: SpreadsheetVerticalTextAlignDirective, selector: "[kendoSpreadsheetVerticalTextAlign]" }, { kind: "directive", type: SpreadsheetTextWrapDirective, selector: "kendo-toolbar-button[kendoSpreadsheetTextWrap]" }, { kind: "directive", type: SpreadsheetFormatDirective, selector: "[kendoSpreadsheetFormat]" }, { kind: "directive", type: SpreadsheetInsertLinkDirective, selector: "kendo-toolbar-button[kendoSpreadsheetInsertLink]" }, { kind: "directive", type: SpreadsheetAddColumnLeftButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]" }, { kind: "directive", type: SpreadsheetAddColumnRightButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]" }, { kind: "directive", type: SpreadsheetAddRowBelowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]" }, { kind: "directive", type: SpreadsheetAddRowAboveButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]" }, { kind: "directive", type: SpreadsheetDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]" }, { kind: "directive", type: SpreadsheetDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]" }, { kind: "directive", type: SpreadsheetDecreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]" }, { kind: "directive", type: SpreadsheetIncreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]" }, { kind: "directive", type: SpreadsheetMergeDirective, selector: "[kendoSpreadsheetMerge]" }, { kind: "directive", type: SpreadsheetGridLinesDirective, selector: "kendo-toolbar-button[kendoSpreadsheetGridLines]" }, { kind: "component", type: NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: ["data", "spreadsheetWidget"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]", inputs: ["formulaListMaxHeight"] }, { kind: "component", type: SheetsBarComponent, selector: "[kendoSpreadsheetSheetsBar]", inputs: ["sheets", "sheetDescriptors"] }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "directive", type: SpreadsheetDataValidationDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDataValidation]" }] });
|
|
1214
1258
|
}
|
|
1215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetComponent, decorators: [{
|
|
1216
1260
|
type: Component,
|
|
1217
1261
|
args: [{
|
|
1218
1262
|
exportAs: 'kendo-spreadsheet',
|
|
@@ -1581,7 +1625,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1581
1625
|
standalone: true,
|
|
1582
1626
|
imports: [LocalizedMessagesDirective, MenuComponent, MainMenuDirective, NgFor, MenuItemComponent, NgIf, ToolBarComponent, SpreadsheetLoadFileComponent, ToolBarButtonComponent, SpreadsheetSaveFileDirective, ToolBarButtonGroupComponent, SpreadsheetUndoDirective, SpreadsheetRedoDirective, ToolBarSeparatorComponent, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetIncreaseFontSizeDirective, SpreadsheetDecreaseFontSizeDirective, SpreadsheetBoldDirective, SpreadsheetItalicDirective, SpreadsheetUnderlineDirective, SpreadsheetForeColorComponent, SpreadsheetBackColorComponent, ToolBarDropDownButtonComponent, SpreadsheetHorizontalTextAlignDirective, SpreadsheetVerticalTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetFormatDirective, SpreadsheetInsertLinkDirective, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetDecreaseDecimalDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetMergeDirective, SpreadsheetGridLinesDirective, NameBoxComponent, IconWrapperComponent, FormulaInputDirective, SheetsBarComponent, ContextMenuComponent, WatermarkOverlayComponent, SpreadsheetDataValidationDirective]
|
|
1583
1627
|
}]
|
|
1584
|
-
}], ctorParameters:
|
|
1628
|
+
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.IntlService }, { type: i0.ElementRef }, { type: i2.LocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }, { type: i5.ErrorHandlingService }, { type: i6.DialogService }, { type: i7.PopupService }, { type: i0.ViewContainerRef }], propDecorators: { formulaBarInputRef: [{
|
|
1585
1629
|
type: ViewChild,
|
|
1586
1630
|
args: ['formulaBar', { read: FormulaInputDirective }]
|
|
1587
1631
|
}], formulaCellInputRef: [{
|
|
@@ -1626,6 +1670,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1626
1670
|
type: Input
|
|
1627
1671
|
}], rows: [{
|
|
1628
1672
|
type: Input
|
|
1673
|
+
}], cellEditors: [{
|
|
1674
|
+
type: Input
|
|
1629
1675
|
}], images: [{
|
|
1630
1676
|
type: Input
|
|
1631
1677
|
}], excel: [{
|
|
@@ -56,11 +56,11 @@ import * as i32 from "./tools/align/vertical-align-tool.directive";
|
|
|
56
56
|
* ```
|
|
57
57
|
*/
|
|
58
58
|
export class SpreadsheetModule {
|
|
59
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
60
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
61
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
59
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
60
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, imports: [i1.SpreadsheetComponent, i2.CustomMessagesComponent, i3.SpreadsheetBoldDirective, i4.SpreadsheetDataValidationDirective, i5.SpreadsheetItalicDirective, i6.SpreadsheetUnderlineDirective, i7.SpreadsheetLoadFileComponent, i8.SpreadsheetSaveFileDirective, i9.SpreadsheetFormatDirective, i10.SpreadsheetUndoDirective, i11.SpreadsheetRedoDirective, i12.SpreadsheetFontFamilyComponent, i13.SpreadsheetFontSizeComponent, i14.SpreadsheetBackColorComponent, i15.SpreadsheetForeColorComponent, i16.SpreadsheetGridLinesDirective, i17.SpreadsheetAddColumnLeftButtonDirective, i18.SpreadsheetAddColumnRightButtonDirective, i19.SpreadsheetAddRowAboveButtonDirective, i20.SpreadsheetAddRowBelowButtonDirective, i21.SpreadsheetDeleteColumnButtonDirective, i22.SpreadsheetDeleteRowButtonDirective, i23.SpreadsheetTextAlignDirective, i24.SpreadsheetTextWrapDirective, i25.SpreadsheetMergeDirective, i26.SpreadsheetInsertLinkDirective, i27.SpreadsheetIncreaseFontSizeDirective, i28.SpreadsheetDecreaseFontSizeDirective, i29.SpreadsheetIncreaseDecimalDirective, i30.SpreadsheetDecreaseDecimalDirective, i31.SpreadsheetHorizontalTextAlignDirective, i32.SpreadsheetVerticalTextAlignDirective], exports: [i1.SpreadsheetComponent, i2.CustomMessagesComponent, i3.SpreadsheetBoldDirective, i4.SpreadsheetDataValidationDirective, i5.SpreadsheetItalicDirective, i6.SpreadsheetUnderlineDirective, i7.SpreadsheetLoadFileComponent, i8.SpreadsheetSaveFileDirective, i9.SpreadsheetFormatDirective, i10.SpreadsheetUndoDirective, i11.SpreadsheetRedoDirective, i12.SpreadsheetFontFamilyComponent, i13.SpreadsheetFontSizeComponent, i14.SpreadsheetBackColorComponent, i15.SpreadsheetForeColorComponent, i16.SpreadsheetGridLinesDirective, i17.SpreadsheetAddColumnLeftButtonDirective, i18.SpreadsheetAddColumnRightButtonDirective, i19.SpreadsheetAddRowAboveButtonDirective, i20.SpreadsheetAddRowBelowButtonDirective, i21.SpreadsheetDeleteColumnButtonDirective, i22.SpreadsheetDeleteRowButtonDirective, i23.SpreadsheetTextAlignDirective, i24.SpreadsheetTextWrapDirective, i25.SpreadsheetMergeDirective, i26.SpreadsheetInsertLinkDirective, i27.SpreadsheetIncreaseFontSizeDirective, i28.SpreadsheetDecreaseFontSizeDirective, i29.SpreadsheetIncreaseDecimalDirective, i30.SpreadsheetDecreaseDecimalDirective, i31.SpreadsheetHorizontalTextAlignDirective, i32.SpreadsheetVerticalTextAlignDirective] });
|
|
61
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [i1.SpreadsheetComponent, i7.SpreadsheetLoadFileComponent, i12.SpreadsheetFontFamilyComponent, i13.SpreadsheetFontSizeComponent, i14.SpreadsheetBackColorComponent, i15.SpreadsheetForeColorComponent] });
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, decorators: [{
|
|
64
64
|
type: NgModule,
|
|
65
65
|
args: [{
|
|
66
66
|
exports: [...KENDO_SPREADSHEET],
|
|
@@ -50,13 +50,13 @@ export class SpreadsheetTextAlignDirective {
|
|
|
50
50
|
};
|
|
51
51
|
this.spreadsheetService.spreadsheet.executeCommand(options);
|
|
52
52
|
}
|
|
53
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
54
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
53
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetTextAlignDirective, deps: [{ token: i1.ToolBarDropDownButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
54
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetTextAlignDirective, isStandalone: true, selector: "[kendoSpreadsheetTextAlign]", ngImport: i0 });
|
|
55
55
|
}
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetTextAlignDirective, decorators: [{
|
|
57
57
|
type: Directive,
|
|
58
58
|
args: [{
|
|
59
59
|
selector: '[kendoSpreadsheetTextAlign]',
|
|
60
60
|
standalone: true
|
|
61
61
|
}]
|
|
62
|
-
}], ctorParameters:
|
|
62
|
+
}], ctorParameters: () => [{ type: i1.ToolBarDropDownButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }] });
|