@progress/kendo-angular-spreadsheet 17.3.0-develop.1 → 18.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 (8) hide show
  1. package/esm2022/package-metadata.mjs +2 -2
  2. package/esm2022/sheets-bar/sheets-bar.component.mjs +4 -10
  3. package/esm2022/spreadsheet.component.mjs +15 -12
  4. package/fesm2022/progress-kendo-angular-spreadsheet.mjs +21 -24
  5. package/package.json +15 -15
  6. package/schematics/ngAdd/index.js +2 -2
  7. package/sheets-bar/sheets-bar.component.d.ts +0 -2
  8. package/spreadsheet.component.d.ts +1 -0
package/esm2022/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-spreadsheet',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1736179318,
13
- version: '17.3.0-develop.1',
12
+ publishDate: 1736249872,
13
+ version: '18.0.0-develop.1',
14
14
  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',
15
15
  };
package/esm2022/sheets-bar/sheets-bar.component.mjs CHANGED
@@ -10,7 +10,7 @@ import { ButtonComponent, DropDownButtonComponent } from '@progress/kendo-angula
10
10
  import { Keys, isDocumentAvailable, isPresent, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
11
11
  import { DialogService } from '@progress/kendo-angular-dialog';
12
12
  import { TabStripComponent, TabTemplateDirective, TabStripTabComponent } from '@progress/kendo-angular-layout';
13
- import { caretAltDownIcon, menuIcon, plusIcon, caretAltLeftIcon, caretAltRightIcon, eyeIcon, eyeSlashIcon } from '@progress/kendo-svg-icons';
13
+ import { caretAltDownIcon, menuIcon, plusIcon, eyeIcon, eyeSlashIcon } from '@progress/kendo-svg-icons';
14
14
  import { SpreadsheetService } from '../common/spreadsheet.service';
15
15
  import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.service';
16
16
  import { ActionDialogComponent } from './action-dialog.component';
@@ -54,8 +54,6 @@ export class SheetsBarComponent {
54
54
  plusIcon = plusIcon;
55
55
  menuIcon = menuIcon;
56
56
  caretAltDownIcon = caretAltDownIcon;
57
- caretAltLeftIcon = caretAltLeftIcon;
58
- caretAltRightIcon = caretAltRightIcon;
59
57
  selected = false;
60
58
  sheetsMenuList = [];
61
59
  openedDdb = null;
@@ -75,11 +73,7 @@ export class SheetsBarComponent {
75
73
  if (!isDocumentAvailable() || !this.element.nativeElement) {
76
74
  return;
77
75
  }
78
- const prevBtn = this.element.nativeElement.querySelector('.k-tabstrip-prev');
79
- const nextBtn = this.element.nativeElement.querySelector('.k-tabstrip-next');
80
76
  const tablist = this.element.nativeElement.querySelector('.k-tabstrip-items');
81
- this.renderer.addClass(prevBtn, 'k-order-1');
82
- this.renderer.addClass(nextBtn, 'k-order-2');
83
77
  this.renderer.setAttribute(tablist, 'id', this.tablistId);
84
78
  this.tabListSub = this.renderer.listen(tablist, 'keydown', this.onTabListKeyDown.bind(this));
85
79
  }
@@ -314,7 +308,7 @@ export class SheetsBarComponent {
314
308
  <kendo-tabstrip #tabstrip
315
309
  [tabPosition]="'bottom'"
316
310
  [showContentArea]="false"
317
- [scrollable]="{prevButtonIcon: 'caret-alt-left', prevSVGButtonIcon: caretAltLeftIcon, nextButtonIcon: 'caret-alt-right', nextSVGButtonIcon: caretAltRightIcon}"
311
+ [scrollable]="{ scrollButtonsPosition: 'end', mouseScroll: false }"
318
312
  class="k-spreadsheet-sheets"
319
313
  (tabSelect)="onTabSelect($event)">
320
314
  <ng-container *ngFor="let sheet of sheets">
@@ -344,7 +338,7 @@ export class SheetsBarComponent {
344
338
  </kendo-tabstrip-tab>
345
339
  </ng-container>
346
340
  </kendo-tabstrip>
347
- `, 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", "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]" }] });
341
+ `, 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]" }] });
348
342
  }
349
343
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SheetsBarComponent, decorators: [{
350
344
  type: Component,
@@ -375,7 +369,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
375
369
  <kendo-tabstrip #tabstrip
376
370
  [tabPosition]="'bottom'"
377
371
  [showContentArea]="false"
378
- [scrollable]="{prevButtonIcon: 'caret-alt-left', prevSVGButtonIcon: caretAltLeftIcon, nextButtonIcon: 'caret-alt-right', nextSVGButtonIcon: caretAltRightIcon}"
372
+ [scrollable]="{ scrollButtonsPosition: 'end', mouseScroll: false }"
379
373
  class="k-spreadsheet-sheets"
380
374
  (tabSelect)="onTabSelect($event)">
381
375
  <ng-container *ngFor="let sheet of sheets">
package/esm2022/spreadsheet.component.mjs CHANGED
@@ -295,18 +295,7 @@ export class SpreadsheetComponent {
295
295
  this.updateState({ range: sheet.range(sheet.activeCell()) });
296
296
  }
297
297
  this.updateActiveSheet(this.activeSheet || spreadsheet?.activeSheet()?.name());
298
- if (!this.sheetsInfo) {
299
- this.ngZone.run(() => {
300
- const defaultSheetDescriptors = mapToSheetDescriptor([spreadsheet?.activeSheet()]);
301
- this._sheetsInfo = [{
302
- text: this.spreadsheetService.currentActiveSheet,
303
- first: true, last: true,
304
- state: 'visible',
305
- ...defaultSheetDescriptors,
306
- sheetActions: getSheetActions(defaultSheetDescriptors).map(item => ({ ...item, text: this.messageFor(item.messageKey) }))
307
- }];
308
- });
309
- }
298
+ this.configureSheets(spreadsheet);
310
299
  });
311
300
  this.subs.add(this.spreadsheetService.sheetsChanged.subscribe(this.onSheetsChanged.bind(this)));
312
301
  this.subs.add(this.spreadsheetService.activeSheetChanged.subscribe(this.onActiveSheetChanged.bind(this)));
@@ -664,6 +653,20 @@ export class SpreadsheetComponent {
664
653
  });
665
654
  });
