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