@progress/kendo-angular-navigation 19.0.0-develop.18 → 19.0.0-develop.19

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.
Files changed (5) hide show
  1. package/actionsheet/actionsheet-view.component.d.ts +8 -4
  2. package/esm2022/actionsheet/actionsheet-view.component.mjs +19 -11
  3. package/esm2022/package-metadata.mjs +2 -2
  4. package/fesm2022/progress-kendo-angular-navigation.mjs +19 -12
  5. package/package.json +6 -6
package/actionsheet/actionsheet-view.component.d.ts CHANGED
@@ -2,6 +2,7 @@
2
2
  * Copyright © 2025 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 { AfterViewInit, ElementRef, NgZone, Renderer2 } from '@angular/core';
5
6
  import { ActionSheetHeaderTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './models';
6
7
  import { ActionSheetComponent } from './actionsheet.component';
7
8
  import * as i0 from "@angular/core";
@@ -11,22 +12,25 @@ import * as i0 from "@angular/core";
11
12
  * Represents the [Kendo UI ActionSheetView component for Angular].
12
13
  * Used to display multiple views.
13
14
  */
14
- export declare class ActionSheetViewComponent {
15
+ export declare class ActionSheetViewComponent implements AfterViewInit {
15
16
  actionSheet: ActionSheetComponent;
17
+ private renderer;
18
+ private host;
19
+ private zone;
16
20
  title: string;
17
21
  subtitle: string;
18
22
  titleId: string;
19
23
  hostClass: boolean;
20
- get animated(): boolean;
21
24
  transitionDuration: string;
22
25
  transitionProperty: string;
23
26
  headerTemplate: ActionSheetHeaderTemplateDirective;
24
27
  contentTemplate: ActionSheetContentTemplateDirective;
25
28
  footerTemplate: ActionSheetFooterTemplateDirective;
26
29
  actionSheetTemplate: ActionSheetTemplateDirective;
27
- constructor(actionSheet: ActionSheetComponent);
30
+ ngAfterViewInit(): void;
31
+ constructor(actionSheet: ActionSheetComponent, renderer: Renderer2, host: ElementRef, zone: NgZone);
28
32
  get orientationClass(): string;
29
33
  get alignmentClass(): string;
30
- static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetViewComponent, [{ optional: true; host: true; }]>;
34
+ static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetViewComponent, [{ optional: true; host: true; }, null, null, null]>;
31
35
  static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetViewComponent, "kendo-actionsheet-view", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; }, {}, ["headerTemplate", "contentTemplate", "footerTemplate", "actionSheetTemplate"], never, true, never>;
32
36
  }
package/esm2022/actionsheet/actionsheet-view.component.mjs CHANGED
@@ -2,11 +2,12 @@
2
2
  * Copyright © 2025 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 { Component, ContentChild, Host, HostBinding, Input, Optional } from '@angular/core';
5
+ import { Component, ContentChild, ElementRef, Host, HostBinding, Input, NgZone, Optional, Renderer2 } from '@angular/core';
6
6
  import { ActionSheetHeaderTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './models';
7
7
  import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
8
8
  import { getId } from '../common/util';
9
9
  import { ActionSheetComponent } from './actionsheet.component';
10
+ import { take } from 'rxjs/operators';
10
11
  import * as i0 from "@angular/core";
11
12
  import * as i1 from "./actionsheet.component";
12
13
  /**
@@ -17,21 +18,31 @@ import * as i1 from "./actionsheet.component";
17
18
  */
18
19
  export class ActionSheetViewComponent {
19
20
  actionSheet;
21
+ renderer;
22
+ host;
23
+ zone;
20
24
  title;
21
25
  subtitle;
22
26
  titleId = getId('k-actionsheet-title');
23
27
  hostClass = true;
24
- get animated() {
25
- return this.actionSheet?.actionSheetViews?.length > 1;
26
- }
27
28
  transitionDuration = '500ms';
28
29
  transitionProperty = 'transform';
29
30
  headerTemplate;
30
31
  contentTemplate;
31
32
  footerTemplate;
32
33
  actionSheetTemplate;
33
- constructor(actionSheet) {
34
+ ngAfterViewInit() {
35
+ this.zone.onStable.pipe(take(1)).subscribe(() => {
36
+ if (this.actionSheet?.actionSheetViews?.length > 1) {
37
+ this.renderer.addClass(this.host.nativeElement, 'k-actionsheet-view-animated');
38
+ }
39
+ });
40
+ }
41
+ constructor(actionSheet, renderer, host, zone) {
34
42
  this.actionSheet = actionSheet;
43
+ this.renderer = renderer;
44
+ this.host = host;
45
+ this.zone = zone;
35
46
  }
36
47
  get orientationClass() {
37
48
  return this.actionSheet?.orientationClass;
@@ -39,8 +50,8 @@ export class ActionSheetViewComponent {
39
50
  get alignmentClass() {
40
51
  return this.actionSheet?.alignmentClass;
41
52
  }
42
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetViewComponent, deps: [{ token: i1.ActionSheetComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
43
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetViewComponent, isStandalone: true, selector: "kendo-actionsheet-view", inputs: { title: "title", subtitle: "subtitle", titleId: "titleId" }, host: { properties: { "class.k-actionsheet-view": "this.hostClass", "class.k-actionsheet-view-animated": "this.animated", "style.transition-duration": "this.transitionDuration", "style.transition-property": "this.transitionProperty" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }, { propertyName: "actionSheetTemplate", first: true, predicate: ActionSheetTemplateDirective, descendants: true }], ngImport: i0, template: `
53
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetViewComponent, deps: [{ token: i1.ActionSheetComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
54
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetViewComponent, isStandalone: true, selector: "kendo-actionsheet-view", inputs: { title: "title", subtitle: "subtitle", titleId: "titleId" }, host: { properties: { "class.k-actionsheet-view": "this.hostClass", "style.transition-duration": "this.transitionDuration", "style.transition-property": "this.transitionProperty" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }, { propertyName: "actionSheetTemplate", first: true, predicate: ActionSheetTemplateDirective, descendants: true }], ngImport: i0, template: `
44
55
  <ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
45
56
  [ngTemplateOutlet]="actionSheetTemplate?.templateRef">
46
57
  </ng-template>
@@ -114,7 +125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
114
125
  type: Optional
115
126
  }, {
116
127
  type: Host
117
- }] }]; }, propDecorators: { title: [{
128
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { title: [{
118
129
  type: Input
119
130
  }], subtitle: [{
120
131
  type: Input
@@ -123,9 +134,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
123
134
  }], hostClass: [{
124
135
  type: HostBinding,
125
136
  args: ['class.k-actionsheet-view']
126
- }], animated: [{
127
- type: HostBinding,
128
- args: ['class.k-actionsheet-view-animated']
129
137
  }], transitionDuration: [{
130
138
  type: HostBinding,
131
139
  args: ['style.transition-duration']
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1747327884,
14
- version: '19.0.0-develop.18',
13
+ publishDate: 1747399749,
14
+ version: '19.0.0-develop.19',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/fesm2022/progress-kendo-angular-navigation.mjs CHANGED
@@ -25,8 +25,8 @@ const packageMetadata = {
25
25
  productName: 'Kendo UI for Angular',
26
26
  productCode: 'KENDOUIANGULAR',
27
27
  productCodes: ['KENDOUIANGULAR'],
28
- publishDate: 1747327884,
29
- version: '19.0.0-develop.18',
28
+ publishDate: 1747399749,
29
+ version: '19.0.0-develop.19',
30
30
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
31
31
  };
32
32
 
@@ -1335,21 +1335,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1335
1335
  */
1336
1336
  class ActionSheetViewComponent {
1337
1337
  actionSheet;
1338
+ renderer;
1339
+ host;
1340
+ zone;
1338
1341
  title;
1339
1342
  subtitle;
1340
1343
  titleId = getId('k-actionsheet-title');
1341
1344
  hostClass = true;
1342
- get animated() {
1343
- return this.actionSheet?.actionSheetViews?.length > 1;
1344
- }
1345
1345
  transitionDuration = '500ms';
1346
1346
  transitionProperty = 'transform';
1347
1347
  headerTemplate;
1348
1348
  contentTemplate;
1349
1349
  footerTemplate;
1350
1350
  actionSheetTemplate;
1351
- constructor(actionSheet) {
1351
+ ngAfterViewInit() {
1352
+ this.zone.onStable.pipe(take(1)).subscribe(() => {
1353
+ if (this.actionSheet?.actionSheetViews?.length > 1) {
1354
+ this.renderer.addClass(this.host.nativeElement, 'k-actionsheet-view-animated');
1355
+ }
1356
+ });
1357
+ }
1358
+ constructor(actionSheet, renderer, host, zone) {
1352
1359
  this.actionSheet = actionSheet;
1360
+ this.renderer = renderer;
1361
+ this.host = host;
1362
+ this.zone = zone;
1353
1363
  }
1354
1364
  get orientationClass() {
1355
1365
  return this.actionSheet?.orientationClass;
@@ -1357,8 +1367,8 @@ class ActionSheetViewComponent {
1357
1367
  get alignmentClass() {
1358
1368
  return this.actionSheet?.alignmentClass;
1359
1369
  }
1360
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetViewComponent, deps: [{ token: ActionSheetComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1361
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetViewComponent, isStandalone: true, selector: "kendo-actionsheet-view", inputs: { title: "title", subtitle: "subtitle", titleId: "titleId" }, host: { properties: { "class.k-actionsheet-view": "this.hostClass", "class.k-actionsheet-view-animated": "this.animated", "style.transition-duration": "this.transitionDuration", "style.transition-property": "this.transitionProperty" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }, { propertyName: "actionSheetTemplate", first: true, predicate: ActionSheetTemplateDirective, descendants: true }], ngImport: i0, template: `
1370
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetViewComponent, deps: [{ token: ActionSheetComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1371
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetViewComponent, isStandalone: true, selector: "kendo-actionsheet-view", inputs: { title: "title", subtitle: "subtitle", titleId: "titleId" }, host: { properties: { "class.k-actionsheet-view": "this.hostClass", "style.transition-duration": "this.transitionDuration", "style.transition-property": "this.transitionProperty" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }, { propertyName: "actionSheetTemplate", first: true, predicate: ActionSheetTemplateDirective, descendants: true }], ngImport: i0, template: `
1362
1372
  <ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
1363
1373
  [ngTemplateOutlet]="actionSheetTemplate?.templateRef">
1364
1374
  </ng-template>
@@ -1432,7 +1442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1432
1442
  type: Optional
1433
1443
  }, {
1434
1444
  type: Host
1435
- }] }]; }, propDecorators: { title: [{
1445
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { title: [{
1436
1446
  type: Input
1437
1447
  }], subtitle: [{
1438
1448
  type: Input
@@ -1441,9 +1451,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1441
1451
  }], hostClass: [{
1442
1452
  type: HostBinding,
1443
1453
  args: ['class.k-actionsheet-view']
1444
- }], animated: [{
1445
- type: HostBinding,
1446
- args: ['class.k-actionsheet-view-animated']
1447
1454
  }], transitionDuration: [{
1448
1455
  type: HostBinding,
1449
1456
  args: ['style.transition-duration']
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-navigation",
3
- "version": "19.0.0-develop.18",
3
+ "version": "19.0.0-develop.19",
4
4
  "description": "Kendo UI Navigation for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -17,7 +17,7 @@
17
17
  "package": {
18
18
  "productName": "Kendo UI for Angular",
19
19
  "productCode": "KENDOUIANGULAR",
20
- "publishDate": 1747327884,
20
+ "publishDate": 1747399749,
21
21
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
22
22
  }
23
23
  },
@@ -27,14 +27,14 @@
27
27
  "@angular/core": "16 - 19",
28
28
  "@angular/platform-browser": "16 - 19",
29
29
  "@progress/kendo-licensing": "^1.5.0",
30
- "@progress/kendo-angular-common": "19.0.0-develop.18",
31
- "@progress/kendo-angular-icons": "19.0.0-develop.18",
32
- "@progress/kendo-angular-l10n": "19.0.0-develop.18",
30
+ "@progress/kendo-angular-common": "19.0.0-develop.19",
31
+ "@progress/kendo-angular-icons": "19.0.0-develop.19",
32
+ "@progress/kendo-angular-l10n": "19.0.0-develop.19",
33
33
  "rxjs": "^6.5.3 || ^7.0.0"
34
34
  },
35
35
  "dependencies": {
36
36
  "tslib": "^2.3.1",
37
- "@progress/kendo-angular-schematics": "19.0.0-develop.18"
37
+ "@progress/kendo-angular-schematics": "19.0.0-develop.19"
38
38
  },
39
39
  "schematics": "./schematics/collection.json",
40
40
  "module": "fesm2022/progress-kendo-angular-navigation.mjs",