666
655
  }
656
+ configureSheets = (spreadsheet) => {
657
+ if (!this.sheetsInfo) {
658
+ this.ngZone.run(() => {
659
+ const defaultSheetDescriptors = mapToSheetDescriptor([spreadsheet?.activeSheet()]);
660
+ this._sheetsInfo = [{
661
+ text: this.spreadsheetService.currentActiveSheet,
662
+ first: true, last: true,
663
+ state: 'visible',
664
+ ...defaultSheetDescriptors,
665
+ sheetActions: getSheetActions(defaultSheetDescriptors).map(item => ({ ...item, text: this.messageFor(item.messageKey) }))
666
+ }];
667
+ });
668
+ }
669
+ };
667
670
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 }], target: i0.ɵɵFactoryTarget.Component });
668
671
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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", 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: [
669
672
  SpreadsheetLocalizationService,
package/fesm2022/progress-kendo-angular-spreadsheet.mjs CHANGED
@@ -11,7 +11,7 @@ import { validatePackage } from '@progress/kendo-licensing';
11
11
  import { SpreadsheetWidget } from '@progress/kendo-spreadsheet-common';
12
12
  import * as i1$3 from '@progress/kendo-angular-intl';
13
13
  import { localeData } from '@progress/kendo-angular-intl';
