@progress/kendo-angular-layout 16.0.0-develop.22 → 16.0.0-develop.24
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: '16.0.0-develop.
|
|
12
|
+
publishDate: 1715622887,
|
|
13
|
+
version: '16.0.0-develop.24',
|
|
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
|
};
|
|
@@ -6,7 +6,7 @@ import { ChangeDetectorRef, Component, ElementRef, Input, NgZone, QueryList, Ren
|
|
|
6
6
|
import { caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
|
|
7
7
|
import { Subscription, fromEvent } from 'rxjs';
|
|
8
8
|
import { TimelineCardComponent } from './timeline-card.component';
|
|
9
|
-
import { Keys, guid, isChanged, isPresent } from '@progress/kendo-angular-common';
|
|
9
|
+
import { Keys, guid, isChanged, isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
|
|
10
10
|
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
11
11
|
import { TimelineService } from './timeline.service';
|
|
12
12
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
@@ -64,7 +64,7 @@ export class TimelineHorizontalComponent {
|
|
|
64
64
|
this.calloutStyle = this.calloutOffset;
|
|
65
65
|
}
|
|
66
66
|
ngOnInit() {
|
|
67
|
-
this._zone.runOutsideAngular(() => this.subscriptions.add(fromEvent(window, 'resize').subscribe(this.handleWindowResize.bind(this))));
|
|
67
|
+
this._zone.runOutsideAngular(() => isDocumentAvailable() && this.subscriptions.add(fromEvent(window, 'resize').subscribe(this.handleWindowResize.bind(this))));
|
|
68
68
|
this.l10nChange();
|
|
69
69
|
this.subscriptions.add(this.localization.changes.subscribe(this.l10nChange.bind(this)));
|
|
70
70
|
if (this.events.length > 0) {
|
|
@@ -78,6 +78,9 @@ export class TimelineHorizontalComponent {
|
|
|
78
78
|
});
|
|
79
79
|
}
|
|
80
80
|
ngAfterViewInit() {
|
|
81
|
+
if (!isDocumentAvailable()) {
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
81
84
|
this.subscriptions.add(this.renderer.listen(this.trackElementRef.nativeElement, 'keydown', this.onKeyDown.bind(this)));
|
|
82
85
|
this.trackWrapWidth = this.trackElementRef.nativeElement.getBoundingClientRect().width;
|
|
83
86
|
this.scrollableTrackWidth = this.scrollableTrackElementRef.nativeElement.getBoundingClientRect().width;
|
|
@@ -124,6 +127,9 @@ export class TimelineHorizontalComponent {
|
|
|
124
127
|
this.subscriptions.unsubscribe();
|
|
125
128
|
}
|
|
126
129
|
handleWindowResize() {
|
|
130
|
+
if (!isDocumentAvailable()) {
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
127
133
|
if (this.trackWrapWidth === this.trackElementRef.nativeElement.getBoundingClientRect().width) {
|
|
128
134
|
return;
|
|
129
135
|
}
|
|
@@ -225,6 +231,9 @@ export class TimelineHorizontalComponent {
|
|
|
225
231
|
return 'right';
|
|
226
232
|
}
|
|
227
233
|
get calloutOffset() {
|
|
234
|
+
if (!isDocumentAvailable()) {
|
|
235
|
+
return;
|
|
236
|
+
}
|
|
228
237
|
if (!this.circleElementRefs?.first || !this.trackElementRef || !isPresent(this.selectedEventIndex)) {
|
|
229
238
|
return {};
|
|
230
239
|
}
|
|
@@ -288,6 +297,9 @@ export class TimelineHorizontalComponent {
|
|
|
288
297
|
}
|
|
289
298
|
}
|
|
290
299
|
focusTrackItem(index) {
|
|
300
|
+
if (!isDocumentAvailable()) {
|
|
301
|
+
return;
|
|
302
|
+
}
|
|
291
303
|
if (!this.circleElementRefs || index < 0 || index >= this.circleElementRefs.length) {
|
|
292
304
|
return;
|
|
293
305
|
}
|
|
@@ -301,6 +313,9 @@ export class TimelineHorizontalComponent {
|
|
|
301
313
|
this.setTrackItemAttributes(newTrackItem, index);
|
|
302
314
|
}
|
|
303
315
|
setTrackItemAttributes(element, index) {
|
|
316
|
+
if (!isDocumentAvailable()) {
|
|
317
|
+
return;
|
|
318
|
+
}
|
|
304
319
|
const innerCard = this.cardComponents.get(this.selectedCardIndex).element.nativeElement.querySelector('.k-card');
|
|
305
320
|
const selectedCircle = this.circleElementRefs.get(index).nativeElement;
|
|
306
321
|
this.renderer.addClass(element, 'k-focus');
|
|
@@ -33,8 +33,8 @@ const packageMetadata = {
|
|
|
33
33
|
name: '@progress/kendo-angular-layout',
|
|
34
34
|
productName: 'Kendo UI for Angular',
|
|
35
35
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
36
|
-
publishDate:
|
|
37
|
-
version: '16.0.0-develop.
|
|
36
|
+
publishDate: 1715622887,
|
|
37
|
+
version: '16.0.0-develop.24',
|
|
38
38
|
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'
|
|
39
39
|
};
|
|
40
40
|
|
|
@@ -10893,7 +10893,7 @@ class TimelineHorizontalComponent {
|
|
|
10893
10893
|
this.calloutStyle = this.calloutOffset;
|
|
10894
10894
|
}
|
|
10895
10895
|
ngOnInit() {
|
|
10896
|
-
this._zone.runOutsideAngular(() => this.subscriptions.add(fromEvent(window, 'resize').subscribe(this.handleWindowResize.bind(this))));
|
|
10896
|
+
this._zone.runOutsideAngular(() => isDocumentAvailable() && this.subscriptions.add(fromEvent(window, 'resize').subscribe(this.handleWindowResize.bind(this))));
|
|
10897
10897
|
this.l10nChange();
|
|
10898
10898
|
this.subscriptions.add(this.localization.changes.subscribe(this.l10nChange.bind(this)));
|
|
10899
10899
|
if (this.events.length > 0) {
|
|
@@ -10907,6 +10907,9 @@ class TimelineHorizontalComponent {
|
|
|
10907
10907
|
});
|
|
10908
10908
|
}
|
|
10909
10909
|
ngAfterViewInit() {
|
|
10910
|
+
if (!isDocumentAvailable()) {
|
|
10911
|
+
return;
|
|
10912
|
+
}
|
|
10910
10913
|
this.subscriptions.add(this.renderer.listen(this.trackElementRef.nativeElement, 'keydown', this.onKeyDown.bind(this)));
|
|
10911
10914
|
this.trackWrapWidth = this.trackElementRef.nativeElement.getBoundingClientRect().width;
|
|
10912
10915
|
this.scrollableTrackWidth = this.scrollableTrackElementRef.nativeElement.getBoundingClientRect().width;
|
|
@@ -10953,6 +10956,9 @@ class TimelineHorizontalComponent {
|
|
|
10953
10956
|
this.subscriptions.unsubscribe();
|
|
10954
10957
|
}
|
|
10955
10958
|
handleWindowResize() {
|
|
10959
|
+
if (!isDocumentAvailable()) {
|
|
10960
|
+
return;
|
|
10961
|
+
}
|
|
10956
10962
|
if (this.trackWrapWidth === this.trackElementRef.nativeElement.getBoundingClientRect().width) {
|
|
10957
10963
|
return;
|
|
10958
10964
|
}
|
|
@@ -11056,6 +11062,9 @@ class TimelineHorizontalComponent {
|
|
|
11056
11062
|
}
|
|
11057
11063
|
get calloutOffset() {
|
|
11058
11064
|
var _a;
|
|
11065
|
+
if (!isDocumentAvailable()) {
|
|
11066
|
+
return;
|
|
11067
|
+
}
|
|
11059
11068
|
if (!((_a = this.circleElementRefs) === null || _a === void 0 ? void 0 : _a.first) || !this.trackElementRef || !isPresent$1(this.selectedEventIndex)) {
|
|
11060
11069
|
return {};
|
|
11061
11070
|
}
|
|
@@ -11122,6 +11131,9 @@ class TimelineHorizontalComponent {
|
|
|
11122
11131
|
}
|
|
11123
11132
|
}
|
|
11124
11133
|
focusTrackItem(index) {
|
|
11134
|
+
if (!isDocumentAvailable()) {
|
|
11135
|
+
return;
|
|
11136
|
+
}
|
|
11125
11137
|
if (!this.circleElementRefs || index < 0 || index >= this.circleElementRefs.length) {
|
|
11126
11138
|
return;
|
|
11127
11139
|
}
|
|
@@ -11135,6 +11147,9 @@ class TimelineHorizontalComponent {
|
|
|
11135
11147
|
this.setTrackItemAttributes(newTrackItem, index);
|
|
11136
11148
|
}
|
|
11137
11149
|
setTrackItemAttributes(element, index) {
|
|
11150
|
+
if (!isDocumentAvailable()) {
|
|
11151
|
+
return;
|
|
11152
|
+
}
|
|
11138
11153
|
const innerCard = this.cardComponents.get(this.selectedCardIndex).element.nativeElement.querySelector('.k-card');
|
|
11139
11154
|
const selectedCircle = this.circleElementRefs.get(index).nativeElement;
|
|
11140
11155
|
this.renderer.addClass(element, 'k-focus');
|
|
@@ -33,8 +33,8 @@ const packageMetadata = {
|
|
|
33
33
|
name: '@progress/kendo-angular-layout',
|
|
34
34
|
productName: 'Kendo UI for Angular',
|
|
35
35
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
36
|
-
publishDate:
|
|
37
|
-
version: '16.0.0-develop.
|
|
36
|
+
publishDate: 1715622887,
|
|
37
|
+
version: '16.0.0-develop.24',
|
|
38
38
|
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'
|
|
39
39
|
};
|
|
40
40
|
|
|
@@ -10932,7 +10932,7 @@ class TimelineHorizontalComponent {
|
|
|
10932
10932
|
this.calloutStyle = this.calloutOffset;
|
|
10933
10933
|
}
|
|
10934
10934
|
ngOnInit() {
|
|
10935
|
-
this._zone.runOutsideAngular(() => this.subscriptions.add(fromEvent(window, 'resize').subscribe(this.handleWindowResize.bind(this))));
|
|
10935
|
+
this._zone.runOutsideAngular(() => isDocumentAvailable() && this.subscriptions.add(fromEvent(window, 'resize').subscribe(this.handleWindowResize.bind(this))));
|
|
10936
10936
|
this.l10nChange();
|
|
10937
10937
|
this.subscriptions.add(this.localization.changes.subscribe(this.l10nChange.bind(this)));
|
|
10938
10938
|
if (this.events.length > 0) {
|
|
@@ -10946,6 +10946,9 @@ class TimelineHorizontalComponent {
|
|
|
10946
10946
|
});
|
|
10947
10947
|
}
|
|
10948
10948
|
ngAfterViewInit() {
|
|
10949
|
+
if (!isDocumentAvailable()) {
|
|
10950
|
+
return;
|
|
10951
|
+
}
|
|
10949
10952
|
this.subscriptions.add(this.renderer.listen(this.trackElementRef.nativeElement, 'keydown', this.onKeyDown.bind(this)));
|
|
10950
10953
|
this.trackWrapWidth = this.trackElementRef.nativeElement.getBoundingClientRect().width;
|
|
10951
10954
|
this.scrollableTrackWidth = this.scrollableTrackElementRef.nativeElement.getBoundingClientRect().width;
|
|
@@ -10992,6 +10995,9 @@ class TimelineHorizontalComponent {
|
|
|
10992
10995
|
this.subscriptions.unsubscribe();
|
|
10993
10996
|
}
|
|
10994
10997
|
handleWindowResize() {
|
|
10998
|
+
if (!isDocumentAvailable()) {
|
|
10999
|
+
return;
|
|
11000
|
+
}
|
|
10995
11001
|
if (this.trackWrapWidth === this.trackElementRef.nativeElement.getBoundingClientRect().width) {
|
|
10996
11002
|
return;
|
|
10997
11003
|
}
|
|
@@ -11093,6 +11099,9 @@ class TimelineHorizontalComponent {
|
|
|
11093
11099
|
return 'right';
|
|
11094
11100
|
}
|
|
11095
11101
|
get calloutOffset() {
|
|
11102
|
+
if (!isDocumentAvailable()) {
|
|
11103
|
+
return;
|
|
11104
|
+
}
|
|
11096
11105
|
if (!this.circleElementRefs?.first || !this.trackElementRef || !isPresent$1(this.selectedEventIndex)) {
|
|
11097
11106
|
return {};
|
|
11098
11107
|
}
|
|
@@ -11156,6 +11165,9 @@ class TimelineHorizontalComponent {
|
|
|
11156
11165
|
}
|
|
11157
11166
|
}
|
|
11158
11167
|
focusTrackItem(index) {
|
|
11168
|
+
if (!isDocumentAvailable()) {
|
|
11169
|
+
return;
|
|
11170
|
+
}
|
|
11159
11171
|
if (!this.circleElementRefs || index < 0 || index >= this.circleElementRefs.length) {
|
|
11160
11172
|
return;
|
|
11161
11173
|
}
|
|
@@ -11169,6 +11181,9 @@ class TimelineHorizontalComponent {
|
|
|
11169
11181
|
this.setTrackItemAttributes(newTrackItem, index);
|
|
11170
11182
|
}
|
|
11171
11183
|
setTrackItemAttributes(element, index) {
|
|
11184
|
+
if (!isDocumentAvailable()) {
|
|
11185
|
+
return;
|
|
11186
|
+
}
|
|
11172
11187
|
const innerCard = this.cardComponents.get(this.selectedCardIndex).element.nativeElement.querySelector('.k-card');
|
|
11173
11188
|
const selectedCircle = this.circleElementRefs.get(index).nativeElement;
|
|
11174
11189
|
this.renderer.addClass(element, 'k-focus');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
|
3
|
-
"version": "16.0.0-develop.
|
|
3
|
+
"version": "16.0.0-develop.24",
|
|
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": "15 - 17",
|
|
40
40
|
"@angular/platform-browser": "15 - 17",
|
|
41
41
|
"@progress/kendo-licensing": "^1.0.2",
|
|
42
|
-
"@progress/kendo-angular-common": "16.0.0-develop.
|
|
43
|
-
"@progress/kendo-angular-l10n": "16.0.0-develop.
|
|
44
|
-
"@progress/kendo-angular-progressbar": "16.0.0-develop.
|
|
45
|
-
"@progress/kendo-angular-icons": "16.0.0-develop.
|
|
46
|
-
"@progress/kendo-angular-buttons": "16.0.0-develop.
|
|
47
|
-
"@progress/kendo-angular-intl": "16.0.0-develop.
|
|
42
|
+
"@progress/kendo-angular-common": "16.0.0-develop.24",
|
|
43
|
+
"@progress/kendo-angular-l10n": "16.0.0-develop.24",
|
|
44
|
+
"@progress/kendo-angular-progressbar": "16.0.0-develop.24",
|
|
45
|
+
"@progress/kendo-angular-icons": "16.0.0-develop.24",
|
|
46
|
+
"@progress/kendo-angular-buttons": "16.0.0-develop.24",
|
|
47
|
+
"@progress/kendo-angular-intl": "16.0.0-develop.24",
|
|
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": "16.0.0-develop.
|
|
52
|
+
"@progress/kendo-angular-schematics": "16.0.0-develop.24",
|
|
53
53
|
"@progress/kendo-draggable": "^3.0.2"
|
|
54
54
|
},
|
|
55
55
|
"schematics": "./schematics/collection.json",
|