@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.
- package/fesm2022/progress-kendo-angular-spreadsheet.mjs +183 -183
- package/package.json +22 -30
- package/schematics/ngAdd/index.js +2 -2
- package/tools/shared/spreadsheet-command-base.d.ts +1 -1
- package/tools/shared/spreadsheet-dropdown-tools-base.d.ts +1 -1
- package/tools/shared/spreadsheet-dropdownlist.base.d.ts +1 -1
- package/esm2022/action-bar/formula-input.directive.mjs +0 -183
- package/esm2022/action-bar/list.component.mjs +0 -91
- package/esm2022/action-bar/namebox.component.mjs +0 -134
- package/esm2022/common/calendar-editor.component.mjs +0 -48
- package/esm2022/common/error-handling.service.mjs +0 -99
- package/esm2022/common/list-editor.component.mjs +0 -146
- package/esm2022/common/main-menu.directive.mjs +0 -30
- package/esm2022/common/sheet-changes.mjs +0 -5
- package/esm2022/common/spreadsheet.service.mjs +0 -49
- package/esm2022/directives.mjs +0 -94
- package/esm2022/filter-menu/filter-menu-item-content-template.directive.mjs +0 -26
- package/esm2022/filter-menu/filter-menu-item.component.mjs +0 -271
- package/esm2022/index.mjs +0 -14
- package/esm2022/localization/custom-messages.component.mjs +0 -52
- package/esm2022/localization/localized-messages.directive.mjs +0 -35
- package/esm2022/localization/messages.mjs +0 -884
- package/esm2022/localization/spreadsheet-localization.service.mjs +0 -31
- package/esm2022/models/cell-editor-action-args.mjs +0 -5
- package/esm2022/models/cell-editor-options.mjs +0 -5
- package/esm2022/models/events.mjs +0 -5
- package/esm2022/models/filter-menu-item.mjs +0 -5
- package/esm2022/models/index.mjs +0 -11
- package/esm2022/models/main-menu-item.mjs +0 -5
- package/esm2022/models/range-filter-value.mjs +0 -5
- package/esm2022/models/sheet-info.mjs +0 -5
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-spreadsheet.mjs +0 -8
- package/esm2022/sheets-bar/action-dialog.component.mjs +0 -78
- package/esm2022/sheets-bar/sheets-bar.component.mjs +0 -433
- package/esm2022/sheets-bar/utils.mjs +0 -49
- package/esm2022/spreadsheet.component.mjs +0 -2408
- package/esm2022/spreadsheet.module.mjs +0 -72
- package/esm2022/tools/align/align-tool.directive.mjs +0 -62
- package/esm2022/tools/align/horizontal-align-tool.directive.mjs +0 -62
- package/esm2022/tools/align/vertical-align-tool.directive.mjs +0 -62
- package/esm2022/tools/colorpicker/spreadsheet-backcolor.component.mjs +0 -142
- package/esm2022/tools/colorpicker/spreadsheet-forecolor.component.mjs +0 -142
- package/esm2022/tools/data-validation-dialog.component.mjs +0 -481
- package/esm2022/tools/data-validation-tool.directive.mjs +0 -156
- package/esm2022/tools/decrease-decimal-tool.directive.mjs +0 -41
- package/esm2022/tools/filter-sort/filter-tool.directive.mjs +0 -89
- package/esm2022/tools/filter-sort/sort-tool.directive.mjs +0 -62
- package/esm2022/tools/font-family/font-family-dropdownlist.component.mjs +0 -59
- package/esm2022/tools/font-family/spreadsheet-fontfamily-tool.component.mjs +0 -114
- package/esm2022/tools/font-size/decrease-font-tool.directive.mjs +0 -52
- package/esm2022/tools/font-size/font-size-dropdownlist.component.mjs +0 -46
- package/esm2022/tools/font-size/increase-font-tool.directive.mjs +0 -52
- package/esm2022/tools/font-size/spreadsheet-fontsize-tool.component.mjs +0 -114
- package/esm2022/tools/format-tool.directive.mjs +0 -65
- package/esm2022/tools/gridlines-tool.directive.mjs +0 -47
- package/esm2022/tools/history/redo-tool.mjs +0 -37
- package/esm2022/tools/history/undo-tool.mjs +0 -37
- package/esm2022/tools/increase-decimal-tool.directive.mjs +0 -41
- package/esm2022/tools/index.mjs +0 -30
- package/esm2022/tools/insert/insert-link-dialog.component.mjs +0 -53
- package/esm2022/tools/insert/insert-link-tool.directive.mjs +0 -97
- package/esm2022/tools/load-file.component.mjs +0 -226
- package/esm2022/tools/save-file-tool.directive.mjs +0 -58
- package/esm2022/tools/shared/command-icons.mjs +0 -121
- package/esm2022/tools/shared/commands.mjs +0 -5
- package/esm2022/tools/shared/constants.mjs +0 -77
- package/esm2022/tools/shared/dialog-content.component.mjs +0 -130
- package/esm2022/tools/shared/spreadsheet-command-base.mjs +0 -73
- package/esm2022/tools/shared/spreadsheet-command-button.mjs +0 -31
- package/esm2022/tools/shared/spreadsheet-dropdown-tools-base.mjs +0 -194
- package/esm2022/tools/shared/spreadsheet-dropdownlist.base.mjs +0 -54
- package/esm2022/tools/tables/add-column-left-button.directive.mjs +0 -37
- package/esm2022/tools/tables/add-column-right-button.directive.mjs +0 -37
- package/esm2022/tools/tables/add-row-above-button.directive.mjs +0 -37
- package/esm2022/tools/tables/add-row-below-button.directive.mjs +0 -37
- package/esm2022/tools/tables/delete-column-button.directive.mjs +0 -35
- package/esm2022/tools/tables/delete-row-button.directive.mjs +0 -35
- package/esm2022/tools/tables/index.mjs +0 -11
- package/esm2022/tools/tables/merge-tool.directive.mjs +0 -72
- package/esm2022/tools/text-wrap-tool.directive.mjs +0 -48
- package/esm2022/tools/tools.service.mjs +0 -61
- package/esm2022/tools/typographical-emphasis/bold-tool.directive.mjs +0 -37
- package/esm2022/tools/typographical-emphasis/italic-tool.directive.mjs +0 -37
- package/esm2022/tools/typographical-emphasis/underline-tool.directive.mjs +0 -37
- package/esm2022/tools/utils.mjs +0 -35
- 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
|
-
}] }] });
|