@progress/kendo-angular-layout 21.4.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.
- package/avatar/l10n/messages.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-layout.mjs +290 -290
- package/package.json +12 -20
- package/stepper/localization/messages.d.ts +1 -1
- package/tabstrip/localization/messages.d.ts +1 -1
- package/timeline/localization/messages.d.ts +1 -1
- package/esm2022/avatar/avatar.component.mjs +0 -406
- package/esm2022/avatar/l10n/custom-messages.component.mjs +0 -53
- package/esm2022/avatar/l10n/localized-messages.directive.mjs +0 -40
- package/esm2022/avatar/l10n/messages.mjs +0 -27
- package/esm2022/avatar/models/fill.mjs +0 -5
- package/esm2022/avatar/models/models.mjs +0 -9
- package/esm2022/avatar/models/rounded.mjs +0 -5
- package/esm2022/avatar/models/shape.mjs +0 -5
- package/esm2022/avatar/models/size.mjs +0 -5
- package/esm2022/avatar/models/theme-color.mjs +0 -5
- package/esm2022/avatar.module.mjs +0 -38
- package/esm2022/card/card-actions.component.mjs +0 -177
- package/esm2022/card/card-body.component.mjs +0 -37
- package/esm2022/card/card-footer.component.mjs +0 -37
- package/esm2022/card/card-header.component.mjs +0 -38
- package/esm2022/card/card.component.mjs +0 -118
- package/esm2022/card/directives/card-media.directive.mjs +0 -33
- package/esm2022/card/directives/card-separator.directive.mjs +0 -61
- package/esm2022/card/directives/card-subtitle.directive.mjs +0 -31
- package/esm2022/card/directives/card-title.directive.mjs +0 -31
- package/esm2022/card/models/actions-layout.mjs +0 -5
- package/esm2022/card/models/card-action.mjs +0 -21
- package/esm2022/card.module.mjs +0 -45
- package/esm2022/common/direction.mjs +0 -5
- package/esm2022/common/dom-queries.mjs +0 -47
- package/esm2022/common/orientation.mjs +0 -5
- package/esm2022/common/preventable-event.mjs +0 -31
- package/esm2022/common/styling-classes.mjs +0 -5
- package/esm2022/common/util.mjs +0 -85
- package/esm2022/directives.mjs +0 -174
- package/esm2022/drawer/animations.mjs +0 -146
- package/esm2022/drawer/drawer-container.component.mjs +0 -135
- package/esm2022/drawer/drawer-content.component.mjs +0 -39
- package/esm2022/drawer/drawer.component.mjs +0 -471
- package/esm2022/drawer/drawer.service.mjs +0 -105
- package/esm2022/drawer/events/drawer-list-select.event.mjs +0 -29
- package/esm2022/drawer/events/select-event.mjs +0 -33
- package/esm2022/drawer/item.component.mjs +0 -210
- package/esm2022/drawer/list.component.mjs +0 -165
- package/esm2022/drawer/models/constants.mjs +0 -8
- package/esm2022/drawer/models/drawer-animation.interface.mjs +0 -5
- package/esm2022/drawer/models/drawer-item-expand.interface.mjs +0 -5
- package/esm2022/drawer/models/drawer-item.interface.mjs +0 -5
- package/esm2022/drawer/models/drawer-view-item.interface.mjs +0 -5
- package/esm2022/drawer/models/mode.mjs +0 -5
- package/esm2022/drawer/models/position.mjs +0 -5
- package/esm2022/drawer/template-directives/drawer-template.directive.mjs +0 -43
- package/esm2022/drawer/template-directives/footer-template.directive.mjs +0 -36
- package/esm2022/drawer/template-directives/header-template.directive.mjs +0 -36
- package/esm2022/drawer/template-directives/item-template.directive.mjs +0 -44
- package/esm2022/drawer/template-directives.mjs +0 -8
- package/esm2022/drawer/types.mjs +0 -5
- package/esm2022/drawer/util.mjs +0 -16
- package/esm2022/drawer.module.mjs +0 -43
- package/esm2022/expansionpanel/animations.mjs +0 -23
- package/esm2022/expansionpanel/events/action-event.mjs +0 -21
- package/esm2022/expansionpanel/expansionpanel-title.directive.mjs +0 -38
- package/esm2022/expansionpanel/expansionpanel.component.mjs +0 -515
- package/esm2022/expansionpanel.module.mjs +0 -38
- package/esm2022/gridlayout.module.mjs +0 -38
- package/esm2022/index.mjs +0 -89
- package/esm2022/layout.module.mjs +0 -89
- package/esm2022/layouts/grid-layout.component.mjs +0 -179
- package/esm2022/layouts/gridlayout-item.component.mjs +0 -82
- package/esm2022/layouts/models/gridlayout-gap-settings.mjs +0 -5
- package/esm2022/layouts/models/gridlayout-row-col-size.mjs +0 -5
- package/esm2022/layouts/models/layout-align-settings.mjs +0 -5
- package/esm2022/layouts/models/layout-horizontal-align.mjs +0 -5
- package/esm2022/layouts/models/layout-vertical-align.mjs +0 -5
- package/esm2022/layouts/models.mjs +0 -10
- package/esm2022/layouts/stack-layout.component.mjs +0 -161
- package/esm2022/layouts/util.mjs +0 -101
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/panelbar/events/collapse-event.mjs +0 -14
- package/esm2022/panelbar/events/expand-event.mjs +0 -14
- package/esm2022/panelbar/events/item-click-event.mjs +0 -17
- package/esm2022/panelbar/events/select-event.mjs +0 -14
- package/esm2022/panelbar/events/state-change-event.mjs +0 -13
- package/esm2022/panelbar/events.mjs +0 -9
- package/esm2022/panelbar/panelbar-content.directive.mjs +0 -36
- package/esm2022/panelbar/panelbar-expand-mode.mjs +0 -29
- package/esm2022/panelbar/panelbar-item-model.mjs +0 -5
- package/esm2022/panelbar/panelbar-item-template.directive.mjs +0 -37
- package/esm2022/panelbar/panelbar-item-title.directive.mjs +0 -42
- package/esm2022/panelbar/panelbar-item.component.mjs +0 -722
- package/esm2022/panelbar/panelbar.component.mjs +0 -705
- package/esm2022/panelbar/panelbar.service.mjs +0 -53
- package/esm2022/panelbar.module.mjs +0 -41
- package/esm2022/progress-kendo-angular-layout.mjs +0 -8
- package/esm2022/splitter/splitter-bar.component.mjs +0 -338
- package/esm2022/splitter/splitter-pane.component.mjs +0 -324
- package/esm2022/splitter/splitter.component.mjs +0 -301
- package/esm2022/splitter/splitter.service.mjs +0 -205
- package/esm2022/splitter/util.mjs +0 -34
- package/esm2022/splitter.module.mjs +0 -38
- package/esm2022/stacklayout.module.mjs +0 -37
- package/esm2022/stepper/events/activate-event.mjs +0 -33
- package/esm2022/stepper/list.component.mjs +0 -185
- package/esm2022/stepper/localization/custom-messages.component.mjs +0 -52
- package/esm2022/stepper/localization/localized-messages.directive.mjs +0 -41
- package/esm2022/stepper/localization/messages.mjs +0 -27
- package/esm2022/stepper/models/constants.mjs +0 -8
- package/esm2022/stepper/models/orientation.mjs +0 -5
- package/esm2022/stepper/models/step-predicate.mjs +0 -5
- package/esm2022/stepper/models/step-type.mjs +0 -5
- package/esm2022/stepper/models/stepper-step.interface.mjs +0 -5
- package/esm2022/stepper/step.component.mjs +0 -396
- package/esm2022/stepper/stepper.component.mjs +0 -423
- package/esm2022/stepper/stepper.service.mjs +0 -186
- package/esm2022/stepper/template-directives/indicator-template.directive.mjs +0 -37
- package/esm2022/stepper/template-directives/label-template.directive.mjs +0 -37
- package/esm2022/stepper/template-directives/step-template.directive.mjs +0 -39
- package/esm2022/stepper/template-directives.mjs +0 -7
- package/esm2022/stepper/types.mjs +0 -5
- package/esm2022/stepper.module.mjs +0 -41
- package/esm2022/tabstrip/constants.mjs +0 -29
- package/esm2022/tabstrip/directives/tab-content.directive.mjs +0 -39
- package/esm2022/tabstrip/directives/tab-title.directive.mjs +0 -37
- package/esm2022/tabstrip/directives/tab.directive.mjs +0 -24
- package/esm2022/tabstrip/events/select-event.mjs +0 -25
- package/esm2022/tabstrip/events/tabclose-event.mjs +0 -23
- package/esm2022/tabstrip/events/tabscroll-event.mjs +0 -23
- package/esm2022/tabstrip/events.mjs +0 -7
- package/esm2022/tabstrip/localization/custom-messages.component.mjs +0 -53
- package/esm2022/tabstrip/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/tabstrip/localization/messages.mjs +0 -39
- package/esm2022/tabstrip/models/button-state-change.mjs +0 -5
- package/esm2022/tabstrip/models/scroll-button-type.mjs +0 -5
- package/esm2022/tabstrip/models/scroll-buttons-visibility.mjs +0 -5
- package/esm2022/tabstrip/models/scrollable-settings.mjs +0 -23
- package/esm2022/tabstrip/models/size.mjs +0 -5
- package/esm2022/tabstrip/models/tab-alignment.mjs +0 -5
- package/esm2022/tabstrip/models/tab-position.mjs +0 -5
- package/esm2022/tabstrip/models/tabstrip-tab.component.mjs +0 -130
- package/esm2022/tabstrip/rendering/tab.component.mjs +0 -182
- package/esm2022/tabstrip/scrollable-button.component.mjs +0 -182
- package/esm2022/tabstrip/tabstrip-scroll.service.mjs +0 -176
- package/esm2022/tabstrip/tabstrip.component.mjs +0 -954
- package/esm2022/tabstrip/tabstrip.service.mjs +0 -155
- package/esm2022/tabstrip/util.mjs +0 -120
- package/esm2022/tabstrip.module.mjs +0 -41
- package/esm2022/tilelayout/constants.mjs +0 -70
- package/esm2022/tilelayout/dragging-service.mjs +0 -421
- package/esm2022/tilelayout/keyboard-navigation.service.mjs +0 -189
- package/esm2022/tilelayout/models/dragging-config.interface.mjs +0 -5
- package/esm2022/tilelayout/models/flowmode.type.mjs +0 -5
- package/esm2022/tilelayout/models/gap.interface.mjs +0 -5
- package/esm2022/tilelayout/models/navigation.interface.mjs +0 -5
- package/esm2022/tilelayout/reorder-event.mjs +0 -43
- package/esm2022/tilelayout/resize-event.mjs +0 -37
- package/esm2022/tilelayout/tilelayout-item-body.component.mjs +0 -45
- package/esm2022/tilelayout/tilelayout-item-header.component.mjs +0 -43
- package/esm2022/tilelayout/tilelayout-item.component.mjs +0 -322
- package/esm2022/tilelayout/tilelayout-resize-handle.directive.mjs +0 -61
- package/esm2022/tilelayout/tilelayout.component.mjs +0 -388
- package/esm2022/tilelayout/util.mjs +0 -138
- package/esm2022/tilelayout.module.mjs +0 -40
- package/esm2022/timeline/events/navigation-direction.mjs +0 -5
- package/esm2022/timeline/localization/custom-messages.component.mjs +0 -43
- package/esm2022/timeline/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/timeline/localization/messages.mjs +0 -33
- package/esm2022/timeline/models/anchor-target.mjs +0 -5
- package/esm2022/timeline/models/default-model-fields.mjs +0 -16
- package/esm2022/timeline/models/events-order.mjs +0 -5
- package/esm2022/timeline/models/model-fields.mjs +0 -5
- package/esm2022/timeline/models/timeline-event.mjs +0 -5
- package/esm2022/timeline/templates/timeline-card-actions.directive.mjs +0 -40
- package/esm2022/timeline/templates/timeline-card-body.directive.mjs +0 -40
- package/esm2022/timeline/templates/timeline-card-header.directive.mjs +0 -41
- package/esm2022/timeline/timeline-card.component.mjs +0 -451
- package/esm2022/timeline/timeline-horizontal.component.mjs +0 -781
- package/esm2022/timeline/timeline-vertical.component.mjs +0 -203
- package/esm2022/timeline/timeline.component.mjs +0 -491
- package/esm2022/timeline/timeline.service.mjs +0 -32
- package/esm2022/timeline/util.mjs +0 -26
- 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
|
-
}
|