@progress/kendo-angular-layout 21.4.1-develop.1 → 22.0.0-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (182) hide show
  1. package/avatar/l10n/messages.d.ts +1 -1
  2. package/fesm2022/progress-kendo-angular-layout.mjs +290 -290
  3. package/package.json +12 -20
  4. package/stepper/localization/messages.d.ts +1 -1
  5. package/tabstrip/localization/messages.d.ts +1 -1
  6. package/timeline/localization/messages.d.ts +1 -1
  7. package/esm2022/avatar/avatar.component.mjs +0 -406
  8. package/esm2022/avatar/l10n/custom-messages.component.mjs +0 -53
  9. package/esm2022/avatar/l10n/localized-messages.directive.mjs +0 -40
  10. package/esm2022/avatar/l10n/messages.mjs +0 -27
  11. package/esm2022/avatar/models/fill.mjs +0 -5
  12. package/esm2022/avatar/models/models.mjs +0 -9
  13. package/esm2022/avatar/models/rounded.mjs +0 -5
  14. package/esm2022/avatar/models/shape.mjs +0 -5
  15. package/esm2022/avatar/models/size.mjs +0 -5
  16. package/esm2022/avatar/models/theme-color.mjs +0 -5
  17. package/esm2022/avatar.module.mjs +0 -38
  18. package/esm2022/card/card-actions.component.mjs +0 -177
  19. package/esm2022/card/card-body.component.mjs +0 -37
  20. package/esm2022/card/card-footer.component.mjs +0 -37
  21. package/esm2022/card/card-header.component.mjs +0 -38
  22. package/esm2022/card/card.component.mjs +0 -118
  23. package/esm2022/card/directives/card-media.directive.mjs +0 -33
  24. package/esm2022/card/directives/card-separator.directive.mjs +0 -61
  25. package/esm2022/card/directives/card-subtitle.directive.mjs +0 -31
  26. package/esm2022/card/directives/card-title.directive.mjs +0 -31
  27. package/esm2022/card/models/actions-layout.mjs +0 -5
  28. package/esm2022/card/models/card-action.mjs +0 -21
  29. package/esm2022/card.module.mjs +0 -45
  30. package/esm2022/common/direction.mjs +0 -5
  31. package/esm2022/common/dom-queries.mjs +0 -47
  32. package/esm2022/common/orientation.mjs +0 -5
  33. package/esm2022/common/preventable-event.mjs +0 -31
  34. package/esm2022/common/styling-classes.mjs +0 -5
  35. package/esm2022/common/util.mjs +0 -85
  36. package/esm2022/directives.mjs +0 -174
  37. package/esm2022/drawer/animations.mjs +0 -146
  38. package/esm2022/drawer/drawer-container.component.mjs +0 -135
  39. package/esm2022/drawer/drawer-content.component.mjs +0 -39
  40. package/esm2022/drawer/drawer.component.mjs +0 -471
  41. package/esm2022/drawer/drawer.service.mjs +0 -105
  42. package/esm2022/drawer/events/drawer-list-select.event.mjs +0 -29
  43. package/esm2022/drawer/events/select-event.mjs +0 -33
  44. package/esm2022/drawer/item.component.mjs +0 -210
  45. package/esm2022/drawer/list.component.mjs +0 -165
  46. package/esm2022/drawer/models/constants.mjs +0 -8
  47. package/esm2022/drawer/models/drawer-animation.interface.mjs +0 -5
  48. package/esm2022/drawer/models/drawer-item-expand.interface.mjs +0 -5
  49. package/esm2022/drawer/models/drawer-item.interface.mjs +0 -5
  50. package/esm2022/drawer/models/drawer-view-item.interface.mjs +0 -5
  51. package/esm2022/drawer/models/mode.mjs +0 -5
  52. package/esm2022/drawer/models/position.mjs +0 -5
  53. package/esm2022/drawer/template-directives/drawer-template.directive.mjs +0 -43
  54. package/esm2022/drawer/template-directives/footer-template.directive.mjs +0 -36
  55. package/esm2022/drawer/template-directives/header-template.directive.mjs +0 -36
  56. package/esm2022/drawer/template-directives/item-template.directive.mjs +0 -44
  57. package/esm2022/drawer/template-directives.mjs +0 -8
  58. package/esm2022/drawer/types.mjs +0 -5
  59. package/esm2022/drawer/util.mjs +0 -16
  60. package/esm2022/drawer.module.mjs +0 -43
  61. package/esm2022/expansionpanel/animations.mjs +0 -23
  62. package/esm2022/expansionpanel/events/action-event.mjs +0 -21
  63. package/esm2022/expansionpanel/expansionpanel-title.directive.mjs +0 -38
  64. package/esm2022/expansionpanel/expansionpanel.component.mjs +0 -515
  65. package/esm2022/expansionpanel.module.mjs +0 -38
  66. package/esm2022/gridlayout.module.mjs +0 -38
  67. package/esm2022/index.mjs +0 -89
  68. package/esm2022/layout.module.mjs +0 -89
  69. package/esm2022/layouts/grid-layout.component.mjs +0 -179
  70. package/esm2022/layouts/gridlayout-item.component.mjs +0 -82
  71. package/esm2022/layouts/models/gridlayout-gap-settings.mjs +0 -5
  72. package/esm2022/layouts/models/gridlayout-row-col-size.mjs +0 -5
  73. package/esm2022/layouts/models/layout-align-settings.mjs +0 -5
  74. package/esm2022/layouts/models/layout-horizontal-align.mjs +0 -5
  75. package/esm2022/layouts/models/layout-vertical-align.mjs +0 -5
  76. package/esm2022/layouts/models.mjs +0 -10
  77. package/esm2022/layouts/stack-layout.component.mjs +0 -161
  78. package/esm2022/layouts/util.mjs +0 -101
  79. package/esm2022/package-metadata.mjs +0 -16
  80. package/esm2022/panelbar/events/collapse-event.mjs +0 -14
  81. package/esm2022/panelbar/events/expand-event.mjs +0 -14
  82. package/esm2022/panelbar/events/item-click-event.mjs +0 -17
  83. package/esm2022/panelbar/events/select-event.mjs +0 -14
  84. package/esm2022/panelbar/events/state-change-event.mjs +0 -13
  85. package/esm2022/panelbar/events.mjs +0 -9
  86. package/esm2022/panelbar/panelbar-content.directive.mjs +0 -36
  87. package/esm2022/panelbar/panelbar-expand-mode.mjs +0 -29
  88. package/esm2022/panelbar/panelbar-item-model.mjs +0 -5
  89. package/esm2022/panelbar/panelbar-item-template.directive.mjs +0 -37
  90. package/esm2022/panelbar/panelbar-item-title.directive.mjs +0 -42
  91. package/esm2022/panelbar/panelbar-item.component.mjs +0 -722
  92. package/esm2022/panelbar/panelbar.component.mjs +0 -705
  93. package/esm2022/panelbar/panelbar.service.mjs +0 -53
  94. package/esm2022/panelbar.module.mjs +0 -41
  95. package/esm2022/progress-kendo-angular-layout.mjs +0 -8
  96. package/esm2022/splitter/splitter-bar.component.mjs +0 -338
  97. package/esm2022/splitter/splitter-pane.component.mjs +0 -324
  98. package/esm2022/splitter/splitter.component.mjs +0 -301
  99. package/esm2022/splitter/splitter.service.mjs +0 -205
  100. package/esm2022/splitter/util.mjs +0 -34
  101. package/esm2022/splitter.module.mjs +0 -38
  102. package/esm2022/stacklayout.module.mjs +0 -37
  103. package/esm2022/stepper/events/activate-event.mjs +0 -33
  104. package/esm2022/stepper/list.component.mjs +0 -185
  105. package/esm2022/stepper/localization/custom-messages.component.mjs +0 -52
  106. package/esm2022/stepper/localization/localized-messages.directive.mjs +0 -41
  107. package/esm2022/stepper/localization/messages.mjs +0 -27
  108. package/esm2022/stepper/models/constants.mjs +0 -8
  109. package/esm2022/stepper/models/orientation.mjs +0 -5
  110. package/esm2022/stepper/models/step-predicate.mjs +0 -5
  111. package/esm2022/stepper/models/step-type.mjs +0 -5
  112. package/esm2022/stepper/models/stepper-step.interface.mjs +0 -5
  113. package/esm2022/stepper/step.component.mjs +0 -396
  114. package/esm2022/stepper/stepper.component.mjs +0 -423
  115. package/esm2022/stepper/stepper.service.mjs +0 -186
  116. package/esm2022/stepper/template-directives/indicator-template.directive.mjs +0 -37
  117. package/esm2022/stepper/template-directives/label-template.directive.mjs +0 -37
  118. package/esm2022/stepper/template-directives/step-template.directive.mjs +0 -39
  119. package/esm2022/stepper/template-directives.mjs +0 -7
  120. package/esm2022/stepper/types.mjs +0 -5
  121. package/esm2022/stepper.module.mjs +0 -41
  122. package/esm2022/tabstrip/constants.mjs +0 -29
  123. package/esm2022/tabstrip/directives/tab-content.directive.mjs +0 -39
  124. package/esm2022/tabstrip/directives/tab-title.directive.mjs +0 -37
  125. package/esm2022/tabstrip/directives/tab.directive.mjs +0 -24
  126. package/esm2022/tabstrip/events/select-event.mjs +0 -25
  127. package/esm2022/tabstrip/events/tabclose-event.mjs +0 -23
  128. package/esm2022/tabstrip/events/tabscroll-event.mjs +0 -23
  129. package/esm2022/tabstrip/events.mjs +0 -7
  130. package/esm2022/tabstrip/localization/custom-messages.component.mjs +0 -53
  131. package/esm2022/tabstrip/localization/localized-messages.directive.mjs +0 -39
  132. package/esm2022/tabstrip/localization/messages.mjs +0 -39
  133. package/esm2022/tabstrip/models/button-state-change.mjs +0 -5
  134. package/esm2022/tabstrip/models/scroll-button-type.mjs +0 -5
  135. package/esm2022/tabstrip/models/scroll-buttons-visibility.mjs +0 -5
  136. package/esm2022/tabstrip/models/scrollable-settings.mjs +0 -23
  137. package/esm2022/tabstrip/models/size.mjs +0 -5
  138. package/esm2022/tabstrip/models/tab-alignment.mjs +0 -5
  139. package/esm2022/tabstrip/models/tab-position.mjs +0 -5
  140. package/esm2022/tabstrip/models/tabstrip-tab.component.mjs +0 -130
  141. package/esm2022/tabstrip/rendering/tab.component.mjs +0 -182
  142. package/esm2022/tabstrip/scrollable-button.component.mjs +0 -182
  143. package/esm2022/tabstrip/tabstrip-scroll.service.mjs +0 -176
  144. package/esm2022/tabstrip/tabstrip.component.mjs +0 -954
  145. package/esm2022/tabstrip/tabstrip.service.mjs +0 -155
  146. package/esm2022/tabstrip/util.mjs +0 -120
  147. package/esm2022/tabstrip.module.mjs +0 -41
  148. package/esm2022/tilelayout/constants.mjs +0 -70
  149. package/esm2022/tilelayout/dragging-service.mjs +0 -421
  150. package/esm2022/tilelayout/keyboard-navigation.service.mjs +0 -189
  151. package/esm2022/tilelayout/models/dragging-config.interface.mjs +0 -5
  152. package/esm2022/tilelayout/models/flowmode.type.mjs +0 -5
  153. package/esm2022/tilelayout/models/gap.interface.mjs +0 -5
  154. package/esm2022/tilelayout/models/navigation.interface.mjs +0 -5
  155. package/esm2022/tilelayout/reorder-event.mjs +0 -43
  156. package/esm2022/tilelayout/resize-event.mjs +0 -37
  157. package/esm2022/tilelayout/tilelayout-item-body.component.mjs +0 -45
  158. package/esm2022/tilelayout/tilelayout-item-header.component.mjs +0 -43
  159. package/esm2022/tilelayout/tilelayout-item.component.mjs +0 -322
  160. package/esm2022/tilelayout/tilelayout-resize-handle.directive.mjs +0 -61
  161. package/esm2022/tilelayout/tilelayout.component.mjs +0 -388
  162. package/esm2022/tilelayout/util.mjs +0 -138
  163. package/esm2022/tilelayout.module.mjs +0 -40
  164. package/esm2022/timeline/events/navigation-direction.mjs +0 -5
  165. package/esm2022/timeline/localization/custom-messages.component.mjs +0 -43
  166. package/esm2022/timeline/localization/localized-messages.directive.mjs +0 -39
  167. package/esm2022/timeline/localization/messages.mjs +0 -33
  168. package/esm2022/timeline/models/anchor-target.mjs +0 -5
  169. package/esm2022/timeline/models/default-model-fields.mjs +0 -16
  170. package/esm2022/timeline/models/events-order.mjs +0 -5
  171. package/esm2022/timeline/models/model-fields.mjs +0 -5
  172. package/esm2022/timeline/models/timeline-event.mjs +0 -5
  173. package/esm2022/timeline/templates/timeline-card-actions.directive.mjs +0 -40
  174. package/esm2022/timeline/templates/timeline-card-body.directive.mjs +0 -40
  175. package/esm2022/timeline/templates/timeline-card-header.directive.mjs +0 -41
  176. package/esm2022/timeline/timeline-card.component.mjs +0 -451
  177. package/esm2022/timeline/timeline-horizontal.component.mjs +0 -781
  178. package/esm2022/timeline/timeline-vertical.component.mjs +0 -203
  179. package/esm2022/timeline/timeline.component.mjs +0 -491
  180. package/esm2022/timeline/timeline.service.mjs +0 -32
  181. package/esm2022/timeline/util.mjs +0 -26
  182. package/esm2022/timeline.module.mjs +0 -41
