@progress/kendo-angular-navigation 19.0.0-develop.3 → 19.0.0-develop.30
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.
- package/actionsheet/actionsheet-view.component.d.ts +8 -4
- package/actionsheet/actionsheet.component.d.ts +7 -1
- package/esm2022/actionsheet/actionsheet-view.component.mjs +19 -9
- package/esm2022/actionsheet/actionsheet.component.mjs +10 -2
- package/esm2022/package-metadata.mjs +2 -2
- package/fesm2022/progress-kendo-angular-navigation.mjs +29 -12
- package/package.json +6 -6
|
@@ -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
|
-
|
|
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
|
}
|
|
@@ -91,6 +91,12 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
|
|
|
91
91
|
*
|
|
92
92
|
*/
|
|
93
93
|
titleId: string;
|
|
94
|
+
/**
|
|
95
|
+
* @hidden
|
|
96
|
+
*
|
|
97
|
+
* Determines if the ActionSheet should focus the first focusable element when opened.
|
|
98
|
+
*/
|
|
99
|
+
initialFocus: boolean;
|
|
94
100
|
/**
|
|
95
101
|
* Fires when the `expanded` property of the component is updated.
|
|
96
102
|
* Used to provide a two-way binding for the `expanded` property.
|
|
@@ -207,5 +213,5 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
|
|
|
207
213
|
private onAnimationEnd;
|
|
208
214
|
private playAnimation;
|
|
209
215
|
static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetComponent, never>;
|
|
210
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "overlayClickClose": { "alias": "overlayClickClose"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "items": { "alias": "items"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; }, { "expandedChange": "expandedChange"; "action": "action"; "expand": "expand"; "collapse": "collapse"; "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["actionSheetTemplate", "headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate", "actionSheetViews"], ["kendo-actionsheet-view"], true, never>;
|
|
216
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "overlayClickClose": { "alias": "overlayClickClose"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "items": { "alias": "items"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; "initialFocus": { "alias": "initialFocus"; "required": false; }; }, { "expandedChange": "expandedChange"; "action": "action"; "expand": "expand"; "collapse": "collapse"; "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["actionSheetTemplate", "headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate", "actionSheetViews"], ["kendo-actionsheet-view"], true, never>;
|
|
211
217
|
}
|
|
@@ -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
|
-
|
|
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", "
|
|
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']
|
|
@@ -106,6 +106,12 @@ export class ActionSheetComponent {
|
|
|
106
106
|
*
|
|
107
107
|
*/
|
|
108
108
|
titleId = getId('k-actionsheet-title');
|
|
109
|
+
/**
|
|
110
|
+
* @hidden
|
|
111
|
+
*
|
|
112
|
+
* Determines if the ActionSheet should focus the first focusable element when opened.
|
|
113
|
+
*/
|
|
114
|
+
initialFocus = true;
|
|
109
115
|
/**
|
|
110
116
|
* Fires when the `expanded` property of the component is updated.
|
|
111
117
|
* Used to provide a two-way binding for the `expanded` property.
|
|
@@ -322,7 +328,7 @@ export class ActionSheetComponent {
|
|
|
322
328
|
}
|
|
323
329
|
handleInitialFocus() {
|
|
324
330
|
const [firstFocusable] = getFirstAndLastFocusable(this.element.nativeElement);
|
|
325
|
-
if (firstFocusable) {
|
|
331
|
+
if (firstFocusable && this.initialFocus) {
|
|
326
332
|
firstFocusable.focus();
|
|
327
333
|
}
|
|
328
334
|
}
|
|
@@ -381,7 +387,7 @@ export class ActionSheetComponent {
|
|
|
381
387
|
this.player.play();
|
|
382
388
|
}
|
|
383
389
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.AnimationBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
384
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetComponent, isStandalone: true, selector: "kendo-actionsheet", inputs: { actions: "actions", actionsLayout: "actionsLayout", overlayClickClose: "overlayClickClose", title: "title", subtitle: "subtitle", items: "items", cssClass: "cssClass", cssStyle: "cssStyle", animation: "animation", expanded: "expanded", titleId: "titleId" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse", itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
390
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetComponent, isStandalone: true, selector: "kendo-actionsheet", inputs: { actions: "actions", actionsLayout: "actionsLayout", overlayClickClose: "overlayClickClose", title: "title", subtitle: "subtitle", items: "items", cssClass: "cssClass", cssStyle: "cssStyle", animation: "animation", expanded: "expanded", titleId: "titleId", initialFocus: "initialFocus" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse", itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
385
391
|
LocalizationService,
|
|
386
392
|
{
|
|
387
393
|
provide: L10N_PREFIX,
|
|
@@ -619,6 +625,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
619
625
|
type: Input
|
|
620
626
|
}], titleId: [{
|
|
621
627
|
type: Input
|
|
628
|
+
}], initialFocus: [{
|
|
629
|
+
type: Input
|
|
622
630
|
}], expandedChange: [{
|
|
623
631
|
type: Output
|
|
624
632
|
}], action: [{
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '19.0.0-develop.
|
|
13
|
+
publishDate: 1747836072,
|
|
14
|
+
version: '19.0.0-develop.30',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -25,8 +25,8 @@ const packageMetadata = {
|
|
|
25
25
|
productName: 'Kendo UI for Angular',
|
|
26
26
|
productCode: 'KENDOUIANGULAR',
|
|
27
27
|
productCodes: ['KENDOUIANGULAR'],
|
|
28
|
-
publishDate:
|
|
29
|
-
version: '19.0.0-develop.
|
|
28
|
+
publishDate: 1747836072,
|
|
29
|
+
version: '19.0.0-develop.30',
|
|
30
30
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
31
31
|
};
|
|
32
32
|
|
|
@@ -771,6 +771,12 @@ class ActionSheetComponent {
|
|
|
771
771
|
*
|
|
772
772
|
*/
|
|
773
773
|
titleId = getId('k-actionsheet-title');
|
|
774
|
+
/**
|
|
775
|
+
* @hidden
|
|
776
|
+
*
|
|
777
|
+
* Determines if the ActionSheet should focus the first focusable element when opened.
|
|
778
|
+
*/
|
|
779
|
+
initialFocus = true;
|
|
774
780
|
/**
|
|
775
781
|
* Fires when the `expanded` property of the component is updated.
|
|
776
782
|
* Used to provide a two-way binding for the `expanded` property.
|
|
@@ -987,7 +993,7 @@ class ActionSheetComponent {
|
|
|
987
993
|
}
|
|
988
994
|
handleInitialFocus() {
|
|
989
995
|
const [firstFocusable] = getFirstAndLastFocusable(this.element.nativeElement);
|
|
990
|
-
if (firstFocusable) {
|
|
996
|
+
if (firstFocusable && this.initialFocus) {
|
|
991
997
|
firstFocusable.focus();
|
|
992
998
|
}
|
|
993
999
|
}
|
|
@@ -1046,7 +1052,7 @@ class ActionSheetComponent {
|
|
|
1046
1052
|
this.player.play();
|
|
1047
1053
|
}
|
|
1048
1054
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.AnimationBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1049
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetComponent, isStandalone: true, selector: "kendo-actionsheet", inputs: { actions: "actions", actionsLayout: "actionsLayout", overlayClickClose: "overlayClickClose", title: "title", subtitle: "subtitle", items: "items", cssClass: "cssClass", cssStyle: "cssStyle", animation: "animation", expanded: "expanded", titleId: "titleId" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse", itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
1055
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetComponent, isStandalone: true, selector: "kendo-actionsheet", inputs: { actions: "actions", actionsLayout: "actionsLayout", overlayClickClose: "overlayClickClose", title: "title", subtitle: "subtitle", items: "items", cssClass: "cssClass", cssStyle: "cssStyle", animation: "animation", expanded: "expanded", titleId: "titleId", initialFocus: "initialFocus" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse", itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
1050
1056
|
LocalizationService,
|
|
1051
1057
|
{
|
|
1052
1058
|
provide: L10N_PREFIX,
|
|
@@ -1284,6 +1290,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1284
1290
|
type: Input
|
|
1285
1291
|
}], titleId: [{
|
|
1286
1292
|
type: Input
|
|
1293
|
+
}], initialFocus: [{
|
|
1294
|
+
type: Input
|
|
1287
1295
|
}], expandedChange: [{
|
|
1288
1296
|
type: Output
|
|
1289
1297
|
}], action: [{
|
|
@@ -1327,19 +1335,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1327
1335
|
*/
|
|
1328
1336
|
class ActionSheetViewComponent {
|
|
1329
1337
|
actionSheet;
|
|
1338
|
+
renderer;
|
|
1339
|
+
host;
|
|
1340
|
+
zone;
|
|
1330
1341
|
title;
|
|
1331
1342
|
subtitle;
|
|
1332
1343
|
titleId = getId('k-actionsheet-title');
|
|
1333
1344
|
hostClass = true;
|
|
1334
|
-
animated = true;
|
|
1335
1345
|
transitionDuration = '500ms';
|
|
1336
1346
|
transitionProperty = 'transform';
|
|
1337
1347
|
headerTemplate;
|
|
1338
1348
|
contentTemplate;
|
|
1339
1349
|
footerTemplate;
|
|
1340
1350
|
actionSheetTemplate;
|
|
1341
|
-
|
|
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) {
|
|
1342
1359
|
this.actionSheet = actionSheet;
|
|
1360
|
+
this.renderer = renderer;
|
|
1361
|
+
this.host = host;
|
|
1362
|
+
this.zone = zone;
|
|
1343
1363
|
}
|
|
1344
1364
|
get orientationClass() {
|
|
1345
1365
|
return this.actionSheet?.orientationClass;
|
|
@@ -1347,8 +1367,8 @@ class ActionSheetViewComponent {
|
|
|
1347
1367
|
get alignmentClass() {
|
|
1348
1368
|
return this.actionSheet?.alignmentClass;
|
|
1349
1369
|
}
|
|
1350
|
-
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 });
|
|
1351
|
-
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", "
|
|
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: `
|
|
1352
1372
|
<ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
|
|
1353
1373
|
[ngTemplateOutlet]="actionSheetTemplate?.templateRef">
|
|
1354
1374
|
</ng-template>
|
|
@@ -1422,7 +1442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1422
1442
|
type: Optional
|
|
1423
1443
|
}, {
|
|
1424
1444
|
type: Host
|
|
1425
|
-
}] }]; }, propDecorators: { title: [{
|
|
1445
|
+
}] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { title: [{
|
|
1426
1446
|
type: Input
|
|
1427
1447
|
}], subtitle: [{
|
|
1428
1448
|
type: Input
|
|
@@ -1431,9 +1451,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1431
1451
|
}], hostClass: [{
|
|
1432
1452
|
type: HostBinding,
|
|
1433
1453
|
args: ['class.k-actionsheet-view']
|
|
1434
|
-
}], animated: [{
|
|
1435
|
-
type: HostBinding,
|
|
1436
|
-
args: ['class.k-actionsheet-view-animated']
|
|
1437
1454
|
}], transitionDuration: [{
|
|
1438
1455
|
type: HostBinding,
|
|
1439
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.
|
|
3
|
+
"version": "19.0.0-develop.30",
|
|
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":
|
|
20
|
+
"publishDate": 1747836072,
|
|
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.
|
|
31
|
-
"@progress/kendo-angular-icons": "19.0.0-develop.
|
|
32
|
-
"@progress/kendo-angular-l10n": "19.0.0-develop.
|
|
30
|
+
"@progress/kendo-angular-common": "19.0.0-develop.30",
|
|
31
|
+
"@progress/kendo-angular-icons": "19.0.0-develop.30",
|
|
32
|
+
"@progress/kendo-angular-l10n": "19.0.0-develop.30",
|
|
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.
|
|
37
|
+
"@progress/kendo-angular-schematics": "19.0.0-develop.30"
|
|
38
38
|
},
|
|
39
39
|
"schematics": "./schematics/collection.json",
|
|
40
40
|
"module": "fesm2022/progress-kendo-angular-navigation.mjs",
|