@progress/kendo-angular-layout 14.1.0-develop.9 → 14.1.0
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/package-metadata.mjs +2 -2
- package/esm2020/splitter/splitter-bar.component.mjs +4 -9
- package/esm2020/splitter/splitter.component.mjs +14 -4
- package/fesm2015/progress-kendo-angular-layout.mjs +20 -15
- package/fesm2020/progress-kendo-angular-layout.mjs +20 -15
- package/package.json +7 -7
- package/splitter/splitter-bar.component.d.ts +0 -1
- package/splitter/splitter.component.d.ts +5 -1
|
@@ -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: '14.1.0
|
|
12
|
+
publishDate: 1699452553,
|
|
13
|
+
version: '14.1.0',
|
|
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
|
};
|
|
@@ -116,11 +116,6 @@ export class SplitterBarComponent {
|
|
|
116
116
|
const isCollapsible = pane.collapsible;
|
|
117
117
|
return isCollapsible && !relatedPane.isHidden;
|
|
118
118
|
}
|
|
119
|
-
collapseClass(order) {
|
|
120
|
-
const pane = this.splitterService.pane(this.index);
|
|
121
|
-
const isCollapsible = pane.collapsible;
|
|
122
|
-
return isCollapsible ? `k-collapse-${order}` : '';
|
|
123
|
-
}
|
|
124
119
|
previousArrowClass() {
|
|
125
120
|
const pane = this.splitterService.pane(this.index);
|
|
126
121
|
const isCollapsible = pane.collapsible;
|
|
@@ -224,7 +219,7 @@ export class SplitterBarComponent {
|
|
|
224
219
|
}
|
|
225
220
|
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 });
|
|
226
221
|
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: `
|
|
227
|
-
<div *ngIf="shouldShowIcon('prev')"
|
|
222
|
+
<div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
|
|
228
223
|
<kendo-icon-wrapper
|
|
229
224
|
size="xsmall"
|
|
230
225
|
[name]="previousArrowClass()"
|
|
@@ -232,7 +227,7 @@ SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
232
227
|
></kendo-icon-wrapper>
|
|
233
228
|
</div>
|
|
234
229
|
<div class="k-resize-handle"></div>
|
|
235
|
-
<div *ngIf="shouldShowIcon('next')"
|
|
230
|
+
<div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
|
|
236
231
|
<kendo-icon-wrapper
|
|
237
232
|
size="xsmall"
|
|
238
233
|
[name]="nextArrowClass()"
|
|
@@ -245,7 +240,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
245
240
|
args: [{
|
|
246
241
|
selector: 'kendo-splitter-bar',
|
|
247
242
|
template: `
|
|
248
|
-
<div *ngIf="shouldShowIcon('prev')"
|
|
243
|
+
<div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
|
|
249
244
|
<kendo-icon-wrapper
|
|
250
245
|
size="xsmall"
|
|
251
246
|
[name]="previousArrowClass()"
|
|
@@ -253,7 +248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
253
248
|
></kendo-icon-wrapper>
|
|
254
249
|
</div>
|
|
255
250
|
<div class="k-resize-handle"></div>
|
|
256
|
-
<div *ngIf="shouldShowIcon('next')"
|
|
251
|
+
<div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
|
|
257
252
|
<kendo-icon-wrapper
|
|
258
253
|
size="xsmall"
|
|
259
254
|
[name]="nextArrowClass()"
|
|
@@ -157,7 +157,7 @@ export class SplitterComponent {
|
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: i1.SplitterService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
160
|
-
SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
|
|
160
|
+
SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", splitbarWidth: "splitbarWidth", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
|
|
161
161
|
SplitterService,
|
|
162
162
|
LocalizationService,
|
|
163
163
|
{
|
|
@@ -175,10 +175,14 @@ SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
175
175
|
kendoDraggable
|
|
176
176
|
*ngIf="!last"
|
|
177
177
|
[index]="index"
|
|
178
|
-
[orientation]="orientation"
|
|
178
|
+
[orientation]="orientation"
|
|
179
|
+
[ngStyle]="{
|
|
180
|
+
width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
|
|
181
|
+
height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
|
|
182
|
+
}">
|
|
179
183
|
</kendo-splitter-bar>
|
|
180
184
|
</ng-container>
|
|
181
|
-
`, isInline: true, components: [{ type: i3.SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
|
|
185
|
+
`, isInline: true, components: [{ type: i3.SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
182
186
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, decorators: [{
|
|
183
187
|
type: Component,
|
|
184
188
|
args: [{
|
|
@@ -203,7 +207,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
203
207
|
kendoDraggable
|
|
204
208
|
*ngIf="!last"
|
|
205
209
|
[index]="index"
|
|
206
|
-
[orientation]="orientation"
|
|
210
|
+
[orientation]="orientation"
|
|
211
|
+
[ngStyle]="{
|
|
212
|
+
width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
|
|
213
|
+
height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
|
|
214
|
+
}">
|
|
207
215
|
</kendo-splitter-bar>
|
|
208
216
|
</ng-container>
|
|
209
217
|
`
|
|
@@ -217,6 +225,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
217
225
|
args: [SplitterPaneComponent]
|
|
218
226
|
}] }]; }, propDecorators: { orientation: [{
|
|
219
227
|
type: Input
|
|
228
|
+
}], splitbarWidth: [{
|
|
229
|
+
type: Input
|
|
220
230
|
}], resizeStep: [{
|
|
221
231
|
type: Input
|
|
222
232
|
}], layoutChange: [{
|
|
@@ -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: '14.1.0
|
|
34
|
+
publishDate: 1699452553,
|
|
35
|
+
version: '14.1.0',
|
|
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
|
|
|
@@ -2096,11 +2096,6 @@ class SplitterBarComponent {
|
|
|
2096
2096
|
const isCollapsible = pane.collapsible;
|
|
2097
2097
|
return isCollapsible && !relatedPane.isHidden;
|
|
2098
2098
|
}
|
|
2099
|
-
collapseClass(order) {
|
|
2100
|
-
const pane = this.splitterService.pane(this.index);
|
|
2101
|
-
const isCollapsible = pane.collapsible;
|
|
2102
|
-
return isCollapsible ? `k-collapse-${order}` : '';
|
|
2103
|
-
}
|
|
2104
2099
|
previousArrowClass() {
|
|
2105
2100
|
const pane = this.splitterService.pane(this.index);
|
|
2106
2101
|
const isCollapsible = pane.collapsible;
|
|
@@ -2204,7 +2199,7 @@ class SplitterBarComponent {
|
|
|
2204
2199
|
}
|
|
2205
2200
|
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 });
|
|
2206
2201
|
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: `
|
|
2207
|
-
<div *ngIf="shouldShowIcon('prev')"
|
|
2202
|
+
<div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
|
|
2208
2203
|
<kendo-icon-wrapper
|
|
2209
2204
|
size="xsmall"
|
|
2210
2205
|
[name]="previousArrowClass()"
|
|
@@ -2212,7 +2207,7 @@ SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
2212
2207
|
></kendo-icon-wrapper>
|
|
2213
2208
|
</div>
|
|
2214
2209
|
<div class="k-resize-handle"></div>
|
|
2215
|
-
<div *ngIf="shouldShowIcon('next')"
|
|
2210
|
+
<div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
|
|
2216
2211
|
<kendo-icon-wrapper
|
|
2217
2212
|
size="xsmall"
|
|
2218
2213
|
[name]="nextArrowClass()"
|
|
@@ -2225,7 +2220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2225
2220
|
args: [{
|
|
2226
2221
|
selector: 'kendo-splitter-bar',
|
|
2227
2222
|
template: `
|
|
2228
|
-
<div *ngIf="shouldShowIcon('prev')"
|
|
2223
|
+
<div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
|
|
2229
2224
|
<kendo-icon-wrapper
|
|
2230
2225
|
size="xsmall"
|
|
2231
2226
|
[name]="previousArrowClass()"
|
|
@@ -2233,7 +2228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2233
2228
|
></kendo-icon-wrapper>
|
|
2234
2229
|
</div>
|
|
2235
2230
|
<div class="k-resize-handle"></div>
|
|
2236
|
-
<div *ngIf="shouldShowIcon('next')"
|
|
2231
|
+
<div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
|
|
2237
2232
|
<kendo-icon-wrapper
|
|
2238
2233
|
size="xsmall"
|
|
2239
2234
|
[name]="nextArrowClass()"
|
|
@@ -2413,7 +2408,7 @@ class SplitterComponent {
|
|
|
2413
2408
|
}
|
|
2414
2409
|
}
|
|
2415
2410
|
SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: SplitterService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2416
|
-
SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
|
|
2411
|
+
SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", splitbarWidth: "splitbarWidth", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
|
|
2417
2412
|
SplitterService,
|
|
2418
2413
|
LocalizationService,
|
|
2419
2414
|
{
|
|
@@ -2431,10 +2426,14 @@ SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
2431
2426
|
kendoDraggable
|
|
2432
2427
|
*ngIf="!last"
|
|
2433
2428
|
[index]="index"
|
|
2434
|
-
[orientation]="orientation"
|
|
2429
|
+
[orientation]="orientation"
|
|
2430
|
+
[ngStyle]="{
|
|
2431
|
+
width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
|
|
2432
|
+
height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
|
|
2433
|
+
}">
|
|
2435
2434
|
</kendo-splitter-bar>
|
|
2436
2435
|
</ng-container>
|
|
2437
|
-
`, isInline: true, components: [{ type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
|
|
2436
|
+
`, isInline: true, components: [{ type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
2438
2437
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, decorators: [{
|
|
2439
2438
|
type: Component,
|
|
2440
2439
|
args: [{
|
|
@@ -2459,7 +2458,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2459
2458
|
kendoDraggable
|
|
2460
2459
|
*ngIf="!last"
|
|
2461
2460
|
[index]="index"
|
|
2462
|
-
[orientation]="orientation"
|
|
2461
|
+
[orientation]="orientation"
|
|
2462
|
+
[ngStyle]="{
|
|
2463
|
+
width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
|
|
2464
|
+
height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
|
|
2465
|
+
}">
|
|
2463
2466
|
</kendo-splitter-bar>
|
|
2464
2467
|
</ng-container>
|
|
2465
2468
|
`
|
|
@@ -2475,6 +2478,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2475
2478
|
}] }];
|
|
2476
2479
|
}, propDecorators: { orientation: [{
|
|
2477
2480
|
type: Input
|
|
2481
|
+
}], splitbarWidth: [{
|
|
2482
|
+
type: Input
|
|
2478
2483
|
}], resizeStep: [{
|
|
2479
2484
|
type: Input
|
|
2480
2485
|
}], layoutChange: [{
|
|
@@ -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: '14.1.0
|
|
34
|
+
publishDate: 1699452553,
|
|
35
|
+
version: '14.1.0',
|
|
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
|
|
|
@@ -2090,11 +2090,6 @@ class SplitterBarComponent {
|
|
|
2090
2090
|
const isCollapsible = pane.collapsible;
|
|
2091
2091
|
return isCollapsible && !relatedPane.isHidden;
|
|
2092
2092
|
}
|
|
2093
|
-
collapseClass(order) {
|
|
2094
|
-
const pane = this.splitterService.pane(this.index);
|
|
2095
|
-
const isCollapsible = pane.collapsible;
|
|
2096
|
-
return isCollapsible ? `k-collapse-${order}` : '';
|
|
2097
|
-
}
|
|
2098
2093
|
previousArrowClass() {
|
|
2099
2094
|
const pane = this.splitterService.pane(this.index);
|
|
2100
2095
|
const isCollapsible = pane.collapsible;
|
|
@@ -2198,7 +2193,7 @@ class SplitterBarComponent {
|
|
|
2198
2193
|
}
|
|
2199
2194
|
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 });
|
|
2200
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.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: `
|
|
2201
|
-
<div *ngIf="shouldShowIcon('prev')"
|
|
2196
|
+
<div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
|
|
2202
2197
|
<kendo-icon-wrapper
|
|
2203
2198
|
size="xsmall"
|
|
2204
2199
|
[name]="previousArrowClass()"
|
|
@@ -2206,7 +2201,7 @@ SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
2206
2201
|
></kendo-icon-wrapper>
|
|
2207
2202
|
</div>
|
|
2208
2203
|
<div class="k-resize-handle"></div>
|
|
2209
|
-
<div *ngIf="shouldShowIcon('next')"
|
|
2204
|
+
<div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
|
|
2210
2205
|
<kendo-icon-wrapper
|
|
2211
2206
|
size="xsmall"
|
|
2212
2207
|
[name]="nextArrowClass()"
|
|
@@ -2219,7 +2214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2219
2214
|
args: [{
|
|
2220
2215
|
selector: 'kendo-splitter-bar',
|
|
2221
2216
|
template: `
|
|
2222
|
-
<div *ngIf="shouldShowIcon('prev')"
|
|
2217
|
+
<div *ngIf="shouldShowIcon('prev')" class="k-collapse-prev" (click)="togglePrevious()">
|
|
2223
2218
|
<kendo-icon-wrapper
|
|
2224
2219
|
size="xsmall"
|
|
2225
2220
|
[name]="previousArrowClass()"
|
|
@@ -2227,7 +2222,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2227
2222
|
></kendo-icon-wrapper>
|
|
2228
2223
|
</div>
|
|
2229
2224
|
<div class="k-resize-handle"></div>
|
|
2230
|
-
<div *ngIf="shouldShowIcon('next')"
|
|
2225
|
+
<div *ngIf="shouldShowIcon('next')" class="k-collapse-next" (click)="toggleNext()">
|
|
2231
2226
|
<kendo-icon-wrapper
|
|
2232
2227
|
size="xsmall"
|
|
2233
2228
|
[name]="nextArrowClass()"
|
|
@@ -2405,7 +2400,7 @@ class SplitterComponent {
|
|
|
2405
2400
|
}
|
|
2406
2401
|
}
|
|
2407
2402
|
SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: SplitterService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2408
|
-
SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
|
|
2403
|
+
SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation", splitbarWidth: "splitbarWidth", resizeStep: "resizeStep" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
|
|
2409
2404
|
SplitterService,
|
|
2410
2405
|
LocalizationService,
|
|
2411
2406
|
{
|
|
@@ -2423,10 +2418,14 @@ SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
2423
2418
|
kendoDraggable
|
|
2424
2419
|
*ngIf="!last"
|
|
2425
2420
|
[index]="index"
|
|
2426
|
-
[orientation]="orientation"
|
|
2421
|
+
[orientation]="orientation"
|
|
2422
|
+
[ngStyle]="{
|
|
2423
|
+
width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
|
|
2424
|
+
height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
|
|
2425
|
+
}">
|
|
2427
2426
|
</kendo-splitter-bar>
|
|
2428
2427
|
</ng-container>
|
|
2429
|
-
`, isInline: true, components: [{ type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
|
|
2428
|
+
`, isInline: true, components: [{ type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: ["orientation", "index"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
2430
2429
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterComponent, decorators: [{
|
|
2431
2430
|
type: Component,
|
|
2432
2431
|
args: [{
|
|
@@ -2451,7 +2450,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2451
2450
|
kendoDraggable
|
|
2452
2451
|
*ngIf="!last"
|
|
2453
2452
|
[index]="index"
|
|
2454
|
-
[orientation]="orientation"
|
|
2453
|
+
[orientation]="orientation"
|
|
2454
|
+
[ngStyle]="{
|
|
2455
|
+
width: orientation === 'horizontal' ? splitbarWidth + 'px' : undefined,
|
|
2456
|
+
height: orientation === 'vertical' ? splitbarWidth + 'px' : undefined
|
|
2457
|
+
}">
|
|
2455
2458
|
</kendo-splitter-bar>
|
|
2456
2459
|
</ng-container>
|
|
2457
2460
|
`
|
|
@@ -2465,6 +2468,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2465
2468
|
args: [SplitterPaneComponent]
|
|
2466
2469
|
}] }]; }, propDecorators: { orientation: [{
|
|
2467
2470
|
type: Input
|
|
2471
|
+
}], splitbarWidth: [{
|
|
2472
|
+
type: Input
|
|
2468
2473
|
}], resizeStep: [{
|
|
2469
2474
|
type: Input
|
|
2470
2475
|
}], layoutChange: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
|
3
|
-
"version": "14.1.0
|
|
3
|
+
"version": "14.1.0",
|
|
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 - 17",
|
|
40
40
|
"@angular/platform-browser": "13 - 17",
|
|
41
41
|
"@progress/kendo-licensing": "^1.0.2",
|
|
42
|
-
"@progress/kendo-angular-common": "14.1.0
|
|
43
|
-
"@progress/kendo-angular-l10n": "14.1.0
|
|
44
|
-
"@progress/kendo-angular-progressbar": "14.1.0
|
|
45
|
-
"@progress/kendo-angular-icons": "14.1.0
|
|
46
|
-
"@progress/kendo-angular-buttons": "14.1.0
|
|
42
|
+
"@progress/kendo-angular-common": "14.1.0",
|
|
43
|
+
"@progress/kendo-angular-l10n": "14.1.0",
|
|
44
|
+
"@progress/kendo-angular-progressbar": "14.1.0",
|
|
45
|
+
"@progress/kendo-angular-icons": "14.1.0",
|
|
46
|
+
"@progress/kendo-angular-buttons": "14.1.0",
|
|
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": "14.1.0
|
|
51
|
+
"@progress/kendo-angular-schematics": "14.1.0",
|
|
52
52
|
"@progress/kendo-draggable": "^3.0.2"
|
|
53
53
|
},
|
|
54
54
|
"schematics": "./schematics/collection.json",
|
|
@@ -34,7 +34,6 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
|
|
|
34
34
|
toggleNext(): void;
|
|
35
35
|
get direction(): string;
|
|
36
36
|
shouldShowIcon(iconName: string): boolean;
|
|
37
|
-
collapseClass(order: string): string;
|
|
38
37
|
previousArrowClass(): any;
|
|
39
38
|
previousSVGArrowClass(): SVGIcon;
|
|
40
39
|
nextArrowClass(): any;
|
|
@@ -56,6 +56,10 @@ export declare class SplitterComponent implements AfterContentInit {
|
|
|
56
56
|
* Panes in a vertical Splitter are placed vertically.
|
|
57
57
|
*/
|
|
58
58
|
orientation: Orientation;
|
|
59
|
+
/**
|
|
60
|
+
* Sets the width or height (depending on the orientation) of the Splitter splitbars in pixels.
|
|
61
|
+
*/
|
|
62
|
+
splitbarWidth: number;
|
|
59
63
|
/**
|
|
60
64
|
* The distance in pixels that the separator is moved with during keyboard navigation.
|
|
61
65
|
* @default 10
|
|
@@ -87,5 +91,5 @@ export declare class SplitterComponent implements AfterContentInit {
|
|
|
87
91
|
private configure;
|
|
88
92
|
private get direction();
|
|
89
93
|
static ɵfac: i0.ɵɵFactoryDeclaration<SplitterComponent, [null, null, null, null, { optional: true; host: true; }]>;
|
|
90
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SplitterComponent, "kendo-splitter", ["kendoSplitter"], { "orientation": "orientation"; "resizeStep": "resizeStep"; }, { "layoutChange": "layoutChange"; }, ["panes"], ["kendo-splitter-pane"]>;
|
|
94
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitterComponent, "kendo-splitter", ["kendoSplitter"], { "orientation": "orientation"; "splitbarWidth": "splitbarWidth"; "resizeStep": "resizeStep"; }, { "layoutChange": "layoutChange"; }, ["panes"], ["kendo-splitter-pane"]>;
|
|
91
95
|
}
|