14
- import { formulaFxIcon, trashIcon, copyIcon, pencilIcon, eyeSlashIcon, arrowRightIcon, arrowLeftIcon, alignCenterIcon, alignJustifyIcon, alignLeftIcon, alignRightIcon, alignTopIcon, alignMiddleIcon, alignBottomIcon, dropletIcon, boldIcon, foregroundColorIcon, italicIcon, arrowRotateCwIcon, underlineIcon, arrowRotateCcwIcon, textWrapIcon, tableColumnInsertLeftIcon, tableColumnInsertRightIcon, tableRowInsertAboveIcon, tableRowInsertBelowIcon, tableRowDeleteIcon, tableColumnDeleteIcon, bordersNoneIcon, folderOpenIcon, downloadIcon, customFormatIcon, fontSizeIcon, fontFamilyIcon, cellsMergeIcon, cellsMergeHorizontallyIcon, cellsMergeVerticallyIcon, tableUnmergeIcon, linkIcon, fontGrowIcon, fontShrinkIcon, decimalDecreaseIcon, decimalIncreaseIcon, cutIcon, clipboardIcon, eyeIcon, plusIcon, menuIcon, caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
14
+ import { formulaFxIcon, trashIcon, copyIcon, pencilIcon, eyeSlashIcon, arrowRightIcon, arrowLeftIcon, alignCenterIcon, alignJustifyIcon, alignLeftIcon, alignRightIcon, alignTopIcon, alignMiddleIcon, alignBottomIcon, dropletIcon, boldIcon, foregroundColorIcon, italicIcon, arrowRotateCwIcon, underlineIcon, arrowRotateCcwIcon, textWrapIcon, tableColumnInsertLeftIcon, tableColumnInsertRightIcon, tableRowInsertAboveIcon, tableRowInsertBelowIcon, tableRowDeleteIcon, tableColumnDeleteIcon, bordersNoneIcon, folderOpenIcon, downloadIcon, customFormatIcon, fontSizeIcon, fontFamilyIcon, cellsMergeIcon, cellsMergeHorizontallyIcon, cellsMergeVerticallyIcon, tableUnmergeIcon, linkIcon, fontGrowIcon, fontShrinkIcon, decimalDecreaseIcon, decimalIncreaseIcon, cutIcon, clipboardIcon, eyeIcon, plusIcon, menuIcon, caretAltDownIcon } from '@progress/kendo-svg-icons';
15
15
  import * as i2 from '@progress/kendo-angular-l10n';
16
16
  import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
17
17
  import * as i1 from '@progress/kendo-angular-popup';
@@ -38,8 +38,8 @@ const packageMetadata = {
38
38
  name: '@progress/kendo-angular-spreadsheet',
39
39
  productName: 'Kendo UI for Angular',
40
40
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
41
- publishDate: 1736179318,
42
- version: '17.3.0-develop.1',
41
+ publishDate: 1736249872,
42
+ version: '18.0.0-develop.1',
43
43
  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',
44
44
  };
45
45
 
@@ -813,8 +813,6 @@ class SheetsBarComponent {
813
813
  plusIcon = plusIcon;
814
814
  menuIcon = menuIcon;
815
815
  caretAltDownIcon = caretAltDownIcon;
816
- caretAltLeftIcon = caretAltLeftIcon;
817
- caretAltRightIcon = caretAltRightIcon;
818
816
  selected = false;
819
817
  sheetsMenuList = [];
820
818
  openedDdb = null;
@@ -834,11 +832,7 @@ class SheetsBarComponent {
834
832
  if (!isDocumentAvailable() || !this.element.nativeElement) {
835
833
  return;
836
834
  }
837
- const prevBtn = this.element.nativeElement.querySelector('.k-tabstrip-prev');
838
- const nextBtn = this.element.nativeElement.querySelector('.k-tabstrip-next');
839
835
  const tablist = this.element.nativeElement.querySelector('.k-tabstrip-items');
840
- this.renderer.addClass(prevBtn, 'k-order-1');
841
- this.renderer.addClass(nextBtn, 'k-order-2');
842
836
  this.renderer.setAttribute(tablist, 'id', this.tablistId);
843
837
  this.tabListSub = this.renderer.listen(tablist, 'keydown', this.onTabListKeyDown.bind(this));
844
838
  }
@@ -1073,7 +1067,7 @@ class SheetsBarComponent {
1073
1067
  <kendo-tabstrip #tabstrip
1074
1068
  [tabPosition]="'bottom'"
1075
1069
  [showContentArea]="false"
1076
- [scrollable]="{prevButtonIcon: 'caret-alt-left', prevSVGButtonIcon: caretAltLeftIcon, nextButtonIcon: 'caret-alt-right', nextSVGButtonIcon: caretAltRightIcon}"
1070
+ [scrollable]="{ scrollButtonsPosition: 'end', mouseScroll: false }"
1077
1071
  class="k-spreadsheet-sheets"
1078
1072
  (tabSelect)="onTabSelect($event)">
1079
1073
  <ng-container *ngFor="let sheet of sheets">
@@ -1103,7 +1097,7 @@ class SheetsBarComponent {
1103
1097
  </kendo-tabstrip-tab>
1104
1098
  </ng-container>
1105
1099
  </kendo-tabstrip>
1106
- `, 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", "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]" }] });
1100
+ `, 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]" }] });
1107
1101
  }
1108
1102
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SheetsBarComponent, decorators: [{
1109
1103
  type: Component,
@@ -1134,7 +1128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1134
1128
  <kendo-tabstrip #tabstrip
1135
1129
  [tabPosition]="'bottom'"
1136
1130
  [showContentArea]="false"
1137
- [scrollable]="{prevButtonIcon: 'caret-alt-left', prevSVGButtonIcon: caretAltLeftIcon, nextButtonIcon: 'caret-alt-right', nextSVGButtonIcon: caretAltRightIcon}"
1131
+ [scrollable]="{ scrollButtonsPosition: 'end', mouseScroll: false }"
1138
1132
  class="k-spreadsheet-sheets"
1139
1133
  (tabSelect)="onTabSelect($event)">
1140
1134
  <ng-container *ngFor="let sheet of sheets">
@@ -3921,18 +3915,7 @@ class SpreadsheetComponent {
3921
3915
  this.updateState({ range: sheet.range(sheet.activeCell()) });
3922
3916
  }
3923
3917
  this.updateActiveSheet(this.activeSheet || spreadsheet?.activeSheet()?.name());
3924
- if (!this.sheetsInfo) {
3925
- this.ngZone.run(() => {
3926
- const defaultSheetDescriptors = mapToSheetDescriptor([spreadsheet?.activeSheet()]);
3927
- this._sheetsInfo = [{
3928
- text: this.spreadsheetService.currentActiveSheet,
3929
- first: true, last: true,
3930
- state: 'visible',
3931
- ...defaultSheetDescriptors,
3932
- sheetActions: getSheetActions(defaultSheetDescriptors).map(item => ({ ...item, text: this.messageFor(item.messageKey) }))
3933
- }];
3934
- });
3935
- }
3918
+ this.configureSheets(spreadsheet);
3936
3919
  });
3937
3920
  this.subs.add(this.spreadsheetService.sheetsChanged.subscribe(this.onSheetsChanged.bind(this)));
3938
3921
  this.subs.add(this.spreadsheetService.activeSheetChanged.subscribe(this.onActiveSheetChanged.bind(this)));
@@ -4290,6 +4273,20 @@ class SpreadsheetComponent {
4290
4273
  });
4291
4274
  });