@@ -1,38 +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 { NgModule } from '@angular/core';
6
- import { KENDO_AVATAR } from './directives';
7
- import * as i0 from "@angular/core";
8
- import * as i1 from "./avatar/avatar.component";
9
- import * as i2 from "./avatar/l10n/custom-messages.component";
10
- // IMPORTANT: NgModule export kept for backwards compatibility
11
- /**
12
- * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Avatar component.
13
- *
14
- * Use this module to add the Avatar component to your NgModule-based Angular application.
15
- *
16
- * @example
17
- * ```typescript
18
- * import { AvatarModule } from '@progress/kendo-angular-layout';
19
- * import { NgModule } from '@angular/core';
20
- *
21
- * @NgModule({
22
- * imports: [AvatarModule]
23
- * })
24
- * export class AppModule { }
25
- * ```
26
- */
27
- export class AvatarModule {
28
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
29
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AvatarModule, imports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent], exports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent] });
30
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarModule, imports: [i1.AvatarComponent] });
31
- }
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarModule, decorators: [{
33
- type: NgModule,
34
- args: [{
35
- exports: [...KENDO_AVATAR],
36
- imports: [...KENDO_AVATAR]
37
- }]
38
- }] });
@@ -1,177 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, EventEmitter, HostBinding, Input, Output, TemplateRef } from '@angular/core';
6
- import { NgTemplateOutlet } from '@angular/common';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * Defines the action buttons of the Card ([see example]({% slug actions_card %})).
10
- * The Card actions can be used to perform operations related to the Card's content, such as saving, editing, or deleting.
11
- *
12
- * @example
13
- * ```html
14
- * <kendo-card-actions
15
- * layout="end"
16
- * orientation="horizontal">
17
- * </kendo-card-actions>
18
- * ```
19
- */
20
- export class CardActionsComponent {
21
- hostClass = true;
22
- get stretchedClass() {
23
- return this.layout === 'stretched';
24
- }
25
- get startClass() {
26
- return this.layout === 'start';
27
- }
28
- get endClass() {
29
- return this.layout === 'end';
30
- }
31
- get centerClass() {
32
- return this.layout === 'center';
33
- }
34
- get verticalClass() {
35
- return this.orientation === 'vertical';
36
- }
37
- get horizontalClass() {
38
- return this.orientation === 'horizontal';
39
- }
40
- /**
41
- * Specifies the orientation of the Card action buttons.
42
- *
43
- * @default 'horizontal'
44
- */
45
- orientation = 'horizontal';
46
- /**
47
- * Specifies the layout of the Card action buttons.
48
- *
49
- * @default 'start'
50
- */
51
- layout = 'start';
52
- /**
53
- * Defines the Card actions declaratively.
54
- * You can pass an array of `CardAction` objects or a `TemplateRef`.
55
- */
56
- set actions(value) {
57
- if (Array.isArray(value)) {
58
- this.actionsArray = value;
59
- }
60
- else if (value instanceof TemplateRef) {
61
- this.actionsTemplate = value;
62
- }
63
- }
64
- /**
65
- * Fires when you click an action button.
66
- */
67
- action = new EventEmitter();
68
- /**
69
- * @hidden
70
- */
71
- actionsArray;
72
- /**
73
- * @hidden
74
- */
75
- actionsTemplate;
76
- /**
77
- * @hidden
78
- */
79
- onClick(action) {
80
- this.action.emit(action);
81
- }
82
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
83
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CardActionsComponent, isStandalone: true, selector: "kendo-card-actions", inputs: { orientation: "orientation", layout: "layout", actions: "actions" }, outputs: { action: "action" }, host: { properties: { "class.k-actions": "this.hostClass", "class.k-card-actions": "this.hostClass", "class.k-actions-stretched": "this.stretchedClass", "class.k-actions-start": "this.startClass", "class.k-actions-end": "this.endClass", "class.k-actions-center": "this.centerClass", "class.k-actions-vertical": "this.verticalClass", "class.k-actions-horizontal": "this.horizontalClass" } }, ngImport: i0, template: `
84
- @if (!actionsArray && !actionsTemplate) {
85
- <ng-content></ng-content>
86
- }
87
-
88
- @if (actionsArray) {
89
- @for (action of actionsArray; track action) {
90
- <button
91
- type="button"
92
- class="k-button k-button-md k-rounded-md"
93
- [class.k-button-solid]="!action.flat"
94
- [class.k-button-flat]="action.flat"
95
- [class.k-button-solid-base]="!action.primary && !action.flat"
96
- [class.k-button-solid-primary]="action.primary && !action.flat"
97
- [class.k-button-flat-base]="!action.primary && action.flat"
98
- [class.k-button-flat-primary]="action.primary && action.flat"
99
- (click)="onClick(action)"
100
- >
101
- <span class="k-button-text">{{ action.text }}</span>
102
- </button>
103
- }
104
- }
105
-
106
- @if (actionsTemplate) {
107
- <ng-template [ngTemplateOutlet]="actionsTemplate"></ng-template>
108
- }
109
- `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
110
- }
111
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardActionsComponent, decorators: [{
112
- type: Component,
113
- args: [{
114
- selector: 'kendo-card-actions',
115
- template: `
116
- @if (!actionsArray && !actionsTemplate) {
117
- <ng-content></ng-content>
118
- }
119
-
120
- @if (actionsArray) {
121
- @for (action of actionsArray; track action) {
122
- <button
123
- type="button"
124
- class="k-button k-button-md k-rounded-md"
125
- [class.k-button-solid]="!action.flat"
126
- [class.k-button-flat]="action.flat"
127
- [class.k-button-solid-base]="!action.primary && !action.flat"
128
- [class.k-button-solid-primary]="action.primary && !action.flat"
129
- [class.k-button-flat-base]="!action.primary && action.flat"
130
- [class.k-button-flat-primary]="action.primary && action.flat"
131
- (click)="onClick(action)"
132
- >
133
- <span class="k-button-text">{{ action.text }}</span>
134
- </button>
135
- }
136
- }
137
-
138
- @if (actionsTemplate) {
139
- <ng-template [ngTemplateOutlet]="actionsTemplate"></ng-template>
140
- }
141
- `,
142
- standalone: true,
143
- imports: [NgTemplateOutlet]
144
- }]
145
- }], propDecorators: { hostClass: [{
146
- type: HostBinding,
147
- args: ['class.k-actions']
148
- }, {
149
- type: HostBinding,
150
- args: ['class.k-card-actions']
151
- }], stretchedClass: [{
152
- type: HostBinding,
153
- args: ['class.k-actions-stretched']
154
- }], startClass: [{
155
- type: HostBinding,
156
- args: ['class.k-actions-start']
157
- }], endClass: [{
158
- type: HostBinding,
159
- args: ['class.k-actions-end']
160
- }], centerClass: [{
161
- type: HostBinding,
162
- args: ['class.k-actions-center']
163
- }], verticalClass: [{
164
- type: HostBinding,
165
- args: ['class.k-actions-vertical']
166
- }], horizontalClass: [{
167
- type: HostBinding,
168
- args: ['class.k-actions-horizontal']
169
- }], orientation: [{
170
- type: Input
171
- }], layout: [{
172
- type: Input
173
- }], actions: [{
174
- type: Input
175
- }], action: [{
176
- type: Output
177
- }] } });
@@ -1,37 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, HostBinding } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines the content in the Card body.
9
- * The body is the main area of the Card where the primary content is displayed.
10
- *
11
- * @example
12
- * ```html
13
- * <kendo-card-body>
14
- * <p>Main content of the card.</p>
15
- * </kendo-card-body>
16
- * ```
17
- */
18
- export class CardBodyComponent {
19
- hostClass = true;
20
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
21
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardBodyComponent, isStandalone: true, selector: "kendo-card-body", host: { properties: { "class.k-card-body": "this.hostClass" } }, ngImport: i0, template: `
22
- <ng-content></ng-content>
23
- `, isInline: true });
24
- }
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardBodyComponent, decorators: [{
26
- type: Component,
27
- args: [{
28
- selector: 'kendo-card-body',
29
- template: `
30
- <ng-content></ng-content>
31
- `,
32
- standalone: true
33
- }]
34
- }], propDecorators: { hostClass: [{
35
- type: HostBinding,
36
- args: ['class.k-card-body']
37
- }] } });
@@ -1,37 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, HostBinding } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines the content in the Card footer.
9
- * The footer can include additional information, actions, or links related to the Card's content.
10
- *
11
- * @example
12
- * ```html
13
- * <kendo-card-footer>
14
- * <p>Footer content</p>
15
- * </kendo-card-footer>
16
- * ```
17
- */
18
- export class CardFooterComponent {
19
- hostClass = true;
20
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
21
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardFooterComponent, isStandalone: true, selector: "kendo-card-footer", host: { properties: { "class.k-card-footer": "this.hostClass" } }, ngImport: i0, template: `
22
- <ng-content></ng-content>
23
- `, isInline: true });
24
- }
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardFooterComponent, decorators: [{
26
- type: Component,
27
- args: [{
28
- selector: 'kendo-card-footer',
29
- template: `
30
- <ng-content></ng-content>
31
- `,
32
- standalone: true
33
- }]
34
- }], propDecorators: { hostClass: [{
35
- type: HostBinding,
36
- args: ['class.k-card-footer']
37
- }] } });
@@ -1,38 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, HostBinding } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines the content in the Card header.
9
- * The header can include a title, subtitle, and other elements that provide context for the Card's content.
10
- *
11
- * @example
12
- * ```html
13
- * <kendo-card-header>
14
- * <h5 kendoCardTitle>Card Title</h5>
15
- * <p kendoCardSubtitle>Card Subtitle</p>
16
- * </kendo-card-header>
17
- * ```
18
- */
19
- export class CardHeaderComponent {
20
- hostClass = true;
21
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
22
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardHeaderComponent, isStandalone: true, selector: "kendo-card-header", host: { properties: { "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
23
- <ng-content></ng-content>
24
- `, isInline: true });
25
- }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardHeaderComponent, decorators: [{
27
- type: Component,
28
- args: [{
29
- selector: 'kendo-card-header',
30
- template: `
31
- <ng-content></ng-content>
32
- `,
33
- standalone: true
34
- }]
35
- }], propDecorators: { hostClass: [{
36
- type: HostBinding,
37
- args: ['class.k-card-header']
38
- }] } });
@@ -1,118 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, HostBinding, Input } from '@angular/core';
6
- import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
7
- import { validatePackage } from '@progress/kendo-licensing';
8
- import { packageMetadata } from '../package-metadata';
9
- import * as i0 from "@angular/core";
10
- import * as i1 from "@progress/kendo-angular-l10n";
11
- /**
12
- * Represents the Kendo UI Card component for Angular.
13
- * Displays content in a structured container with customizable layout and styling ([Card overview]({% slug overview_card %})).
14
- *
15
- * @example
16
- * ```html
17
- * <kendo-card orientation="vertical">
18
- * <kendo-card-header>
19
- * <h5 kendoCardTitle>Card Title</h5>
20
- * </kendo-card-header>
21
- * <kendo-card-body>
22
- * <p>Card content goes here.</p>
23
- * </kendo-card-body>
24
- * </kendo-card>
25
- * ```
26
- * @remarks
27
- * Supported children components are: {@link CardFooterComponent}, {@link CardHeaderComponent}, {@link CardActionsComponent}, {@link CardBodyComponent}.
28
- */
29
- export class CardComponent {
30
- localizationService;
31
- hostClass = true;
32
- get widthStyle() {
33
- return this.width;
34
- }
35
- get vertical() {
36
- return this.orientation === 'vertical';
37
- }
38
- get horizontal() {
39
- return this.orientation === 'horizontal';
40
- }
41
- /**
42
- * @hidden
43
- */
44
- direction;
45
- /**
46
- * Specifies the layout of the Card content.
47
- *
48
- * @default 'vertical'
49
- */
50
- orientation = 'vertical';
51
- /**
52
- * Defines the width of the Card.
53
- *
54
- * @default '285px'
55
- */
56
- width = '285px';
57
- dynamicRTLSubscription;
58
- rtl = false;
59
- constructor(localizationService) {
60
- this.localizationService = localizationService;
61
- validatePackage(packageMetadata);
62
- this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
63
- this.rtl = rtl;
64
- this.direction = this.rtl ? 'rtl' : 'ltr';
65
- });
66
- }
67
- ngOnDestroy() {
68
- if (this.dynamicRTLSubscription) {
69
- this.dynamicRTLSubscription.unsubscribe();
70
- }
71
- }
72
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
73
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardComponent, isStandalone: true, selector: "kendo-card", inputs: { orientation: "orientation", width: "width" }, host: { properties: { "class.k-card": "this.hostClass", "style.width": "this.widthStyle", "class.k-card-vertical": "this.vertical", "class.k-card-horizontal": "this.horizontal", "attr.dir": "this.direction" } }, providers: [
74
- LocalizationService,
75
- {
76
- provide: L10N_PREFIX,
77
- useValue: 'kendo.card.component'
78
- }
79
- ], ngImport: i0, template: `
80
- <ng-content></ng-content>
81
- `, isInline: true });
82
- }
83
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardComponent, decorators: [{
84
- type: Component,
85
- args: [{
86
- selector: 'kendo-card',
87
- providers: [
88
- LocalizationService,
89
- {
90
- provide: L10N_PREFIX,
91
- useValue: 'kendo.card.component'
92
- }
93
- ],
94
- template: `
95
- <ng-content></ng-content>
96
- `,
97
- standalone: true
98
- }]
99
- }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { hostClass: [{
100
- type: HostBinding,
101
- args: ['class.k-card']
102
- }], widthStyle: [{
103
- type: HostBinding,
104
- args: ['style.width']
105
- }], vertical: [{
106
- type: HostBinding,
107
- args: ['class.k-card-vertical']
108
- }], horizontal: [{
109
- type: HostBinding,
110
- args: ['class.k-card-horizontal']
111
- }], direction: [{
112
- type: HostBinding,
113
- args: ['attr.dir']
114
- }], orientation: [{
115
- type: Input
116
- }], width: [{
117
- type: Input
118
- }] } });
@@ -1,33 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive, HostBinding } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines any media that displays and aligns in the Card.
9
- * The media can be an image, video, or any other media type.
10
- *
11
- * ```html
12
- * <kendo-card>
13
- * <div kendoCardMedia>
14
- * <img src="path/to/image.jpg" alt="Card Media">
15
- * </div>
16
- * </kendo-card>
17
- * ```
18
- */
19
- export class CardMediaDirective {
20
- hostClass = true;
21
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardMediaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
22
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CardMediaDirective, isStandalone: true, selector: "[kendoCardMedia]", host: { properties: { "class.k-card-media": "this.hostClass" } }, ngImport: i0 });
23
- }
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardMediaDirective, decorators: [{
25
- type: Directive,
26
- args: [{
27
- selector: '[kendoCardMedia]',
28
- standalone: true
29
- }]
30
- }], propDecorators: { hostClass: [{
31
- type: HostBinding,
32
- args: ['class.k-card-media']
33
- }] } });
@@ -1,61 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive, HostBinding, Input } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines a separator in the content of the Card.
9
- * The separator can be used to visually divide sections within the Card.
10
- *
11
- * ```html
12
- * <kendo-card>
13
- * <div kendoCardSeparator></div>
14
- * <p>Content below the separator</p>
15
- * </kendo-card>
16
- * ```
17
- */
18
- export class CardSeparatorDirective {
19
- hostClass = true;
20
- get verticalClass() {
21
- return this.orientation === 'vertical';
22
- }
23
- get horizontalClass() {
24
- return this.orientation === 'horizontal';
25
- }
26
- /**
27
- * Sets the color of the Card separator.
28
- */
29
- color;
30
- /**
31
- * Specifies the orientation of the Card separator.
32
- *
33
- * @default 'horizontal'
34
- */
35
- orientation = 'horizontal';
36
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
37
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CardSeparatorDirective, isStandalone: true, selector: "[kendoCardSeparator]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.k-card-separator": "this.hostClass", "class.k-separator-vertical": "this.verticalClass", "class.k-separator-horizontal": "this.horizontalClass", "style.color": "this.color" } }, ngImport: i0 });
38
- }
39
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardSeparatorDirective, decorators: [{
40
- type: Directive,
41
- args: [{
42
- selector: '[kendoCardSeparator]',
43
- standalone: true
44
- }]
45
- }], propDecorators: { hostClass: [{
46
- type: HostBinding,
47
- args: ['class.k-card-separator']
48
- }], verticalClass: [{
49
- type: HostBinding,
50
- args: ['class.k-separator-vertical']
51
- }], horizontalClass: [{
52
- type: HostBinding,
53
- args: ['class.k-separator-horizontal']
54
- }], color: [{
55
- type: HostBinding,
56
- args: ['style.color']
57
- }, {
58
- type: Input
59
- }], orientation: [{
60
- type: Input
61
- }] } });
@@ -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 { Directive, HostBinding } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines the text and styles for the subtitle of the Card.
9
- * The subtitle is displayed below the title and above the content of the Card.
10
- *
11
- * ```html
12
- * <kendo-card>
13
- * <h4 kendoCardSubtitle>Card Subtitle</h4>
14
- * </kendo-card>
15
- * ```
16
- */
17
- export class CardSubtitleDirective {
18
- hostClass = true;
19
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
20
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CardSubtitleDirective, isStandalone: true, selector: "[kendoCardSubtitle]", host: { properties: { "class.k-card-subtitle": "this.hostClass" } }, ngImport: i0 });
21
- }
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardSubtitleDirective, decorators: [{
23
- type: Directive,
24
- args: [{
25
- selector: '[kendoCardSubtitle]',
26
- standalone: true
27
- }]
28
- }], propDecorators: { hostClass: [{
29
- type: HostBinding,
30
- args: ['class.k-card-subtitle']
31
- }] } });
@@ -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 { Directive, HostBinding } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Defines the text and styles for the title of the Card.
9
- * The title is displayed at the top of the Card, above the subtitle and content.
10
- *
11
- * ```html
12
- * <kendo-card>
13
- * <h3 kendoCardTitle>Card Title</h3>
14
- * </kendo-card>
15
- * ```
16
- */
17
- export class CardTitleDirective {
18
- hostClass = true;
19
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
20
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CardTitleDirective, isStandalone: true, selector: "[kendoCardTitle]", host: { properties: { "class.k-card-title": "this.hostClass" } }, ngImport: i0 });
21
- }
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardTitleDirective, decorators: [{
23
- type: Directive,
24
- args: [{
25
- selector: '[kendoCardTitle]',
26
- standalone: true
27
- }]
28
- }], propDecorators: { hostClass: [{
29
- type: HostBinding,
30
- args: ['class.k-card-title']
31
- }] } });
@@ -1,5 +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 {};
@@ -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
- /**
6
- * Defines the settings of the Card action buttons.
7
- */
8
- export class CardAction {
9
- /**
10
- * Specifies whether the action button uses primary styling.
11
- */
12
- primary;
13
- /**
14
- * Specifies whether the action button uses flat styling.
15
- */
16
- flat;
17
- /**
18
- * Defines the text of the action button.
19
- */
20
- text;
21
- }