@progress/kendo-angular-layout 22.1.0-develop.9 → 23.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/avatar.component.d.ts +11 -11
- package/avatar/l10n/custom-messages.component.d.ts +1 -1
- package/avatar/models/fill.d.ts +2 -2
- package/avatar/models/rounded.d.ts +1 -1
- package/avatar/models/size.d.ts +2 -2
- package/avatar/models/theme-color.d.ts +2 -2
- package/card/card-actions.component.d.ts +1 -1
- package/card/card.component.d.ts +1 -1
- package/drawer/drawer-container.component.d.ts +1 -1
- package/drawer/drawer.component.d.ts +4 -4
- package/drawer/models/drawer-animation.interface.d.ts +1 -1
- package/drawer/models/drawer-item-expand.interface.d.ts +1 -1
- package/drawer/models/drawer-item.interface.d.ts +1 -1
- package/drawer/models/position.d.ts +1 -1
- package/expansionpanel/expansionpanel-title.directive.d.ts +1 -1
- package/expansionpanel/expansionpanel.component.d.ts +15 -15
- package/fesm2022/progress-kendo-angular-layout.mjs +165 -183
- package/layouts/grid-layout.component.d.ts +5 -5
- package/layouts/gridlayout-item.component.d.ts +4 -4
- package/layouts/stack-layout.component.d.ts +4 -4
- package/package-metadata.mjs +2 -2
- package/package.json +9 -9
- package/panelbar/panelbar-item-model.d.ts +1 -1
- package/panelbar/panelbar-item-title.directive.d.ts +2 -2
- package/panelbar/panelbar-item.component.d.ts +9 -9
- package/panelbar/panelbar.component.d.ts +10 -10
- package/splitter/splitter.component.d.ts +1 -1
- package/stepper/localization/custom-messages.component.d.ts +1 -1
- package/stepper/models/orientation.d.ts +1 -1
- package/stepper/models/step-predicate.d.ts +1 -1
- package/stepper/models/step-type.d.ts +1 -1
- package/stepper/models/stepper-step.interface.d.ts +3 -3
- package/stepper/stepper.component.d.ts +10 -10
- package/tabstrip/directives/tab-title.directive.d.ts +1 -1
- package/tabstrip/localization/custom-messages.component.d.ts +1 -1
- package/tabstrip/models/scrollable-settings.d.ts +3 -3
- package/tabstrip/models/size.d.ts +2 -2
- package/tabstrip/models/tab-alignment.d.ts +1 -1
- package/tabstrip/models/tab-position.d.ts +1 -1
- package/tabstrip/models/tabstrip-tab.component.d.ts +4 -4
- package/tabstrip/tabstrip.component.d.ts +5 -5
- package/tilelayout/tilelayout-item.component.d.ts +5 -5
- package/tilelayout/tilelayout.component.d.ts +10 -10
- package/timeline/timeline.component.d.ts +1 -1
|
@@ -8,7 +8,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
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](
|
|
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
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* ```html
|
|
@@ -33,7 +33,7 @@ export declare class GridLayoutComponent implements AfterViewInit, OnChanges {
|
|
|
33
33
|
get dir(): string;
|
|
34
34
|
/**
|
|
35
35
|
* Specifies the number of rows and their height
|
|
36
|
-
* ([More details](
|
|
36
|
+
* ([More details](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#rows-and-columns)).
|
|
37
37
|
*
|
|
38
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
39
|
* For example, you can use CSS units like `px`, `%`, `fr`, or `auto` to define the row sizes.
|
|
@@ -41,21 +41,21 @@ export declare class GridLayoutComponent implements AfterViewInit, OnChanges {
|
|
|
41
41
|
rows: Array<any>;
|
|
42
42
|
/**
|
|
43
43
|
* Specifies the number of columns and their widths
|
|
44
|
-
* ([More details](
|
|
44
|
+
* ([More details](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#rows-and-columns)).
|
|
45
45
|
*
|
|
46
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
47
|
* For example, you can use CSS units like `px`, `%`, `fr`, or `auto` to define the column sizes.
|
|
48
48
|
*/
|
|
49
49
|
cols: Array<any>;
|
|
50
50
|
/**
|
|
51
|
-
* Specifies the gaps between the elements ([see example](
|
|
51
|
+
* Specifies the gaps between the elements ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#gap)).
|
|
52
52
|
*
|
|
53
53
|
* @default 0
|
|
54
54
|
*/
|
|
55
55
|
gap: number | string | GridLayoutGapSettings;
|
|
56
56
|
/**
|
|
57
57
|
* Specifies the horizontal and vertical alignment of the inner GridLayout elements
|
|
58
|
-
* ([see example](
|
|
58
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#alignment)).
|
|
59
59
|
*/
|
|
60
60
|
set align(align: AlignSettings);
|
|
61
61
|
get align(): AlignSettings;
|
|
@@ -19,22 +19,22 @@ export declare class GridLayoutItemComponent implements OnChanges {
|
|
|
19
19
|
private element;
|
|
20
20
|
/**
|
|
21
21
|
* Sets the row of the item in the GridLayout
|
|
22
|
-
* ([see example](
|
|
22
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/items#size-and-position)).
|
|
23
23
|
*/
|
|
24
24
|
row: number;
|
|
25
25
|
/**
|
|
26
26
|
* Sets the column of the item in the GridLayout
|
|
27
|
-
* ([see example](
|
|
27
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/items#size-and-position)).
|
|
28
28
|
*/
|
|
29
29
|
col: number;
|
|
30
30
|
/**
|
|
31
|
-
* Specifies how many rows the item spans ([see example](
|
|
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
32
|
*
|
|
33
33
|
* @default 1
|
|
34
34
|
*/
|
|
35
35
|
rowSpan: number;
|
|
36
36
|
/**
|
|
37
|
-
* Specifies how many columns the item spans ([see example](
|
|
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
38
|
*
|
|
39
39
|
* @default 1
|
|
40
40
|
*/
|
|
@@ -8,7 +8,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
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](
|
|
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
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* ```html
|
|
@@ -29,19 +29,19 @@ export declare class StackLayoutComponent implements AfterViewInit, OnChanges {
|
|
|
29
29
|
get dir(): string;
|
|
30
30
|
/**
|
|
31
31
|
* Specifies the horizontal and vertical alignment of the inner StackLayout elements
|
|
32
|
-
* ([see example](
|
|
32
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stacklayout/layout#alignment)).
|
|
33
33
|
*/
|
|
34
34
|
set align(align: AlignSettings);
|
|
35
35
|
get align(): AlignSettings;
|
|
36
36
|
/**
|
|
37
|
-
* Specifies the gap between the inner StackLayout elements ([see example](
|
|
37
|
+
* Specifies the gap between the inner StackLayout elements ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stacklayout/layout#gap)).
|
|
38
38
|
*
|
|
39
39
|
* @default 0
|
|
40
40
|
*/
|
|
41
41
|
gap: number | string;
|
|
42
42
|
/**
|
|
43
43
|
* Specifies the orientation of the StackLayout
|
|
44
|
-
* ([see example](
|
|
44
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stacklayout/layout#orientation)).
|
|
45
45
|
*
|
|
46
46
|
* @default 'horizontal'
|
|
47
47
|
*/
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
10
|
+
"publishDate": 1770286877,
|
|
11
|
+
"version": "23.0.0-develop.1",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "23.0.0-develop.1",
|
|
4
4
|
"description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"package": {
|
|
51
51
|
"productName": "Kendo UI for Angular",
|
|
52
52
|
"productCode": "KENDOUIANGULAR",
|
|
53
|
-
"publishDate":
|
|
53
|
+
"publishDate": 1770286877,
|
|
54
54
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
@@ -60,17 +60,17 @@
|
|
|
60
60
|
"@angular/core": "19 - 21",
|
|
61
61
|
"@angular/platform-browser": "19 - 21",
|
|
62
62
|
"@progress/kendo-licensing": "^1.10.0",
|
|
63
|
-
"@progress/kendo-angular-common": "
|
|
64
|
-
"@progress/kendo-angular-l10n": "
|
|
65
|
-
"@progress/kendo-angular-progressbar": "
|
|
66
|
-
"@progress/kendo-angular-icons": "
|
|
67
|
-
"@progress/kendo-angular-buttons": "
|
|
68
|
-
"@progress/kendo-angular-intl": "
|
|
63
|
+
"@progress/kendo-angular-common": "23.0.0-develop.1",
|
|
64
|
+
"@progress/kendo-angular-l10n": "23.0.0-develop.1",
|
|
65
|
+
"@progress/kendo-angular-progressbar": "23.0.0-develop.1",
|
|
66
|
+
"@progress/kendo-angular-icons": "23.0.0-develop.1",
|
|
67
|
+
"@progress/kendo-angular-buttons": "23.0.0-develop.1",
|
|
68
|
+
"@progress/kendo-angular-intl": "23.0.0-develop.1",
|
|
69
69
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
70
70
|
},
|
|
71
71
|
"dependencies": {
|
|
72
72
|
"tslib": "^2.3.1",
|
|
73
|
-
"@progress/kendo-angular-schematics": "
|
|
73
|
+
"@progress/kendo-angular-schematics": "23.0.0-develop.1",
|
|
74
74
|
"@progress/kendo-draggable": "^3.0.2"
|
|
75
75
|
},
|
|
76
76
|
"schematics": "./schematics/collection.json",
|
|
@@ -25,7 +25,7 @@ export interface PanelBarItemModel {
|
|
|
25
25
|
iconClass: string;
|
|
26
26
|
/**
|
|
27
27
|
* Defines an SVG icon to render.
|
|
28
|
-
* You can use either an [existing Kendo SVG icon](
|
|
28
|
+
* You can use either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
|
|
29
29
|
*/
|
|
30
30
|
svgIcon?: SVGIcon;
|
|
31
31
|
/**
|
|
@@ -6,11 +6,11 @@ import { TemplateRef } from '@angular/core';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
8
|
* Defines the template directive of the PanelBar which helps to customize the item title
|
|
9
|
-
* ([more information and example](
|
|
9
|
+
* ([more information and example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/templates#customizing-the-appearance-of-the-title)).
|
|
10
10
|
* To define the template, nest an `<ng-template>` tag
|
|
11
11
|
* with the `kendoPanelBarItemTitle` directive inside the `<kendo-panelbar-item>` tag.
|
|
12
12
|
*
|
|
13
|
-
* The `kendoPanelBarItemTitle` directive overrides the PanelBarItem [title](
|
|
13
|
+
* The `kendoPanelBarItemTitle` directive overrides the PanelBarItem [title](https://www.telerik.com/kendo-angular-ui/components/layout/api/panelbaritemcomponent#title) option.
|
|
14
14
|
*
|
|
15
15
|
* @example
|
|
16
16
|
* ```html
|
|
@@ -26,7 +26,7 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
|
|
|
26
26
|
private element;
|
|
27
27
|
private renderer;
|
|
28
28
|
/**
|
|
29
|
-
* Sets the title of the PanelBar item ([see example](
|
|
29
|
+
* Sets the title of the PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#titles)).
|
|
30
30
|
*/
|
|
31
31
|
title: string;
|
|
32
32
|
/**
|
|
@@ -35,51 +35,51 @@ export declare class PanelBarItemComponent implements OnInit, AfterContentChecke
|
|
|
35
35
|
*/
|
|
36
36
|
id: string;
|
|
37
37
|
/**
|
|
38
|
-
* Defines the icon that renders next to the title ([see example](
|
|
38
|
+
* Defines the icon that renders next to the title ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#title-icons)).
|
|
39
39
|
*
|
|
40
40
|
* @default ''
|
|
41
41
|
*/
|
|
42
42
|
icon: string;
|
|
43
43
|
/**
|
|
44
44
|
* Defines the icon that renders next to the title by using a custom CSS class
|
|
45
|
-
* ([see example](
|
|
45
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#title-icons)).
|
|
46
46
|
*
|
|
47
47
|
* @default ''
|
|
48
48
|
*/
|
|
49
49
|
iconClass: string;
|
|
50
50
|
/**
|
|
51
51
|
* Defines an SVG icon to render.
|
|
52
|
-
* You can use either an [existing Kendo SVG icon](
|
|
52
|
+
* You can use either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
|
|
53
53
|
*/
|
|
54
54
|
set svgIcon(icon: SVGIcon);
|
|
55
55
|
get svgIcon(): SVGIcon;
|
|
56
56
|
/**
|
|
57
57
|
* Defines the location of the image that displays next to the title
|
|
58
|
-
* ([see example](
|
|
58
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#title-images)).
|
|
59
59
|
*
|
|
60
60
|
* @default ''
|
|
61
61
|
*/
|
|
62
62
|
imageUrl: string;
|
|
63
63
|
/**
|
|
64
|
-
* When set to `true`, disables a PanelBar item ([see example](
|
|
64
|
+
* When set to `true`, disables a PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#disabled-state)).
|
|
65
65
|
*
|
|
66
66
|
* @default false
|
|
67
67
|
*/
|
|
68
68
|
disabled: boolean;
|
|
69
69
|
/**
|
|
70
|
-
* When set to `true`, expands the PanelBar item ([see example](
|
|
70
|
+
* When set to `true`, expands the PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#expanded-state)).
|
|
71
71
|
*/
|
|
72
72
|
set expanded(value: boolean);
|
|
73
73
|
get expanded(): boolean;
|
|
74
74
|
/**
|
|
75
|
-
* Sets the selected state of a PanelBar item ([see example](
|
|
75
|
+
* Sets the selected state of a PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#selected-state)).
|
|
76
76
|
*
|
|
77
77
|
* @default false
|
|
78
78
|
*/
|
|
79
79
|
selected: boolean;
|
|
80
80
|
/**
|
|
81
81
|
* Sets the content of the PanelBar item.
|
|
82
|
-
* It is used when the [`items`](
|
|
82
|
+
* It is used when the [`items`](https://www.telerik.com/kendo-angular-ui/components/layout/api/panelbarcomponent#items) property of the PanelBar is set.
|
|
83
83
|
*/
|
|
84
84
|
content: any;
|
|
85
85
|
/**
|
|
@@ -14,7 +14,7 @@ import { PanelBarSelectEvent, PanelBarExpandEvent, PanelBarCollapseEvent, PanelB
|
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
15
|
/**
|
|
16
16
|
* Represents the Kendo UI PanelBar component for Angular.
|
|
17
|
-
* Displays hierarchical data as an expandable and collapsible accordion-style interface ([see overview](
|
|
17
|
+
* Displays hierarchical data as an expandable and collapsible accordion-style interface ([see overview](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar)).
|
|
18
18
|
*
|
|
19
19
|
* @example
|
|
20
20
|
* ```typescript
|
|
@@ -38,7 +38,7 @@ import * as i0 from "@angular/core";
|
|
|
38
38
|
export declare class PanelBarComponent implements AfterViewChecked, OnChanges, OnInit, OnDestroy {
|
|
39
39
|
private localization;
|
|
40
40
|
/**
|
|
41
|
-
* Sets the expand mode of the PanelBar through the `PanelBarExpandMode` enum ([see example](
|
|
41
|
+
* Sets the expand mode of the PanelBar through the `PanelBarExpandMode` enum ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/expand-modes)).
|
|
42
42
|
*
|
|
43
43
|
* @default 'multiple
|
|
44
44
|
*/
|
|
@@ -50,7 +50,7 @@ export declare class PanelBarComponent implements AfterViewChecked, OnChanges, O
|
|
|
50
50
|
*/
|
|
51
51
|
selectable: boolean;
|
|
52
52
|
/**
|
|
53
|
-
* Sets the animate state of the PanelBar ([see example](
|
|
53
|
+
* Sets the animate state of the PanelBar ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/animations)).
|
|
54
54
|
*
|
|
55
55
|
* @default true
|
|
56
56
|
*/
|
|
@@ -71,7 +71,7 @@ export declare class PanelBarComponent implements AfterViewChecked, OnChanges, O
|
|
|
71
71
|
* * `false`—Removes collapsed items' content from the DOM.
|
|
72
72
|
* * `"loadOnDemand"`—Loads items' content only when expanded for the first time. Collapsed items' content is not rendered until the item is expanded.
|
|
73
73
|
*
|
|
74
|
-
* For more information, refer to the [Rendering Modes](
|
|
74
|
+
* For more information, refer to the [Rendering Modes](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/rendering-modes) article.
|
|
75
75
|
*
|
|
76
76
|
* @default false
|
|
77
77
|
*/
|
|
@@ -79,37 +79,37 @@ export declare class PanelBarComponent implements AfterViewChecked, OnChanges, O
|
|
|
79
79
|
set keepItemContent(keepItemContent: boolean | 'loadOnDemand');
|
|
80
80
|
/**
|
|
81
81
|
* Sets the items of the PanelBar as an array of `PanelBarItemModel` instances
|
|
82
|
-
* ([see example](
|
|
82
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items)).
|
|
83
83
|
*/
|
|
84
84
|
set items(data: Array<PanelBarItemModel>);
|
|
85
85
|
get items(): Array<PanelBarItemModel>;
|
|
86
86
|
/**
|
|
87
87
|
* Fires when the state of the PanelBar changes.
|
|
88
88
|
* This event is triggered when an item is selected, expanded, or collapsed.
|
|
89
|
-
* ([see example](
|
|
89
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/routing#using-router-service)).
|
|
90
90
|
* The event data contains a collection of all items that are modified.
|
|
91
91
|
*/
|
|
92
92
|
stateChange: EventEmitter<PanelBarStateChangeEvent>;
|
|
93
93
|
/**
|
|
94
94
|
* Fires when an item is about to be selected.
|
|
95
95
|
* This event is preventable. If you cancel it, the item will not be selected
|
|
96
|
-
* ([see example](
|
|
96
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/events)).
|
|
97
97
|
*/
|
|
98
98
|
select: EventEmitter<PanelBarSelectEvent>;
|
|
99
99
|
/**
|
|
100
100
|
* Fires when an item is about to be expanded.
|
|
101
101
|
* This event is preventable. If you cancel it, the item will remain collapsed
|
|
102
|
-
* ([see example](
|
|
102
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/events)).
|
|
103
103
|
*/
|
|
104
104
|
expand: EventEmitter<PanelBarExpandEvent>;
|
|
105
105
|
/**
|
|
106
106
|
* Fires when an item is about to be collapsed.
|
|
107
107
|
* This event is preventable. If you cancel it, the item will remain expanded
|
|
108
|
-
* ([see example](
|
|
108
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/events)).
|
|
109
109
|
*/
|
|
110
110
|
collapse: EventEmitter<PanelBarCollapseEvent>;
|
|
111
111
|
/**
|
|
112
|
-
* Fires when an item is clicked ([see example](
|
|
112
|
+
* Fires when an item is clicked ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/events)).
|
|
113
113
|
*/
|
|
114
114
|
itemClick: EventEmitter<PanelBarItemClickEvent>;
|
|
115
115
|
hostClasses: boolean;
|
|
@@ -10,7 +10,7 @@ import { SplitterBarComponent } from './splitter-bar.component';
|
|
|
10
10
|
import { SplitterService } from './splitter.service';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
|
-
* Represents the [Kendo UI Splitter component for Angular](
|
|
13
|
+
* Represents the [Kendo UI Splitter component for Angular](https://www.telerik.com/kendo-angular-ui/components/layout/splitter).
|
|
14
14
|
*
|
|
15
15
|
* @example
|
|
16
16
|
* ```html
|
|
@@ -7,7 +7,7 @@ import { StepperMessages } from './messages';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
9
|
* Provides custom component messages that override default component messages
|
|
10
|
-
* ([see example](
|
|
10
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/globalization)).
|
|
11
11
|
*
|
|
12
12
|
* ```html
|
|
13
13
|
* <kendo-stepper>
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* Specifies the orientation of the Stepper
|
|
7
|
-
* ([see example](
|
|
7
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/orientation)).
|
|
8
8
|
*
|
|
9
9
|
* Use `horizontal` to display steps in a row or `vertical` to display steps in a column.
|
|
10
10
|
*/
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* Represents the callback function used by the `isValid` and `validate` properties of a [step](
|
|
6
|
+
* Represents the callback function used by the `isValid` and `validate` properties of a [step](https://www.telerik.com/kendo-angular-ui/components/layout/api/stepperstep).
|
|
7
7
|
*
|
|
8
8
|
* The function receives the index of the step as an argument.
|
|
9
9
|
*
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* Specifies the type of the steps
|
|
7
|
-
* ([see example](
|
|
7
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/orientation)).
|
|
8
8
|
*
|
|
9
9
|
* Use `indicator` to show only step indicators, `label` to show only step labels, or `full` to show both indicators and labels.
|
|
10
10
|
*/
|
|
@@ -26,13 +26,13 @@ export interface StepperStep {
|
|
|
26
26
|
* Specifies if a step is valid.
|
|
27
27
|
* By default only previous steps are validated. You can override this behavior by setting the `validate` property.
|
|
28
28
|
*
|
|
29
|
-
* ([More information and example](
|
|
29
|
+
* ([More information and example](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/step-validation)).
|
|
30
30
|
*/
|
|
31
31
|
isValid?: boolean | StepPredicateFn;
|
|
32
32
|
/**
|
|
33
33
|
* Specifies if a step should be validated. This property overrides the default validation behavior.
|
|
34
34
|
*
|
|
35
|
-
* ([More information and example](
|
|
35
|
+
* ([More information and example](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/step-validation)).
|
|
36
36
|
*/
|
|
37
37
|
validate?: boolean | StepPredicateFn;
|
|
38
38
|
/**
|
|
@@ -47,7 +47,7 @@ export interface StepperStep {
|
|
|
47
47
|
iconClass?: string;
|
|
48
48
|
/**
|
|
49
49
|
* Specifies an SVG icon to be rendered inside the step indicator instead of the default numeric or text content.
|
|
50
|
-
* You can use either an [existing Kendo SVG icon](
|
|
50
|
+
* 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.
|
|
51
51
|
*/
|
|
52
52
|
svgIcon?: SVGIcon;
|
|
53
53
|
/**
|
|
@@ -14,7 +14,7 @@ import { StepperService } from './stepper.service';
|
|
|
14
14
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
15
15
|
import * as i0 from "@angular/core";
|
|
16
16
|
/**
|
|
17
|
-
* Represents the [Kendo UI Stepper component for Angular](
|
|
17
|
+
* Represents the [Kendo UI Stepper component for Angular](https://www.telerik.com/kendo-angular-ui/components/layout/stepper).
|
|
18
18
|
*
|
|
19
19
|
* @example
|
|
20
20
|
* ```ts
|
|
@@ -58,7 +58,7 @@ export declare class StepperComponent implements OnChanges, OnDestroy {
|
|
|
58
58
|
linear: boolean;
|
|
59
59
|
/**
|
|
60
60
|
* Specifies the orientation of the Stepper
|
|
61
|
-
* ([see example](
|
|
61
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/orientation)).
|
|
62
62
|
*
|
|
63
63
|
* @default 'horizontal'
|
|
64
64
|
*/
|
|
@@ -70,34 +70,34 @@ export declare class StepperComponent implements OnChanges, OnDestroy {
|
|
|
70
70
|
get currentStep(): number;
|
|
71
71
|
/**
|
|
72
72
|
* Specifies the collection of steps that will be rendered in the Stepper
|
|
73
|
-
* ([see example](
|
|
73
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/step-appearance)).
|
|
74
74
|
*/
|
|
75
75
|
set steps(steps: any[]);
|
|
76
76
|
get steps(): any[];
|
|
77
77
|
/**
|
|
78
78
|
* Specifies an SVG icon to be rendered inside the step indicator instead of the default numeric or text content.
|
|
79
|
-
* You can use either an [existing Kendo SVG icon](
|
|
79
|
+
* 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.
|
|
80
80
|
*/
|
|
81
81
|
set svgIcon(icon: SVGIcon);
|
|
82
82
|
get svgIcon(): SVGIcon;
|
|
83
83
|
/**
|
|
84
84
|
* Specifies an SVG icon to be rendered for the success icon.
|
|
85
|
-
* You can use either an [existing Kendo SVG icon](
|
|
85
|
+
* 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.
|
|
86
86
|
*/
|
|
87
87
|
successSVGIcon: SVGIcon;
|
|
88
88
|
/**
|
|
89
89
|
* Specifies an SVG icon to be rendered for the error icon.
|
|
90
|
-
* You can use either an [existing Kendo SVG icon](
|
|
90
|
+
* 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.
|
|
91
91
|
*/
|
|
92
92
|
errorSVGIcon: SVGIcon;
|
|
93
93
|
/**
|
|
94
94
|
* Specifies an SVG icon that will be rendered inside the step for valid previous steps.
|
|
95
|
-
* You can use either an [existing Kendo SVG icon](
|
|
95
|
+
* 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.
|
|
96
96
|
*/
|
|
97
97
|
successIcon: string;
|
|
98
98
|
/**
|
|
99
99
|
* Specifies an SVG icon that will be rendered inside the step for invalid previous steps.
|
|
100
|
-
* You can use either an [existing Kendo SVG icon](
|
|
100
|
+
* 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.
|
|
101
101
|
*/
|
|
102
102
|
errorIcon: string;
|
|
103
103
|
/**
|
|
@@ -137,9 +137,9 @@ export declare class StepperComponent implements OnChanges, OnDestroy {
|
|
|
137
137
|
ngOnChanges(changes: SimpleChanges): void;
|
|
138
138
|
ngOnDestroy(): void;
|
|
139
139
|
/**
|
|
140
|
-
* Manually triggers the validity check configured by the [isValid](
|
|
140
|
+
* Manually triggers the validity check configured by the [isValid](https://www.telerik.com/kendo-angular-ui/components/layout/api/stepperstep#isvalid) property of the steps ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/step-validation#triggering-the-validation)).
|
|
141
141
|
*
|
|
142
|
-
* Steps that have their [validate](
|
|
142
|
+
* Steps that have their [validate](https://www.telerik.com/kendo-angular-ui/components/layout/api/stepperstep#validate) property set to `false`, will not be validated.
|
|
143
143
|
*/
|
|
144
144
|
validateSteps(): void;
|
|
145
145
|
private applyHostStyling;
|
|
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
/**
|
|
8
8
|
* Represents the title template of the Kendo UI TabStrip.
|
|
9
9
|
* To define the template, nest an `<ng-template>` tag with the `kendoTabTitle` directive inside the component tag.
|
|
10
|
-
* The `kendoTabTitle` directive overrides the TabStripTab [`title`](
|
|
10
|
+
* The `kendoTabTitle` directive overrides the TabStripTab [`title`](https://www.telerik.com/kendo-angular-ui/components/layout/api/tabstriptabcomponent#title) option.
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
13
|
* ```html
|
|
@@ -7,7 +7,7 @@ import { TabStripMessages } from './messages';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
9
|
* Represents the custom messages component for the TabStrip.
|
|
10
|
-
* It allows you to override the default messages used in the TabStrip component ([see example](
|
|
10
|
+
* It allows you to override the default messages used in the TabStrip component ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/globalization)).
|
|
11
11
|
*
|
|
12
12
|
* ```html
|
|
13
13
|
* <kendo-tabstrip>
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { SVGIcon } from "@progress/kendo-svg-icons";
|
|
6
6
|
import { TabStripScrollButtonsVisibility } from "./scroll-buttons-visibility";
|
|
7
7
|
/**
|
|
8
|
-
* Configures the scrollable functionality of the TabStrip. ([See example](
|
|
8
|
+
* Configures the scrollable functionality of the TabStrip. ([See example](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/scrollable)).
|
|
9
9
|
*/
|
|
10
10
|
export interface TabStripScrollableSettings {
|
|
11
11
|
/**
|
|
@@ -42,12 +42,12 @@ export interface TabStripScrollableSettings {
|
|
|
42
42
|
nextButtonIcon?: string;
|
|
43
43
|
/**
|
|
44
44
|
* Sets an SVG icon for the previous button.
|
|
45
|
-
* You can use an [existing Kendo SVG icon](
|
|
45
|
+
* You can use an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or provide a custom one.
|
|
46
46
|
*/
|
|
47
47
|
prevSVGButtonIcon?: SVGIcon;
|
|
48
48
|
/**
|
|
49
49
|
* Sets an SVG icon for the next button.
|
|
50
|
-
* You can use an [existing Kendo SVG icon](
|
|
50
|
+
* You can use an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or provide a custom one.
|
|
51
51
|
*/
|
|
52
52
|
nextSVGButtonIcon?: SVGIcon;
|
|
53
53
|
/**
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* Specifies the size of the TabStrip ([see example](
|
|
6
|
+
* Specifies the size of the TabStrip ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/sizing)).
|
|
7
7
|
*/
|
|
8
|
-
export type TabStripSize = 'small' | 'medium' | 'large'
|
|
8
|
+
export type TabStripSize = 'small' | 'medium' | 'large';
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* Specifies how to align the tabs
|
|
7
|
-
* ([see example](
|
|
7
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/tabs#tab-alignment)).
|
|
8
8
|
*/
|
|
9
9
|
export type TabAlignment = 'start' | 'end' | 'center' | 'justify' | 'stretched';
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* Specifies where to position the tabs
|
|
7
|
-
* ([see example](
|
|
7
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/tabs#tab-position)).
|
|
8
8
|
*/
|
|
9
9
|
export type TabPosition = 'top' | 'left' | 'right' | 'bottom';
|
|
@@ -25,11 +25,11 @@ import * as i0 from "@angular/core";
|
|
|
25
25
|
*/
|
|
26
26
|
export declare class TabStripTabComponent {
|
|
27
27
|
/**
|
|
28
|
-
* Sets the title text for the tab ([see example](
|
|
28
|
+
* Sets the title text for the tab ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/tabs#tab-titles)).
|
|
29
29
|
*/
|
|
30
30
|
title: string;
|
|
31
31
|
/**
|
|
32
|
-
* Disables the tab and prevents user interaction ([see example](
|
|
32
|
+
* Disables the tab and prevents user interaction ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/tabs#disabled-tabs)).
|
|
33
33
|
*
|
|
34
34
|
* @default false
|
|
35
35
|
*/
|
|
@@ -46,7 +46,7 @@ export declare class TabStripTabComponent {
|
|
|
46
46
|
cssStyle: any;
|
|
47
47
|
/**
|
|
48
48
|
* Selects the tab when the TabStrip loads
|
|
49
|
-
* ([see example](
|
|
49
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/tabs#selected-tab)).
|
|
50
50
|
*/
|
|
51
51
|
selected: boolean;
|
|
52
52
|
/**
|
|
@@ -67,7 +67,7 @@ export declare class TabStripTabComponent {
|
|
|
67
67
|
closeIconClass: string;
|
|
68
68
|
/**
|
|
69
69
|
* Sets an SVG icon for the close button.
|
|
70
|
-
* You can use an [existing Kendo SVG icon](
|
|
70
|
+
* You can use an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or provide a custom one.
|
|
71
71
|
*/
|
|
72
72
|
closeSVGIcon: SVGIcon;
|
|
73
73
|
get tabContent(): TabContentDirective;
|
|
@@ -20,7 +20,7 @@ import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
|
20
20
|
import { TabStripSize } from './models/size';
|
|
21
21
|
import * as i0 from "@angular/core";
|
|
22
22
|
/**
|
|
23
|
-
* Represents the [Kendo UI TabStrip component for Angular](
|
|
23
|
+
* Represents the [Kendo UI TabStrip component for Angular](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip).
|
|
24
24
|
*
|
|
25
25
|
* @example
|
|
26
26
|
* ```html
|
|
@@ -80,7 +80,7 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
|
|
|
80
80
|
* * `false`—Removes inactive tabs' content from the DOM.
|
|
81
81
|
* * `"loadOnDemand"`—Loads tabs' content only when activated for the first time. Inactive tabs' content is not rendered until the tab is activated.
|
|
82
82
|
*
|
|
83
|
-
* For more information, refer to the [Rendering Modes](
|
|
83
|
+
* For more information, refer to the [Rendering Modes](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/rendering-modes) article.
|
|
84
84
|
*
|
|
85
85
|
* @default false
|
|
86
86
|
*/
|
|
@@ -101,8 +101,8 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
|
|
|
101
101
|
get scrollable(): boolean | TabStripScrollableSettings;
|
|
102
102
|
/**
|
|
103
103
|
* Sets the size of the TabStrip.
|
|
104
|
-
* [See example](
|
|
105
|
-
* @default
|
|
104
|
+
* [See example](https://www.telerik.com/kendo-angular-ui/components/layout/api/tabstripcomponent#size).
|
|
105
|
+
* @default undefined
|
|
106
106
|
*/
|
|
107
107
|
set size(value: TabStripSize);
|
|
108
108
|
get size(): TabStripSize;
|
|
@@ -117,7 +117,7 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
|
|
|
117
117
|
closeIconClass: string;
|
|
118
118
|
/**
|
|
119
119
|
* Defines an SVGIcon to render for the close icon.
|
|
120
|
-
* The input accepts either an [existing Kendo SVG icon](
|
|
120
|
+
* The input accepts either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
|
|
121
121
|
*/
|
|
122
122
|
set closeSVGIcon(icon: SVGIcon);
|
|
123
123
|
get closeSVGIcon(): SVGIcon;
|