@progress/kendo-angular-spreadsheet 21.4.1 → 22.0.0-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.
Files changed (87) hide show
  1. package/fesm2022/progress-kendo-angular-spreadsheet.mjs +183 -183
  2. package/package.json +22 -30
  3. package/schematics/ngAdd/index.js +2 -2
  4. package/tools/shared/spreadsheet-command-base.d.ts +1 -1
  5. package/tools/shared/spreadsheet-dropdown-tools-base.d.ts +1 -1
  6. package/tools/shared/spreadsheet-dropdownlist.base.d.ts +1 -1
  7. package/esm2022/action-bar/formula-input.directive.mjs +0 -183
  8. package/esm2022/action-bar/list.component.mjs +0 -91
  9. package/esm2022/action-bar/namebox.component.mjs +0 -134
  10. package/esm2022/common/calendar-editor.component.mjs +0 -48
  11. package/esm2022/common/error-handling.service.mjs +0 -99
  12. package/esm2022/common/list-editor.component.mjs +0 -146
  13. package/esm2022/common/main-menu.directive.mjs +0 -30
  14. package/esm2022/common/sheet-changes.mjs +0 -5
  15. package/esm2022/common/spreadsheet.service.mjs +0 -49
  16. package/esm2022/directives.mjs +0 -94
  17. package/esm2022/filter-menu/filter-menu-item-content-template.directive.mjs +0 -26
  18. package/esm2022/filter-menu/filter-menu-item.component.mjs +0 -271
  19. package/esm2022/index.mjs +0 -14
  20. package/esm2022/localization/custom-messages.component.mjs +0 -52
  21. package/esm2022/localization/localized-messages.directive.mjs +0 -35
  22. package/esm2022/localization/messages.mjs +0 -884
  23. package/esm2022/localization/spreadsheet-localization.service.mjs +0 -31
  24. package/esm2022/models/cell-editor-action-args.mjs +0 -5
  25. package/esm2022/models/cell-editor-options.mjs +0 -5
  26. package/esm2022/models/events.mjs +0 -5
  27. package/esm2022/models/filter-menu-item.mjs +0 -5
  28. package/esm2022/models/index.mjs +0 -11
  29. package/esm2022/models/main-menu-item.mjs +0 -5
  30. package/esm2022/models/range-filter-value.mjs +0 -5
  31. package/esm2022/models/sheet-info.mjs +0 -5
  32. package/esm2022/package-metadata.mjs +0 -16
  33. package/esm2022/progress-kendo-angular-spreadsheet.mjs +0 -8
  34. package/esm2022/sheets-bar/action-dialog.component.mjs +0 -78
  35. package/esm2022/sheets-bar/sheets-bar.component.mjs +0 -433
  36. package/esm2022/sheets-bar/utils.mjs +0 -49
  37. package/esm2022/spreadsheet.component.mjs +0 -2408
  38. package/esm2022/spreadsheet.module.mjs +0 -72
  39. package/esm2022/tools/align/align-tool.directive.mjs +0 -62
  40. package/esm2022/tools/align/horizontal-align-tool.directive.mjs +0 -62
  41. package/esm2022/tools/align/vertical-align-tool.directive.mjs +0 -62
  42. package/esm2022/tools/colorpicker/spreadsheet-backcolor.component.mjs +0 -142
  43. package/esm2022/tools/colorpicker/spreadsheet-forecolor.component.mjs +0 -142
  44. package/esm2022/tools/data-validation-dialog.component.mjs +0 -481
  45. package/esm2022/tools/data-validation-tool.directive.mjs +0 -156
  46. package/esm2022/tools/decrease-decimal-tool.directive.mjs +0 -41
  47. package/esm2022/tools/filter-sort/filter-tool.directive.mjs +0 -89
  48. package/esm2022/tools/filter-sort/sort-tool.directive.mjs +0 -62
  49. package/esm2022/tools/font-family/font-family-dropdownlist.component.mjs +0 -59
  50. package/esm2022/tools/font-family/spreadsheet-fontfamily-tool.component.mjs +0 -114
  51. package/esm2022/tools/font-size/decrease-font-tool.directive.mjs +0 -52
  52. package/esm2022/tools/font-size/font-size-dropdownlist.component.mjs +0 -46
  53. package/esm2022/tools/font-size/increase-font-tool.directive.mjs +0 -52
  54. package/esm2022/tools/font-size/spreadsheet-fontsize-tool.component.mjs +0 -114
  55. package/esm2022/tools/format-tool.directive.mjs +0 -65
  56. package/esm2022/tools/gridlines-tool.directive.mjs +0 -47
  57. package/esm2022/tools/history/redo-tool.mjs +0 -37
  58. package/esm2022/tools/history/undo-tool.mjs +0 -37
  59. package/esm2022/tools/increase-decimal-tool.directive.mjs +0 -41
  60. package/esm2022/tools/index.mjs +0 -30
  61. package/esm2022/tools/insert/insert-link-dialog.component.mjs +0 -53
  62. package/esm2022/tools/insert/insert-link-tool.directive.mjs +0 -97
  63. package/esm2022/tools/load-file.component.mjs +0 -226
  64. package/esm2022/tools/save-file-tool.directive.mjs +0 -58
  65. package/esm2022/tools/shared/command-icons.mjs +0 -121
  66. package/esm2022/tools/shared/commands.mjs +0 -5
  67. package/esm2022/tools/shared/constants.mjs +0 -77
  68. package/esm2022/tools/shared/dialog-content.component.mjs +0 -130
  69. package/esm2022/tools/shared/spreadsheet-command-base.mjs +0 -73
  70. package/esm2022/tools/shared/spreadsheet-command-button.mjs +0 -31
  71. package/esm2022/tools/shared/spreadsheet-dropdown-tools-base.mjs +0 -194
  72. package/esm2022/tools/shared/spreadsheet-dropdownlist.base.mjs +0 -54
  73. package/esm2022/tools/tables/add-column-left-button.directive.mjs +0 -37
  74. package/esm2022/tools/tables/add-column-right-button.directive.mjs +0 -37
  75. package/esm2022/tools/tables/add-row-above-button.directive.mjs +0 -37
  76. package/esm2022/tools/tables/add-row-below-button.directive.mjs +0 -37
  77. package/esm2022/tools/tables/delete-column-button.directive.mjs +0 -35
  78. package/esm2022/tools/tables/delete-row-button.directive.mjs +0 -35
  79. package/esm2022/tools/tables/index.mjs +0 -11
  80. package/esm2022/tools/tables/merge-tool.directive.mjs +0 -72
  81. package/esm2022/tools/text-wrap-tool.directive.mjs +0 -48
  82. package/esm2022/tools/tools.service.mjs +0 -61
  83. package/esm2022/tools/typographical-emphasis/bold-tool.directive.mjs +0 -37
  84. package/esm2022/tools/typographical-emphasis/italic-tool.directive.mjs +0 -37
  85. package/esm2022/tools/typographical-emphasis/underline-tool.directive.mjs +0 -37
  86. package/esm2022/tools/utils.mjs +0 -35
  87. package/esm2022/utils.mjs +0 -32
