@progress/kendo-angular-layout 17.0.0-develop.34 → 17.0.0-develop.35

package/esm2022/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1730712008,
-    version: '17.0.0-develop.34',
+    publishDate: 1730714497,
+    version: '17.0.0-develop.35',
     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'
 };

package/esm2022/timeline/timeline-horizontal.component.mjs

@@ -4,9 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef, Component, ElementRef, Input, NgZone, QueryList, Renderer2, ViewChild, ViewChildren, } from '@angular/core';
 import { caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
-import { Subscription, fromEvent } from 'rxjs';
+import { Subscription } from 'rxjs';
 import { TimelineCardComponent } from './timeline-card.component';
-import { Keys, guid, isChanged, isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
+import { Keys, ResizeSensorComponent, guid, isChanged, isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
 import { animate, state, style, transition, trigger } from '@angular/animations';
 import { TimelineService } from './timeline.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -92,7 +92,6 @@ export class TimelineHorizontalComponent {
         this.localization = localization;
     }
     ngOnInit() {
-        this._zone.runOutsideAngular(() => isDocumentAvailable() && this.subscriptions.add(fromEvent(window, 'resize').subscribe(this.handleWindowResize.bind(this))));
         this.l10nChange();
         this.subscriptions.add(this.localization.changes.subscribe(this.l10nChange.bind(this)));
         if (this.events.length > 0) {
@@ -154,7 +153,7 @@ export class TimelineHorizontalComponent {
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
-    handleWindowResize() {
+    onResize() {
         if (!isDocumentAvailable()) {
             return;
         }
@@ -486,24 +485,24 @@ export class TimelineHorizontalComponent {
             <button
                 kendoButton
                 [svgIcon]="svgLeftIcon"
+                icon="caret-alt-left"
                 class="k-timeline-arrow k-timeline-arrow-left"
                 rounded="full"
                 [title]="previousTitle"
                 (click)="previousClick()"
                 [disabled]="isFirstRange"
-                [attr.aria-hidden]="true"
                 tabindex="-1"
                 type="button"
             ></button>
             <button
                 kendoButton
                 [svgIcon]="svgRightIcon"
+                icon="caret-alt-right"
                 class="k-timeline-arrow k-timeline-arrow-right"
                 rounded="full"
                 [title]="nextTitle"
                 (click)="nextClick()"
                 [disabled]="isLastRange"
-                [attr.aria-hidden]="true"
                 tabindex="-1"
                 type="button"
             ></button>
@@ -577,8 +576,9 @@ export class TimelineHorizontalComponent {
                     </kendo-timeline-card>
                 </li>
             </ul>
+            <kendo-resize-sensor (resize)="onResize()" [rateLimit]="10"></kendo-resize-sensor>
         </div>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TimelineCardComponent, selector: "kendo-timeline-card", inputs: ["event", "expanded", "collapsible", "reversed", "orientation", "navigable", "tabIndex", "animationDuration", "index", "eventWidth", "eventHeight", "headerTemplate", "bodyTemplate", "actionsTemplate", "calloutStyle"], exportAs: ["kendoTimelineCard"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }], animations: [
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TimelineCardComponent, selector: "kendo-timeline-card", inputs: ["event", "expanded", "collapsible", "reversed", "orientation", "navigable", "tabIndex", "animationDuration", "index", "eventWidth", "eventHeight", "headerTemplate", "bodyTemplate", "actionsTemplate", "calloutStyle"], exportAs: ["kendoTimelineCard"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], animations: [
             trigger('trackSlide', [
                 state('left', style({
                     transform: `translateX({{transformValue}}%)`,
@@ -632,24 +632,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <button
                 kendoButton
                 [svgIcon]="svgLeftIcon"
+                icon="caret-alt-left"
                 class="k-timeline-arrow k-timeline-arrow-left"
                 rounded="full"
                 [title]="previousTitle"
                 (click)="previousClick()"
                 [disabled]="isFirstRange"
-                [attr.aria-hidden]="true"
                 tabindex="-1"
                 type="button"
             ></button>
             <button
                 kendoButton
                 [svgIcon]="svgRightIcon"
+                icon="caret-alt-right"
                 class="k-timeline-arrow k-timeline-arrow-right"
                 rounded="full"
                 [title]="nextTitle"
                 (click)="nextClick()"
                 [disabled]="isLastRange"
-                [attr.aria-hidden]="true"
                 tabindex="-1"
                 type="button"
             ></button>
@@ -723,10 +723,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     </kendo-timeline-card>
                 </li>
             </ul>
+            <kendo-resize-sensor (resize)="onResize()" [rateLimit]="10"></kendo-resize-sensor>
         </div>
     `,
                     standalone: true,
-                    imports: [ButtonComponent, NgFor, NgIf, NgStyle, TimelineCardComponent, DatePipe]
+                    imports: [ButtonComponent, NgFor, NgIf, NgStyle, TimelineCardComponent, DatePipe, ResizeSensorComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.TimelineService }, { type: i2.LocalizationService }]; }, propDecorators: { events: [{
                 type: Input

package/fesm2022/progress-kendo-angular-layout.mjs

@@ -11,7 +11,7 @@ import { Keys, shouldShowValidationUI, WatermarkOverlayComponent, isDocumentAvai
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1$2 from '@angular/animations';
 import { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';
-import { Subject, BehaviorSubject, Subscription, of, fromEvent } from 'rxjs';
+import { Subject, BehaviorSubject, Subscription, of } from 'rxjs';
 import { chevronUpIcon, chevronDownIcon, caretAltLeftIcon, caretAltRightIcon, caretAltUpIcon, caretAltDownIcon, xIcon, checkCircleIcon, exclamationCircleIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { NgIf, NgTemplateOutlet, NgFor, NgStyle, NgClass } from '@angular/common';
@@ -28,8 +28,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1730712008,
-    version: '17.0.0-develop.34',
+    publishDate: 1730714497,
+    version: '17.0.0-develop.35',
     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'
 };
 
@@ -11509,7 +11509,6 @@ class TimelineHorizontalComponent {
         this.localization = localization;
     }
     ngOnInit() {
-        this._zone.runOutsideAngular(() => isDocumentAvailable() && this.subscriptions.add(fromEvent(window, 'resize').subscribe(this.handleWindowResize.bind(this))));
         this.l10nChange();
         this.subscriptions.add(this.localization.changes.subscribe(this.l10nChange.bind(this)));
         if (this.events.length > 0) {
@@ -11571,7 +11570,7 @@ class TimelineHorizontalComponent {
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
-    handleWindowResize() {
+    onResize() {
         if (!isDocumentAvailable()) {
             return;
         }
@@ -11903,24 +11902,24 @@ class TimelineHorizontalComponent {
             <button
                 kendoButton
                 [svgIcon]="svgLeftIcon"
+                icon="caret-alt-left"
                 class="k-timeline-arrow k-timeline-arrow-left"
                 rounded="full"
                 [title]="previousTitle"
                 (click)="previousClick()"
                 [disabled]="isFirstRange"
-                [attr.aria-hidden]="true"
                 tabindex="-1"
                 type="button"
             ></button>
             <button
                 kendoButton
                 [svgIcon]="svgRightIcon"
+                icon="caret-alt-right"
                 class="k-timeline-arrow k-timeline-arrow-right"
                 rounded="full"
                 [title]="nextTitle"
                 (click)="nextClick()"
                 [disabled]="isLastRange"
-                [attr.aria-hidden]="true"
                 tabindex="-1"
                 type="button"
             ></button>
@@ -11994,8 +11993,9 @@ class TimelineHorizontalComponent {
                     </kendo-timeline-card>
                 </li>
             </ul>
+            <kendo-resize-sensor (resize)="onResize()" [rateLimit]="10"></kendo-resize-sensor>
         </div>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TimelineCardComponent, selector: "kendo-timeline-card", inputs: ["event", "expanded", "collapsible", "reversed", "orientation", "navigable", "tabIndex", "animationDuration", "index", "eventWidth", "eventHeight", "headerTemplate", "bodyTemplate", "actionsTemplate", "calloutStyle"], exportAs: ["kendoTimelineCard"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }], animations: [
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TimelineCardComponent, selector: "kendo-timeline-card", inputs: ["event", "expanded", "collapsible", "reversed", "orientation", "navigable", "tabIndex", "animationDuration", "index", "eventWidth", "eventHeight", "headerTemplate", "bodyTemplate", "actionsTemplate", "calloutStyle"], exportAs: ["kendoTimelineCard"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], animations: [
             trigger('trackSlide', [
                 state('left', style({
                     transform: `translateX({{transformValue}}%)`,
@@ -12049,24 +12049,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <button
                 kendoButton
                 [svgIcon]="svgLeftIcon"
+                icon="caret-alt-left"
                 class="k-timeline-arrow k-timeline-arrow-left"
                 rounded="full"
                 [title]="previousTitle"
                 (click)="previousClick()"
                 [disabled]="isFirstRange"
-                [attr.aria-hidden]="true"
                 tabindex="-1"
                 type="button"
             ></button>
             <button
                 kendoButton
                 [svgIcon]="svgRightIcon"
+                icon="caret-alt-right"
                 class="k-timeline-arrow k-timeline-arrow-right"
                 rounded="full"
                 [title]="nextTitle"
                 (click)="nextClick()"
                 [disabled]="isLastRange"
-                [attr.aria-hidden]="true"
                 tabindex="-1"
                 type="button"
             ></button>
@@ -12140,10 +12140,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     </kendo-timeline-card>
                 </li>
             </ul>
+            <kendo-resize-sensor (resize)="onResize()" [rateLimit]="10"></kendo-resize-sensor>
         </div>
     `,
                     standalone: true,
-                    imports: [ButtonComponent, NgFor, NgIf, NgStyle, TimelineCardComponent, DatePipe]
+                    imports: [ButtonComponent, NgFor, NgIf, NgStyle, TimelineCardComponent, DatePipe, ResizeSensorComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: TimelineService }, { type: i1.LocalizationService }]; }, propDecorators: { events: [{
                 type: Input

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "17.0.0-develop.34",
+  "version": "17.0.0-develop.35",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -39,17 +39,17 @@
     "@angular/core": "16 - 18",
     "@angular/platform-browser": "16 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "17.0.0-develop.34",
-    "@progress/kendo-angular-l10n": "17.0.0-develop.34",
-    "@progress/kendo-angular-progressbar": "17.0.0-develop.34",
-    "@progress/kendo-angular-icons": "17.0.0-develop.34",
-    "@progress/kendo-angular-buttons": "17.0.0-develop.34",
-    "@progress/kendo-angular-intl": "17.0.0-develop.34",
+    "@progress/kendo-angular-common": "17.0.0-develop.35",
+    "@progress/kendo-angular-l10n": "17.0.0-develop.35",
+    "@progress/kendo-angular-progressbar": "17.0.0-develop.35",
+    "@progress/kendo-angular-icons": "17.0.0-develop.35",
+    "@progress/kendo-angular-buttons": "17.0.0-develop.35",
+    "@progress/kendo-angular-intl": "17.0.0-develop.35",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.34",
+    "@progress/kendo-angular-schematics": "17.0.0-develop.35",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/timeline/timeline-horizontal.component.d.ts

@@ -66,7 +66,7 @@ export declare class TimelineHorizontalComponent implements OnInit, AfterViewIni
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    handleWindowResize(): void;
+    onResize(): void;
     onTransitionEnd(): void;
     onTrackTransitionEnd(): void;
     onSlideDone(): void;