@progress/kendo-angular-navigation 19.0.0-develop.8 → 19.0.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.
Files changed (5) hide show
  1. package/actionsheet/actionsheet-view.component.d.ts +8 -4
  2. package/esm2022/actionsheet/actionsheet-view.component.mjs +19 -9
  3. package/esm2022/package-metadata.mjs +2 -2
  4. package/fesm2022/progress-kendo-angular-navigation.mjs +19 -10
  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
- 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,19 +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
- animated = true;
25
28
  transitionDuration = '500ms';
26
29
  transitionProperty = 'transform';
27
30
  headerTemplate;
28
31
  contentTemplate;
29
32
  footerTemplate;
30
33
  actionSheetTemplate;
31
- 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) {
32
42
  this.actionSheet = actionSheet;
43
+ this.renderer = renderer;
44
+ this.host = host;
45
+ this.zone = zone;
33
46
  }
34
47
  get orientationClass() {
35
48
  return this.actionSheet?.orientationClass;
@@ -37,8 +50,8 @@ export class ActionSheetViewComponent {
37
50
  get alignmentClass() {
38
51
  return this.actionSheet?.alignmentClass;
39
52
  }
40
- 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 });
41
- 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: `
42
55
  <ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
43
56
  [ngTemplateOutlet]="actionSheetTemplate?.templateRef">
44
57
  </ng-template>
@@ -112,7 +125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
112
125
  type: Optional
113
126
  }, {
114
127
  type: Host
115
- }] }]; }, propDecorators: { title: [{
128
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { title: [{
116
129
  type: Input
117
130
  }], subtitle: [{
118
131
  type: Input
@@ -121,9 +134,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
121
134
  }], hostClass: [{
122
135
  type: HostBinding,
123
136
  args: ['class.k-actionsheet-view']
124
- }], animated: [{
125
- type: HostBinding,
126
- args: ['class.k-actionsheet-view-animated']
127
137
  }], transitionDuration: [{
128
138
  type: HostBinding,
129
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: 1746081065,
14
- version: '19.0.0-develop.8',
13
+ publishDate: 1748362242,
14
+ version: '19.0.0',
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: 1746081065,
29
- version: '19.0.0-develop.8',
28
+ publishDate: 1748362242,
29
+ version: '19.0.0',
30
30
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
31
31
  };
32
32
 
@@ -1335,19 +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
- animated = true;
1343
1345
  transitionDuration = '500ms';
1344
1346
  transitionProperty = 'transform';
1345
1347
  headerTemplate;
1346
1348
  contentTemplate;
1347
1349
  footerTemplate;
1348
1350
  actionSheetTemplate;
1349
- 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) {
1350
1359
  this.actionSheet = actionSheet;
1360
+ this.renderer = renderer;
1361
+ this.host = host;
1362
+ this.zone = zone;
1351
1363
  }
1352
1364
  get orientationClass() {
1353
1365
  return this.actionSheet?.orientationClass;
@@ -1355,8 +1367,8 @@ class ActionSheetViewComponent {
1355
1367
  get alignmentClass() {
1356
1368
  return this.actionSheet?.alignmentClass;
1357
1369
  }
1358
- 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 });
1359
- 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: `
1360
1372
  <ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
1361
1373
  [ngTemplateOutlet]="actionSheetTemplate?.templateRef">
1362
1374
  </ng-template>
@@ -1430,7 +1442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1430
1442
  type: Optional
1431
1443
  }, {
1432
1444
  type: Host
1433
- }] }]; }, propDecorators: { title: [{
1445
+ }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { title: [{
1434
1446
  type: Input
1435
1447
  }], subtitle: [{
1436
1448
  type: Input
@@ -1439,9 +1451,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
1439
1451
  }], hostClass: [{
1440
1452
  type: HostBinding,
1441
1453
  args: ['class.k-actionsheet-view']
1442
- }], animated: [{
1443
- type: HostBinding,
1444
- args: ['class.k-actionsheet-view-animated']
1445
1454
  }], transitionDuration: [{
1446
1455
  type: HostBinding,
1447
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.8",
3
+ "version": "19.0.0",
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": 1746081065,
20
+ "publishDate": 1748362242,
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.8",
31
- "@progress/kendo-angular-icons": "19.0.0-develop.8",
32
- "@progress/kendo-angular-l10n": "19.0.0-develop.8",
30
+ "@progress/kendo-angular-common": "19.0.0",
31
+ "@progress/kendo-angular-icons": "19.0.0",
32
+ "@progress/kendo-angular-l10n": "19.0.0",
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.8"
37
+ "@progress/kendo-angular-schematics": "19.0.0"
38
38
  },
39
39
  "schematics": "./schematics/collection.json",
40
40
  "module": "fesm2022/progress-kendo-angular-navigation.mjs",