@progress/kendo-angular-layout 17.0.0-develop.31 → 17.0.0-develop.32
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.
|
@@ -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: '17.0.0-develop.
|
|
12
|
+
publishDate: 1730708650,
|
|
13
|
+
version: '17.0.0-develop.32',
|
|
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
|
};
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
import { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Renderer2, Input, Output } from '@angular/core';
|
|
6
6
|
import { NgIf } from '@angular/common';
|
|
7
7
|
import { SplitterService } from './splitter.service';
|
|
8
|
+
import { anyChanged } from '@progress/kendo-angular-common';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
import * as i1 from "./splitter.service";
|
|
10
11
|
/**
|
|
@@ -34,12 +35,7 @@ export class SplitterPaneComponent {
|
|
|
34
35
|
this._size = newSize;
|
|
35
36
|
this.renderer.setStyle(this.nativeElement, '-ms-flex-preferred-size', newSize);
|
|
36
37
|
this.renderer.setStyle(this.nativeElement, 'flex-basis', newSize);
|
|
37
|
-
|
|
38
|
-
this.renderer.addClass(this.nativeElement, 'k-pane-static');
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
this.renderer.removeClass(this.nativeElement, 'k-pane-static');
|
|
42
|
-
}
|
|
38
|
+
this.setStaticPaneClass();
|
|
43
39
|
}
|
|
44
40
|
get size() {
|
|
45
41
|
return this._size;
|
|
@@ -126,12 +122,6 @@ export class SplitterPaneComponent {
|
|
|
126
122
|
}
|
|
127
123
|
ariaRole = 'group';
|
|
128
124
|
hostClass = true;
|
|
129
|
-
get staticPaneClass() {
|
|
130
|
-
if (this.forceExpand) {
|
|
131
|
-
return false;
|
|
132
|
-
}
|
|
133
|
-
return !this.resizable && !this.collapsible || this.fixedSize;
|
|
134
|
-
}
|
|
135
125
|
get scrollablePaneClass() {
|
|
136
126
|
return this.scrollable;
|
|
137
127
|
}
|
|
@@ -164,6 +154,12 @@ export class SplitterPaneComponent {
|
|
|
164
154
|
this.renderer.removeClass(this.nativeElement, 'k-hidden');
|
|
165
155
|
this.renderer.removeClass(this.nativeElement, 'hidden');
|
|
166
156
|
}
|
|
157
|
+
this.setStaticPaneClass();
|
|
158
|
+
}
|
|
159
|
+
ngOnChanges(changes) {
|
|
160
|
+
if (anyChanged(['resizable', 'collapsible'], changes)) {
|
|
161
|
+
this.setStaticPaneClass();
|
|
162
|
+
}
|
|
167
163
|
}
|
|
168
164
|
/**
|
|
169
165
|
* @hidden
|
|
@@ -199,8 +195,20 @@ export class SplitterPaneComponent {
|
|
|
199
195
|
this.renderer.setStyle(this.nativeElement, '-ms-flex-order', this.order);
|
|
200
196
|
this.renderer.setStyle(this.nativeElement, 'order', this.order);
|
|
201
197
|
}
|
|
198
|
+
setStaticPaneClass() {
|
|
199
|
+
if (this.forceExpand) {
|
|
200
|
+
this.renderer.removeClass(this.nativeElement, 'k-pane-static');
|
|
201
|
+
return;
|
|
202
|
+
}
|
|
203
|
+
if (!this.resizable && !this.collapsible || this.fixedSize) {
|
|
204
|
+
this.renderer.addClass(this.nativeElement, 'k-pane-static');
|
|
205
|
+
}
|
|
206
|
+
else {
|
|
207
|
+
this.renderer.removeClass(this.nativeElement, 'k-pane-static');
|
|
208
|
+
}
|
|
209
|
+
}
|
|
202
210
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitterPaneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.SplitterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
203
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SplitterPaneComponent, isStandalone: true, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", splitterBarAttributes: "splitterBarAttributes", splitterBarClass: "splitterBarClass", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-pane": "this.hostClass", "class.k-
|
|
211
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SplitterPaneComponent, isStandalone: true, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", splitterBarAttributes: "splitterBarAttributes", splitterBarClass: "splitterBarClass", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-pane": "this.hostClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], usesOnChanges: true, ngImport: i0, template: `
|
|
204
212
|
<ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>
|
|
205
213
|
<div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>
|
|
206
214
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
@@ -253,9 +261,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
253
261
|
}], hostClass: [{
|
|
254
262
|
type: HostBinding,
|
|
255
263
|
args: ['class.k-pane']
|
|
256
|
-
}], staticPaneClass: [{
|
|
257
|
-
type: HostBinding,
|
|
258
|
-
args: ['class.k-pane-static']
|
|
259
264
|
}], scrollablePaneClass: [{
|
|
260
265
|
type: HostBinding,
|
|
261
266
|
args: ['class.k-scrollable']
|
|
@@ -7,7 +7,7 @@ import { Injectable, Directive, Optional, isDevMode, Component, SkipSelf, Host,
|
|
|
7
7
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
9
9
|
import * as i1$1 from '@progress/kendo-angular-common';
|
|
10
|
-
import { Keys, shouldShowValidationUI, WatermarkOverlayComponent, isDocumentAvailable, isObjectPresent, removeHTMLAttributes, parseAttributes, setHTMLAttributes, DraggableDirective, PreventableEvent as PreventableEvent$1, guid, ResizeSensorComponent, hasObservers, isPresent as isPresent$1, focusableSelector, isChanged } from '@progress/kendo-angular-common';
|
|
10
|
+
import { Keys, shouldShowValidationUI, WatermarkOverlayComponent, isDocumentAvailable, anyChanged, isObjectPresent, removeHTMLAttributes, parseAttributes, setHTMLAttributes, DraggableDirective, PreventableEvent as PreventableEvent$1, guid, ResizeSensorComponent, hasObservers, isPresent as isPresent$1, focusableSelector, isChanged } from '@progress/kendo-angular-common';
|
|
11
11
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
12
12
|
import * as i1$2 from '@angular/animations';
|
|
13
13
|
import { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';
|
|
@@ -28,8 +28,8 @@ const packageMetadata = {
|
|
|
28
28
|
name: '@progress/kendo-angular-layout',
|
|
29
29
|
productName: 'Kendo UI for Angular',
|
|
30
30
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
31
|
-
publishDate:
|
|
32
|
-
version: '17.0.0-develop.
|
|
31
|
+
publishDate: 1730708650,
|
|
32
|
+
version: '17.0.0-develop.32',
|
|
33
33
|
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'
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -1930,12 +1930,7 @@ class SplitterPaneComponent {
|
|
|
1930
1930
|
this._size = newSize;
|
|
1931
1931
|
this.renderer.setStyle(this.nativeElement, '-ms-flex-preferred-size', newSize);
|
|
1932
1932
|
this.renderer.setStyle(this.nativeElement, 'flex-basis', newSize);
|
|
1933
|
-
|
|
1934
|
-
this.renderer.addClass(this.nativeElement, 'k-pane-static');
|
|
1935
|
-
}
|
|
1936
|
-
else {
|
|
1937
|
-
this.renderer.removeClass(this.nativeElement, 'k-pane-static');
|
|
1938
|
-
}
|
|
1933
|
+
this.setStaticPaneClass();
|
|
1939
1934
|
}
|
|
1940
1935
|
get size() {
|
|
1941
1936
|
return this._size;
|
|
@@ -2022,12 +2017,6 @@ class SplitterPaneComponent {
|
|
|
2022
2017
|
}
|
|
2023
2018
|
ariaRole = 'group';
|
|
2024
2019
|
hostClass = true;
|
|
2025
|
-
get staticPaneClass() {
|
|
2026
|
-
if (this.forceExpand) {
|
|
2027
|
-
return false;
|
|
2028
|
-
}
|
|
2029
|
-
return !this.resizable && !this.collapsible || this.fixedSize;
|
|
2030
|
-
}
|
|
2031
2020
|
get scrollablePaneClass() {
|
|
2032
2021
|
return this.scrollable;
|
|
2033
2022
|
}
|
|
@@ -2060,6 +2049,12 @@ class SplitterPaneComponent {
|
|
|
2060
2049
|
this.renderer.removeClass(this.nativeElement, 'k-hidden');
|
|
2061
2050
|
this.renderer.removeClass(this.nativeElement, 'hidden');
|
|
2062
2051
|
}
|
|
2052
|
+
this.setStaticPaneClass();
|
|
2053
|
+
}
|
|
2054
|
+
ngOnChanges(changes) {
|
|
2055
|
+
if (anyChanged(['resizable', 'collapsible'], changes)) {
|
|
2056
|
+
this.setStaticPaneClass();
|
|
2057
|
+
}
|
|
2063
2058
|
}
|
|
2064
2059
|
/**
|
|
2065
2060
|
* @hidden
|
|
@@ -2095,8 +2090,20 @@ class SplitterPaneComponent {
|
|
|
2095
2090
|
this.renderer.setStyle(this.nativeElement, '-ms-flex-order', this.order);
|
|
2096
2091
|
this.renderer.setStyle(this.nativeElement, 'order', this.order);
|
|
2097
2092
|
}
|
|
2093
|
+
setStaticPaneClass() {
|
|
2094
|
+
if (this.forceExpand) {
|
|
2095
|
+
this.renderer.removeClass(this.nativeElement, 'k-pane-static');
|
|
2096
|
+
return;
|
|
2097
|
+
}
|
|
2098
|
+
if (!this.resizable && !this.collapsible || this.fixedSize) {
|
|
2099
|
+
this.renderer.addClass(this.nativeElement, 'k-pane-static');
|
|
2100
|
+
}
|
|
2101
|
+
else {
|
|
2102
|
+
this.renderer.removeClass(this.nativeElement, 'k-pane-static');
|
|
2103
|
+
}
|
|
2104
|
+
}
|
|
2098
2105
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitterPaneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: SplitterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2099
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SplitterPaneComponent, isStandalone: true, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", splitterBarAttributes: "splitterBarAttributes", splitterBarClass: "splitterBarClass", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-pane": "this.hostClass", "class.k-
|
|
2106
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SplitterPaneComponent, isStandalone: true, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", splitterBarAttributes: "splitterBarAttributes", splitterBarClass: "splitterBarClass", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-pane": "this.hostClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], usesOnChanges: true, ngImport: i0, template: `
|
|
2100
2107
|
<ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>
|
|
2101
2108
|
<div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>
|
|
2102
2109
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
@@ -2149,9 +2156,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2149
2156
|
}], hostClass: [{
|
|
2150
2157
|
type: HostBinding,
|
|
2151
2158
|
args: ['class.k-pane']
|
|
2152
|
-
}], staticPaneClass: [{
|
|
2153
|
-
type: HostBinding,
|
|
2154
|
-
args: ['class.k-pane-static']
|
|
2155
2159
|
}], scrollablePaneClass: [{
|
|
2156
2160
|
type: HostBinding,
|
|
2157
2161
|
args: ['class.k-scrollable']
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
|
3
|
-
"version": "17.0.0-develop.
|
|
3
|
+
"version": "17.0.0-develop.32",
|
|
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,17 +39,17 @@
|
|
|
39
39
|
"@angular/core": "16 - 18",
|
|
40
40
|
"@angular/platform-browser": "16 - 18",
|
|
41
41
|
"@progress/kendo-licensing": "^1.0.2",
|
|
42
|
-
"@progress/kendo-angular-common": "17.0.0-develop.
|
|
43
|
-
"@progress/kendo-angular-l10n": "17.0.0-develop.
|
|
44
|
-
"@progress/kendo-angular-progressbar": "17.0.0-develop.
|
|
45
|
-
"@progress/kendo-angular-icons": "17.0.0-develop.
|
|
46
|
-
"@progress/kendo-angular-buttons": "17.0.0-develop.
|
|
47
|
-
"@progress/kendo-angular-intl": "17.0.0-develop.
|
|
42
|
+
"@progress/kendo-angular-common": "17.0.0-develop.32",
|
|
43
|
+
"@progress/kendo-angular-l10n": "17.0.0-develop.32",
|
|
44
|
+
"@progress/kendo-angular-progressbar": "17.0.0-develop.32",
|
|
45
|
+
"@progress/kendo-angular-icons": "17.0.0-develop.32",
|
|
46
|
+
"@progress/kendo-angular-buttons": "17.0.0-develop.32",
|
|
47
|
+
"@progress/kendo-angular-intl": "17.0.0-develop.32",
|
|
48
48
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"tslib": "^2.3.1",
|
|
52
|
-
"@progress/kendo-angular-schematics": "17.0.0-develop.
|
|
52
|
+
"@progress/kendo-angular-schematics": "17.0.0-develop.32",
|
|
53
53
|
"@progress/kendo-draggable": "^3.0.2"
|
|
54
54
|
},
|
|
55
55
|
"schematics": "./schematics/collection.json",
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2, AfterViewChecked } from '@angular/core';
|
|
5
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2, AfterViewChecked, SimpleChanges } from '@angular/core';
|
|
6
6
|
import { Orientation } from '../common/orientation';
|
|
7
7
|
import { SplitterService } from './splitter.service';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
@@ -95,7 +95,6 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
|
|
|
95
95
|
get isHidden(): boolean;
|
|
96
96
|
ariaRole: string;
|
|
97
97
|
hostClass: boolean;
|
|
98
|
-
get staticPaneClass(): boolean;
|
|
99
98
|
get scrollablePaneClass(): boolean;
|
|
100
99
|
get fixedSize(): boolean;
|
|
101
100
|
/**
|
|
@@ -111,6 +110,7 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
|
|
|
111
110
|
private _splitterBarAttributes;
|
|
112
111
|
constructor(element: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef, splitterService: SplitterService);
|
|
113
112
|
ngAfterViewChecked(): void;
|
|
113
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
114
114
|
/**
|
|
115
115
|
* @hidden
|
|
116
116
|
*/
|
|
@@ -128,6 +128,7 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
|
|
|
128
128
|
*/
|
|
129
129
|
detectChanges(): void;
|
|
130
130
|
private setOrderStyles;
|
|
131
|
+
private setStaticPaneClass;
|
|
131
132
|
static ɵfac: i0.ɵɵFactoryDeclaration<SplitterPaneComponent, never>;
|
|
132
133
|
static ɵcmp: i0.ɵɵComponentDeclaration<SplitterPaneComponent, "kendo-splitter-pane", ["kendoSplitterPane"], { "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "splitterBarAttributes": { "alias": "splitterBarAttributes"; "required": false; }; "splitterBarClass": { "alias": "splitterBarClass"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "containsSplitter": { "alias": "containsSplitter"; "required": false; }; "overlayContent": { "alias": "overlayContent"; "required": false; }; }, { "sizeChange": "sizeChange"; "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
|
|
133
134
|
}
|