@progress/kendo-angular-layout 24.2.2 → 25.0.0-develop.2

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 (177) hide show
  1. package/fesm2022/progress-kendo-angular-layout.mjs +289 -289
  2. package/index.d.ts +4926 -97
  3. package/package-metadata.mjs +2 -2
  4. package/package.json +13 -13
  5. package/avatar/avatar.component.d.ts +0 -152
  6. package/avatar/l10n/custom-messages.component.d.ts +0 -26
  7. package/avatar/l10n/localized-messages.directive.d.ts +0 -16
  8. package/avatar/l10n/messages.d.ts +0 -17
  9. package/avatar/models/fill.d.ts +0 -8
  10. package/avatar/models/models.d.ts +0 -9
  11. package/avatar/models/rounded.d.ts +0 -8
  12. package/avatar/models/shape.d.ts +0 -15
  13. package/avatar/models/size.d.ts +0 -8
  14. package/avatar/models/theme-color.d.ts +0 -14
  15. package/avatar.module.d.ts +0 -28
  16. package/card/card-actions.component.d.ts +0 -65
  17. package/card/card-body.component.d.ts +0 -21
  18. package/card/card-footer.component.d.ts +0 -21
  19. package/card/card-header.component.d.ts +0 -22
  20. package/card/card.component.d.ts +0 -55
  21. package/card/directives/card-media.directive.d.ts +0 -22
  22. package/card/directives/card-separator.directive.d.ts +0 -34
  23. package/card/directives/card-subtitle.directive.d.ts +0 -20
  24. package/card/directives/card-title.directive.d.ts +0 -20
  25. package/card/models/actions-layout.d.ts +0 -8
  26. package/card/models/card-action.d.ts +0 -21
  27. package/card.module.d.ts +0 -35
  28. package/common/direction.d.ts +0 -8
  29. package/common/dom-queries.d.ts +0 -24
  30. package/common/orientation.d.ts +0 -8
  31. package/common/preventable-event.d.ts +0 -25
  32. package/common/styling-classes.d.ts +0 -11
  33. package/common/util.d.ts +0 -44
  34. package/directives.d.ts +0 -100
  35. package/drawer/drawer-container.component.d.ts +0 -52
  36. package/drawer/drawer-content.component.d.ts +0 -22
  37. package/drawer/drawer.component.d.ts +0 -204
  38. package/drawer/drawer.service.d.ts +0 -34
  39. package/drawer/events/drawer-list-select.event.d.ts +0 -26
  40. package/drawer/events/select-event.d.ts +0 -31
  41. package/drawer/item.component.d.ts +0 -38
  42. package/drawer/list.component.d.ts +0 -37
  43. package/drawer/models/constants.d.ts +0 -8
  44. package/drawer/models/drawer-animation.interface.d.ts +0 -18
  45. package/drawer/models/drawer-item-expand.interface.d.ts +0 -8
  46. package/drawer/models/drawer-item.interface.d.ts +0 -63
  47. package/drawer/models/drawer-view-item.interface.d.ts +0 -29
  48. package/drawer/models/mode.d.ts +0 -11
  49. package/drawer/models/position.d.ts +0 -8
  50. package/drawer/template-directives/drawer-template.directive.d.ts +0 -32
  51. package/drawer/template-directives/footer-template.directive.d.ts +0 -25
  52. package/drawer/template-directives/header-template.directive.d.ts +0 -25
  53. package/drawer/template-directives/item-template.directive.d.ts +0 -33
  54. package/drawer/template-directives.d.ts +0 -8
  55. package/drawer/types.d.ts +0 -8
  56. package/drawer/util.d.ts +0 -16
  57. package/drawer.module.d.ts +0 -33
  58. package/expansionpanel/animations.d.ts +0 -13
  59. package/expansionpanel/events/action-event.d.ts +0 -22
  60. package/expansionpanel/expansionpanel-title.directive.d.ts +0 -27
  61. package/expansionpanel/expansionpanel.component.d.ts +0 -179
  62. package/expansionpanel.module.d.ts +0 -28
  63. package/gridlayout.module.d.ts +0 -28
  64. package/layout.module.d.ts +0 -79
  65. package/layouts/grid-layout.component.d.ts +0 -74
  66. package/layouts/gridlayout-item.component.d.ts +0 -48
  67. package/layouts/models/gridlayout-gap-settings.d.ts +0 -17
  68. package/layouts/models/gridlayout-row-col-size.d.ts +0 -22
  69. package/layouts/models/layout-align-settings.d.ts +0 -18
  70. package/layouts/models/layout-horizontal-align.d.ts +0 -8
  71. package/layouts/models/layout-vertical-align.d.ts +0 -8
  72. package/layouts/models.d.ts +0 -10
  73. package/layouts/stack-layout.component.d.ts +0 -60
  74. package/layouts/util.d.ts +0 -42
  75. package/package-metadata.d.ts +0 -9
  76. package/panelbar/events/collapse-event.d.ts +0 -15
  77. package/panelbar/events/expand-event.d.ts +0 -15
  78. package/panelbar/events/item-click-event.d.ts +0 -18
  79. package/panelbar/events/select-event.d.ts +0 -15
  80. package/panelbar/events/state-change-event.d.ts +0 -14
  81. package/panelbar/events.d.ts +0 -9
  82. package/panelbar/panelbar-content.directive.d.ts +0 -27
  83. package/panelbar/panelbar-expand-mode.d.ts +0 -28
  84. package/panelbar/panelbar-item-model.d.ts +0 -63
  85. package/panelbar/panelbar-item-template.directive.d.ts +0 -26
  86. package/panelbar/panelbar-item-title.directive.d.ts +0 -31
  87. package/panelbar/panelbar-item.component.d.ts +0 -187
  88. package/panelbar/panelbar.component.d.ts +0 -196
  89. package/panelbar/panelbar.service.d.ts +0 -31
  90. package/panelbar.module.d.ts +0 -31
  91. package/splitter/splitter-bar.component.d.ts +0 -61
  92. package/splitter/splitter-pane.component.d.ts +0 -158
  93. package/splitter/splitter.component.d.ts +0 -87
  94. package/splitter/splitter.service.d.ts +0 -68
  95. package/splitter/util.d.ts +0 -17
  96. package/splitter.module.d.ts +0 -28
  97. package/stacklayout.module.d.ts +0 -27
  98. package/stepper/events/activate-event.d.ts +0 -31
  99. package/stepper/list.component.d.ts +0 -48
  100. package/stepper/localization/custom-messages.component.d.ts +0 -26
  101. package/stepper/localization/localized-messages.directive.d.ts +0 -16
  102. package/stepper/localization/messages.d.ts +0 -17
  103. package/stepper/models/constants.d.ts +0 -8
  104. package/stepper/models/orientation.d.ts +0 -11
  105. package/stepper/models/step-predicate.d.ts +0 -18
  106. package/stepper/models/step-type.d.ts +0 -11
  107. package/stepper/models/stepper-step.interface.d.ts +0 -66
  108. package/stepper/step.component.d.ts +0 -64
  109. package/stepper/stepper.component.d.ts +0 -177
  110. package/stepper/stepper.service.d.ts +0 -41
  111. package/stepper/template-directives/indicator-template.directive.d.ts +0 -26
  112. package/stepper/template-directives/label-template.directive.d.ts +0 -26
  113. package/stepper/template-directives/step-template.directive.d.ts +0 -28
  114. package/stepper/template-directives.d.ts +0 -7
  115. package/stepper/types.d.ts +0 -8
  116. package/stepper.module.d.ts +0 -31
  117. package/tabstrip/constants.d.ts +0 -29
  118. package/tabstrip/directives/tab-content.directive.d.ts +0 -30
  119. package/tabstrip/directives/tab-title.directive.d.ts +0 -28
  120. package/tabstrip/directives/tab.directive.d.ts +0 -15
  121. package/tabstrip/events/select-event.d.ts +0 -21
  122. package/tabstrip/events/tabclose-event.d.ts +0 -21
  123. package/tabstrip/events/tabscroll-event.d.ts +0 -20
  124. package/tabstrip/events.d.ts +0 -7
  125. package/tabstrip/localization/custom-messages.component.d.ts +0 -27
  126. package/tabstrip/localization/localized-messages.directive.d.ts +0 -16
  127. package/tabstrip/localization/messages.d.ts +0 -25
  128. package/tabstrip/models/button-state-change.d.ts +0 -11
  129. package/tabstrip/models/scroll-button-type.d.ts +0 -8
  130. package/tabstrip/models/scroll-buttons-visibility.d.ts +0 -8
  131. package/tabstrip/models/scrollable-settings.d.ts +0 -65
  132. package/tabstrip/models/size.d.ts +0 -8
  133. package/tabstrip/models/tab-alignment.d.ts +0 -9
  134. package/tabstrip/models/tab-position.d.ts +0 -9
  135. package/tabstrip/models/tabstrip-tab.component.d.ts +0 -88
  136. package/tabstrip/rendering/tab.component.d.ts +0 -37
  137. package/tabstrip/scrollable-button.component.d.ts +0 -48
  138. package/tabstrip/tabstrip-scroll.service.d.ts +0 -36
  139. package/tabstrip/tabstrip.component.d.ts +0 -252
  140. package/tabstrip/tabstrip.service.d.ts +0 -35
  141. package/tabstrip/util.d.ts +0 -69
  142. package/tabstrip.module.d.ts +0 -31
  143. package/tilelayout/constants.d.ts +0 -48
  144. package/tilelayout/dragging-service.d.ts +0 -60
  145. package/tilelayout/keyboard-navigation.service.d.ts +0 -40
  146. package/tilelayout/models/dragging-config.interface.d.ts +0 -18
  147. package/tilelayout/models/flowmode.type.d.ts +0 -16
  148. package/tilelayout/models/gap.interface.d.ts +0 -17
  149. package/tilelayout/models/navigation.interface.d.ts +0 -17
  150. package/tilelayout/reorder-event.d.ts +0 -34
  151. package/tilelayout/resize-event.d.ts +0 -30
  152. package/tilelayout/tilelayout-item-body.component.d.ts +0 -23
  153. package/tilelayout/tilelayout-item-header.component.d.ts +0 -24
  154. package/tilelayout/tilelayout-item.component.d.ts +0 -119
  155. package/tilelayout/tilelayout-resize-handle.directive.d.ts +0 -22
  156. package/tilelayout/tilelayout.component.d.ts +0 -141
  157. package/tilelayout/util.d.ts +0 -68
  158. package/tilelayout.module.d.ts +0 -30
  159. package/timeline/events/navigation-direction.d.ts +0 -11
  160. package/timeline/localization/custom-messages.component.d.ts +0 -17
  161. package/timeline/localization/localized-messages.directive.d.ts +0 -16
  162. package/timeline/localization/messages.d.ts +0 -21
  163. package/timeline/models/anchor-target.d.ts +0 -11
  164. package/timeline/models/default-model-fields.d.ts +0 -9
  165. package/timeline/models/events-order.d.ts +0 -10
  166. package/timeline/models/model-fields.d.ts +0 -51
  167. package/timeline/models/timeline-event.d.ts +0 -49
  168. package/timeline/templates/timeline-card-actions.directive.d.ts +0 -29
  169. package/timeline/templates/timeline-card-body.directive.d.ts +0 -29
  170. package/timeline/templates/timeline-card-header.directive.d.ts +0 -30
  171. package/timeline/timeline-card.component.d.ts +0 -60
  172. package/timeline/timeline-horizontal.component.d.ts +0 -110
  173. package/timeline/timeline-vertical.component.d.ts +0 -41
  174. package/timeline/timeline.component.d.ts +0 -203
  175. package/timeline/timeline.service.d.ts +0 -17
  176. package/timeline/util.d.ts +0 -18
  177. package/timeline.module.d.ts +0 -31