@@ -1,41 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.service';
8
- import { SpreadsheetService } from '../common/spreadsheet.service';
9
- import { SpreadsheetToolsService } from './tools.service';
10
- import { SpreadsheetCommandButton } from './shared/spreadsheet-command-button';
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-toolbar";
13
- import * as i2 from "../localization/spreadsheet-localization.service";
14
- import * as i3 from "../common/spreadsheet.service";
15
- import * as i4 from "./tools.service";
16
- /**
17
- * @hidden
18
- */
19
- export class SpreadsheetDecreaseDecimalDirective extends SpreadsheetCommandButton {
20
- constructor(button, localization, spreadsheetService, toolsService) {
21
- super('decreaseDecimal', button, localization, spreadsheetService, toolsService, {
22
- command: 'AdjustDecimalsCommand'
23
- });
24
- }
25
- clickHandler() {
26
- const options = {
27
- command: 'AdjustDecimalsCommand',
28
- options: { value: -1 }
29
- };
30
- this.spreadsheetService.spreadsheet.executeCommand(options);
31
- }
32
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetDecreaseDecimalDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
33
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetDecreaseDecimalDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]", usesInheritance: true, ngImport: i0 });
34
- }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetDecreaseDecimalDirective, decorators: [{
36
- type: Directive,
37
- args: [{
38
- selector: 'kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]',
39
- standalone: true
40
- }]
41
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }] });
@@ -1,89 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ChangeDetectorRef, Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
8
- import { SpreadsheetService } from '../../common/spreadsheet.service';
9
- import { SpreadsheetToolsService } from '../tools.service';
10
- import { SpreadsheetCommandButton } from '../shared/spreadsheet-command-button';
11
- import { isPresent } from '@progress/kendo-angular-common';
12
- import * as i0 from "@angular/core";
13
- import * as i1 from "@progress/kendo-angular-toolbar";
14
- import * as i2 from "../../localization/spreadsheet-localization.service";
15
- import * as i3 from "../../common/spreadsheet.service";
16
- import * as i4 from "../tools.service";
17
- /**
18
- * @hidden
19
- */
20
- export class SpreadsheetFilterDirective extends SpreadsheetCommandButton {
21
- cdr;
22
- constructor(button, localization, spreadsheetService, toolsService, cdr) {
23
- super('filter', button, localization, spreadsheetService, toolsService, {
24
- command: 'FilterCommand'
25
- });
26
- this.cdr = cdr;
27
- this.subs.add(spreadsheetService.componentInitialized.subscribe(() => {
28
- this.toggleActiveState(button);
29
- }));
30
- this.subs.add(spreadsheetService.selectionChanged.subscribe((range) => {
31
- this.toggleActiveState(button, range);
32
- }));
33
- this.subs.add(spreadsheetService.activeSheetChanged.subscribe(() => {
34
- this.toggleActiveState(button);
35
- }));
36
- }
37
- ngOnInit() {
38
- super.ngOnInit();
39
- this.toggleActiveState(this.button);
40
- }
41
- ngOnDestroy() {
42
- this.subs.unsubscribe();
43
- }
44
- clickHandler() {
45
- this.spreadsheetService.spreadsheetComponent.closePopup();
46
- const options = {
47
- command: 'FilterCommand',
48
- options: { property: 'hasFilter' }
49
- };
50
- this.spreadsheetService.spreadsheet.executeCommand(options);
51
- }
52
- toggleActiveState(button, range) {
53
- if (range?._ref?.length > 1 || range?._ref?.refs?.length > 1) {
54
- if (!button.disabled) {
55
- button.disabled = true;
56
- this.cdr.detectChanges();
57
- }
58
- return;
59
- }
60
- const currentSheet = this.spreadsheetService.spreadsheet?.activeSheet();
61
- if (!currentSheet) {
62
- return;
63
- }
64
- const currentRange = isPresent(range) ? range : currentSheet.selection();
65
- let disabled = true;
66
- let rangeHasValue = false;
67
- currentRange.values().forEach((nestedArr) => {
68
- if (nestedArr.some(value => isPresent(value) && value !== '') && !rangeHasValue) {
69
- rangeHasValue = true;
70
- }
71
- });
72
- const currentRangeRef = currentRange._ref;
73
- const isSingleCell = currentRangeRef?.ref === 'cell' || (currentRangeRef.bottomRight.row === currentRangeRef.topLeft.row && currentRangeRef.bottomRight.col === currentRangeRef.topLeft.col);
74
- disabled = currentRangeRef?.height() <= 1 || !rangeHasValue || isSingleCell;
75
- if (button.disabled !== disabled) {
76
- button.disabled = disabled;
77
- this.cdr.detectChanges();
78
- }
79
- }
80
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFilterDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
81
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetFilterDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetFilter]", usesInheritance: true, ngImport: i0 });
82
- }
83
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFilterDirective, decorators: [{
84
- type: Directive,
85
- args: [{
86
- selector: 'kendo-toolbar-button[kendoSpreadsheetFilter]',
87
- standalone: true
88
- }]
89
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }, { type: i0.ChangeDetectorRef }] });
@@ -1,62 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { Subscription } from 'rxjs';
7
- import { ToolBarDropDownButtonComponent } from '@progress/kendo-angular-toolbar';
8
- import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
9
- import { SpreadsheetService } from '../../common/spreadsheet.service';
10
- import { commandIcons, commandSVGIcons } from '../shared/command-icons';
11
- import { SORT } from '../shared/constants';
12
- import * as i0 from "@angular/core";
13
- import * as i1 from "@progress/kendo-angular-toolbar";
14
- import * as i2 from "../../localization/spreadsheet-localization.service";
15
- import * as i3 from "../../common/spreadsheet.service";
16
- /**
17
- * @hidden
18
- */
19
- export class SpreadsheetSortDirective {
20
- spreadsheetService;
21
- commandName = 'sort';
22
- subs = new Subscription();
23
- constructor(host, localization, spreadsheetService) {
24
- this.spreadsheetService = spreadsheetService;
25
- host.svgIcon = commandSVGIcons[this.commandName];
26
- host.icon = commandIcons[this.commandName];
27
- host.arrowIcon = true;
28
- host.fillMode = 'flat';
29
- host.data = SORT.map(item => ({ ...item, textKey: localization.get(item.commandId) }));
30
- this.subs.add(host.itemClick.subscribe((e) => this.onItemClick(e)));
31
- host.title = localization.get(this.commandName);
32
- host.textField = 'textKey';
33
- }
34
- ngOnDestroy() {
35
- this.subs.unsubscribe();
36
- }
37
- onItemClick(item) {
38
- if (item.disabled) {
39
- return;
40
- }
41
- const dir = item.value;
42
- const currentFilterOptions = this.spreadsheetService.spreadsheetComponent?.currentFilterOptions;
43
- const currentRange = currentFilterOptions?.range;
44
- const noHeaderRange = currentRange?.resize({ top: 1 });
45
- const options = {
46
- value: dir,
47
- sheet: false,
48
- operatingRange: noHeaderRange,
49
- column: currentFilterOptions?.column
50
- };
51
- this.spreadsheetService.spreadsheet.executeCommand({ command: 'SortCommand', options });
52
- }
53
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetSortDirective, deps: [{ token: i1.ToolBarDropDownButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }], target: i0.ɵɵFactoryTarget.Directive });
54
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetSortDirective, isStandalone: true, selector: "[kendoSpreadsheetSort]", ngImport: i0 });
55
- }
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetSortDirective, decorators: [{
57
- type: Directive,
58
- args: [{
59
- selector: '[kendoSpreadsheetSort]',
60
- standalone: true
61
- }]
62
- }], ctorParameters: () => [{ type: i1.ToolBarDropDownButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }] });
@@ -1,59 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component } from '@angular/core';
6
- import { NgStyle } from '@angular/common';
7
- import { ItemTemplateDirective, DropDownListComponent } from '@progress/kendo-angular-dropdowns';
8
- import { DropDownListBase } from '../shared/spreadsheet-dropdownlist.base';
9
- import * as i0 from "@angular/core";
10
- /**
11
- * @hidden
12
- */
13
- export class FontFamilyDropDownListComponent extends DropDownListBase {
14
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FontFamilyDropDownListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
15
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FontFamilyDropDownListComponent, isStandalone: true, selector: "kendo-spreadsheet-fontfamily-dropdownlist", usesInheritance: true, ngImport: i0, template: `
16
- <kendo-dropdownlist
17
- #element
18
- class="k-toolbar-dropdownlist"
19
- [data]="data"
20
- [(value)]="value"
21
- [tabindex]="tabindex"
22
- (valueChange)="onValueChange($event)"
23
- [leftRightArrowsNavigation]="false"
24
- [fillMode]="fillMode"
25
- [attr.title]="title">
26
- <ng-template kendoDropDownListItemTemplate let-dataItem>
27
- <span [ngStyle]="{ 'font-family': dataItem }">
28
- {{ dataItem }}
29
- </span>
30
- </ng-template>
31
- </kendo-dropdownlist>
32
- `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "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"] }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
33
- }
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FontFamilyDropDownListComponent, decorators: [{
35
- type: Component,
36
- args: [{
37
- selector: 'kendo-spreadsheet-fontfamily-dropdownlist',
38
- template: `
39
- <kendo-dropdownlist
40
- #element
41
- class="k-toolbar-dropdownlist"
42
- [data]="data"
43
- [(value)]="value"
44
- [tabindex]="tabindex"
45
- (valueChange)="onValueChange($event)"
46
- [leftRightArrowsNavigation]="false"
47
- [fillMode]="fillMode"
48
- [attr.title]="title">
49
- <ng-template kendoDropDownListItemTemplate let-dataItem>
50
- <span [ngStyle]="{ 'font-family': dataItem }">
51
- {{ dataItem }}
52
- </span>
53
- </ng-template>
54
- </kendo-dropdownlist>
55
- `,
56
- standalone: true,
57
- imports: [DropDownListComponent, ItemTemplateDirective, NgStyle]
58
- }]
59
- }] });
@@ -1,114 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, forwardRef, Inject } from '@angular/core';
6
- import { DialogService } from '@progress/kendo-angular-dialog';
7
- import { IconWrapperComponent } from '@progress/kendo-angular-icons';
8
- import { ToolBarComponent, ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
9
- import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
10
- import { SpreadsheetService } from '../../common/spreadsheet.service';
11
- import { SpreadsheetToolsService } from '../tools.service';
12
- import { SpreadsheetDropDownToolBase } from '../shared/spreadsheet-dropdown-tools-base';
13
- import { FontFamilyDropDownListComponent } from './font-family-dropdownlist.component';
14
- import * as i0 from "@angular/core";
15
- import * as i1 from "@progress/kendo-angular-dialog";
16
- import * as i2 from "../../localization/spreadsheet-localization.service";
17
- import * as i3 from "../../common/spreadsheet.service";
18
- import * as i4 from "../tools.service";
19
- import * as i5 from "@progress/kendo-angular-toolbar";
20
- /**
21
- * A component which configures an existing `DropDownListComponent` as a Spreadsheet tool.
22
- * The component associates a `kendo-toolbar-dropdownlist` with a Spreadsheet command that changes the font family of a content block and
23
- * automatically defines the options of the drop-down list and sets its values. [See example](slug:toolbar_tools_spreadsheet#home-menu-item-tools).
24
- *
25
- * @hidden
26
- */
27
- export class SpreadsheetFontFamilyComponent extends SpreadsheetDropDownToolBase {
28
- constructor(dialogService, localization, spreadsheetService, toolsService, toolbar) {
29
- super('fontFamily', dialogService, localization, spreadsheetService, toolsService, toolbar);
30
- }
31
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFontFamilyComponent, deps: [{ token: i1.DialogService }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
32
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SpreadsheetFontFamilyComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetFontFamilyComponent) }], usesInheritance: true, ngImport: i0, template: `
33
- <ng-template #toolbarTemplate>
34
- <kendo-spreadsheet-fontfamily-dropdownlist
35
- #element
36
- [data]="data"
37
- [(value)]="value"
38
- [title]="messageFor(command)"
39
- [tabindex]="tabindex"
40
- (valueChange)="onValueChange($event)"></kendo-spreadsheet-fontfamily-dropdownlist>
41
- </ng-template>
42
- <ng-template #popupTemplate>
43
- <div #popupButton
44
- [tabindex]="tabindex"
45
- role="menuitem"
46
- class="k-item k-menu-item"
47
- (click)="openDialog()">
48
- <span
49
- class="k-link k-menu-link">
50
- <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
51
- @if (messageFor(command)) {
52
- <span class="k-menu-link-text">{{messageFor(command)}}</span>
53
- }
54
- </span>
55
- </div>
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>
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"] }] });
67
- }
68
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFontFamilyComponent, decorators: [{
69
- type: Component,
70
- args: [{
71
- providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetFontFamilyComponent) }],
72
- selector: 'kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]',
73
- template: `
74
- <ng-template #toolbarTemplate>
75
- <kendo-spreadsheet-fontfamily-dropdownlist
76
- #element
77
- [data]="data"
78
- [(value)]="value"
79
- [title]="messageFor(command)"
80
- [tabindex]="tabindex"
81
- (valueChange)="onValueChange($event)"></kendo-spreadsheet-fontfamily-dropdownlist>
82
- </ng-template>
83
- <ng-template #popupTemplate>
84
- <div #popupButton
85
- [tabindex]="tabindex"
86
- role="menuitem"
87
- class="k-item k-menu-item"
88
- (click)="openDialog()">
89
- <span
90
- class="k-link k-menu-link">
91
- <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
92
- @if (messageFor(command)) {
93
- <span class="k-menu-link-text">{{messageFor(command)}}</span>
94
- }
95
- </span>
96
- </div>
97
- </ng-template>
98
- <ng-template #sectionTemplate>
99
- <kendo-spreadsheet-fontfamily-dropdownlist
100
- #element
101
- [data]="data"
102
- [(value)]="value"
103
- [title]="messageFor(command)"
104
- [tabindex]="tabindex"
105
- (valueChange)="onValueChange($event)"></kendo-spreadsheet-fontfamily-dropdownlist>
106
- </ng-template>
107
- `,
108
- standalone: true,
109
- imports: [FontFamilyDropDownListComponent, IconWrapperComponent]
110
- }]
111
- }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }, { type: i5.ToolBarComponent, decorators: [{
112
- type: Inject,
113
- args: [ToolBarComponent]
114
- }] }] });
@@ -1,52 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
8
- import { SpreadsheetService } from '../../common/spreadsheet.service';
9
- import { SpreadsheetToolsService } from '../tools.service';
10
- import { SpreadsheetCommandButton } from '../shared/spreadsheet-command-button';
11
- import { DEFAULT_FONT_VALUES } from '../shared/constants';
12
- import * as i0 from "@angular/core";
13
- import * as i1 from "@progress/kendo-angular-toolbar";
14
- import * as i2 from "../../localization/spreadsheet-localization.service";
15
- import * as i3 from "../../common/spreadsheet.service";
16
- import * as i4 from "../tools.service";
17
- /**
18
- * @hidden
19
- */
20
- export class SpreadsheetDecreaseFontSizeDirective extends SpreadsheetCommandButton {
21
- value;
22
- constructor(button, localization, spreadsheetService, toolsService) {
23
- super('decreaseFontSize', button, localization, spreadsheetService, toolsService, {
24
- command: 'PropertyChangeCommand',
25
- options: { property: 'fontSize' }
26
- });
27
- this.value = DEFAULT_FONT_VALUES.fontSize;
28
- }
29
- clickHandler() {
30
- const newValue = this.value - 1;
31
- const options = {
32
- command: 'PropertyChangeCommand',
33
- options: { property: 'fontSize', value: newValue || null }
34
- };
35
- this.spreadsheetService.spreadsheet.executeCommand(options);
36
- }
37
- ngAfterViewInit() {
38
- this.value = this.toolsService.toolsState['fontSize'];
39
- this.subs.add(this.toolsService.stateChange.subscribe(state => {
40
- this.value = state['fontSize'];
41
- }));
42
- }
43
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetDecreaseFontSizeDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
44
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetDecreaseFontSizeDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]", usesInheritance: true, ngImport: i0 });
45
- }
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetDecreaseFontSizeDirective, decorators: [{
47
- type: Directive,
48
- args: [{
49
- selector: 'kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]',
50
- standalone: true
51
- }]
52
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }] });
@@ -1,46 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component } from '@angular/core';
6
- import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
7
- import { DropDownListBase } from '../shared/spreadsheet-dropdownlist.base';
8
- import * as i0 from "@angular/core";
9
- /**
10
- * @hidden
11
- */
12
- export class FontSizeDropDownListComponent extends DropDownListBase {
13
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FontSizeDropDownListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
14
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FontSizeDropDownListComponent, isStandalone: true, selector: "kendo-spreadsheet-fontsize-dropdownlist", usesInheritance: true, ngImport: i0, template: `
15
- <kendo-dropdownlist
16
- #element
17
- class="k-toolbar-dropdownlist"
18
- [data]="data"
19
- [(value)]="value"
20
- [attr.title]="title"
21
- [tabindex]="tabindex"
22
- (valueChange)="onValueChange($event)"
23
- [leftRightArrowsNavigation]="false"
24
- [fillMode]="fillMode"></kendo-dropdownlist>
25
- `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "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"] }] });
26
- }
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FontSizeDropDownListComponent, decorators: [{
28
- type: Component,
29
- args: [{
30
- selector: 'kendo-spreadsheet-fontsize-dropdownlist',
31
- template: `
32
- <kendo-dropdownlist
33
- #element
34
- class="k-toolbar-dropdownlist"
35
- [data]="data"
36
- [(value)]="value"
37
- [attr.title]="title"
38
- [tabindex]="tabindex"
39
- (valueChange)="onValueChange($event)"
40
- [leftRightArrowsNavigation]="false"
41
- [fillMode]="fillMode"></kendo-dropdownlist>
42
- `,
43
- standalone: true,
44
- imports: [DropDownListComponent]
45
- }]
46
- }] });
@@ -1,52 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive } from '@angular/core';
6
- import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
7
- import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
8
- import { SpreadsheetService } from '../../common/spreadsheet.service';
9
- import { SpreadsheetToolsService } from '../tools.service';
10
- import { SpreadsheetCommandButton } from '../shared/spreadsheet-command-button';
11
- import { DEFAULT_FONT_VALUES } from '../shared/constants';
12
- import * as i0 from "@angular/core";
13
- import * as i1 from "@progress/kendo-angular-toolbar";
14
- import * as i2 from "../../localization/spreadsheet-localization.service";
15
- import * as i3 from "../../common/spreadsheet.service";
16
- import * as i4 from "../tools.service";
17
- /**
18
- * @hidden
19
- */
20
- export class SpreadsheetIncreaseFontSizeDirective extends SpreadsheetCommandButton {
21
- value;
22
- constructor(button, localization, spreadsheetService, toolsService) {
23
- super('increaseFontSize', button, localization, spreadsheetService, toolsService, {
24
- command: 'PropertyChangeCommand',
25
- options: { property: 'fontSize' }
26
- });
27
- this.value = DEFAULT_FONT_VALUES.fontSize;
28
- }
29
- clickHandler() {
30
- const newValue = this.value + 1;
31
- const options = {
32
- command: 'PropertyChangeCommand',
33
- options: { property: 'fontSize', value: newValue || null }
34
- };
35
- this.spreadsheetService.spreadsheet.executeCommand(options);
36
- }
37
- ngAfterViewInit() {
38
- this.value = this.toolsService.toolsState['fontSize'];
39
- this.subs.add(this.toolsService.stateChange.subscribe(state => {
40
- this.value = state['fontSize'];
41
- }));
42
- }
43
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetIncreaseFontSizeDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
44
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetIncreaseFontSizeDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]", usesInheritance: true, ngImport: i0 });
45
- }
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetIncreaseFontSizeDirective, decorators: [{
47
- type: Directive,
48
- args: [{
49
- selector: 'kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]',
50
- standalone: true
51
- }]
52
- }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }] });
@@ -1,114 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, forwardRef, Inject } from '@angular/core';
6
- import { ToolBarComponent, ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
7
- import { DialogService } from '@progress/kendo-angular-dialog';
8
- import { IconWrapperComponent } from '@progress/kendo-angular-icons';
9
- import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
10
- import { SpreadsheetService } from '../../common/spreadsheet.service';
11
- import { SpreadsheetToolsService } from '../tools.service';
12
- import { SpreadsheetDropDownToolBase } from '../shared/spreadsheet-dropdown-tools-base';
13
- import { FontSizeDropDownListComponent } from './font-size-dropdownlist.component';
14
- import * as i0 from "@angular/core";
15
- import * as i1 from "@progress/kendo-angular-dialog";
16
- import * as i2 from "../../localization/spreadsheet-localization.service";
17
- import * as i3 from "../../common/spreadsheet.service";
18
- import * as i4 from "../tools.service";
19
- import * as i5 from "@progress/kendo-angular-toolbar";
20
- /**
21
- * A component which configures an existing `DropDownListComponent` as a Spreadsheet tool.
22
- * The component associates a `kendo-toolbar-dropdownlist` with a Spreadsheet command that changes the font size of a content block and
23
- * automatically defines the options of the drop-down list and sets its values. [See example](slug:toolbar_tools_spreadsheet#home-menu-item-tools).
24
- *
25
- * @hidden
26
- */
27
- export class SpreadsheetFontSizeComponent extends SpreadsheetDropDownToolBase {
28
- constructor(dialogService, localization, spreadsheetService, toolsService, toolbar) {
29
- super('fontSize', dialogService, localization, spreadsheetService, toolsService, toolbar);
30
- }
31
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFontSizeComponent, deps: [{ token: i1.DialogService }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
32
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SpreadsheetFontSizeComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetFontSizeComponent) }], usesInheritance: true, ngImport: i0, template: `
33
- <ng-template #toolbarTemplate>
34
- <kendo-spreadsheet-fontsize-dropdownlist
35
- #element
36
- [data]="data"
37
- [(value)]="value"
38
- [title]="messageFor(command)"
39
- [tabindex]="tabindex"
40
- (valueChange)="onValueChange($event)"></kendo-spreadsheet-fontsize-dropdownlist>
41
- </ng-template>
42
- <ng-template #popupTemplate>
43
- <div #popupButton
44
- [tabindex]="tabindex"
45
- role="menuitem"
46
- class="k-item k-menu-item"
47
- (click)="openDialog()">
48
- <span
49
- class="k-link k-menu-link">
50
- <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
51
- @if (messageFor(command)) {
52
- <span class="k-menu-link-text">{{messageFor(command)}}</span>
53
- }
54
- </span>
55
- </div>
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>
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"] }] });
67
- }
68
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFontSizeComponent, decorators: [{
69
- type: Component,
70
- args: [{
71
- providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetFontSizeComponent) }],
72
- selector: 'kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]',
73
- template: `
74
- <ng-template #toolbarTemplate>
75
- <kendo-spreadsheet-fontsize-dropdownlist
76
- #element
77
- [data]="data"
78
- [(value)]="value"
79
- [title]="messageFor(command)"
80
- [tabindex]="tabindex"
81
- (valueChange)="onValueChange($event)"></kendo-spreadsheet-fontsize-dropdownlist>
82
- </ng-template>
83
- <ng-template #popupTemplate>
84
- <div #popupButton
85
- [tabindex]="tabindex"
86
- role="menuitem"
87
- class="k-item k-menu-item"
88
- (click)="openDialog()">
89
- <span
90
- class="k-link k-menu-link">
91
- <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
92
- @if (messageFor(command)) {
93
- <span class="k-menu-link-text">{{messageFor(command)}}</span>
94
- }
95
- </span>
96
- </div>
97
- </ng-template>
98
- <ng-template #sectionTemplate>
99
- <kendo-spreadsheet-fontsize-dropdownlist
100
- #element
101
- [data]="data"
102
- [(value)]="value"
103
- [title]="messageFor(command)"
104
- [tabindex]="tabindex"
105
- (valueChange)="onValueChange($event)"></kendo-spreadsheet-fontsize-dropdownlist>
106
- </ng-template>
107
- `,
108
- standalone: true,
109
- imports: [FontSizeDropDownListComponent, IconWrapperComponent]
110
- }]
111
- }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }, { type: i5.ToolBarComponent, decorators: [{
112
- type: Inject,
113
- args: [ToolBarComponent]
114
- }] }] });