4292
4275
  }
4276
+ configureSheets = (spreadsheet) => {
4277
+ if (!this.sheetsInfo) {
4278
+ this.ngZone.run(() => {
4279
+ const defaultSheetDescriptors = mapToSheetDescriptor([spreadsheet?.activeSheet()]);
4280
+ this._sheetsInfo = [{
4281
+ text: this.spreadsheetService.currentActiveSheet,
4282
+ first: true, last: true,
4283
+ state: 'visible',
4284
+ ...defaultSheetDescriptors,
4285
+ sheetActions: getSheetActions(defaultSheetDescriptors).map(item => ({ ...item, text: this.messageFor(item.messageKey) }))
4286
+ }];
4287
+ });
4288
+ }
4289
+ };
4293
4290
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetComponent, deps: [{ token: i0.NgZone }, { token: i1$3.IntlService }, { token: i0.ElementRef }, { token: i2.LocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ErrorHandlingService }, { token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
4294
4291
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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", 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: [
4295
4292
  SpreadsheetLocalizationService,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-spreadsheet",
3
- "version": "17.3.0-develop.1",
3
+ "version": "18.0.0-develop.1",
4
4
  "description": "A Spreadsheet Component for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -23,24 +23,24 @@
23
23
  "@angular/core": "16 - 19",
24
24
  "@angular/platform-browser": "16 - 19",
25
25
  "@progress/kendo-licensing": "^1.0.2",
26
- "@progress/kendo-angular-buttons": "17.3.0-develop.1",
27
- "@progress/kendo-angular-common": "17.3.0-develop.1",
28
- "@progress/kendo-angular-dialog": "17.3.0-develop.1",
29
- "@progress/kendo-angular-dropdowns": "17.3.0-develop.1",
30
- "@progress/kendo-angular-icons": "17.3.0-develop.1",
31
- "@progress/kendo-angular-inputs": "17.3.0-develop.1",
32
- "@progress/kendo-angular-intl": "17.3.0-develop.1",
33
- "@progress/kendo-angular-l10n": "17.3.0-develop.1",
34
- "@progress/kendo-angular-label": "17.3.0-develop.1",
35
- "@progress/kendo-angular-layout": "17.3.0-develop.1",
36
- "@progress/kendo-angular-menu": "17.3.0-develop.1",
37
- "@progress/kendo-angular-popup": "17.3.0-develop.1",
38
- "@progress/kendo-angular-toolbar": "17.3.0-develop.1",
26
+ "@progress/kendo-angular-buttons": "18.0.0-develop.1",
27
+ "@progress/kendo-angular-common": "18.0.0-develop.1",
28
+ "@progress/kendo-angular-dialog": "18.0.0-develop.1",
29
+ "@progress/kendo-angular-dropdowns": "18.0.0-develop.1",
30
+ "@progress/kendo-angular-icons": "18.0.0-develop.1",
31
+ "@progress/kendo-angular-inputs": "18.0.0-develop.1",
32
+ "@progress/kendo-angular-intl": "18.0.0-develop.1",
33
+ "@progress/kendo-angular-l10n": "18.0.0-develop.1",
34
+ "@progress/kendo-angular-label": "18.0.0-develop.1",
35
+ "@progress/kendo-angular-layout": "18.0.0-develop.1",
36
+ "@progress/kendo-angular-menu": "18.0.0-develop.1",
37
+ "@progress/kendo-angular-popup": "18.0.0-develop.1",
38
+ "@progress/kendo-angular-toolbar": "18.0.0-develop.1",
39
39
  "rxjs": "^6.5.3 || ^7.0.0"
40
40
  },
41
41
  "dependencies": {
42
42
  "tslib": "^2.3.1",
43
- "@progress/kendo-angular-schematics": "17.3.0-develop.1",
43
+ "@progress/kendo-angular-schematics": "18.0.0-develop.1",
44
44
  "@progress/jszip-esm": "^1.0.3",
45
45
  "@progress/kendo-common": "^1.0.1",
46
46
  "@progress/kendo-date-math": "^1.5.10",
package/schematics/ngAdd/index.js CHANGED
@@ -6,8 +6,8 @@ function default_1(options) {
6
6
  // Peer dependency of icons
7
7
  '@progress/kendo-svg-icons': '^4.0.0',
8
8
  // peer deps of the dropdowns
9
- '@progress/kendo-angular-navigation': '17.3.0-develop.1',
10
- '@progress/kendo-angular-treeview': '17.3.0-develop.1'
9
+ '@progress/kendo-angular-navigation': '18.0.0-develop.1',
10
+ '@progress/kendo-angular-treeview': '18.0.0-develop.1'
11
11
  } });
