@progress/kendo-angular-layout 11.3.0-develop.1 → 11.3.0-develop.10
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/esm2020/drawer/item.component.mjs +4 -0
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/splitter/splitter-bar.component.mjs +20 -17
- package/fesm2015/progress-kendo-angular-layout.mjs +26 -19
- package/fesm2020/progress-kendo-angular-layout.mjs +26 -19
- package/package.json +7 -7
- package/splitter/splitter-bar.component.d.ts +6 -5
|
@@ -73,6 +73,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
73
73
|
<ng-template #defaultTemplate>
|
|
74
74
|
<ng-container *ngIf="expanded">
|
|
75
75
|
<kendo-icon-wrapper
|
|
76
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
76
77
|
[name]="iconClasses"
|
|
77
78
|
[customFontClass]="customIconClasses"
|
|
78
79
|
[svgIcon]="item.svgIcon"
|
|
@@ -91,6 +92,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
91
92
|
</ng-container>
|
|
92
93
|
<ng-container *ngIf="mini && !expanded">
|
|
93
94
|
<kendo-icon-wrapper
|
|
95
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
94
96
|
[name]="iconClasses"
|
|
95
97
|
[customFontClass]="customIconClasses"
|
|
96
98
|
[svgIcon]="item.svgIcon"
|
|
@@ -119,6 +121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
119
121
|
<ng-template #defaultTemplate>
|
|
120
122
|
<ng-container *ngIf="expanded">
|
|
121
123
|
<kendo-icon-wrapper
|
|
124
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
122
125
|
[name]="iconClasses"
|
|
123
126
|
[customFontClass]="customIconClasses"
|
|
124
127
|
[svgIcon]="item.svgIcon"
|
|
@@ -137,6 +140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
137
140
|
</ng-container>
|
|
138
141
|
<ng-container *ngIf="mini && !expanded">
|
|
139
142
|
<kendo-icon-wrapper
|
|
143
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
140
144
|
[name]="iconClasses"
|
|
141
145
|
[customFontClass]="customIconClasses"
|
|
142
146
|
[svgIcon]="item.svgIcon"
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-layout',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '11.3.0-develop.
|
|
12
|
+
publishDate: 1677586057,
|
|
13
|
+
version: '11.3.0-develop.10',
|
|
14
14
|
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'
|
|
15
15
|
};
|
|
@@ -40,14 +40,14 @@ export class SplitterBarComponent {
|
|
|
40
40
|
this.splitterService = splitterService;
|
|
41
41
|
this.element = element;
|
|
42
42
|
this.renderer = renderer;
|
|
43
|
-
this.orientation = 'horizontal';
|
|
44
|
-
this.index = 0;
|
|
45
43
|
this.ariaRole = 'separator';
|
|
46
44
|
this.focused = false;
|
|
45
|
+
this.orientation = 'horizontal';
|
|
46
|
+
this.index = 0;
|
|
47
47
|
this.subscriptions = new Subscription();
|
|
48
48
|
}
|
|
49
|
-
get
|
|
50
|
-
return this.
|
|
49
|
+
get hostOrientation() {
|
|
50
|
+
return this.orientation === 'horizontal' ? 'vertical' : 'horizontal';
|
|
51
51
|
}
|
|
52
52
|
get tabIndex() {
|
|
53
53
|
return this.splitterService.isStatic(this.index) ? -1 : 0;
|
|
@@ -71,10 +71,6 @@ export class SplitterBarComponent {
|
|
|
71
71
|
get order() {
|
|
72
72
|
return 2 * this.index + 1;
|
|
73
73
|
}
|
|
74
|
-
get expandLast() {
|
|
75
|
-
const panes = this.splitterService.panes;
|
|
76
|
-
return panes.length === 2 && panes[1].collapsed;
|
|
77
|
-
}
|
|
78
74
|
ngOnInit() {
|
|
79
75
|
let state;
|
|
80
76
|
const listener = this.draggable.kendoPress.pipe(tap(stopPropagation), filter(() => this.splitterService.isDraggable(this.index)), tap(() => state = this.splitterService.dragState(this.index)), tap(() => this.splitterService.toggleContentOverlay(this.index, true)), switchMap(preventOnDblClick(this.draggable.kendoRelease)), switchMap(createMoveStream(this.draggable))).subscribe(({ pageX, pageY, originalX, originalY }) => {
|
|
@@ -109,6 +105,9 @@ export class SplitterBarComponent {
|
|
|
109
105
|
toggleNext() {
|
|
110
106
|
this.splitterService.tryToggle(this.index + 1);
|
|
111
107
|
}
|
|
108
|
+
get direction() {
|
|
109
|
+
return this.localization.rtl ? 'rtl' : 'ltr';
|
|
110
|
+
}
|
|
112
111
|
shouldShowIcon(iconName) {
|
|
113
112
|
const paneIndex = iconName === 'prev' ? this.index : this.index + 1;
|
|
114
113
|
const relatedPaneIndex = iconName === 'prev' ? this.index + 1 : this.index;
|
|
@@ -190,6 +189,10 @@ export class SplitterBarComponent {
|
|
|
190
189
|
this.tryToggleNearest();
|
|
191
190
|
}
|
|
192
191
|
}
|
|
192
|
+
get expandLast() {
|
|
193
|
+
const panes = this.splitterService.panes;
|
|
194
|
+
return panes.length === 2 && panes[1].collapsed;
|
|
195
|
+
}
|
|
193
196
|
onKeyDown(event) {
|
|
194
197
|
const keyCode = event.keyCode;
|
|
195
198
|
const shouldToggle = event.ctrlKey || event.metaKey;
|
|
@@ -216,7 +219,7 @@ export class SplitterBarComponent {
|
|
|
216
219
|
}
|
|
217
220
|
}
|
|
218
221
|
SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1.DraggableDirective, host: true }, { token: i2.LocalizationService }, { token: i3.SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
219
|
-
SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.
|
|
222
|
+
SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.aria-orientation": "this.hostOrientation", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
|
|
220
223
|
<div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
|
|
221
224
|
<kendo-icon-wrapper [name]="previousArrowClass()" [svgIcon]="previousSVGArrowClass()"></kendo-icon-wrapper>
|
|
222
225
|
</div>
|
|
@@ -241,19 +244,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
241
244
|
}]
|
|
242
245
|
}], ctorParameters: function () { return [{ type: i1.DraggableDirective, decorators: [{
|
|
243
246
|
type: Host
|
|
244
|
-
}] }, { type: i2.LocalizationService }, { type: i3.SplitterService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: {
|
|
245
|
-
type: Input
|
|
246
|
-
}, {
|
|
247
|
-
type: HostBinding,
|
|
248
|
-
args: ['attr.aria-orientation']
|
|
249
|
-
}], index: [{
|
|
250
|
-
type: Input
|
|
251
|
-
}], ariaRole: [{
|
|
247
|
+
}] }, { type: i2.LocalizationService }, { type: i3.SplitterService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { ariaRole: [{
|
|
252
248
|
type: HostBinding,
|
|
253
249
|
args: ['attr.role']
|
|
254
250
|
}], focused: [{
|
|
255
251
|
type: HostBinding,
|
|
256
252
|
args: ['class.k-focus']
|
|
253
|
+
}], hostOrientation: [{
|
|
254
|
+
type: HostBinding,
|
|
255
|
+
args: ['attr.aria-orientation']
|
|
257
256
|
}], tabIndex: [{
|
|
258
257
|
type: HostBinding,
|
|
259
258
|
args: ['attr.tabindex']
|
|
@@ -266,4 +265,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
266
265
|
}, {
|
|
267
266
|
type: HostBinding,
|
|
268
267
|
args: ['style.order']
|
|
268
|
+
}], orientation: [{
|
|
269
|
+
type: Input
|
|
270
|
+
}], index: [{
|
|
271
|
+
type: Input
|
|
269
272
|
}] } });
|
|
@@ -31,8 +31,8 @@ const packageMetadata = {
|
|
|
31
31
|
name: '@progress/kendo-angular-layout',
|
|
32
32
|
productName: 'Kendo UI for Angular',
|
|
33
33
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
34
|
-
publishDate:
|
|
35
|
-
version: '11.3.0-develop.
|
|
34
|
+
publishDate: 1677586057,
|
|
35
|
+
version: '11.3.0-develop.10',
|
|
36
36
|
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'
|
|
37
37
|
};
|
|
38
38
|
|
|
@@ -2016,14 +2016,14 @@ class SplitterBarComponent {
|
|
|
2016
2016
|
this.splitterService = splitterService;
|
|
2017
2017
|
this.element = element;
|
|
2018
2018
|
this.renderer = renderer;
|
|
2019
|
-
this.orientation = 'horizontal';
|
|
2020
|
-
this.index = 0;
|
|
2021
2019
|
this.ariaRole = 'separator';
|
|
2022
2020
|
this.focused = false;
|
|
2021
|
+
this.orientation = 'horizontal';
|
|
2022
|
+
this.index = 0;
|
|
2023
2023
|
this.subscriptions = new Subscription();
|
|
2024
2024
|
}
|
|
2025
|
-
get
|
|
2026
|
-
return this.
|
|
2025
|
+
get hostOrientation() {
|
|
2026
|
+
return this.orientation === 'horizontal' ? 'vertical' : 'horizontal';
|
|
2027
2027
|
}
|
|
2028
2028
|
get tabIndex() {
|
|
2029
2029
|
return this.splitterService.isStatic(this.index) ? -1 : 0;
|
|
@@ -2047,10 +2047,6 @@ class SplitterBarComponent {
|
|
|
2047
2047
|
get order() {
|
|
2048
2048
|
return 2 * this.index + 1;
|
|
2049
2049
|
}
|
|
2050
|
-
get expandLast() {
|
|
2051
|
-
const panes = this.splitterService.panes;
|
|
2052
|
-
return panes.length === 2 && panes[1].collapsed;
|
|
2053
|
-
}
|
|
2054
2050
|
ngOnInit() {
|
|
2055
2051
|
let state;
|
|
2056
2052
|
const listener = this.draggable.kendoPress.pipe(tap(stopPropagation), filter(() => this.splitterService.isDraggable(this.index)), tap(() => state = this.splitterService.dragState(this.index)), tap(() => this.splitterService.toggleContentOverlay(this.index, true)), switchMap(preventOnDblClick(this.draggable.kendoRelease)), switchMap(createMoveStream(this.draggable))).subscribe(({ pageX, pageY, originalX, originalY }) => {
|
|
@@ -2085,6 +2081,9 @@ class SplitterBarComponent {
|
|
|
2085
2081
|
toggleNext() {
|
|
2086
2082
|
this.splitterService.tryToggle(this.index + 1);
|
|
2087
2083
|
}
|
|
2084
|
+
get direction() {
|
|
2085
|
+
return this.localization.rtl ? 'rtl' : 'ltr';
|
|
2086
|
+
}
|
|
2088
2087
|
shouldShowIcon(iconName) {
|
|
2089
2088
|
const paneIndex = iconName === 'prev' ? this.index : this.index + 1;
|
|
2090
2089
|
const relatedPaneIndex = iconName === 'prev' ? this.index + 1 : this.index;
|
|
@@ -2166,6 +2165,10 @@ class SplitterBarComponent {
|
|
|
2166
2165
|
this.tryToggleNearest();
|
|
2167
2166
|
}
|
|
2168
2167
|
}
|
|
2168
|
+
get expandLast() {
|
|
2169
|
+
const panes = this.splitterService.panes;
|
|
2170
|
+
return panes.length === 2 && panes[1].collapsed;
|
|
2171
|
+
}
|
|
2169
2172
|
onKeyDown(event) {
|
|
2170
2173
|
const keyCode = event.keyCode;
|
|
2171
2174
|
const shouldToggle = event.ctrlKey || event.metaKey;
|
|
@@ -2192,7 +2195,7 @@ class SplitterBarComponent {
|
|
|
2192
2195
|
}
|
|
2193
2196
|
}
|
|
2194
2197
|
SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i1.LocalizationService }, { token: SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
2195
|
-
SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.
|
|
2198
|
+
SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.aria-orientation": "this.hostOrientation", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
|
|
2196
2199
|
<div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
|
|
2197
2200
|
<kendo-icon-wrapper [name]="previousArrowClass()" [svgIcon]="previousSVGArrowClass()"></kendo-icon-wrapper>
|
|
2198
2201
|
</div>
|
|
@@ -2219,19 +2222,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2219
2222
|
return [{ type: i1$1.DraggableDirective, decorators: [{
|
|
2220
2223
|
type: Host
|
|
2221
2224
|
}] }, { type: i1.LocalizationService }, { type: SplitterService }, { type: i0.ElementRef }, { type: i0.Renderer2 }];
|
|
2222
|
-
}, propDecorators: {
|
|
2223
|
-
type: Input
|
|
2224
|
-
}, {
|
|
2225
|
-
type: HostBinding,
|
|
2226
|
-
args: ['attr.aria-orientation']
|
|
2227
|
-
}], index: [{
|
|
2228
|
-
type: Input
|
|
2229
|
-
}], ariaRole: [{
|
|
2225
|
+
}, propDecorators: { ariaRole: [{
|
|
2230
2226
|
type: HostBinding,
|
|
2231
2227
|
args: ['attr.role']
|
|
2232
2228
|
}], focused: [{
|
|
2233
2229
|
type: HostBinding,
|
|
2234
2230
|
args: ['class.k-focus']
|
|
2231
|
+
}], hostOrientation: [{
|
|
2232
|
+
type: HostBinding,
|
|
2233
|
+
args: ['attr.aria-orientation']
|
|
2235
2234
|
}], tabIndex: [{
|
|
2236
2235
|
type: HostBinding,
|
|
2237
2236
|
args: ['attr.tabindex']
|
|
@@ -2244,6 +2243,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2244
2243
|
}, {
|
|
2245
2244
|
type: HostBinding,
|
|
2246
2245
|
args: ['style.order']
|
|
2246
|
+
}], orientation: [{
|
|
2247
|
+
type: Input
|
|
2248
|
+
}], index: [{
|
|
2249
|
+
type: Input
|
|
2247
2250
|
}] } });
|
|
2248
2251
|
|
|
2249
2252
|
/**
|
|
@@ -4583,6 +4586,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4583
4586
|
<ng-template #defaultTemplate>
|
|
4584
4587
|
<ng-container *ngIf="expanded">
|
|
4585
4588
|
<kendo-icon-wrapper
|
|
4589
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
4586
4590
|
[name]="iconClasses"
|
|
4587
4591
|
[customFontClass]="customIconClasses"
|
|
4588
4592
|
[svgIcon]="item.svgIcon"
|
|
@@ -4601,6 +4605,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4601
4605
|
</ng-container>
|
|
4602
4606
|
<ng-container *ngIf="mini && !expanded">
|
|
4603
4607
|
<kendo-icon-wrapper
|
|
4608
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
4604
4609
|
[name]="iconClasses"
|
|
4605
4610
|
[customFontClass]="customIconClasses"
|
|
4606
4611
|
[svgIcon]="item.svgIcon"
|
|
@@ -4629,6 +4634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4629
4634
|
<ng-template #defaultTemplate>
|
|
4630
4635
|
<ng-container *ngIf="expanded">
|
|
4631
4636
|
<kendo-icon-wrapper
|
|
4637
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
4632
4638
|
[name]="iconClasses"
|
|
4633
4639
|
[customFontClass]="customIconClasses"
|
|
4634
4640
|
[svgIcon]="item.svgIcon"
|
|
@@ -4647,6 +4653,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4647
4653
|
</ng-container>
|
|
4648
4654
|
<ng-container *ngIf="mini && !expanded">
|
|
4649
4655
|
<kendo-icon-wrapper
|
|
4656
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
4650
4657
|
[name]="iconClasses"
|
|
4651
4658
|
[customFontClass]="customIconClasses"
|
|
4652
4659
|
[svgIcon]="item.svgIcon"
|
|
@@ -31,8 +31,8 @@ const packageMetadata = {
|
|
|
31
31
|
name: '@progress/kendo-angular-layout',
|
|
32
32
|
productName: 'Kendo UI for Angular',
|
|
33
33
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
34
|
-
publishDate:
|
|
35
|
-
version: '11.3.0-develop.
|
|
34
|
+
publishDate: 1677586057,
|
|
35
|
+
version: '11.3.0-develop.10',
|
|
36
36
|
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'
|
|
37
37
|
};
|
|
38
38
|
|
|
@@ -2010,14 +2010,14 @@ class SplitterBarComponent {
|
|
|
2010
2010
|
this.splitterService = splitterService;
|
|
2011
2011
|
this.element = element;
|
|
2012
2012
|
this.renderer = renderer;
|
|
2013
|
-
this.orientation = 'horizontal';
|
|
2014
|
-
this.index = 0;
|
|
2015
2013
|
this.ariaRole = 'separator';
|
|
2016
2014
|
this.focused = false;
|
|
2015
|
+
this.orientation = 'horizontal';
|
|
2016
|
+
this.index = 0;
|
|
2017
2017
|
this.subscriptions = new Subscription();
|
|
2018
2018
|
}
|
|
2019
|
-
get
|
|
2020
|
-
return this.
|
|
2019
|
+
get hostOrientation() {
|
|
2020
|
+
return this.orientation === 'horizontal' ? 'vertical' : 'horizontal';
|
|
2021
2021
|
}
|
|
2022
2022
|
get tabIndex() {
|
|
2023
2023
|
return this.splitterService.isStatic(this.index) ? -1 : 0;
|
|
@@ -2041,10 +2041,6 @@ class SplitterBarComponent {
|
|
|
2041
2041
|
get order() {
|
|
2042
2042
|
return 2 * this.index + 1;
|
|
2043
2043
|
}
|
|
2044
|
-
get expandLast() {
|
|
2045
|
-
const panes = this.splitterService.panes;
|
|
2046
|
-
return panes.length === 2 && panes[1].collapsed;
|
|
2047
|
-
}
|
|
2048
2044
|
ngOnInit() {
|
|
2049
2045
|
let state;
|
|
2050
2046
|
const listener = this.draggable.kendoPress.pipe(tap(stopPropagation), filter(() => this.splitterService.isDraggable(this.index)), tap(() => state = this.splitterService.dragState(this.index)), tap(() => this.splitterService.toggleContentOverlay(this.index, true)), switchMap(preventOnDblClick(this.draggable.kendoRelease)), switchMap(createMoveStream(this.draggable))).subscribe(({ pageX, pageY, originalX, originalY }) => {
|
|
@@ -2079,6 +2075,9 @@ class SplitterBarComponent {
|
|
|
2079
2075
|
toggleNext() {
|
|
2080
2076
|
this.splitterService.tryToggle(this.index + 1);
|
|
2081
2077
|
}
|
|
2078
|
+
get direction() {
|
|
2079
|
+
return this.localization.rtl ? 'rtl' : 'ltr';
|
|
2080
|
+
}
|
|
2082
2081
|
shouldShowIcon(iconName) {
|
|
2083
2082
|
const paneIndex = iconName === 'prev' ? this.index : this.index + 1;
|
|
2084
2083
|
const relatedPaneIndex = iconName === 'prev' ? this.index + 1 : this.index;
|
|
@@ -2160,6 +2159,10 @@ class SplitterBarComponent {
|
|
|
2160
2159
|
this.tryToggleNearest();
|
|
2161
2160
|
}
|
|
2162
2161
|
}
|
|
2162
|
+
get expandLast() {
|
|
2163
|
+
const panes = this.splitterService.panes;
|
|
2164
|
+
return panes.length === 2 && panes[1].collapsed;
|
|
2165
|
+
}
|
|
2163
2166
|
onKeyDown(event) {
|
|
2164
2167
|
const keyCode = event.keyCode;
|
|
2165
2168
|
const shouldToggle = event.ctrlKey || event.metaKey;
|
|
@@ -2186,7 +2189,7 @@ class SplitterBarComponent {
|
|
|
2186
2189
|
}
|
|
2187
2190
|
}
|
|
2188
2191
|
SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i1.LocalizationService }, { token: SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
2189
|
-
SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.
|
|
2192
|
+
SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.aria-orientation": "this.hostOrientation", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
|
|
2190
2193
|
<div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
|
|
2191
2194
|
<kendo-icon-wrapper [name]="previousArrowClass()" [svgIcon]="previousSVGArrowClass()"></kendo-icon-wrapper>
|
|
2192
2195
|
</div>
|
|
@@ -2211,19 +2214,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2211
2214
|
}]
|
|
2212
2215
|
}], ctorParameters: function () { return [{ type: i1$1.DraggableDirective, decorators: [{
|
|
2213
2216
|
type: Host
|
|
2214
|
-
}] }, { type: i1.LocalizationService }, { type: SplitterService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: {
|
|
2215
|
-
type: Input
|
|
2216
|
-
}, {
|
|
2217
|
-
type: HostBinding,
|
|
2218
|
-
args: ['attr.aria-orientation']
|
|
2219
|
-
}], index: [{
|
|
2220
|
-
type: Input
|
|
2221
|
-
}], ariaRole: [{
|
|
2217
|
+
}] }, { type: i1.LocalizationService }, { type: SplitterService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { ariaRole: [{
|
|
2222
2218
|
type: HostBinding,
|
|
2223
2219
|
args: ['attr.role']
|
|
2224
2220
|
}], focused: [{
|
|
2225
2221
|
type: HostBinding,
|
|
2226
2222
|
args: ['class.k-focus']
|
|
2223
|
+
}], hostOrientation: [{
|
|
2224
|
+
type: HostBinding,
|
|
2225
|
+
args: ['attr.aria-orientation']
|
|
2227
2226
|
}], tabIndex: [{
|
|
2228
2227
|
type: HostBinding,
|
|
2229
2228
|
args: ['attr.tabindex']
|
|
@@ -2236,6 +2235,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2236
2235
|
}, {
|
|
2237
2236
|
type: HostBinding,
|
|
2238
2237
|
args: ['style.order']
|
|
2238
|
+
}], orientation: [{
|
|
2239
|
+
type: Input
|
|
2240
|
+
}], index: [{
|
|
2241
|
+
type: Input
|
|
2239
2242
|
}] } });
|
|
2240
2243
|
|
|
2241
2244
|
/**
|
|
@@ -4565,6 +4568,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4565
4568
|
<ng-template #defaultTemplate>
|
|
4566
4569
|
<ng-container *ngIf="expanded">
|
|
4567
4570
|
<kendo-icon-wrapper
|
|
4571
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
4568
4572
|
[name]="iconClasses"
|
|
4569
4573
|
[customFontClass]="customIconClasses"
|
|
4570
4574
|
[svgIcon]="item.svgIcon"
|
|
@@ -4583,6 +4587,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4583
4587
|
</ng-container>
|
|
4584
4588
|
<ng-container *ngIf="mini && !expanded">
|
|
4585
4589
|
<kendo-icon-wrapper
|
|
4590
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
4586
4591
|
[name]="iconClasses"
|
|
4587
4592
|
[customFontClass]="customIconClasses"
|
|
4588
4593
|
[svgIcon]="item.svgIcon"
|
|
@@ -4611,6 +4616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4611
4616
|
<ng-template #defaultTemplate>
|
|
4612
4617
|
<ng-container *ngIf="expanded">
|
|
4613
4618
|
<kendo-icon-wrapper
|
|
4619
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
4614
4620
|
[name]="iconClasses"
|
|
4615
4621
|
[customFontClass]="customIconClasses"
|
|
4616
4622
|
[svgIcon]="item.svgIcon"
|
|
@@ -4629,6 +4635,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
4629
4635
|
</ng-container>
|
|
4630
4636
|
<ng-container *ngIf="mini && !expanded">
|
|
4631
4637
|
<kendo-icon-wrapper
|
|
4638
|
+
*ngIf="item.icon || item.iconClass || item.svgIcon"
|
|
4632
4639
|
[name]="iconClasses"
|
|
4633
4640
|
[customFontClass]="customIconClasses"
|
|
4634
4641
|
[svgIcon]="item.svgIcon"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
|
3
|
-
"version": "11.3.0-develop.
|
|
3
|
+
"version": "11.3.0-develop.10",
|
|
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",
|
|
@@ -39,16 +39,16 @@
|
|
|
39
39
|
"@angular/core": "13 - 15",
|
|
40
40
|
"@angular/platform-browser": "13 - 15",
|
|
41
41
|
"@progress/kendo-licensing": "^1.0.2",
|
|
42
|
-
"@progress/kendo-angular-common": "11.3.0-develop.
|
|
43
|
-
"@progress/kendo-angular-l10n": "11.3.0-develop.
|
|
44
|
-
"@progress/kendo-angular-progressbar": "11.3.0-develop.
|
|
45
|
-
"@progress/kendo-angular-icons": "11.3.0-develop.
|
|
46
|
-
"@progress/kendo-angular-buttons": "11.3.0-develop.
|
|
42
|
+
"@progress/kendo-angular-common": "11.3.0-develop.10",
|
|
43
|
+
"@progress/kendo-angular-l10n": "11.3.0-develop.10",
|
|
44
|
+
"@progress/kendo-angular-progressbar": "11.3.0-develop.10",
|
|
45
|
+
"@progress/kendo-angular-icons": "11.3.0-develop.10",
|
|
46
|
+
"@progress/kendo-angular-buttons": "11.3.0-develop.10",
|
|
47
47
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"tslib": "^2.3.1",
|
|
51
|
-
"@progress/kendo-angular-schematics": "11.3.0-develop.
|
|
51
|
+
"@progress/kendo-angular-schematics": "11.3.0-develop.10",
|
|
52
52
|
"@progress/kendo-draggable": "^3.0.2"
|
|
53
53
|
},
|
|
54
54
|
"schematics": "./schematics/collection.json",
|
|
@@ -18,21 +18,21 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
|
|
|
18
18
|
private splitterService;
|
|
19
19
|
element: ElementRef<HTMLElement>;
|
|
20
20
|
private renderer;
|
|
21
|
-
orientation: Orientation;
|
|
22
|
-
get direction(): string;
|
|
23
|
-
index: number;
|
|
24
21
|
ariaRole: string;
|
|
25
22
|
focused: boolean;
|
|
26
|
-
|
|
23
|
+
get hostOrientation(): string;
|
|
27
24
|
get tabIndex(): number;
|
|
28
25
|
get hostClasses(): string;
|
|
29
26
|
get order(): number;
|
|
30
|
-
|
|
27
|
+
orientation: Orientation;
|
|
28
|
+
index: number;
|
|
29
|
+
private subscriptions;
|
|
31
30
|
constructor(draggable: DraggableDirective, localization: LocalizationService, splitterService: SplitterService, element: ElementRef<HTMLElement>, renderer: Renderer2);
|
|
32
31
|
ngOnInit(): void;
|
|
33
32
|
ngOnDestroy(): void;
|
|
34
33
|
togglePrevious(): void;
|
|
35
34
|
toggleNext(): void;
|
|
35
|
+
get direction(): string;
|
|
36
36
|
shouldShowIcon(iconName: string): boolean;
|
|
37
37
|
collapseClass(order: string): string;
|
|
38
38
|
previousArrowClass(): any;
|
|
@@ -40,6 +40,7 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
|
|
|
40
40
|
nextArrowClass(): any;
|
|
41
41
|
nextSVGArrowClass(): SVGIcon;
|
|
42
42
|
private togglePane;
|
|
43
|
+
private get expandLast();
|
|
43
44
|
private onKeyDown;
|
|
44
45
|
private tryToggleNearest;
|
|
45
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<SplitterBarComponent, [{ host: true; }, null, null, null, null]>;
|