@progress/kendo-angular-layout 24.2.2-develop.9 → 25.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 (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,179 +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 { AnimationBuilder } from '@angular/animations';
6
- import { EventEmitter, ElementRef, Renderer2, NgZone, OnDestroy, OnInit, AfterViewInit } from '@angular/core';
7
- import { ExpansionPanelTitleDirective } from './expansionpanel-title.directive';
8
- import { LocalizationService } from '@progress/kendo-angular-l10n';
9
- import { ExpansionPanelActionEvent } from './events/action-event';
10
- import { SVGIcon } from '@progress/kendo-svg-icons';
11
- import * as i0 from "@angular/core";
12
- /**
13
- * Represents the Kendo UI ExpansionPanel component for Angular. Provides an expandable and collapsible content container with customizable header and animation ([see overview](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel)).
14
- *
15
- * @example
16
- * ```html
17
- * <kendo-expansionpanel
18
- * title="Chile"
19
- * subtitle="South America"
20
- * [expanded]="isExpanded">
21
- * There are various theories about the origin of the word Chile.
22
- * </kendo-expansionpanel>
23
- * ```
24
- */
25
- export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, OnDestroy {
26
- private renderer;
27
- private hostElement;
28
- private ngZone;
29
- private localizationService;
30
- private builder;
31
- /**
32
- * Specifies the primary text in the header of the ExpansionPanel
33
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/title#titles-and-subtitles)).
34
- */
35
- title: string;
36
- /**
37
- * Specifies the secondary text in the header of the ExpansionPanel, which renders next to the collapse/expand icon
38
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/title#titles-and-subtitles)).
39
- */
40
- subtitle: string;
41
- /**
42
- * Specifies whether the ExpansionPanel is disabled. If disabled, the ExpansionPanel can be neither expanded nor collapsed
43
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/disabled-state)).
44
- *
45
- * @default false
46
- */
47
- disabled: boolean;
48
- /**
49
- * Specifies whether the ExpansionPanel is expanded. The property supports two-way binding
50
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/interaction#setting-the-initial-state)).
51
- *
52
- * @default false
53
- */
54
- set expanded(value: boolean);
55
- get expanded(): boolean;
56
- /**
57
- * Defines an SVG icon for the expanded state of the component.
58
- * You can use either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
59
- */
60
- set svgExpandIcon(icon: SVGIcon);
61
- get svgExpandIcon(): SVGIcon;
62
- /**
63
- * Defines an SVG icon for the collapsed state of the component.
64
- * You can use either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
65
- */
66
- set svgCollapseIcon(icon: SVGIcon);
67
- get svgCollapseIcon(): SVGIcon;
68
- /**
69
- * Sets a custom icon via CSS class(es) for the collapsed state of the component
70
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/icons#icons)).
71
- */
72
- expandIcon: string;
73
- /**
74
- * Sets a custom icon via CSS class(es) for the expanded state of the component
75
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/icons#icons)).
76
- */
77
- collapseIcon: string;
78
- /**
79
- * Specifies the animation settings of the ExpansionPanel
80
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/animations)).
81
- *
82
- * @default true
83
- */
84
- animation?: boolean | number;
85
- /**
86
- * Fires when the `expanded` property of the component is updated.
87
- * Used to provide a two-way binding for the `expanded` property
88
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/events)).
89
- */
90
- expandedChange: EventEmitter<boolean>;
91
- /**
92
- * Fires when the expanded state of the ExpansionPanel is about to change. This event is preventable
93
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/events)).
94
- */
95
- action: EventEmitter<ExpansionPanelActionEvent>;
96
- /**
97
- * Fires when the ExpansionPanel is expanded. If there is animation it fires when the animation is complete
98
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/events)).
99
- */
100
- expand: EventEmitter<any>;
101
- /**
102
- * Fires when the ExpansionPanel is collapsed. If there is animation it fires when the animation is complete
103
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/events)).
104
- */
105
- collapse: EventEmitter<any>;
106
- /**
107
- * @hidden
108
- */
109
- titleTemplate: ExpansionPanelTitleDirective;
110
- content: ElementRef;
111
- header: ElementRef;
112
- hostClass: boolean;
113
- get expandedClass(): boolean;
114
- get disabledClass(): boolean;
115
- direction: string;
116
- /**
117
- * @hidden
118
- */
119
- focused: boolean;
120
- private animationEnd;
121
- private subscriptions;
122
- private _expanded;
123
- private _svgExpandIcon;
124
- private _svgCollapseIcon;
125
- private nextId;
126
- constructor(renderer: Renderer2, hostElement: ElementRef, ngZone: NgZone, localizationService: LocalizationService, builder: AnimationBuilder);
127
- ngOnInit(): void;
128
- ngAfterViewInit(): void;
129
- ngOnDestroy(): void;
130
- /**
131
- * @hidden
132
- */
133
- initDomEvents(): void;
134
- /**
135
- * @hidden
136
- */
137
- keyDownHandler(ev: any): void;
138
- /**
139
- * @hidden
140
- */
141
- onHeaderClick(ev: any): void;
142
- /**
143
- * @hidden
144
- */
145
- onHeaderAction(): void;
146
- /**
147
- * @hidden
148
- */
149
- get contentWrapperId(): string;
150
- /**
151
- * @hidden
152
- */
153
- get expanderIndicatorClasses(): string;
154
- /**
155
- * @hidden
156
- */
157
- get customExpanderIndicatorClasses(): string;
158
- /**
159
- * @hidden
160
- */
161
- get expanderSvgIcon(): SVGIcon;
162
- /**
163
- * Toggles the visibility of the ExpansionPanel
164
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/interaction#toggling-between-states)).
165
- *
166
- * @param expanded Specifies whether the ExpansionPanel will be expanded or collapsed.
167
- */
168
- toggle(expanded?: boolean): void;
169
- private focusExpansionPanel;
170
- private blurExpansionPanel;
171
- private setExpanded;
172
- private animateContent;
173
- private createPlayer;
174
- private emitExpandCollapseEvent;
175
- private addContentHiddenClass;
176
- private removeContentHiddenClass;
177
- static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
178
- static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "kendo-expansionpanel", ["kendoExpansionPanel"], { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "svgExpandIcon": { "alias": "svgExpandIcon"; "required": false; }; "svgCollapseIcon": { "alias": "svgCollapseIcon"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, { "expandedChange": "expandedChange"; "action": "action"; "expand": "expand"; "collapse": "collapse"; }, ["titleTemplate"], ["*"], true, never>;
179
- }
@@ -1,28 +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 "./expansionpanel/expansionpanel.component";
7
- import * as i2 from "./expansionpanel/expansionpanel-title.directive";
8
- /**
9
- * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the ExpansionPanel component.
10
- *
11
- * Use this module to add the ExpansionPanel component to your NgModule-based Angular application.
12
- *
13
- * @example
14
- * ```typescript
15
- * import { ExpansionPanelModule } from '@progress/kendo-angular-layout';
16
- * import { NgModule } from '@angular/core';
17
- *
18
- * @NgModule({
19
- * imports: [ExpansionPanelModule]
20
- * })
21
- * export class AppModule { }
22
- * ```
23
- */
24
- export declare class ExpansionPanelModule {
25
- static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelModule, never>;
26
- static ɵmod: i0.ɵɵNgModuleDeclaration<ExpansionPanelModule, never, [typeof i1.ExpansionPanelComponent, typeof i2.ExpansionPanelTitleDirective], [typeof i1.ExpansionPanelComponent, typeof i2.ExpansionPanelTitleDirective]>;
27
- static ɵinj: i0.ɵɵInjectorDeclaration<ExpansionPanelModule>;
28
- }
@@ -1,28 +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 "./layouts/grid-layout.component";
7
- import * as i2 from "./layouts/gridlayout-item.component";
8
- /**
9
- * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the GridLayout component.
10
- *
11
- * Use this module to add the GridLayout component to your NgModule-based Angular application.
12
- *
13
- * @example
14
- * ```typescript
15
- * import { GridLayoutModule } from '@progress/kendo-angular-layout';
16
- * import { NgModule } from '@angular/core';
17
- *
18
- * @NgModule({
19
- * imports: [GridLayoutModule]
20
- * })
21
- * export class AppModule { }
22
- * ```
23
- */
24
- export declare class GridLayoutModule {
25
- static ɵfac: i0.ɵɵFactoryDeclaration<GridLayoutModule, never>;
26
- static ɵmod: i0.ɵɵNgModuleDeclaration<GridLayoutModule, never, [typeof i1.GridLayoutComponent, typeof i2.GridLayoutItemComponent], [typeof i1.GridLayoutComponent, typeof i2.GridLayoutItemComponent]>;
27
- static ɵinj: i0.ɵɵInjectorDeclaration<GridLayoutModule>;
28
- }
@@ -1,79 +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 "./avatar/avatar.component";
7
- import * as i2 from "./avatar/l10n/custom-messages.component";
8
- import * as i3 from "./card/card.component";
9
- import * as i4 from "./card/card-actions.component";
10
- import * as i5 from "./card/card-body.component";
11
- import * as i6 from "./card/card-footer.component";
12
- import * as i7 from "./card/card-header.component";
13
- import * as i8 from "./card/directives/card-media.directive";
14
- import * as i9 from "./card/directives/card-separator.directive";
15
- import * as i10 from "./card/directives/card-subtitle.directive";
16
- import * as i11 from "./card/directives/card-title.directive";
17
- import * as i12 from "./drawer/drawer.component";
18
- import * as i13 from "./drawer/drawer-container.component";
19
- import * as i14 from "./drawer/drawer-content.component";
20
- import * as i15 from "./drawer/template-directives/drawer-template.directive";
21
- import * as i16 from "./drawer/template-directives/footer-template.directive";
22
- import * as i17 from "./drawer/template-directives/header-template.directive";
23
- import * as i18 from "./drawer/template-directives/item-template.directive";
24
- import * as i19 from "./expansionpanel/expansionpanel.component";
25
- import * as i20 from "./expansionpanel/expansionpanel-title.directive";
26
- import * as i21 from "./layouts/grid-layout.component";
27
- import * as i22 from "./layouts/gridlayout-item.component";
28
- import * as i23 from "./panelbar/panelbar.component";
29
- import * as i24 from "./panelbar/panelbar-item.component";
30
- import * as i25 from "./panelbar/panelbar-content.directive";
31
- import * as i26 from "./panelbar/panelbar-item-template.directive";
32
- import * as i27 from "./panelbar/panelbar-item-title.directive";
33
- import * as i28 from "./splitter/splitter.component";
34
- import * as i29 from "./splitter/splitter-pane.component";
35
- import * as i30 from "./layouts/stack-layout.component";
36
- import * as i31 from "./stepper/stepper.component";
37
- import * as i32 from "./stepper/localization/custom-messages.component";
38
- import * as i33 from "./stepper/template-directives/indicator-template.directive";
39
- import * as i34 from "./stepper/template-directives/label-template.directive";
40
- import * as i35 from "./stepper/template-directives/step-template.directive";
41
- import * as i36 from "./tabstrip/tabstrip.component";
42
- import * as i37 from "./tabstrip/models/tabstrip-tab.component";
43
- import * as i38 from "./tabstrip/directives/tab-content.directive";
44
- import * as i39 from "./tabstrip/directives/tab-title.directive";
45
- import * as i40 from "./tabstrip/localization/custom-messages.component";
46
- import * as i41 from "./tilelayout/tilelayout.component";
47
- import * as i42 from "./tilelayout/tilelayout-item-body.component";
48
- import * as i43 from "./tilelayout/tilelayout-item.component";
49
- import * as i44 from "./tilelayout/tilelayout-item-header.component";
50
- import * as i45 from "./timeline/timeline.component";
51
- import * as i46 from "./timeline/localization/custom-messages.component";
52
- import * as i47 from "./timeline/templates/timeline-card-actions.directive";
53
- import * as i48 from "./timeline/templates/timeline-card-body.directive";
54
- import * as i49 from "./timeline/templates/timeline-card-header.directive";
55
- /**
56
- * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Layout components.
57
- *
58
- * Use this module to add all Layout package components to your NgModule-based Angular application.
59
- *
60
- * @example
61
- * ```typescript
62
- * import { LayoutModule } from '@progress/kendo-angular-layout';
63
- * import { NgModule } from '@angular/core';
64
- * import { BrowserModule } from '@angular/platform-browser';
65
- * import { AppComponent } from './app.component';
66
- *
67
- * @NgModule({
68
- * declarations: [AppComponent],
69
- * imports: [BrowserModule, LayoutModule],
70
- * bootstrap: [AppComponent]
71
- * })
72
- * export class AppModule { }
73
- * ```
74
- */
75
- export declare class LayoutModule {
76
- static ɵfac: i0.ɵɵFactoryDeclaration<LayoutModule, never>;
77
- static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutModule, never, [typeof i1.AvatarComponent, typeof i2.AvatarCustomMessagesComponent, typeof i3.CardComponent, typeof i4.CardActionsComponent, typeof i5.CardBodyComponent, typeof i6.CardFooterComponent, typeof i7.CardHeaderComponent, typeof i8.CardMediaDirective, typeof i9.CardSeparatorDirective, typeof i10.CardSubtitleDirective, typeof i11.CardTitleDirective, typeof i12.DrawerComponent, typeof i13.DrawerContainerComponent, typeof i14.DrawerContentComponent, typeof i15.DrawerTemplateDirective, typeof i16.DrawerFooterTemplateDirective, typeof i17.DrawerHeaderTemplateDirective, typeof i18.DrawerItemTemplateDirective, typeof i19.ExpansionPanelComponent, typeof i20.ExpansionPanelTitleDirective, typeof i21.GridLayoutComponent, typeof i22.GridLayoutItemComponent, typeof i23.PanelBarComponent, typeof i24.PanelBarItemComponent, typeof i25.PanelBarContentDirective, typeof i26.PanelBarItemTemplateDirective, typeof i27.PanelBarItemTitleDirective, typeof i28.SplitterComponent, typeof i29.SplitterPaneComponent, typeof i30.StackLayoutComponent, typeof i31.StepperComponent, typeof i32.StepperCustomMessagesComponent, typeof i33.StepperIndicatorTemplateDirective, typeof i34.StepperLabelTemplateDirective, typeof i35.StepperStepTemplateDirective, typeof i36.TabStripComponent, typeof i37.TabStripTabComponent, typeof i38.TabContentDirective, typeof i39.TabTitleDirective, typeof i40.TabStripCustomMessagesComponent, typeof i41.TileLayoutComponent, typeof i42.TileLayoutItemBodyComponent, typeof i43.TileLayoutItemComponent, typeof i44.TileLayoutItemHeaderComponent, typeof i45.TimelineComponent, typeof i46.TimelineCustomMessagesComponent, typeof i47.TimelineCardActionsTemplateDirective, typeof i48.TimelineCardBodyTemplateDirective, typeof i49.TimelineCardHeaderTemplateDirective], [typeof i1.AvatarComponent, typeof i2.AvatarCustomMessagesComponent, typeof i3.CardComponent, typeof i4.CardActionsComponent, typeof i5.CardBodyComponent, typeof i6.CardFooterComponent, typeof i7.CardHeaderComponent, typeof i8.CardMediaDirective, typeof i9.CardSeparatorDirective, typeof i10.CardSubtitleDirective, typeof i11.CardTitleDirective, typeof i12.DrawerComponent, typeof i13.DrawerContainerComponent, typeof i14.DrawerContentComponent, typeof i15.DrawerTemplateDirective, typeof i16.DrawerFooterTemplateDirective, typeof i17.DrawerHeaderTemplateDirective, typeof i18.DrawerItemTemplateDirective, typeof i19.ExpansionPanelComponent, typeof i20.ExpansionPanelTitleDirective, typeof i21.GridLayoutComponent, typeof i22.GridLayoutItemComponent, typeof i23.PanelBarComponent, typeof i24.PanelBarItemComponent, typeof i25.PanelBarContentDirective, typeof i26.PanelBarItemTemplateDirective, typeof i27.PanelBarItemTitleDirective, typeof i28.SplitterComponent, typeof i29.SplitterPaneComponent, typeof i30.StackLayoutComponent, typeof i31.StepperComponent, typeof i32.StepperCustomMessagesComponent, typeof i33.StepperIndicatorTemplateDirective, typeof i34.StepperLabelTemplateDirective, typeof i35.StepperStepTemplateDirective, typeof i36.TabStripComponent, typeof i37.TabStripTabComponent, typeof i38.TabContentDirective, typeof i39.TabTitleDirective, typeof i40.TabStripCustomMessagesComponent, typeof i41.TileLayoutComponent, typeof i42.TileLayoutItemBodyComponent, typeof i43.TileLayoutItemComponent, typeof i44.TileLayoutItemHeaderComponent, typeof i45.TimelineComponent, typeof i46.TimelineCustomMessagesComponent, typeof i47.TimelineCardActionsTemplateDirective, typeof i48.TimelineCardBodyTemplateDirective, typeof i49.TimelineCardHeaderTemplateDirective]>;
78
- static ɵinj: i0.ɵɵInjectorDeclaration<LayoutModule>;
79
- }
@@ -1,74 +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, ElementRef, AfterViewInit, SimpleChanges, OnChanges } from '@angular/core';
6
- import { GridLayoutGapSettings, AlignSettings } from './models';
7
- import { LocalizationService } from '@progress/kendo-angular-l10n';
8
- import * as i0 from "@angular/core";
9
- /**
10
- * Represents the Kendo UI GridLayout component for Angular.
11
- * Arranges child components in a two-dimensional grid layout with customizable rows, columns, and gaps ([see overview](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout)).
12
- *
13
- * @example
14
- * ```html
15
- * <kendo-gridlayout [rows]="[100, 200]" [cols]="['1fr', '2fr']" [gap]="10">
16
- * <kendo-gridlayout-item [row]="1" [col]="1">
17
- * <p>Item 1</p>
18
- * </kendo-gridlayout-item>
19
- * <kendo-gridlayout-item [row]="1" [col]="2">
20
- * <p>Item 2</p>
21
- * </kendo-gridlayout-item>
22
- * </kendo-gridlayout>
23
- * ```
24
- *
25
- * @remarks
26
- * Supported children components are: {@link GridLayoutItemComponent}.
27
- */
28
- export declare class GridLayoutComponent implements AfterViewInit, OnChanges {
29
- private renderer;
30
- private element;
31
- private localization;
32
- hostClass: boolean;
33
- get dir(): string;
34
- /**
35
- * Specifies the number of rows and their height
36
- * ([More details](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#rows-and-columns)).
37
- *
38
- * You can define rows by passing an array where the number of elements determines the number of rows or each element defines the size of the corresponding row.
39
- * For example, you can use CSS units like `px`, `%`, `fr`, or `auto` to define the row sizes.
40
- */
41
- rows: Array<any>;
42
- /**
43
- * Specifies the number of columns and their widths
44
- * ([More details](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#rows-and-columns)).
45
- *
46
- * You can define columns by passing an array where the number of elements determines the number of columns or each element defines the size of the corresponding column.
47
- * For example, you can use CSS units like `px`, `%`, `fr`, or `auto` to define the column sizes.
48
- */
49
- cols: Array<any>;
50
- /**
51
- * Specifies the gaps between the elements ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#gap)).
52
- *
53
- * @default 0
54
- */
55
- gap: number | string | GridLayoutGapSettings;
56
- /**
57
- * Specifies the horizontal and vertical alignment of the inner GridLayout elements
58
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#alignment)).
59
- */
60
- set align(align: AlignSettings);
61
- get align(): AlignSettings;
62
- private _align;
63
- private justifyClass;
64
- private alignClass;
65
- constructor(renderer: Renderer2, element: ElementRef, localization: LocalizationService);
66
- ngAfterViewInit(): void;
67
- ngOnChanges(changes: SimpleChanges): void;
68
- private handleAlignClasses;
69
- private setGap;
70
- private handleGridTemplateStyling;
71
- private get direction();
72
- static ɵfac: i0.ɵɵFactoryDeclaration<GridLayoutComponent, never>;
73
- static ɵcmp: i0.ɵɵComponentDeclaration<GridLayoutComponent, "kendo-gridlayout", ["kendoGridLayout"], { "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, never, ["*"], true, never>;
74
- }
@@ -1,48 +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, ElementRef, OnChanges } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Represents the GridLayout item component. Defines the positioning and spanning of individual items within a GridLayout.
9
- *
10
- * @example
11
- * ```html
12
- * <kendo-gridlayout-item [row]="1" [col]="2" [rowSpan]="2" [colSpan]="1">
13
- * <div>Grid item content</div>
14
- * </kendo-gridlayout-item>
15
- * ```
16
- */
17
- export declare class GridLayoutItemComponent implements OnChanges {
18
- private renderer;
19
- private element;
20
- /**
21
- * Sets the row of the item in the GridLayout
22
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/items#size-and-position)).
23
- */
24
- row: number;
25
- /**
26
- * Sets the column of the item in the GridLayout
27
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/items#size-and-position)).
28
- */
29
- col: number;
30
- /**
31
- * Specifies how many rows the item spans ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/items#size-and-position)).
32
- *
33
- * @default 1
34
- */
35
- rowSpan: number;
36
- /**
37
- * Specifies how many columns the item spans ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/items#size-and-position)).
38
- *
39
- * @default 1
40
- */
41
- colSpan: number;
42
- constructor(renderer: Renderer2, element: ElementRef);
43
- ngOnInit(): void;
44
- ngOnChanges(): void;
45
- private setItemStyle;
46
- static ɵfac: i0.ɵɵFactoryDeclaration<GridLayoutItemComponent, never>;
47
- static ɵcmp: i0.ɵɵComponentDeclaration<GridLayoutItemComponent, "kendo-gridlayout-item", never, { "row": { "alias": "row"; "required": false; }; "col": { "alias": "col"; "required": false; }; "rowSpan": { "alias": "rowSpan"; "required": false; }; "colSpan": { "alias": "colSpan"; "required": false; }; }, {}, never, ["*"], true, never>;
48
- }
@@ -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
- /**
6
- * Defines the gaps between the elements of the GridLayout.
7
- */
8
- export interface GridLayoutGapSettings {
9
- /**
10
- * Specifies the row gap between the elements.
11
- */
12
- rows?: number | string;
13
- /**
14
- * Specifies the column gap between the elements.
15
- */
16
- cols?: number | string;
17
- }
@@ -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
- /**
6
- * Defines the size of the GridLayout row.
7
- */
8
- export interface GridLayoutRowSize {
9
- /**
10
- * Specifies the height of the row.
11
- */
12
- height?: number | string;
13
- }
14
- /**
15
- * Defines the size of the GridLayout column.
16
- */
17
- export interface GridLayoutColSize {
18
- /**
19
- * Specifies the width of the column.
20
- */
21
- width?: number | string;
22
- }
@@ -1,18 +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 { VerticalAlign, HorizontalAlign } from '../models';
6
- /**
7
- * Defines the possible align options of the StackLayout and GridLayout components.
8
- */
9
- export interface AlignSettings {
10
- /**
11
- * Specifies the horizontal alignment of the inner GridLayout and StackLayout elements.
12
- */
13
- horizontal?: HorizontalAlign;
14
- /**
15
- * Specifies the vertical alignment of the inner GridLayout and StackLayout elements.
16
- */
17
- vertical?: VerticalAlign;
18
- }
@@ -1,8 +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 possible horizontal alignment options of the StackLayout and GridLayout.
7
- */
8
- export type HorizontalAlign = 'start' | 'center' | 'end' | 'stretch';
@@ -1,8 +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 possible vertical alignment options of the StackLayout and GridLayout.
7
- */
8
- export type VerticalAlign = 'top' | 'middle' | 'bottom' | 'stretch';
@@ -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
- export * from './models/layout-align-settings';
6
- export * from './models/layout-horizontal-align';
7
- export * from './models/layout-vertical-align';
8
- export * from './models/gridlayout-gap-settings';
9
- export * from './models/gridlayout-row-col-size';
10
- export * from '../common/orientation';
@@ -1,60 +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, ElementRef, AfterViewInit, SimpleChanges, OnChanges } from '@angular/core';
6
- import { AlignSettings, Orientation } from './models';
7
- import { LocalizationService } from '@progress/kendo-angular-l10n';
8
- import * as i0 from "@angular/core";
9
- /**
10
- * Represents the Kendo UI StackLayout component for Angular.
11
- * Arranges child components in a single row or column with customizable alignment and spacing ([see overview](https://www.telerik.com/kendo-angular-ui/components/layout/stacklayout)).
12
- *
13
- * @example
14
- * ```html
15
- * <kendo-stacklayout orientation="horizontal" [gap]="16">
16
- * <button class="k-button">Button 1</button>
17
- * <button class="k-button">Button 2</button>
18
- * <button class="k-button">Button 3</button>
19
- * </kendo-stacklayout>
20
- * ```
21
- */
22
- export declare class StackLayoutComponent implements AfterViewInit, OnChanges {
23
- private renderer;
24
- private element;
25
- private localization;
26
- hostClass: boolean;
27
- get horizontalClass(): boolean;
28
- get verticalClass(): boolean;
29
- get dir(): string;
30
- /**
31
- * Specifies the horizontal and vertical alignment of the inner StackLayout elements
32
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stacklayout/layout#alignment)).
33
- */
34
- set align(align: AlignSettings);
35
- get align(): AlignSettings;
36
- /**
37
- * Specifies the gap between the inner StackLayout elements ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stacklayout/layout#gap)).
38
- *
39
- * @default 0
40
- */
41
- gap: number | string;
42
- /**
43
- * Specifies the orientation of the StackLayout
44
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stacklayout/layout#orientation)).
45
- *
46
- * @default 'horizontal'
47
- */
48
- orientation: Orientation;
49
- private _align;
50
- private justifyClass;
51
- private alignClass;
52
- constructor(renderer: Renderer2, element: ElementRef, localization: LocalizationService);
53
- ngAfterViewInit(): void;
54
- ngOnChanges(changes: SimpleChanges): void;
55
- private handleAlignClasses;
56
- private setGap;
57
- private get direction();
58
- static ɵfac: i0.ɵɵFactoryDeclaration<StackLayoutComponent, never>;
59
- static ɵcmp: i0.ɵɵComponentDeclaration<StackLayoutComponent, "kendo-stacklayout", ["kendoStackLayout"], { "align": { "alias": "align"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, ["*"], true, never>;
60
- }
package/layouts/util.d.ts DELETED
@@ -1,42 +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 { GridLayoutColSize, GridLayoutGapSettings, GridLayoutRowSize } from "./models";
6
- /**
7
- * @hidden
8
- */
9
- export declare const VERTICAL_SUFFIX: {
10
- top: string;
11
- middle: string;
12
- bottom: string;
13
- stretch: string;
14
- };
15
- /**
16
- * @hidden
17
- */
18
- export declare const JUSTIFY_PREFIX = "k-justify-content";
19
- /**
20
- * @hidden
21
- */
22
- export declare const GRID_JUSTIFY_PREFIX = "k-justify-items";
23
- /**
24
- * @hidden
25
- */
26
- export declare const ALIGN_PREFIX = "k-align-items";
27
- /**
28
- * @hidden
29
- */
30
- export declare const normalizeGap: (gap: number | string | GridLayoutGapSettings) => GridLayoutGapSettings;
31
- /**
32
- * @hidden
33
- */
34
- export declare const generateGapStyle: (gap: GridLayoutGapSettings) => string;
35
- /**
36
- * @hidden
37
- */
38
- export declare const generateGridStyle: (items: Array<number | string | GridLayoutRowSize | GridLayoutColSize>, itemType: string) => Array<string>;
39
- /**
40
- * @hidden
41
- */
42
- export declare const validateGridLayoutRowsCols: (arr: Array<any>) => boolean;
@@ -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 { type PackageMetadata } from '@progress/kendo-licensing';
6
- /**
7
- * @hidden
8
- */
9
- export declare const packageMetadata: PackageMetadata;