@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,15 +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 '../../common/preventable-event';
6
- import { PanelBarItemModel } from '../panelbar-item-model';
7
- /**
8
- * Defines the arguments for the `collapse` event of the PanelBar.
9
- */
10
- export declare class PanelBarCollapseEvent extends PreventableEvent {
11
- /**
12
- * Defines the item that will be collapsed.
13
- */
14
- item: PanelBarItemModel;
15
- }
@@ -1,15 +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 '../../common/preventable-event';
6
- import { PanelBarItemModel } from '../panelbar-item-model';
7
- /**
8
- * Defines the arguments for the `expand` event of the PanelBar.
9
- */
10
- export declare class PanelBarExpandEvent extends PreventableEvent {
11
- /**
12
- * Defines the item that will be expanded.
13
- */
14
- item: PanelBarItemModel;
15
- }
@@ -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 { PanelBarItemModel } from '../panelbar-item-model';
6
- /**
7
- * Defines the arguments for the `itemClick` event of the PanelBar.
8
- */
9
- export declare class PanelBarItemClickEvent {
10
- /**
11
- * Defines the clicked item.
12
- */
13
- item: PanelBarItemModel;
14
- /**
15
- * Defines the DOM event that triggered the `itemClick` event.
16
- */
17
- originalEvent: any;
18
- }
@@ -1,15 +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 '../../common/preventable-event';
6
- import { PanelBarItemModel } from '../panelbar-item-model';
7
- /**
8
- * Defines the arguments for the `select` event of the PanelBar.
9
- */
10
- export declare class PanelBarSelectEvent extends PreventableEvent {
11
- /**
12
- * Defines the item that will be selected.
13
- */
14
- item: PanelBarItemModel;
15
- }
@@ -1,14 +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 { PanelBarItemModel } from '../panelbar-item-model';
6
- /**
7
- * Defines the arguments for the `stateChange` event of the PanelBar.
8
- */
9
- export declare class PanelBarStateChangeEvent {
10
- /**
11
- * Defines a collection of all modified items.
12
- */
13
- items: Array<PanelBarItemModel>;
14
- }
@@ -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
- export { PanelBarCollapseEvent } from './events/collapse-event';
6
- export { PanelBarExpandEvent } from './events/expand-event';
7
- export { PanelBarSelectEvent } from './events/select-event';
8
- export { PanelBarStateChangeEvent } from './events/state-change-event';
9
- export { PanelBarItemClickEvent } from './events/item-click-event';
@@ -1,27 +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 { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines the content template of the declaratively initialized PanelBar items.
9
- * To define the content template, nest an `<ng-template>` tag
10
- * with the `kendoPanelBarContent` directive inside the `<kendo-panelbar-item>` tag.
11
- * The content can be expanded or collapsed through the item.
12
- *
13
- * @example
14
- * ```html
15
- * <kendo-panelbar-item title="Item">
16
- * <div kendoPanelBarContent>
17
- * <p>Item content goes here</p>
18
- * </div>
19
- * </kendo-panelbar-item>
20
- * ```
21
- */
22
- export declare class PanelBarContentDirective {
23
- templateRef: TemplateRef<any>;
24
- constructor(templateRef: TemplateRef<any>);
25
- static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarContentDirective, never>;
26
- static ɵdir: i0.ɵɵDirectiveDeclaration<PanelBarContentDirective, "[kendoPanelBarContent]", never, {}, {}, never, never, true, never>;
27
- }
@@ -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
- /**
6
- * Defines the expand modes of the PanelBar.
7
- */
8
- export declare enum PanelBarExpandMode {
9
- /**
10
- * Allows you to expand only one item at a time.
11
- * When you expand an item, the item that was previously expanded is collapsed.
12
- */
13
- Single = 0,
14
- /**
15
- * Allows you to expand only one item at a time and requires you to set the `height` property.
16
- * The expanded area occupies the entire height of the PanelBar.
17
- */
18
- Full = 1,
19
- /**
20
- * The default mode of the PanelBar.
21
- * Allows you to expand more than one item at a time. Items can also be toggled.
22
- */
23
- Multiple = 2,
24
- /**
25
- * The default expand mode set to `multiple`.
26
- */
27
- Default = 2
28
- }
@@ -1,63 +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 { SVGIcon } from "@progress/kendo-svg-icons";
6
- /**
7
- * Defines the items model of the PanelBar. These are the interface fields that the PanelBar items use.
8
- */
9
- export interface PanelBarItemModel {
10
- /**
11
- * Sets the title of the PanelBar item.
12
- */
13
- title: string;
14
- /**
15
- * Allows the component to set the `"id"` property of each item.
16
- */
17
- id: string;
18
- /**
19
- * Defines the icon that renders next to the title.
20
- */
21
- icon: string;
22
- /**
23
- * Defines the icon that renders next to the title by using a custom CSS class.
24
- */
25
- iconClass: string;
26
- /**
27
- * Defines an SVG icon to render.
28
- * 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.
29
- */
30
- svgIcon?: SVGIcon;
31
- /**
32
- * Defines the location of the image that displays next to the title.
33
- */
34
- imageUrl: string;
35
- /**
36
- * When set to `true`, disables a PanelBar item.
37
- */
38
- disabled: boolean;
39
- /**
40
- * When set to `true`, expands the PanelBar item.
41
- */
42
- expanded: boolean;
43
- /**
44
- * Sets the focused state of a PanelBar item.
45
- */
46
- focused: boolean;
47
- /**
48
- * Sets the selected state of a PanelBar item.
49
- */
50
- selected: boolean;
51
- /**
52
- * Specifies if the item will be hidden.
53
- */
54
- hidden?: boolean;
55
- /**
56
- * Defines the child items as an array.
57
- */
58
- children: Array<PanelBarItemModel>;
59
- /**
60
- * Sets the content of the PanelBar item.
61
- */
62
- content: any;
63
- }
@@ -1,26 +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 { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines the template directive of the PanelBar which helps to customize the item content.
9
- * To define the template, nest an `<ng-template>` tag
10
- * with the `kendoPanelBarItemTemplate` directive inside the `<kendo-panelbar>` tag.
11
- *
12
- * @example
13
- * ```html
14
- * <kendo-panelbar>
15
- * <ng-template kendoPanelBarItemTemplate let-dataItem>
16
- * <span>{{ dataItem.title }}</span>
17
- * </ng-template>
18
- * </kendo-panelbar>
19
- * ```
20
- */
21
- export declare class PanelBarItemTemplateDirective {
22
- templateRef: TemplateRef<any>;
23
- constructor(templateRef: TemplateRef<any>);
24
- static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarItemTemplateDirective, [{ optional: true; }]>;
25
- static ɵdir: i0.ɵɵDirectiveDeclaration<PanelBarItemTemplateDirective, "[kendoPanelBarItemTemplate]", never, {}, {}, never, never, true, never>;
26
- }
@@ -1,31 +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 { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines the template directive of the PanelBar which helps to customize the item title
9
- * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/templates#customizing-the-appearance-of-the-title)).
10
- * To define the template, nest an `<ng-template>` tag
11
- * with the `kendoPanelBarItemTitle` directive inside the `<kendo-panelbar-item>` tag.
12
- *
13
- * The `kendoPanelBarItemTitle` directive overrides the PanelBarItem [title](https://www.telerik.com/kendo-angular-ui/components/layout/api/panelbaritemcomponent#title) option.
14
- *
15
- * @example
16
- * ```html
17
- * <kendo-panelbar>
18
- * <kendo-panelbar-item [expanded]="true">
19
- * <ng-template kendoPanelBarItemTitle>
20
- * Item Title
21
- * </ng-template>
22
- * </kendo-panelbar-item>
23
- * </kendo-panelbar>
24
- * ```
25
- */
26
- export declare class PanelBarItemTitleDirective {
27
- templateRef: TemplateRef<any>;
28
- constructor(templateRef: TemplateRef<any>);
29
- static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarItemTitleDirective, [{ optional: true; }]>;
30
- static ɵdir: i0.ɵɵDirectiveDeclaration<PanelBarItemTitleDirective, "[kendoPanelBarItemTitle]", never, {}, {}, never, never, true, never>;
31
- }
@@ -1,187 +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 { TemplateRef, QueryList, AfterContentChecked, AfterViewChecked, OnDestroy, ElementRef, Renderer2, OnInit } from '@angular/core';
6
- import { PanelBarService } from "./panelbar.service";
7
- import { PanelBarContentDirective } from "./panelbar-content.directive";
8
- import { PanelBarItemTitleDirective } from "./panelbar-item-title.directive";
9
- import { PanelBarItemModel } from './panelbar-item-model';
10
- import { Subscription } from 'rxjs';
11
- import { SVGIcon } from '@progress/kendo-svg-icons';
12
- import * as i0 from "@angular/core";
13
- /**
14
- * Represents the PanelBar item component for Angular. Defines the items of the PanelBar.
15
- *
16
- * @example
17
- * ```html
18
- * <kendo-panelbar-item title="Item 1" [expanded]="true">
19
- * <kendo-panelbar-item title="Sub Item 1"></kendo-panelbar-item>
20
- * </kendo-panelbar-item>
21
- * ```
22
- */
23
- export declare class PanelBarItemComponent implements OnInit, AfterContentChecked, AfterViewChecked, OnDestroy {
24
- parent: PanelBarItemComponent;
25
- private eventService;
26
- private element;
27
- private renderer;
28
- /**
29
- * Sets the title of the PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#titles)).
30
- */
31
- title: string;
32
- /**
33
- * Allows the component to set the `"id"` property to each item.
34
- * Used to set the `id` attributes of the nested elements and to enable the WAI-ARIA support.
35
- */
36
- id: string;
37
- /**
38
- * Defines the icon that renders next to the title ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#title-icons)).
39
- *
40
- * @default ''
41
- */
42
- icon: string;
43
- /**
44
- * Defines the icon that renders next to the title by using a custom CSS class
45
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#title-icons)).
46
- *
47
- * @default ''
48
- */
49
- iconClass: string;
50
- /**
51
- * Defines an SVG icon to render.
52
- * 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.
53
- */
54
- set svgIcon(icon: SVGIcon);
55
- get svgIcon(): SVGIcon;
56
- /**
57
- * Defines the location of the image that displays next to the title
58
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#title-images)).
59
- *
60
- * @default ''
61
- */
62
- imageUrl: string;
63
- /**
64
- * When set to `true`, disables a PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#disabled-state)).
65
- *
66
- * @default false
67
- */
68
- disabled: boolean;
69
- /**
70
- * When set to `true`, expands the PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#expanded-state)).
71
- */
72
- set expanded(value: boolean);
73
- get expanded(): boolean;
74
- /**
75
- * Sets the selected state of a PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#selected-state)).
76
- *
77
- * @default false
78
- */
79
- selected: boolean;
80
- /**
81
- * Sets the content of the PanelBar item.
82
- * It is used when the [`items`](https://www.telerik.com/kendo-angular-ui/components/layout/api/panelbarcomponent#items) property of the PanelBar is set.
83
- */
84
- content: any;
85
- /**
86
- * @hidden
87
- */
88
- items: Array<PanelBarItemModel>;
89
- /**
90
- * @hidden
91
- */
92
- template: TemplateRef<any>;
93
- header: ElementRef;
94
- contentWrapper: ElementRef;
95
- contentHeight: string;
96
- contentOverflow: string;
97
- keepContent: boolean | 'loadOnDemand';
98
- childrenItems: Array<PanelBarItemComponent>;
99
- hasChildItems: boolean;
100
- hasItems: boolean;
101
- hasContent: boolean;
102
- state: string;
103
- get animate(): boolean;
104
- role: string;
105
- titleAttribute: string;
106
- kItemClass: boolean;
107
- get kStateExpandedClass(): boolean;
108
- get itemId(): string;
109
- get ariaExpanded(): boolean;
110
- get ariaSelected(): boolean;
111
- get ariaDisabled(): boolean;
112
- get headerClass(): boolean;
113
- /**
114
- * @hidden
115
- */
116
- get titleTemplate(): TemplateRef<any>;
117
- viewChildItems: QueryList<PanelBarItemComponent>;
118
- contentItems: QueryList<PanelBarItemComponent>;
119
- contentTemplate: QueryList<PanelBarContentDirective>;
120
- titleTemplates: QueryList<PanelBarItemTitleDirective>;
121
- focused: boolean;
122
- wrapperFocused: boolean;
123
- protected subscriptions: Subscription;
124
- private _expanded;
125
- private level;
126
- private _svgIcon;
127
- constructor(parent: PanelBarItemComponent, eventService: PanelBarService, element: ElementRef, renderer: Renderer2);
128
- /**
129
- * @hidden
130
- */
131
- headerHeight(): number;
132
- ngOnInit(): void;
133
- ngAfterContentChecked(): void;
134
- ngAfterViewChecked(): void;
135
- ngOnDestroy(): void;
136
- /**
137
- * @hidden
138
- */
139
- onItemAction(): void;
140
- /**
141
- * @hidden
142
- */
143
- onItemClick(e: any): void;
144
- /**
145
- * @hidden
146
- */
147
- get iconClasses(): any;
148
- /**
149
- * @hidden
150
- */
151
- get customIconClasses(): string;
152
- /**
153
- * @hidden
154
- */
155
- get dirInnerCssClasses(): string;
156
- /**
157
- * @hidden
158
- */
159
- get expanderSVGIcon(): SVGIcon;
160
- /**
161
- * @hidden
162
- */
163
- serialize(): PanelBarItemModel;
164
- /**
165
- * @hidden
166
- */
167
- subTreeViewItems(): Array<PanelBarItemComponent>;
168
- /**
169
- * @hidden
170
- */
171
- validateConfiguration(): void;
172
- /**
173
- * @hidden
174
- */
175
- toggleAnimationState(value: boolean): void;
176
- /**
177
- * @hidden
178
- */
179
- toggleExpandedChildAnimations(value: boolean): void;
180
- /**
181
- * @hidden
182
- */
183
- private addLevelClass;
184
- private onWrapperFocusChange;
185
- static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarItemComponent, [{ optional: true; host: true; skipSelf: true; }, null, null, null]>;
186
- static ɵcmp: i0.ɵɵComponentDeclaration<PanelBarItemComponent, "kendo-panelbar-item", ["kendoPanelbarItem"], { "title": { "alias": "title"; "required": false; }; "id": { "alias": "id"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "content": { "alias": "content"; "required": false; }; "items": { "alias": "items"; "required": false; }; "template": { "alias": "template"; "required": false; }; }, {}, ["contentItems", "contentTemplate", "titleTemplates"], ["kendo-panelbar-item"], true, never>;
187
- }
@@ -1,196 +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 { AfterViewChecked, ElementRef, EventEmitter, OnChanges, QueryList, SimpleChange, TemplateRef, OnInit, OnDestroy } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { LicenseMessage } from '@progress/kendo-licensing';
8
- import { PanelBarExpandMode } from './panelbar-expand-mode';
9
- import { PanelBarItemComponent } from './panelbar-item.component';
10
- import { PanelBarItemModel } from './panelbar-item-model';
11
- import { PanelBarService } from "./panelbar.service";
12
- import { PanelBarItemTemplateDirective } from "./panelbar-item-template.directive";
13
- import { PanelBarSelectEvent, PanelBarExpandEvent, PanelBarCollapseEvent, PanelBarStateChangeEvent, PanelBarItemClickEvent } from './events';
14
- import * as i0 from "@angular/core";
15
- /**
16
- * Represents the Kendo UI PanelBar component for Angular.
17
- * Displays hierarchical data as an expandable and collapsible accordion-style interface ([see overview](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar)).
18
- *
19
- * @example
20
- * ```typescript
21
- * @Component({
22
- * selector: 'my-app',
23
- * template: `
24
- * <kendo-panelbar [items]="items" expandMode="single">
25
- * </kendo-panelbar>
26
- * `
27
- * })
28
- * class AppComponent {
29
- * items = [
30
- * { title: 'Item 1', expanded: true, content: 'Content 1' },
31
- * { title: 'Item 2', content: 'Content 2' }
32
- * ];
33
- * }
34
- * ```
35
- * @remarks
36
- * Supported children components are: {@link PanelBarItemComponent}.
37
- */
38
- export declare class PanelBarComponent implements AfterViewChecked, OnChanges, OnInit, OnDestroy {
39
- private localization;
40
- /**
41
- * Sets the expand mode of the PanelBar through the `PanelBarExpandMode` enum ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/expand-modes)).
42
- *
43
- * @default 'multiple
44
- */
45
- expandMode: PanelBarExpandMode;
46
- /**
47
- * Allows the PanelBar to modify the selected state of the items.
48
- *
49
- * @default true
50
- */
51
- selectable: boolean;
52
- /**
53
- * Sets the animate state of the PanelBar ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/animations)).
54
- *
55
- * @default true
56
- */
57
- animate: boolean;
58
- /**
59
- * Sets the height of the component when the `"full"` expand mode is used.
60
- * This option is ignored when the `"multiple"` or `"single"` expand modes are used.
61
- *
62
- * @default '400px'
63
- */
64
- height: any;
65
- /**
66
- * Controls how the PanelBar renders item content.
67
- *
68
- * The available options are:
69
- *
70
- * * `true`&mdash;Renders all items' content and persists them in the DOM.
71
- * * `false`&mdash;Removes collapsed items' content from the DOM.
72
- * * `"loadOnDemand"`&mdash;Loads items' content only when expanded for the first time. Collapsed items' content is not rendered until the item is expanded.
73
- *
74
- * For more information, refer to the [Rendering Modes](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/rendering-modes) article.
75
- *
76
- * @default false
77
- */
78
- get keepItemContent(): boolean | 'loadOnDemand';
79
- set keepItemContent(keepItemContent: boolean | 'loadOnDemand');
80
- /**
81
- * Sets the items of the PanelBar as an array of `PanelBarItemModel` instances
82
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items)).
83
- */
84
- set items(data: Array<PanelBarItemModel>);
85
- get items(): Array<PanelBarItemModel>;
86
- /**
87
- * Fires when the state of the PanelBar changes.
88
- * This event is triggered when an item is selected, expanded, or collapsed.
89
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/routing#using-router-service)).
90
- * The event data contains a collection of all items that are modified.
91
- */
92
- stateChange: EventEmitter<PanelBarStateChangeEvent>;
93
- /**
94
- * Fires when an item is about to be selected.
95
- * This event is preventable. If you cancel it, the item will not be selected
96
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/events)).
97
- */
98
- select: EventEmitter<PanelBarSelectEvent>;
99
- /**
100
- * Fires when an item is about to be expanded.
101
- * This event is preventable. If you cancel it, the item will remain collapsed
102
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/events)).
103
- */
104
- expand: EventEmitter<PanelBarExpandEvent>;
105
- /**
106
- * Fires when an item is about to be collapsed.
107
- * This event is preventable. If you cancel it, the item will remain expanded
108
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/events)).
109
- */
110
- collapse: EventEmitter<PanelBarCollapseEvent>;
111
- /**
112
- * Fires when an item is clicked ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/events)).
113
- */
114
- itemClick: EventEmitter<PanelBarItemClickEvent>;
115
- hostClasses: boolean;
116
- tabIndex: number;
117
- role: string;
118
- activeDescendant: string;
119
- get hostHeight(): string;
120
- get overflow(): string;
121
- get dir(): string;
122
- template: PanelBarItemTemplateDirective;
123
- contentItems: QueryList<PanelBarItemComponent>;
124
- contentChildItems: QueryList<PanelBarItemComponent>;
125
- viewChildItems: QueryList<PanelBarItemComponent>;
126
- /**
127
- * @hidden
128
- */
129
- showLicenseWatermark: boolean;
130
- /**
131
- * @hidden
132
- */
133
- licenseMessage?: LicenseMessage;
134
- private allItems;
135
- private childrenItems;
136
- private isViewInit;
137
- private focused;
138
- private _items;
139
- private _keepItemContent;
140
- private elementRef;
141
- private eventService;
142
- private keyBindings;
143
- private subs;
144
- constructor(elementRef: ElementRef, eventService: PanelBarService, localization: LocalizationService);
145
- /**
146
- * @hidden
147
- */
148
- invertKeys(original: any, inverted: any): any;
149
- get computedKeys(): object;
150
- ngOnDestroy(): void;
151
- ngOnInit(): void;
152
- ngAfterViewChecked(): void;
153
- ngOnChanges(changes: {
154
- [propertyName: string]: SimpleChange;
155
- }): void;
156
- get templateRef(): TemplateRef<any>;
157
- /**
158
- * @hidden
159
- */
160
- onComponentClick(event: any): void;
161
- /**
162
- * @hidden
163
- */
164
- onComponentFocus(): void;
165
- /**
166
- * @hidden
167
- */
168
- onComponentBlur(): void;
169
- /**
170
- * @hidden
171
- */
172
- onComponentKeyDown(event: KeyboardEvent): void;
173
- /**
174
- * @hidden
175
- */
176
- emitEvent(event: string, item: PanelBarItemComponent): any;
177
- private get viewItems();
178
- private validateConfiguration;
179
- private updateChildrenHeight;
180
- private onItemAction;
181
- private isVisible;
182
- private getVisibleParent;
183
- private focusItem;
184
- private moveFocus;
185
- private focusLastItem;
186
- private focusFirstItem;
187
- private focusNextItem;
188
- private focusPreviousItem;
189
- private expandItem;
190
- private collapseItem;
191
- private selectFocusedItem;
192
- private visibleItems;
193
- private flatVisibleItems;
194
- static ɵfac: i0.ɵɵFactoryDeclaration<PanelBarComponent, never>;
195
- static ɵcmp: i0.ɵɵComponentDeclaration<PanelBarComponent, "kendo-panelbar", ["kendoPanelbar"], { "expandMode": { "alias": "expandMode"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "height": { "alias": "height"; "required": false; }; "keepItemContent": { "alias": "keepItemContent"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "stateChange": "stateChange"; "select": "select"; "expand": "expand"; "collapse": "collapse"; "itemClick": "itemClick"; }, ["template", "contentItems", "contentChildItems"], ["kendo-panelbar-item"], true, never>;
196
- }