@progress/kendo-angular-navigation 23.2.1-develop.6 → 23.2.1-develop.8
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.
|
@@ -69,7 +69,8 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
|
|
|
69
69
|
/**
|
|
70
70
|
* Applies CSS classes to the inner ActionSheet element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
71
71
|
*/
|
|
72
|
-
cssClass: any;
|
|
72
|
+
set cssClass(value: any);
|
|
73
|
+
get cssClass(): any;
|
|
73
74
|
/**
|
|
74
75
|
* Applies inline styles to the inner ActionSheet element. Accepts any value supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
|
|
75
76
|
*/
|
|
@@ -154,11 +155,13 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
|
|
|
154
155
|
* @hidden
|
|
155
156
|
*/
|
|
156
157
|
footerTemplate: ActionSheetFooterTemplateDirective;
|
|
158
|
+
private _cssClass;
|
|
157
159
|
private dynamicRTLSubscription;
|
|
158
160
|
private rtl;
|
|
159
161
|
private domSubs;
|
|
160
162
|
private player;
|
|
161
163
|
private animationEnd;
|
|
164
|
+
private isFullscreen;
|
|
162
165
|
constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, localizationService: LocalizationService, builder: AnimationBuilder, cdr: ChangeDetectorRef);
|
|
163
166
|
ngAfterViewInit(): void;
|
|
164
167
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -207,8 +210,13 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
|
|
|
207
210
|
* @hidden
|
|
208
211
|
*/
|
|
209
212
|
get shouldRenderSeparator(): boolean;
|
|
213
|
+
/**
|
|
214
|
+
* @hidden
|
|
215
|
+
*/
|
|
216
|
+
get childContainerStyle(): string;
|
|
210
217
|
private initDomEvents;
|
|
211
218
|
private setCssVariables;
|
|
219
|
+
private hasFullscreenClass;
|
|
212
220
|
private onKeyDown;
|
|
213
221
|
private handleInitialFocus;
|
|
214
222
|
private keepFocusWithinComponent;
|
|
@@ -26,7 +26,7 @@ const packageMetadata = {
|
|
|
26
26
|
productCode: 'KENDOUIANGULAR',
|
|
27
27
|
productCodes: ['KENDOUIANGULAR'],
|
|
28
28
|
publishDate: 0,
|
|
29
|
-
version: '23.2.1-develop.
|
|
29
|
+
version: '23.2.1-develop.8',
|
|
30
30
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
31
31
|
};
|
|
32
32
|
|
|
@@ -133,8 +133,8 @@ class AppBarComponent {
|
|
|
133
133
|
this.renderer.addClass(elem, `k-appbar-${newValue}`);
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
137
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
136
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
137
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: AppBarComponent, isStandalone: true, selector: "kendo-appbar", inputs: { position: "position", positionMode: "positionMode", themeColor: "themeColor" }, host: { properties: { "class.k-appbar": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
138
138
|
LocalizationService,
|
|
139
139
|
{
|
|
140
140
|
provide: L10N_PREFIX,
|
|
@@ -144,7 +144,7 @@ class AppBarComponent {
|
|
|
144
144
|
<ng-content></ng-content>
|
|
145
145
|
`, isInline: true });
|
|
146
146
|
}
|
|
147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppBarComponent, decorators: [{
|
|
148
148
|
type: Component,
|
|
149
149
|
args: [{
|
|
150
150
|
exportAs: 'kendoAppBar',
|
|
@@ -191,12 +191,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
191
191
|
*/
|
|
192
192
|
class AppBarSectionComponent {
|
|
193
193
|
hostClass = true;
|
|
194
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
195
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
194
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppBarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
195
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: AppBarSectionComponent, isStandalone: true, selector: "kendo-appbar-section", host: { properties: { "class.k-appbar-section": "this.hostClass" } }, ngImport: i0, template: `
|
|
196
196
|
<ng-content></ng-content>
|
|
197
197
|
`, isInline: true });
|
|
198
198
|
}
|
|
199
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppBarSectionComponent, decorators: [{
|
|
200
200
|
type: Component,
|
|
201
201
|
args: [{
|
|
202
202
|
selector: 'kendo-appbar-section',
|
|
@@ -312,10 +312,10 @@ class AppBarSpacerComponent {
|
|
|
312
312
|
this.renderer.setStyle(element, 'flexBasis', this.width);
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
316
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
315
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppBarSpacerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
316
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: AppBarSpacerComponent, isStandalone: true, selector: "kendo-appbar-spacer", inputs: { width: "width" }, host: { properties: { "class.k-spacer": "this.hostClass", "class.k-spacer-sized": "this.sizedClass" } }, ngImport: i0, template: ``, isInline: true });
|
|
317
317
|
}
|
|
318
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppBarSpacerComponent, decorators: [{
|
|
319
319
|
type: Component,
|
|
320
320
|
args: [{
|
|
321
321
|
selector: 'kendo-appbar-spacer',
|
|
@@ -367,10 +367,10 @@ class ActionSheetHeaderTemplateDirective {
|
|
|
367
367
|
constructor(templateRef) {
|
|
368
368
|
this.templateRef = templateRef;
|
|
369
369
|
}
|
|
370
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
371
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
370
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
371
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: ActionSheetHeaderTemplateDirective, isStandalone: true, selector: "[kendoActionSheetHeaderTemplate]", ngImport: i0 });
|
|
372
372
|
}
|
|
373
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetHeaderTemplateDirective, decorators: [{
|
|
374
374
|
type: Directive,
|
|
375
375
|
args: [{
|
|
376
376
|
selector: '[kendoActionSheetHeaderTemplate]',
|
|
@@ -399,10 +399,10 @@ class ActionSheetItemTemplateDirective {
|
|
|
399
399
|
constructor(templateRef) {
|
|
400
400
|
this.templateRef = templateRef;
|
|
401
401
|
}
|
|
402
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
403
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
402
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
403
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: ActionSheetItemTemplateDirective, isStandalone: true, selector: "[kendoActionSheetItemTemplate]", ngImport: i0 });
|
|
404
404
|
}
|
|
405
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetItemTemplateDirective, decorators: [{
|
|
406
406
|
type: Directive,
|
|
407
407
|
args: [{
|
|
408
408
|
selector: '[kendoActionSheetItemTemplate]',
|
|
@@ -431,10 +431,10 @@ class ActionSheetContentTemplateDirective {
|
|
|
431
431
|
constructor(templateRef) {
|
|
432
432
|
this.templateRef = templateRef;
|
|
433
433
|
}
|
|
434
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
435
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
434
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
435
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: ActionSheetContentTemplateDirective, isStandalone: true, selector: "[kendoActionSheetContentTemplate]", ngImport: i0 });
|
|
436
436
|
}
|
|
437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
437
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetContentTemplateDirective, decorators: [{
|
|
438
438
|
type: Directive,
|
|
439
439
|
args: [{
|
|
440
440
|
selector: '[kendoActionSheetContentTemplate]',
|
|
@@ -463,10 +463,10 @@ class ActionSheetFooterTemplateDirective {
|
|
|
463
463
|
constructor(templateRef) {
|
|
464
464
|
this.templateRef = templateRef;
|
|
465
465
|
}
|
|
466
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
467
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
466
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetFooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
467
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: ActionSheetFooterTemplateDirective, isStandalone: true, selector: "[kendoActionSheetFooterTemplate]", ngImport: i0 });
|
|
468
468
|
}
|
|
469
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
469
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetFooterTemplateDirective, decorators: [{
|
|
470
470
|
type: Directive,
|
|
471
471
|
args: [{
|
|
472
472
|
selector: '[kendoActionSheetFooterTemplate]',
|
|
@@ -495,10 +495,10 @@ class ActionSheetTemplateDirective {
|
|
|
495
495
|
constructor(templateRef) {
|
|
496
496
|
this.templateRef = templateRef;
|
|
497
497
|
}
|
|
498
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
499
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
498
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
499
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: ActionSheetTemplateDirective, isStandalone: true, selector: "[kendoActionSheetTemplate]", ngImport: i0 });
|
|
500
500
|
}
|
|
501
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
501
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetTemplateDirective, decorators: [{
|
|
502
502
|
type: Directive,
|
|
503
503
|
args: [{
|
|
504
504
|
selector: '[kendoActionSheetTemplate]',
|
|
@@ -555,8 +555,8 @@ class ActionSheetItemComponent {
|
|
|
555
555
|
}
|
|
556
556
|
return styles;
|
|
557
557
|
}
|
|
558
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
559
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
558
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
559
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ActionSheetItemComponent, isStandalone: true, selector: "[kendoActionSheetItem]", inputs: { itemTemplate: "itemTemplate", item: "item" }, host: { properties: { "class.k-cursor-pointer": "this.pointerClass" } }, ngImport: i0, template: `
|
|
560
560
|
@if (itemTemplate) {
|
|
561
561
|
<ng-template
|
|
562
562
|
[ngTemplateOutlet]="itemTemplate"
|
|
@@ -592,7 +592,7 @@ class ActionSheetItemComponent {
|
|
|
592
592
|
}
|
|
593
593
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
594
594
|
}
|
|
595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
595
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetItemComponent, decorators: [{
|
|
596
596
|
type: Component,
|
|
597
597
|
args: [{
|
|
598
598
|
selector: '[kendoActionSheetItem]',
|
|
@@ -692,10 +692,10 @@ class ActionSheetListComponent {
|
|
|
692
692
|
setAttrIndex(item) {
|
|
693
693
|
return this.allItems.indexOf(item);
|
|
694
694
|
}
|
|
695
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
696
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
695
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
696
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ActionSheetListComponent, isStandalone: true, selector: "[kendoActionSheetList]", inputs: { groupItems: "groupItems", allItems: "allItems", itemTemplate: "itemTemplate" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "\n @for (item of groupItems; track item) {\n <span kendoActionSheetItem\n tabindex=\"0\"\n role=\"button\"\n [attr.aria-disabled]=\"item.disabled\"\n [class.k-actionsheet-item]=\"true\"\n [attr.kendo-actionsheet-item-index]=\"setAttrIndex(item)\"\n [class.k-disabled]=\"item.disabled\"\n [ngClass]=\"item.cssClass\"\n [ngStyle]=\"item.cssStyle\"\n [itemTemplate]=\"itemTemplate\"\n [item]=\"item\">\n </span>\n }\n ", isInline: true, dependencies: [{ kind: "component", type: ActionSheetItemComponent, selector: "[kendoActionSheetItem]", inputs: ["itemTemplate", "item"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
697
697
|
}
|
|
698
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
698
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetListComponent, decorators: [{
|
|
699
699
|
type: Component,
|
|
700
700
|
args: [{
|
|
701
701
|
selector: '[kendoActionSheetList]',
|
|
@@ -729,6 +729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
729
729
|
}] } });
|
|
730
730
|
|
|
731
731
|
const DEFAULT_ANIMATION_CONFIG = { duration: 300 };
|
|
732
|
+
const FULLSCREEN_CLASS = 'k-actionsheet-fullscreen';
|
|
732
733
|
/**
|
|
733
734
|
* Represents the [Kendo UI ActionSheet component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet).
|
|
734
735
|
* Use this component to display a set of choices related to a user-initiated task in a modal sheet that slides up from the bottom of the screen.
|
|
@@ -792,7 +793,13 @@ class ActionSheetComponent {
|
|
|
792
793
|
/**
|
|
793
794
|
* Applies CSS classes to the inner ActionSheet element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
794
795
|
*/
|
|
795
|
-
cssClass
|
|
796
|
+
set cssClass(value) {
|
|
797
|
+
this._cssClass = value;
|
|
798
|
+
this.isFullscreen = this.hasFullscreenClass(value);
|
|
799
|
+
}
|
|
800
|
+
get cssClass() {
|
|
801
|
+
return this._cssClass;
|
|
802
|
+
}
|
|
796
803
|
/**
|
|
797
804
|
* Applies inline styles to the inner ActionSheet element. Accepts any value supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
|
|
798
805
|
*/
|
|
@@ -877,11 +884,13 @@ class ActionSheetComponent {
|
|
|
877
884
|
* @hidden
|
|
878
885
|
*/
|
|
879
886
|
footerTemplate;
|
|
887
|
+
_cssClass;
|
|
880
888
|
dynamicRTLSubscription;
|
|
881
889
|
rtl = false;
|
|
882
890
|
domSubs = new Subscription();
|
|
883
891
|
player;
|
|
884
892
|
animationEnd = new EventEmitter();
|
|
893
|
+
isFullscreen = false;
|
|
885
894
|
constructor(element, ngZone, renderer, localizationService, builder, cdr) {
|
|
886
895
|
this.element = element;
|
|
887
896
|
this.ngZone = ngZone;
|
|
@@ -1002,6 +1011,13 @@ class ActionSheetComponent {
|
|
|
1002
1011
|
get shouldRenderSeparator() {
|
|
1003
1012
|
return this.topGroupItems?.length > 0 && this.bottomGroupItems?.length > 0;
|
|
1004
1013
|
}
|
|
1014
|
+
/**
|
|
1015
|
+
* @hidden
|
|
1016
|
+
*/
|
|
1017
|
+
get childContainerStyle() {
|
|
1018
|
+
const baseStyle = 'bottom: 0px; width: 100%;';
|
|
1019
|
+
return this.isFullscreen ? `${baseStyle} height: 100%;` : baseStyle;
|
|
1020
|
+
}
|
|
1005
1021
|
initDomEvents() {
|
|
1006
1022
|
if (!this.element) {
|
|
1007
1023
|
return;
|
|
@@ -1020,6 +1036,21 @@ class ActionSheetComponent {
|
|
|
1020
1036
|
this.element.nativeElement.style.setProperty('--kendo-actionsheet-height', 'auto');
|
|
1021
1037
|
this.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
|
|
1022
1038
|
}
|
|
1039
|
+
hasFullscreenClass(cssClass) {
|
|
1040
|
+
if (!cssClass) {
|
|
1041
|
+
return false;
|
|
1042
|
+
}
|
|
1043
|
+
if (typeof cssClass === 'string') {
|
|
1044
|
+
return cssClass.split(/\s+/).includes(FULLSCREEN_CLASS);
|
|
1045
|
+
}
|
|
1046
|
+
if (cssClass instanceof Set) {
|
|
1047
|
+
return cssClass.has(FULLSCREEN_CLASS);
|
|
1048
|
+
}
|
|
1049
|
+
if (Array.isArray(cssClass)) {
|
|
1050
|
+
return cssClass.some(cls => typeof cls === 'string' && cls.split(/\s+/).includes(FULLSCREEN_CLASS));
|
|
1051
|
+
}
|
|
1052
|
+
return cssClass[FULLSCREEN_CLASS] === true;
|
|
1053
|
+
}
|
|
1023
1054
|
onKeyDown(event) {
|
|
1024
1055
|
const target = event.target;
|
|
1025
1056
|
if (event.code === Keys.Tab) {
|
|
@@ -1098,8 +1129,8 @@ class ActionSheetComponent {
|
|
|
1098
1129
|
});
|
|
1099
1130
|
this.player.play();
|
|
1100
1131
|
}
|
|
1101
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1102
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
1132
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", 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 });
|
|
1133
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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: [
|
|
1103
1134
|
LocalizationService,
|
|
1104
1135
|
{
|
|
1105
1136
|
provide: L10N_PREFIX,
|
|
@@ -1109,7 +1140,7 @@ class ActionSheetComponent {
|
|
|
1109
1140
|
@if (expanded) {
|
|
1110
1141
|
<div class="k-overlay" (click)="onOverlayClick()"></div>
|
|
1111
1142
|
<div class="k-animation-container k-animation-container-shown">
|
|
1112
|
-
<div #childContainer class="k-child-animation-container" [style]="
|
|
1143
|
+
<div #childContainer class="k-child-animation-container" [style]="childContainerStyle">
|
|
1113
1144
|
<div
|
|
1114
1145
|
class="k-actionsheet k-actionsheet-bottom"
|
|
1115
1146
|
[ngClass]="cssClass"
|
|
@@ -1218,7 +1249,7 @@ class ActionSheetComponent {
|
|
|
1218
1249
|
}
|
|
1219
1250
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: ["groupItems", "allItems", "itemTemplate"], outputs: ["itemClick"] }, { kind: "component", type: ButtonDirective, 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"] }] });
|
|
1220
1251
|
}
|
|
1221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1252
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetComponent, decorators: [{
|
|
1222
1253
|
type: Component,
|
|
1223
1254
|
args: [{
|
|
1224
1255
|
exportAs: 'kendoActionSheet',
|
|
@@ -1227,7 +1258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
1227
1258
|
@if (expanded) {
|
|
1228
1259
|
<div class="k-overlay" (click)="onOverlayClick()"></div>
|
|
1229
1260
|
<div class="k-animation-container k-animation-container-shown">
|
|
1230
|
-
<div #childContainer class="k-child-animation-container" [style]="
|
|
1261
|
+
<div #childContainer class="k-child-animation-container" [style]="childContainerStyle">
|
|
1231
1262
|
<div
|
|
1232
1263
|
class="k-actionsheet k-actionsheet-bottom"
|
|
1233
1264
|
[ngClass]="cssClass"
|
|
@@ -1450,8 +1481,8 @@ class ActionSheetViewComponent {
|
|
|
1450
1481
|
get alignmentClass() {
|
|
1451
1482
|
return this.actionSheet?.alignmentClass;
|
|
1452
1483
|
}
|
|
1453
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1454
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
1484
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetViewComponent, deps: [{ token: ActionSheetComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
1485
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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: `
|
|
1455
1486
|
@if (actionSheetTemplate) {
|
|
1456
1487
|
<ng-template
|
|
1457
1488
|
[ngTemplateOutlet]="actionSheetTemplate?.templateRef">
|
|
@@ -1492,7 +1523,7 @@ class ActionSheetViewComponent {
|
|
|
1492
1523
|
|
|
1493
1524
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
1494
1525
|
}
|
|
1495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1526
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetViewComponent, decorators: [{
|
|
1496
1527
|
type: Component,
|
|
1497
1528
|
args: [{
|
|
1498
1529
|
selector: 'kendo-actionsheet-view',
|
|
@@ -1650,10 +1681,10 @@ class BottomNavigationItemTemplateDirective {
|
|
|
1650
1681
|
constructor(templateRef) {
|
|
1651
1682
|
this.templateRef = templateRef;
|
|
1652
1683
|
}
|
|
1653
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1654
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
1684
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BottomNavigationItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1685
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: BottomNavigationItemTemplateDirective, isStandalone: true, selector: "[kendoBottomNavigationItemTemplate]", ngImport: i0 });
|
|
1655
1686
|
}
|
|
1656
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BottomNavigationItemTemplateDirective, decorators: [{
|
|
1657
1688
|
type: Directive,
|
|
1658
1689
|
args: [{
|
|
1659
1690
|
selector: '[kendoBottomNavigationItemTemplate]',
|
|
@@ -1724,8 +1755,8 @@ class BottomNavigationItemComponent {
|
|
|
1724
1755
|
const customIcon = this.item.iconClass ? this.item.iconClass : '';
|
|
1725
1756
|
return `${kendoIcon} ${customIcon}`;
|
|
1726
1757
|
}
|
|
1727
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1728
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
1758
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BottomNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1759
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: BottomNavigationItemComponent, isStandalone: true, selector: "[kendoBottomNavigationItem]", inputs: { itemTemplate: "itemTemplate", item: "item", index: "index", disabledComponent: "disabledComponent", selectedIdx: "selectedIdx", orientation: "orientation" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-label": "this.label", "attr.tabindex": "this.tabindex", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass" } }, ngImport: i0, template: `
|
|
1729
1760
|
@if (!itemTemplate) {
|
|
1730
1761
|
@if (itemIcon) {
|
|
1731
1762
|
<kendo-icon-wrapper
|
|
@@ -1747,7 +1778,7 @@ class BottomNavigationItemComponent {
|
|
|
1747
1778
|
}
|
|
1748
1779
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
1749
1780
|
}
|
|
1750
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1781
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BottomNavigationItemComponent, decorators: [{
|
|
1751
1782
|
type: Component,
|
|
1752
1783
|
args: [{
|
|
1753
1784
|
selector: '[kendoBottomNavigationItem]',
|
|
@@ -2044,8 +2075,8 @@ class BottomNavigationComponent {
|
|
|
2044
2075
|
return itemIndex(item, BOTTOMNAVIGATION_ITEM_INDEX);
|
|
2045
2076
|
}
|
|
2046
2077
|
}
|
|
2047
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2048
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
2078
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BottomNavigationComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
2079
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: BottomNavigationComponent, isStandalone: true, selector: "kendo-bottomnavigation", inputs: { items: "items", border: "border", disabled: "disabled", fill: "fill", itemFlow: "itemFlow", positionMode: "positionMode", themeColor: "themeColor" }, outputs: { select: "select" }, host: { properties: { "class.k-bottom-nav": "this.hostClass", "class.k-bottom-nav-border": "this.borderClass", "class.k-disabled": "this.disabledClass", "attr.role": "this.role", "attr.dir": "this.direction" } }, providers: [
|
|
2049
2080
|
LocalizationService,
|
|
2050
2081
|
{
|
|
2051
2082
|
provide: L10N_PREFIX,
|
|
@@ -2053,7 +2084,7 @@ class BottomNavigationComponent {
|
|
|
2053
2084
|
}
|
|
2054
2085
|
], queries: [{ propertyName: "itemTemplate", first: true, predicate: BottomNavigationItemTemplateDirective, descendants: true }], exportAs: ["kendoBottomNavigation"], ngImport: i0, template: "\n @if (items) {\n @for (item of items; track item; let idx = $index) {\n <span kendoBottomNavigationItem\n role=\"link\"\n class=\"k-bottom-nav-item\"\n [disabledComponent]=\"disabled\"\n [item]=\"item\"\n [index]=\"idx\"\n [selectedIdx]=\"selectedIdx\"\n [itemTemplate]=\"itemTemplate\"\n [attr.data-kendo-bottomnavigation-index]=\"idx\"\n [ngClass]=\"item.cssClass\"\n [ngStyle]=\"item.cssStyle\"\n [orientation]=\"itemFlow\">\n </span>\n }\n }\n ", isInline: true, dependencies: [{ kind: "component", type: BottomNavigationItemComponent, selector: "[kendoBottomNavigationItem]", inputs: ["itemTemplate", "item", "index", "disabledComponent", "selectedIdx", "orientation"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
2055
2086
|
}
|
|
2056
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2087
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BottomNavigationComponent, decorators: [{
|
|
2057
2088
|
type: Component,
|
|
2058
2089
|
args: [{
|
|
2059
2090
|
exportAs: 'kendoBottomNavigation',
|
|
@@ -2145,10 +2176,10 @@ class BreadCrumbItemTemplateDirective {
|
|
|
2145
2176
|
constructor(templateRef) {
|
|
2146
2177
|
this.templateRef = templateRef;
|
|
2147
2178
|
}
|
|
2148
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2149
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
2179
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2180
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: BreadCrumbItemTemplateDirective, isStandalone: true, selector: "[kendoBreadCrumbItemTemplate]", ngImport: i0 });
|
|
2150
2181
|
}
|
|
2151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbItemTemplateDirective, decorators: [{
|
|
2152
2183
|
type: Directive,
|
|
2153
2184
|
args: [{
|
|
2154
2185
|
selector: '[kendoBreadCrumbItemTemplate]',
|
|
@@ -2226,8 +2257,8 @@ class BreadCrumbItemComponent {
|
|
|
2226
2257
|
this.width = outerWidth(this.el.nativeElement);
|
|
2227
2258
|
}
|
|
2228
2259
|
}
|
|
2229
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2230
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
2260
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2261
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: BreadCrumbItemComponent, isStandalone: true, selector: "[kendoBreadCrumbItem]", inputs: { item: "item", collapseMode: "collapseMode", index: "index", itemTemplate: "itemTemplate" }, host: { properties: { "class.k-breadcrumb-item": "this.hostClasses", "class.k-breadcrumb-root-item": "this.isRootItem", "attr.aria-disabled": "this.isDisabled", "class.k-breadcrumb-last-item": "this.isLastItem" } }, ngImport: i0, template: `
|
|
2231
2262
|
<ng-template #separator>
|
|
2232
2263
|
<ng-content select="[kendoBreadCrumbSeparator]"></ng-content>
|
|
2233
2264
|
</ng-template>
|
|
@@ -2282,7 +2313,7 @@ class BreadCrumbItemComponent {
|
|
|
2282
2313
|
}
|
|
2283
2314
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
2284
2315
|
}
|
|
2285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbItemComponent, decorators: [{
|
|
2286
2317
|
type: Component,
|
|
2287
2318
|
args: [{
|
|
2288
2319
|
selector: '[kendoBreadCrumbItem]',
|
|
@@ -2427,8 +2458,8 @@ class BreadCrumbSeparatorDirective {
|
|
|
2427
2458
|
ngOnDestroy() {
|
|
2428
2459
|
this.localizationChangesSubscription.unsubscribe();
|
|
2429
2460
|
}
|
|
2430
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2431
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2461
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbSeparatorDirective, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2462
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BreadCrumbSeparatorDirective, isStandalone: true, selector: "[kendoBreadCrumbSeparator]", inputs: { icon: "icon", svgIcon: "svgIcon" }, host: { properties: { "attr.aria-hidden": "this.ariaHidden" } }, ngImport: i0, template: `
|
|
2432
2463
|
<kendo-icon-wrapper
|
|
2433
2464
|
size='xsmall'
|
|
2434
2465
|
[name]="icon"
|
|
@@ -2438,7 +2469,7 @@ class BreadCrumbSeparatorDirective {
|
|
|
2438
2469
|
</kendo-icon-wrapper>
|
|
2439
2470
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
2440
2471
|
}
|
|
2441
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbSeparatorDirective, decorators: [{
|
|
2442
2473
|
type: Component,
|
|
2443
2474
|
args: [{
|
|
2444
2475
|
selector: '[kendoBreadCrumbSeparator]',
|
|
@@ -2503,10 +2534,10 @@ class BreadCrumbListComponent {
|
|
|
2503
2534
|
return itemIndex(item, BREADCRUMB_ITEM_INDEX);
|
|
2504
2535
|
}
|
|
2505
2536
|
}
|
|
2506
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2507
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
2537
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
2538
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: BreadCrumbListComponent, isStandalone: true, selector: "[kendoBreadCrumbList]", inputs: { items: "items", itemTemplate: "itemTemplate", collapseMode: "collapseMode", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon" }, outputs: { itemClick: "itemClick" }, viewQueries: [{ propertyName: "renderedItems", predicate: BreadCrumbItemComponent, descendants: true }], ngImport: i0, template: "\n @for (item of items; track item; let i = $index; let isFirst = $first; let isLast = $last) {\n @if (!(collapseMode === 'wrap' && isFirst) || isRootItemContainer) {\n <li\n #renderedItem\n kendoBreadCrumbItem\n [attr.data-kendo-breadcrumb-index]=\"i\"\n [item]=\"item\"\n [index]=\"i\"\n [collapseMode]=\"collapseMode\"\n [itemTemplate]=\"itemTemplate\"\n >\n @if (collapseMode === 'wrap' && !isFirst) {\n <span kendoBreadCrumbSeparator [icon]=\"separatorIcon\" [svgIcon]=\"separatorSVGIcon\"></span>\n }\n @if (collapseMode !== 'wrap' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)) {\n <span\n kendoBreadCrumbSeparator\n [icon]=\"separatorIcon\"\n [svgIcon]=\"separatorSVGIcon\"\n ></span>\n }\n </li>\n }\n }\n ", isInline: true, dependencies: [{ kind: "component", type: BreadCrumbItemComponent, selector: "[kendoBreadCrumbItem]", inputs: ["item", "collapseMode", "index", "itemTemplate"] }, { kind: "component", type: BreadCrumbSeparatorDirective, selector: "[kendoBreadCrumbSeparator]", inputs: ["icon", "svgIcon"] }] });
|
|
2508
2539
|
}
|
|
2509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbListComponent, decorators: [{
|
|
2510
2541
|
type: Component,
|
|
2511
2542
|
args: [{
|
|
2512
2543
|
selector: '[kendoBreadCrumbList]',
|
|
@@ -2797,8 +2828,8 @@ class BreadCrumbComponent {
|
|
|
2797
2828
|
});
|
|
2798
2829
|
}));
|
|
2799
2830
|
};
|
|
2800
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2801
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
2831
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
2832
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: BreadCrumbComponent, isStandalone: true, selector: "kendo-breadcrumb", inputs: { items: "items", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon", collapseMode: "collapseMode", size: "size" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-breadcrumb": "this.hostClasses", "class.k-breadcrumb-wrap": "this.wrapMode", "attr.aria-label": "this.hostAriaLabel", "attr.dir": "this.getDir" } }, providers: [
|
|
2802
2833
|
LocalizationService,
|
|
2803
2834
|
{
|
|
2804
2835
|
provide: L10N_PREFIX,
|
|
@@ -2833,7 +2864,7 @@ class BreadCrumbComponent {
|
|
|
2833
2864
|
<kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>
|
|
2834
2865
|
`, isInline: true, dependencies: [{ kind: "component", type: BreadCrumbListComponent, selector: "[kendoBreadCrumbList]", inputs: ["items", "itemTemplate", "collapseMode", "separatorIcon", "separatorSVGIcon"], outputs: ["itemClick"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
|
|
2835
2866
|
}
|
|
2836
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2867
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbComponent, decorators: [{
|
|
2837
2868
|
type: Component,
|
|
2838
2869
|
args: [{
|
|
2839
2870
|
exportAs: 'kendoBreadCrumb',
|
|
@@ -3068,11 +3099,11 @@ const KENDO_NAVIGATION = [
|
|
|
3068
3099
|
* ```
|
|
3069
3100
|
*/
|
|
3070
3101
|
class AppBarModule {
|
|
3071
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3072
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3073
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3102
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3103
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: AppBarModule, imports: [AppBarComponent, AppBarSectionComponent, AppBarSpacerComponent], exports: [AppBarComponent, AppBarSectionComponent, AppBarSpacerComponent] });
|
|
3104
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppBarModule });
|
|
3074
3105
|
}
|
|
3075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppBarModule, decorators: [{
|
|
3076
3107
|
type: NgModule,
|
|
3077
3108
|
args: [{
|
|
3078
3109
|
exports: [...KENDO_APPBAR],
|
|
@@ -3101,11 +3132,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
3101
3132
|
* ```
|
|
3102
3133
|
*/
|
|
3103
3134
|
class NavigationModule {
|
|
3104
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3105
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3106
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3135
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3136
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: NavigationModule, imports: [ActionSheetComponent, ActionSheetViewComponent, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective, AppBarComponent, AppBarSectionComponent, AppBarSpacerComponent, BottomNavigationComponent, BottomNavigationItemTemplateDirective, BreadCrumbComponent, BreadCrumbItemTemplateDirective], exports: [ActionSheetComponent, ActionSheetViewComponent, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective, AppBarComponent, AppBarSectionComponent, AppBarSpacerComponent, BottomNavigationComponent, BottomNavigationItemTemplateDirective, BreadCrumbComponent, BreadCrumbItemTemplateDirective] });
|
|
3137
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NavigationModule, providers: [IconsService, ResizeBatchService], imports: [ActionSheetComponent, BottomNavigationComponent, BreadCrumbComponent] });
|
|
3107
3138
|
}
|
|
3108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NavigationModule, decorators: [{
|
|
3109
3140
|
type: NgModule,
|
|
3110
3141
|
args: [{
|
|
3111
3142
|
imports: [...KENDO_NAVIGATION],
|
|
@@ -3135,11 +3166,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
3135
3166
|
* ```
|
|
3136
3167
|
*/
|
|
3137
3168
|
class BreadCrumbModule {
|
|
3138
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3139
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3140
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3169
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3170
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbModule, imports: [BreadCrumbComponent, BreadCrumbItemTemplateDirective], exports: [BreadCrumbComponent, BreadCrumbItemTemplateDirective] });
|
|
3171
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbModule, providers: [IconsService, ResizeBatchService], imports: [BreadCrumbComponent] });
|
|
3141
3172
|
}
|
|
3142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BreadCrumbModule, decorators: [{
|
|
3143
3174
|
type: NgModule,
|
|
3144
3175
|
args: [{
|
|
3145
3176
|
exports: [...KENDO_BREADCRUMB],
|
|
@@ -3169,11 +3200,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
3169
3200
|
* ```
|
|
3170
3201
|
*/
|
|
3171
3202
|
class BottomNavigationModule {
|
|
3172
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3173
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3174
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3203
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BottomNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3204
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: BottomNavigationModule, imports: [BottomNavigationComponent, BottomNavigationItemTemplateDirective], exports: [BottomNavigationComponent, BottomNavigationItemTemplateDirective] });
|
|
3205
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BottomNavigationModule, providers: [IconsService], imports: [BottomNavigationComponent] });
|
|
3175
3206
|
}
|
|
3176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BottomNavigationModule, decorators: [{
|
|
3177
3208
|
type: NgModule,
|
|
3178
3209
|
args: [{
|
|
3179
3210
|
exports: [...KENDO_BOTTOMNAVIGATION],
|
|
@@ -3203,11 +3234,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
|
|
|
3203
3234
|
* ```
|
|
3204
3235
|
*/
|
|
3205
3236
|
class ActionSheetModule {
|
|
3206
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3207
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3208
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3237
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3238
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetModule, imports: [ActionSheetComponent, ActionSheetViewComponent, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective], exports: [ActionSheetComponent, ActionSheetViewComponent, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective] });
|
|
3239
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetModule, providers: [IconsService], imports: [ActionSheetComponent] });
|
|
3209
3240
|
}
|
|
3210
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3241
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ActionSheetModule, decorators: [{
|
|
3211
3242
|
type: NgModule,
|
|
3212
3243
|
args: [{
|
|
3213
3244
|
exports: [...KENDO_ACTIONSHEET],
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "23.2.1-develop.
|
|
10
|
+
"publishDate": 1773735757,
|
|
11
|
+
"version": "23.2.1-develop.8",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-navigation",
|
|
3
|
-
"version": "23.2.1-develop.
|
|
3
|
+
"version": "23.2.1-develop.8",
|
|
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": 1773735757,
|
|
21
21
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
@@ -27,15 +27,15 @@
|
|
|
27
27
|
"@angular/core": "19 - 21",
|
|
28
28
|
"@angular/platform-browser": "19 - 21",
|
|
29
29
|
"@progress/kendo-licensing": "^1.10.0",
|
|
30
|
-
"@progress/kendo-angular-buttons": "23.2.1-develop.
|
|
31
|
-
"@progress/kendo-angular-common": "23.2.1-develop.
|
|
32
|
-
"@progress/kendo-angular-icons": "23.2.1-develop.
|
|
33
|
-
"@progress/kendo-angular-l10n": "23.2.1-develop.
|
|
30
|
+
"@progress/kendo-angular-buttons": "23.2.1-develop.8",
|
|
31
|
+
"@progress/kendo-angular-common": "23.2.1-develop.8",
|
|
32
|
+
"@progress/kendo-angular-icons": "23.2.1-develop.8",
|
|
33
|
+
"@progress/kendo-angular-l10n": "23.2.1-develop.8",
|
|
34
34
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"tslib": "^2.3.1",
|
|
38
|
-
"@progress/kendo-angular-schematics": "23.2.1-develop.
|
|
38
|
+
"@progress/kendo-angular-schematics": "23.2.1-develop.8"
|
|
39
39
|
},
|
|
40
40
|
"schematics": "./schematics/collection.json",
|
|
41
41
|
"module": "fesm2022/progress-kendo-angular-navigation.mjs",
|