12
12
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
13
13
  }
package/sheets-bar/sheets-bar.component.d.ts CHANGED
@@ -37,8 +37,6 @@ export declare class SheetsBarComponent implements AfterViewInit, OnDestroy {
37
37
  plusIcon: SVGIcon;
38
38
  menuIcon: SVGIcon;
39
39
  caretAltDownIcon: SVGIcon;
40
- caretAltLeftIcon: SVGIcon;
41
- caretAltRightIcon: SVGIcon;
42
40
  selected: boolean;
43
41
  sheetsMenuList: any[];
44
42
  private openedDdb;
package/spreadsheet.component.d.ts CHANGED
@@ -190,6 +190,7 @@ export declare class SpreadsheetComponent implements AfterViewInit, OnChanges {
190
190
  private get options();
191
191
  private contextMenuItemsForTarget;
192
192
  private openLinkDialog;
193
+ private configureSheets;
193
194
  static ɵfac: i0.ɵɵFactoryDeclaration<SpreadsheetComponent, never>;
194
195
  static ɵcmp: i0.ɵɵComponentDeclaration<SpreadsheetComponent, "kendo-spreadsheet", ["kendo-spreadsheet"], { "menuItems": { "alias": "menuItems"; "required": false; }; "overflow": { "alias": "overflow"; "required": false; }; "formulaListMaxHeight": { "alias": "formulaListMaxHeight"; "required": false; }; "activeSheet": { "alias": "activeSheet"; "required": false; }; "sheets": { "alias": "sheets"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "columnWidth": { "alias": "columnWidth"; "required": false; }; "defaultCellStyle": { "alias": "defaultCellStyle"; "required": false; }; "headerHeight": { "alias": "headerHeight"; "required": false; }; "headerWidth": { "alias": "headerWidth"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "images": { "alias": "images"; "required": false; }; "excel": { "alias": "excel"; "required": false; }; }, { "change": "change"; "formatChange": "formatChange"; "selectionChange": "selectionChange"; "excelExport": "excelExport"; "excelImport": "excelImport"; "activeSheetChange": "activeSheetChange"; }, never, never, true, never>;
195
196
  }