@@ -1,30 +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 { PreventableEvent } from '@progress/kendo-angular-common';
6
- import { TileLayoutItemComponent } from './tilelayout-item.component';
7
- /**
8
- * Arguments for the `resize` event.
9
- * The `resize` event fires when you change any item size through the UI.
10
- * You can prevent this event to stop the resize operation.
11
- */
12
- export declare class TileLayoutResizeEvent extends PreventableEvent {
13
- item: TileLayoutItemComponent;
14
- items: TileLayoutItemComponent[];
15
- newRowSpan: number;
16
- oldRowSpan: number;
17
- newColSpan: number;
18
- oldColSpan: number;
19
- /**
20
- * Constructs the event arguments for the `resize` event.
21
- * @param item - The TileLayoutItem being resized
22
- * @param items - The TileLayoutItem collection
23
- * @param newRowSpan - The new rowSpan of the resized item
24
- * @param oldRowSpan - The initial rowSpan of the resized item
25
- * @param newColSpan - The new colSpan of the resized item
26
- * @param oldColSpan - The initial colSpan of the resized item
27
- * @hidden
28
- */
29
- constructor(item: TileLayoutItemComponent, items: TileLayoutItemComponent[], newRowSpan: number, oldRowSpan: number, newColSpan: number, oldColSpan: number);
30
- }
@@ -1,23 +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 * as i0 from "@angular/core";
6
- /**
7
- * Contains the main content of the `TileLayoutItem` component.
8
- *
9
- * @example
10
- * ```html
11
- * <kendo-tilelayout-item>
12
- * <kendo-tilelayout-item-body>
13
- * <p>Main content goes here</p>
14
- * </kendo-tilelayout-item-body>
15
- * </kendo-tilelayout-item>
16
- * ```
17
- */
18
- export declare class TileLayoutItemBodyComponent {
19
- hostClass: boolean;
20
- minHeight: number;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<TileLayoutItemBodyComponent, never>;
22
- static ɵcmp: i0.ɵɵComponentDeclaration<TileLayoutItemBodyComponent, "kendo-tilelayout-item-body", never, {}, {}, never, ["*"], true, never>;
23
- }
@@ -1,24 +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 * as i0 from "@angular/core";
6
- /**
7
- * Contains the header content of the `TileLayoutItem` component.
8
- * You can drag this area to reorder items when reordering is enabled.
9
- *
10
- * @example
11
- * ```html
12
- * <kendo-tilelayout-item>
13
- * <kendo-tilelayout-item-header>
14
- * <h3>Custom Header</h3>
15
- * </kendo-tilelayout-item-header>
16
- * <p>Item content</p>
17
- * </kendo-tilelayout-item>
18
- * ```
19
- */
20
- export declare class TileLayoutItemHeaderComponent {
21
- hostClass: boolean;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<TileLayoutItemHeaderComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<TileLayoutItemHeaderComponent, "kendo-tilelayout-item-header", never, {}, {}, never, ["*"], true, never>;
24
- }
@@ -1,119 +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 { AfterViewInit, ElementRef, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { TileLayoutDraggingService } from './dragging-service';
8
- import { TileLayoutKeyboardNavigationService } from './keyboard-navigation.service';
9
- import * as i0 from "@angular/core";
10
- /**
11
- * Represents a tile item within the TileLayoutComponent.
12
- *
13
- * @example
14
- * ```html
15
- * <kendo-tilelayout>
16
- * <kendo-tilelayout-item [title]="'Item 1'" [colSpan]="2">
17
- * <p>Item content goes here</p>
18
- * </kendo-tilelayout-item>
19
- * </kendo-tilelayout>
20
- * ```
21
- * @remarks
22
- * Supported children components are: {@link TileLayoutItemBodyComponent}, {@link TileLayoutItemHeaderComponent}.
23
- */
24
- export declare class TileLayoutItemComponent implements AfterViewInit, OnDestroy, OnChanges {
25
- elem: ElementRef;
26
- private zone;
27
- private renderer;
28
- private localization;
29
- private draggingService;
30
- private keyboardNavigationService;
31
- /**
32
- * Sets the title text that appears in the item header ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#tiles-configuration)).
33
- */
34
- title: string;
35
- /**
36
- * Sets how many rows the tile item spans ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/resizing#programmatic-resizing)).
37
- * @default 1
38
- */
39
- rowSpan: number;
40
- /**
41
- * Sets how many columns the tile item spans ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/resizing#programmatic-resizing)).
42
- * @default 1
43
- */
44
- colSpan: number;
45
- /**
46
- * Sets the order of the tile item within the TileLayout.
47
- * When not set, items receive increasing order values based on their DOM position.
48
- */
49
- set order(value: number);
50
- get order(): number;
51
- /**
52
- * Sets the starting column position of the item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#size-and-position)).
53
- */
54
- col: number;
55
- /**
56
- * Sets the starting row position of the item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#size-and-position)).
57
- */
58
- row: number;
59
- /**
60
- * Enables or disables individual item reordering.
61
- *
62
- * @default true
63
- */
64
- reorderable: boolean;
65
- /**
66
- * Enables or disables individual item resizing.
67
- * @default true
68
- */
69
- resizable: boolean;
70
- itemClass: boolean;
71
- hostRole: string;
72
- get hostTabindex(): string;
73
- get ariaKeyShortcuts(): string;
74
- get hostLabelledBy(): string;
75
- get colEnd(): string;
76
- get rowEnd(): string;
77
- get colStart(): string;
78
- get rowStart(): string;
79
- /**
80
- * @hidden
81
- */
82
- get isReorderable(): boolean;
83
- /**
84
- * @hidden
85
- */
86
- get isNavigable(): boolean;
87
- /**
88
- * @hidden
89
- */
90
- get isResizable(): boolean;
91
- /**
92
- * @hidden
93
- */
94
- resizeDirections: Array<string>;
95
- /**
96
- * @hidden
97
- */
98
- rtl: boolean;
99
- private headers;
100
- /**
101
- * @hidden
102
- */
103
- titleId: string;
104
- private subs;
105
- private keyboardNavigationSubs;
106
- private focusableItems;
107
- private _order;
108
- constructor(elem: ElementRef, zone: NgZone, renderer: Renderer2, localization: LocalizationService, draggingService: TileLayoutDraggingService, keyboardNavigationService: TileLayoutKeyboardNavigationService);
109
- ngAfterViewInit(): void;
110
- ngOnChanges(changes: SimpleChanges): void;
111
- ngOnDestroy(): void;
112
- /**
113
- * @hidden
114
- */
115
- focus(): void;
116
- private toggleCursorClass;
117
- static ɵfac: i0.ɵɵFactoryDeclaration<TileLayoutItemComponent, never>;
118
- static ɵcmp: i0.ɵɵComponentDeclaration<TileLayoutItemComponent, "kendo-tilelayout-item", never, { "title": { "alias": "title"; "required": false; }; "rowSpan": { "alias": "rowSpan"; "required": false; }; "colSpan": { "alias": "colSpan"; "required": false; }; "order": { "alias": "order"; "required": false; }; "col": { "alias": "col"; "required": false; }; "row": { "alias": "row"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; }, {}, ["headers"], ["*"], true, never>;
119
- }
@@ -1,22 +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 { ElementRef, OnInit, Renderer2 } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * @hidden
9
- */
10
- export declare class TileLayoutResizeHandleDirective implements OnInit {
11
- private el;
12
- private renderer;
13
- resizeDirection: string;
14
- rtl: boolean;
15
- constructor(el: ElementRef, renderer: Renderer2);
16
- ngOnInit(): void;
17
- private setHorizontalPosition;
18
- private setBottom;
19
- private sizeHandle;
20
- static ɵfac: i0.ɵɵFactoryDeclaration<TileLayoutResizeHandleDirective, never>;
21
- static ɵdir: i0.ɵɵDirectiveDeclaration<TileLayoutResizeHandleDirective, "[kendoTileLayoutResizeHandle]", never, { "resizeDirection": { "alias": "resizeDirection"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; }, {}, never, never, true, never>;
22
- }
@@ -1,141 +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 { EventEmitter, QueryList, SimpleChanges, ElementRef, Renderer2, NgZone, OnInit, AfterViewInit, OnDestroy, AfterContentInit, OnChanges } from '@angular/core';
6
- import { TileLayoutDraggingService } from './dragging-service';
7
- import { TileLayoutResizeEvent } from './resize-event';
8
- import { TileLayoutItemComponent } from './tilelayout-item.component';
9
- import { LocalizationService } from '@progress/kendo-angular-l10n';
10
- import { TileLayoutReorderEvent } from './reorder-event';
11
- import { LicenseMessage } from '@progress/kendo-licensing';
12
- import { TileLayoutGap } from './models/gap.interface';
13
- import { TileLayoutFlowMode } from './models/flowmode.type';
14
- import { TileLayoutKeyboardNavigationService } from './keyboard-navigation.service';
15
- import * as i0 from "@angular/core";
16
- /**
17
- * Represents the [Kendo UI TileLayout component for Angular](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout)
18
- *
19
- * @example
20
- * ```html
21
- * <kendo-tilelayout [columns]="3" [gap]="10">
22
- * <kendo-tilelayout-item>Content 1</kendo-tilelayout-item>
23
- * <kendo-tilelayout-item>Content 2</kendo-tilelayout-item>
24
- * </kendo-tilelayout>
25
- * ```
26
- * @remarks
27
- * Supported children components are: {@link TileLayoutItemComponent}.
28
- */
29
- export declare class TileLayoutComponent implements OnInit, AfterViewInit, AfterContentInit, OnDestroy, OnChanges {
30
- private zone;
31
- private elem;
32
- private renderer;
33
- private localization;
34
- private draggingService;
35
- private navigationService;
36
- /**
37
- * Specifies the number of columns ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#size-and-position)).
38
- * @default 1
39
- */
40
- columns: number;
41
- /**
42
- * Sets the width of the columns.
43
- * Use numeric values for pixels or string values for other CSS units ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#size-and-position)).
44
- * @default '1fr'
45
- */
46
- columnWidth: string | number;
47
- /**
48
- * Sets the spacing between layout items in pixels.
49
- * Use an object with `rows` and `columns` properties to set different horizontal and vertical spacing.
50
- * Use a single number to apply the same spacing to both directions.
51
- *
52
- * @default { rows: 16, columns: 16 }
53
- */
54
- set gap(value: TileLayoutGap | number);
55
- get gap(): TileLayoutGap | number;
56
- /**
57
- * Enables or disables item reordering ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/reordering)).
58
- * @default false
59
- */
60
- reorderable: boolean;
61
- /**
62
- * Enables or disables item resizing ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/resizing)).
63
- * @default false
64
- */
65
- resizable: boolean;
66
- /**
67
- * Sets the height of the rows.
68
- * Use numeric values for pixels or string values for other CSS units ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#size-and-position)).
69
- * @default '1fr'
70
- */
71
- rowHeight: string | number;
72
- /**
73
- *
74
- * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items are flowed in the TileLayout ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/auto-flow)).
75
- *
76
- * For further reference, check the [grid-auto-flow CSS article](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow).
77
- * @default 'column'
78
- */
79
- autoFlow: TileLayoutFlowMode;
80
- /**
81
- * Enables or disables [keyboard navigation](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/keyboard-navigation).
82
- * @default true
83
- *
84
- * @remarks
85
- * This property is related to accessibility.
86
- */
87
- navigable: boolean;
88
- /**
89
- * Fires when item reordering is completed ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/reordering)).
90
- * You can prevent this event to cancel the reorder operation.
91
- */
92
- reorder: EventEmitter<TileLayoutReorderEvent>;
93
- /**
94
- * Fires when item resizing is completed ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/resizing)).
95
- * You can prevent this event to cancel the resize operation.
96
- */
97
- resize: EventEmitter<TileLayoutResizeEvent>;
98
- hostClass: boolean;
99
- hostRole: string;
100
- get gapStyle(): string;
101
- direction: 'ltr' | 'rtl';
102
- get currentColStart(): string;
103
- get currentRowStart(): string;
104
- get draggedItemWrapper(): HTMLElement;
105
- get targetOrder(): number;
106
- /**
107
- * Contains a query list of the `TileLayoutItemComponent` instances that are used in the TileLayout.
108
- * This allows you to access the items programmatically and manipulate their properties or listen to their events.
109
- */
110
- items: QueryList<TileLayoutItemComponent>;
111
- private hint;
112
- /**
113
- * @hidden
114
- */
115
- showLicenseWatermark: boolean;
116
- /**
117
- * @hidden
118
- */
119
- licenseMessage?: LicenseMessage;
120
- private draggable;
121
- private subs;
122
- private _gap;
123
- constructor(zone: NgZone, elem: ElementRef, renderer: Renderer2, localization: LocalizationService, draggingService: TileLayoutDraggingService, navigationService: TileLayoutKeyboardNavigationService);
124
- ngOnInit(): void;
125
- ngAfterViewInit(): void;
126
- ngAfterContentInit(): void;
127
- ngOnChanges(changes: SimpleChanges): void;
128
- ngOnDestroy(): void;
129
- private handlePress;
130
- private handleDrag;
131
- private handleRelease;
132
- private applyColStyling;
133
- private applyRowStyling;
134
- private draggingServiceConfig;
135
- private initializeDraggable;
136
- private applyAutoFlow;
137
- private setItemsOrder;
138
- private onFocusIn;
139
- static ɵfac: i0.ɵɵFactoryDeclaration<TileLayoutComponent, never>;
140
- static ɵcmp: i0.ɵɵComponentDeclaration<TileLayoutComponent, "kendo-tilelayout", never, { "columns": { "alias": "columns"; "required": false; }; "columnWidth": { "alias": "columnWidth"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "autoFlow": { "alias": "autoFlow"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "reorder": "reorder"; "resize": "resize"; }, ["items"], ["*"], true, never>;
141
- }
@@ -1,68 +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 { Renderer2 } from '@angular/core';
6
- import { TileLayoutItemComponent } from './tilelayout-item.component';
7
- import { TileLayoutGap } from './models/gap.interface';
8
- import { DraggingServiceConfig } from './models/dragging-config.interface';
9
- import { TileLayoutNavigation } from './models/navigation.interface';
10
- /**
11
- * @hidden
12
- */
13
- export declare const getId: (prefix: string) => string;
14
- /**
15
- * @hidden
16
- */
17
- export declare const normalizeValue: (value: any, max?: number) => number;
18
- /**
19
- * @hidden
20
- */
21
- export declare const isRowItemPresent: (items: TileLayoutItemComponent[]) => boolean;
22
- /**
23
- * @hidden
24
- */
25
- export declare const propsChanged: (initialProps: any[], newProps: any[]) => boolean;
26
- /**
27
- * @hidden
28
- *
29
- * Extracts the event target from the viewport coords. Required for touch devices
30
- * where the `event.target` of a `pointermove` event is always the initially dragged item.
31
- */
32
- export declare const getDropTarget: (event: PointerEvent) => HTMLElement[];
33
- /**
34
- * @hidden
35
- */
36
- export declare const setElementStyles: (renderer: Renderer2, elem: HTMLElement, styles: object) => void;
37
- /**
38
- * @hidden
39
- */
40
- export declare const calculateCellFromPosition: (coordinates: {
41
- x: number;
42
- y: number;
43
- }, tileLayoutElement: HTMLElement, gap: TileLayoutGap, cellSize: {
44
- width: number;
45
- height: number;
46
- }, columns: number, rtl?: boolean) => {
47
- row: number;
48
- col: number;
49
- };
50
- /**
51
- * @hidden
52
- */
53
- export declare const calculateOrderFromCell: (row: number, col: number, items: TileLayoutItemComponent[], draggedItem: TileLayoutItemComponent, tileLayoutElement: HTMLElement, gap: TileLayoutGap, cellSize: {
54
- width: number;
55
- height: number;
56
- }, columns: number) => number;
57
- /**
58
- * @hidden
59
- */
60
- export declare const shouldResize: (keyCode: string, col: number, selectedTile: TileLayoutItemComponent, settings: DraggingServiceConfig) => TileLayoutNavigation;
61
- /**
62
- * @hidden
63
- */
64
- export declare const shouldReorder: (keyCode: string, col: number, selectedTile: TileLayoutItemComponent, settings: DraggingServiceConfig) => TileLayoutNavigation;
65
- /**
66
- * @hidden
67
- */
68
- export declare const getCurrentCol: (selectedTile: TileLayoutItemComponent, settings: DraggingServiceConfig, rtl: any) => number;
@@ -1,30 +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 * as i0 from "@angular/core";
6
- import * as i1 from "./tilelayout/tilelayout.component";
7
- import * as i2 from "./tilelayout/tilelayout-item-body.component";
8
- import * as i3 from "./tilelayout/tilelayout-item.component";
9
- import * as i4 from "./tilelayout/tilelayout-item-header.component";
10
- /**
11
- * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the TileLayout component.
12
- *
13
- * Use this module to add the TileLayout component to your NgModule-based Angular application.
14
- *
15
- * @example
16
- * ```typescript
17
- * import { TileLayoutModule } from '@progress/kendo-angular-layout';
18
- * import { NgModule } from '@angular/core';
19
- *
20
- * @NgModule({
21
- * imports: [TileLayoutModule]
22
- * })
23
- * export class AppModule { }
24
- * ```
25
- */
26
- export declare class TileLayoutModule {
27
- static ɵfac: i0.ɵɵFactoryDeclaration<TileLayoutModule, never>;
28
- static ɵmod: i0.ɵɵNgModuleDeclaration<TileLayoutModule, never, [typeof i1.TileLayoutComponent, typeof i2.TileLayoutItemBodyComponent, typeof i3.TileLayoutItemComponent, typeof i4.TileLayoutItemHeaderComponent], [typeof i1.TileLayoutComponent, typeof i2.TileLayoutItemBodyComponent, typeof i3.TileLayoutItemComponent, typeof i4.TileLayoutItemHeaderComponent]>;
29
- static ɵinj: i0.ɵɵInjectorDeclaration<TileLayoutModule>;
30
- }
@@ -1,11 +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
- /**
6
- * Specifies the direction for navigating through `Timeline` items.
7
- *
8
- * Use 'previous' to navigate to the previous item.
9
- * Use 'next' to navigate to the next item.
10
- */
11
- export type NavigationDirection = 'previous' | 'next';
@@ -1,17 +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 { LocalizationService } from '@progress/kendo-angular-l10n';
6
- import { TimelineMessages } from './messages';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * Custom component messages override default component messages.
10
- */
11
- export declare class TimelineCustomMessagesComponent extends TimelineMessages {
12
- protected service: LocalizationService;
13
- constructor(service: LocalizationService);
14
- protected get override(): boolean;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCustomMessagesComponent, never>;
16
- static ɵcmp: i0.ɵɵComponentDeclaration<TimelineCustomMessagesComponent, "kendo-timeline-messages", never, {}, {}, never, never, true, never>;
17
- }
@@ -1,16 +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 { LocalizationService } from '@progress/kendo-angular-l10n';
6
- import { TimelineMessages } from './messages';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * @hidden
10
- */
11
- export declare class LocalizedTimelineMessagesDirective extends TimelineMessages {
12
- protected service: LocalizationService;
13
- constructor(service: LocalizationService);
14
- static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedTimelineMessagesDirective, never>;
15
- static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedTimelineMessagesDirective, "[kendoTimelineLocalizedMessages]", never, {}, {}, never, never, true, never>;
16
- }
@@ -1,21 +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 { ComponentMessages } from '@progress/kendo-angular-l10n';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * @hidden
9
- */
10
- export declare class TimelineMessages extends ComponentMessages {
11
- /**
12
- * The title of the previous button in horizontal orientation.
13
- */
14
- previous: string;
15
- /**
16
- * The title of the next button in horizontal orientation.
17
- */
18
- next: string;
19
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineMessages, never>;
20
- static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineMessages, "kendo-timeline-messages-base", never, { "previous": { "alias": "previous"; "required": false; }; "next": { "alias": "next"; "required": false; }; }, {}, never, never, true, never>;
21
- }
@@ -1,11 +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
- /**
6
- * Defines the target for opening links in the Timeline component.
7
- *
8
- * Use 'self' to open the link in the same window or tab.
9
- * Use 'blank' to open the link in a new window or tab.
10
- */
11
- export type AnchorTarget = 'self' | 'blank';
@@ -1,9 +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 { TimelineModelFields } from "./model-fields";
6
- /**
7
- * @hidden
8
- */
9
- export declare const defaultModelFields: TimelineModelFields;
@@ -1,10 +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
- /**
6
- * Specifies the order of the Timeline events.
7
- * `asc` - chronological order
8
- * `desc` - reverse-chronological order
9
- */
10
- export type TimelineEventsOrder = 'asc' | 'desc';
@@ -1,51 +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
- /**
6
- * Defines the model fields that will be used for creating `TimelineEvent` instances.
7
- */
8
- export interface TimelineModelFields {
9
- /**
10
- * The name of the `title` model field.
11
- *
12
- * @default "title"
13
- */
14
- title: string;
15
- /**
16
- * The name of the `subtitle` model field.
17
- *
18
- * @default "subtitle"
19
- */
20
- subtitle?: string;
21
- /**
22
- * The name of the `description` model field.
23
- *
24
- * @default "description"
25
- */
26
- description?: string;
27
- /**
28
- * The name of the `date` model field.
29
- *
30
- * @default "date"
31
- */
32
- date: string;
33
- /**
34
- * The name of the `expanded` model field.
35
- *
36
- * @default "expanded"
37
- */
38
- expanded?: string;
39
- /**
40
- * The name of the `images` model field.
41
- *
42
- * @default "images"
43
- */
44
- images?: string;
45
- /**
46
- * The name of the `actions` model field.
47
- *
48
- * @default "actions"
49
- */
50
- actions?: string;
51
- }