@progress/kendo-angular-navigation 21.4.1-develop.1 → 22.0.0-develop.1
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/fesm2022/progress-kendo-angular-navigation.mjs +83 -83
- package/package.json +11 -19
- package/esm2022/actionsheet/actionsheet-view.component.mjs +0 -173
- package/esm2022/actionsheet/actionsheet.component.mjs +0 -700
- package/esm2022/actionsheet/animation/animations.mjs +0 -23
- package/esm2022/actionsheet/item.component.mjs +0 -125
- package/esm2022/actionsheet/list.component.mjs +0 -95
- package/esm2022/actionsheet/models/actionsheet-action-layout.mjs +0 -5
- package/esm2022/actionsheet/models/actionsheet-action.mjs +0 -5
- package/esm2022/actionsheet/models/actionsheet-item.interface.mjs +0 -5
- package/esm2022/actionsheet/models/animation.mjs +0 -5
- package/esm2022/actionsheet/models/group.mjs +0 -5
- package/esm2022/actionsheet/models/index.mjs +0 -10
- package/esm2022/actionsheet/models/item-click.event.mjs +0 -19
- package/esm2022/actionsheet/templates/actionsheet-template.mjs +0 -37
- package/esm2022/actionsheet/templates/content-template.directive.mjs +0 -37
- package/esm2022/actionsheet/templates/footer-template.directive.mjs +0 -37
- package/esm2022/actionsheet/templates/header-template.directive.mjs +0 -37
- package/esm2022/actionsheet/templates/item-template.directive.mjs +0 -37
- package/esm2022/actionsheet.module.mjs +0 -48
- package/esm2022/appbar/appbar-section.component.mjs +0 -40
- package/esm2022/appbar/appbar-spacer.component.mjs +0 -69
- package/esm2022/appbar/appbar.component.mjs +0 -158
- package/esm2022/appbar/models/position-mode.mjs +0 -5
- package/esm2022/appbar/models/position.mjs +0 -5
- package/esm2022/appbar/models/theme-color.mjs +0 -5
- package/esm2022/appbar.module.mjs +0 -42
- package/esm2022/bottomnavigation/bottomnavigation-item.component.mjs +0 -122
- package/esm2022/bottomnavigation/bottomnavigation.component.mjs +0 -334
- package/esm2022/bottomnavigation/constants.mjs +0 -12
- package/esm2022/bottomnavigation/events/select-event.mjs +0 -33
- package/esm2022/bottomnavigation/templates/item-template.directive.mjs +0 -36
- package/esm2022/bottomnavigation/types/bottomnavigation-fill.mjs +0 -5
- package/esm2022/bottomnavigation/types/bottomnavigation-item-flow.mjs +0 -5
- package/esm2022/bottomnavigation/types/bottomnavigation-item.mjs +0 -5
- package/esm2022/bottomnavigation/types/bottomnavigation-position-mode.mjs +0 -5
- package/esm2022/bottomnavigation/types/bottomnavigation-theme-color.mjs +0 -20
- package/esm2022/bottomnavigation.module.mjs +0 -43
- package/esm2022/breadcrumb/breadcrumb-item.component.mjs +0 -186
- package/esm2022/breadcrumb/breadcrumb.component.mjs +0 -362
- package/esm2022/breadcrumb/list.component.mjs +0 -107
- package/esm2022/breadcrumb/models/breadcrumb-item.interface.mjs +0 -5
- package/esm2022/breadcrumb/models/breadcrumb-size.mjs +0 -5
- package/esm2022/breadcrumb/models/collapse-mode.mjs +0 -5
- package/esm2022/breadcrumb/models/constants.mjs +0 -33
- package/esm2022/breadcrumb/template-directives/item-template.directive.mjs +0 -40
- package/esm2022/breadcrumb/template-directives/separator.directive.mjs +0 -108
- package/esm2022/breadcrumb/util.mjs +0 -22
- package/esm2022/breadcrumb.module.mjs +0 -44
- package/esm2022/common/direction.mjs +0 -5
- package/esm2022/common/dom-queries.mjs +0 -22
- package/esm2022/common/preventable-event.mjs +0 -34
- package/esm2022/common/util.mjs +0 -63
- package/esm2022/directives.mjs +0 -146
- package/esm2022/index.mjs +0 -27
- package/esm2022/navigation.module.mjs +0 -56
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-navigation.mjs +0 -8
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { animate, style } from '@angular/animations';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export function slideUp(duration, height) {
|
|
10
|
-
return [
|
|
11
|
-
style({ overflow: 'hidden', display: 'block', height: 0 }),
|
|
12
|
-
animate(`${duration}ms ease-in`, style({ height: `${height}` }))
|
|
13
|
-
];
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* @hidden
|
|
17
|
-
*/
|
|
18
|
-
export function slideDown(duration, height) {
|
|
19
|
-
return [
|
|
20
|
-
style({ overflow: 'hidden', height: `${height}` }),
|
|
21
|
-
animate(`${duration}ms ease-in`, style({ overflow: 'hidden', height: 0 }))
|
|
22
|
-
];
|
|
23
|
-
}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, Input, TemplateRef, HostBinding } from "@angular/core";
|
|
6
|
-
import { NgTemplateOutlet } from "@angular/common";
|
|
7
|
-
import { isPresent, hexColorRegex } from "../common/util";
|
|
8
|
-
import { IconWrapperComponent } from "@progress/kendo-angular-icons";
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export class ActionSheetItemComponent {
|
|
14
|
-
itemTemplate;
|
|
15
|
-
item;
|
|
16
|
-
pointerClass = true;
|
|
17
|
-
manageIconClasses(item) {
|
|
18
|
-
const classes = ['k-actionsheet-item-icon'];
|
|
19
|
-
const isHexColor = isPresent(item.iconColor) && hexColorRegex.test(item.iconColor);
|
|
20
|
-
const isThemeColor = isPresent(item.iconColor) && item.iconColor !== '' && !isHexColor;
|
|
21
|
-
if (isThemeColor) {
|
|
22
|
-
classes.push(`k-text-${item.iconColor}`);
|
|
23
|
-
}
|
|
24
|
-
return classes.join(' ');
|
|
25
|
-
}
|
|
26
|
-
manageIconStyles(item) {
|
|
27
|
-
const isHexColor = isPresent(item.iconColor) && hexColorRegex.test(item.iconColor);
|
|
28
|
-
const isSizeSet = isPresent(item.iconSize) && item.iconSize !== '';
|
|
29
|
-
const styles = {};
|
|
30
|
-
if (isHexColor) {
|
|
31
|
-
styles.color = item.iconColor;
|
|
32
|
-
}
|
|
33
|
-
if (isSizeSet) {
|
|
34
|
-
styles.fontSize = item.iconSize;
|
|
35
|
-
}
|
|
36
|
-
return styles;
|
|
37
|
-
}
|
|
38
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ActionSheetItemComponent, isStandalone: true, selector: "[kendoActionSheetItem]", inputs: { itemTemplate: "itemTemplate", item: "item" }, host: { properties: { "class.k-cursor-pointer": "this.pointerClass" } }, ngImport: i0, template: `
|
|
40
|
-
@if (itemTemplate) {
|
|
41
|
-
<ng-template
|
|
42
|
-
[ngTemplateOutlet]="itemTemplate"
|
|
43
|
-
[ngTemplateOutletContext]="{
|
|
44
|
-
$implicit: item
|
|
45
|
-
}">
|
|
46
|
-
</ng-template>
|
|
47
|
-
} @else {
|
|
48
|
-
<span class="k-actionsheet-action">
|
|
49
|
-
@if (item.icon || item.iconClass || item.svgIcon) {
|
|
50
|
-
<span class="k-icon-wrap">
|
|
51
|
-
<kendo-icon-wrapper
|
|
52
|
-
[name]="item.icon"
|
|
53
|
-
[customFontClass]="item.iconClass"
|
|
54
|
-
[class]="manageIconClasses(item)"
|
|
55
|
-
[svgIcon]="item.svgIcon"
|
|
56
|
-
[style]="manageIconStyles(item)"
|
|
57
|
-
>
|
|
58
|
-
</kendo-icon-wrapper>
|
|
59
|
-
</span>
|
|
60
|
-
}
|
|
61
|
-
@if (item.title || item.description) {
|
|
62
|
-
<span class="k-actionsheet-item-text">
|
|
63
|
-
@if (item.title) {
|
|
64
|
-
<span class="k-actionsheet-item-title">{{item.title}}</span>
|
|
65
|
-
}
|
|
66
|
-
@if (item.description) {
|
|
67
|
-
<span class="k-actionsheet-item-description">{{item.description}}</span>
|
|
68
|
-
}
|
|
69
|
-
</span>
|
|
70
|
-
}
|
|
71
|
-
</span>
|
|
72
|
-
}
|
|
73
|
-
`, 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"] }] });
|
|
74
|
-
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetItemComponent, decorators: [{
|
|
76
|
-
type: Component,
|
|
77
|
-
args: [{
|
|
78
|
-
// eslint-disable-next-line @angular-eslint/component-selector
|
|
79
|
-
selector: '[kendoActionSheetItem]',
|
|
80
|
-
template: `
|
|
81
|
-
@if (itemTemplate) {
|
|
82
|
-
<ng-template
|
|
83
|
-
[ngTemplateOutlet]="itemTemplate"
|
|
84
|
-
[ngTemplateOutletContext]="{
|
|
85
|
-
$implicit: item
|
|
86
|
-
}">
|
|
87
|
-
</ng-template>
|
|
88
|
-
} @else {
|
|
89
|
-
<span class="k-actionsheet-action">
|
|
90
|
-
@if (item.icon || item.iconClass || item.svgIcon) {
|
|
91
|
-
<span class="k-icon-wrap">
|
|
92
|
-
<kendo-icon-wrapper
|
|
93
|
-
[name]="item.icon"
|
|
94
|
-
[customFontClass]="item.iconClass"
|
|
95
|
-
[class]="manageIconClasses(item)"
|
|
96
|
-
[svgIcon]="item.svgIcon"
|
|
97
|
-
[style]="manageIconStyles(item)"
|
|
98
|
-
>
|
|
99
|
-
</kendo-icon-wrapper>
|
|
100
|
-
</span>
|
|
101
|
-
}
|
|
102
|
-
@if (item.title || item.description) {
|
|
103
|
-
<span class="k-actionsheet-item-text">
|
|
104
|
-
@if (item.title) {
|
|
105
|
-
<span class="k-actionsheet-item-title">{{item.title}}</span>
|
|
106
|
-
}
|
|
107
|
-
@if (item.description) {
|
|
108
|
-
<span class="k-actionsheet-item-description">{{item.description}}</span>
|
|
109
|
-
}
|
|
110
|
-
</span>
|
|
111
|
-
}
|
|
112
|
-
</span>
|
|
113
|
-
}
|
|
114
|
-
`,
|
|
115
|
-
standalone: true,
|
|
116
|
-
imports: [NgTemplateOutlet, IconWrapperComponent]
|
|
117
|
-
}]
|
|
118
|
-
}], propDecorators: { itemTemplate: [{
|
|
119
|
-
type: Input
|
|
120
|
-
}], item: [{
|
|
121
|
-
type: Input
|
|
122
|
-
}], pointerClass: [{
|
|
123
|
-
type: HostBinding,
|
|
124
|
-
args: ['class.k-cursor-pointer']
|
|
125
|
-
}] } });
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, Input, TemplateRef, Output, EventEmitter, ElementRef, Renderer2, NgZone } from "@angular/core";
|
|
6
|
-
import { NgClass, NgStyle } from "@angular/common";
|
|
7
|
-
import { Subscription } from "rxjs";
|
|
8
|
-
import { getActionSheetItemIndex, ACTIONSHEET_ITEM_INDEX_ATTRIBUTE } from "../common/util";
|
|
9
|
-
import { ActionSheetItemComponent } from "./item.component";
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export class ActionSheetListComponent {
|
|
15
|
-
renderer;
|
|
16
|
-
ngZone;
|
|
17
|
-
element;
|
|
18
|
-
groupItems = [];
|
|
19
|
-
allItems = [];
|
|
20
|
-
itemTemplate;
|
|
21
|
-
itemClick = new EventEmitter();
|
|
22
|
-
subscriptions = new Subscription();
|
|
23
|
-
constructor(renderer, ngZone, element) {
|
|
24
|
-
this.renderer = renderer;
|
|
25
|
-
this.ngZone = ngZone;
|
|
26
|
-
this.element = element;
|
|
27
|
-
}
|
|
28
|
-
ngAfterViewInit() {
|
|
29
|
-
this.initDomEvents();
|
|
30
|
-
}
|
|
31
|
-
ngOnDestroy() {
|
|
32
|
-
this.subscriptions.unsubscribe();
|
|
33
|
-
}
|
|
34
|
-
initDomEvents() {
|
|
35
|
-
if (!this.element) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
this.ngZone.runOutsideAngular(() => {
|
|
39
|
-
const nativeElement = this.element.nativeElement;
|
|
40
|
-
this.subscriptions.add(this.renderer.listen(nativeElement, 'click', this.clickHandler.bind(this)));
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
clickHandler(e) {
|
|
44
|
-
const itemIndex = getActionSheetItemIndex(e.target, ACTIONSHEET_ITEM_INDEX_ATTRIBUTE, this.element.nativeElement);
|
|
45
|
-
const item = this.allItems[itemIndex];
|
|
46
|
-
if (!item) {
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
if (item.disabled) {
|
|
50
|
-
e.preventDefault();
|
|
51
|
-
return;
|
|
52
|
-
}
|
|
53
|
-
this.ngZone.run(() => {
|
|
54
|
-
this.itemClick.emit({ item, originalEvent: e });
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
setAttrIndex(item) {
|
|
58
|
-
return this.allItems.indexOf(item);
|
|
59
|
-
}
|
|
60
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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"] }] });
|
|
62
|
-
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetListComponent, decorators: [{
|
|
64
|
-
type: Component,
|
|
65
|
-
args: [{
|
|
66
|
-
// eslint-disable-next-line @angular-eslint/component-selector
|
|
67
|
-
selector: '[kendoActionSheetList]',
|
|
68
|
-
template: `
|
|
69
|
-
@for (item of groupItems; track item) {
|
|
70
|
-
<span kendoActionSheetItem
|
|
71
|
-
tabindex="0"
|
|
72
|
-
role="button"
|
|
73
|
-
[attr.aria-disabled]="item.disabled"
|
|
74
|
-
[class.k-actionsheet-item]="true"
|
|
75
|
-
[attr.${ACTIONSHEET_ITEM_INDEX_ATTRIBUTE}]="setAttrIndex(item)"
|
|
76
|
-
[class.k-disabled]="item.disabled"
|
|
77
|
-
[ngClass]="item.cssClass"
|
|
78
|
-
[ngStyle]="item.cssStyle"
|
|
79
|
-
[itemTemplate]="itemTemplate"
|
|
80
|
-
[item]="item">
|
|
81
|
-
</span>
|
|
82
|
-
}
|
|
83
|
-
`,
|
|
84
|
-
standalone: true,
|
|
85
|
-
imports: [ActionSheetItemComponent, NgClass, NgStyle]
|
|
86
|
-
}]
|
|
87
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }], propDecorators: { groupItems: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], allItems: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], itemTemplate: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], itemClick: [{
|
|
94
|
-
type: Output
|
|
95
|
-
}] } });
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export { ActionSheetItemClickEvent } from './item-click.event';
|
|
6
|
-
export { ActionSheetHeaderTemplateDirective } from '../templates/header-template.directive';
|
|
7
|
-
export { ActionSheetItemTemplateDirective } from '../templates/item-template.directive';
|
|
8
|
-
export { ActionSheetContentTemplateDirective } from '../templates/content-template.directive';
|
|
9
|
-
export { ActionSheetFooterTemplateDirective } from '../templates/footer-template.directive';
|
|
10
|
-
export { ActionSheetTemplateDirective } from '../templates/actionsheet-template';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Provides the event data for the `itemClick` event of the ActionSheet component.
|
|
7
|
-
*
|
|
8
|
-
* Use this event to access the clicked item and the original DOM event.
|
|
9
|
-
*/
|
|
10
|
-
export class ActionSheetItemClickEvent {
|
|
11
|
-
/**
|
|
12
|
-
* Provides the ActionSheet item that was clicked.
|
|
13
|
-
*/
|
|
14
|
-
item;
|
|
15
|
-
/**
|
|
16
|
-
* Represents the original DOM event that triggered the `itemClick` event.
|
|
17
|
-
*/
|
|
18
|
-
originalEvent;
|
|
19
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Optional, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents a template for customizing the overall content of the ActionSheet.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoActionSheetTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-actionsheet>
|
|
15
|
-
* <ng-template kendoActionSheetTemplate>
|
|
16
|
-
* <div>Custom ActionSheet content</div>
|
|
17
|
-
* </ng-template>
|
|
18
|
-
* </kendo-actionsheet>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export class ActionSheetTemplateDirective {
|
|
22
|
-
templateRef;
|
|
23
|
-
constructor(templateRef) {
|
|
24
|
-
this.templateRef = templateRef;
|
|
25
|
-
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
27
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ActionSheetTemplateDirective, isStandalone: true, selector: "[kendoActionSheetTemplate]", ngImport: i0 });
|
|
28
|
-
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetTemplateDirective, decorators: [{
|
|
30
|
-
type: Directive,
|
|
31
|
-
args: [{
|
|
32
|
-
selector: '[kendoActionSheetTemplate]',
|
|
33
|
-
standalone: true
|
|
34
|
-
}]
|
|
35
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
36
|
-
type: Optional
|
|
37
|
-
}] }] });
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Optional, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents a template for customizing the list content of the ActionSheet items.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoActionSheetContentTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-actionsheet [items]="items">
|
|
15
|
-
* <ng-template kendoActionSheetContentTemplate>
|
|
16
|
-
* <div>Custom content here</div>
|
|
17
|
-
* </ng-template>
|
|
18
|
-
* </kendo-actionsheet>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export class ActionSheetContentTemplateDirective {
|
|
22
|
-
templateRef;
|
|
23
|
-
constructor(templateRef) {
|
|
24
|
-
this.templateRef = templateRef;
|
|
25
|
-
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
27
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ActionSheetContentTemplateDirective, isStandalone: true, selector: "[kendoActionSheetContentTemplate]", ngImport: i0 });
|
|
28
|
-
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetContentTemplateDirective, decorators: [{
|
|
30
|
-
type: Directive,
|
|
31
|
-
args: [{
|
|
32
|
-
selector: '[kendoActionSheetContentTemplate]',
|
|
33
|
-
standalone: true
|
|
34
|
-
}]
|
|
35
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
36
|
-
type: Optional
|
|
37
|
-
}] }] });
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Optional, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents a template for customizing the footer of the ActionSheet.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoActionSheetFooterTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-actionsheet>
|
|
15
|
-
* <ng-template kendoActionSheetFooterTemplate>
|
|
16
|
-
* <button kendoButton>Custom Footer Button</button>
|
|
17
|
-
* </ng-template>
|
|
18
|
-
* </kendo-actionsheet>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export class ActionSheetFooterTemplateDirective {
|
|
22
|
-
templateRef;
|
|
23
|
-
constructor(templateRef) {
|
|
24
|
-
this.templateRef = templateRef;
|
|
25
|
-
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetFooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
27
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ActionSheetFooterTemplateDirective, isStandalone: true, selector: "[kendoActionSheetFooterTemplate]", ngImport: i0 });
|
|
28
|
-
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetFooterTemplateDirective, decorators: [{
|
|
30
|
-
type: Directive,
|
|
31
|
-
args: [{
|
|
32
|
-
selector: '[kendoActionSheetFooterTemplate]',
|
|
33
|
-
standalone: true
|
|
34
|
-
}]
|
|
35
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
36
|
-
type: Optional
|
|
37
|
-
}] }] });
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Optional, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents a template for customizing the header content of the ActionSheet. If you implement this template, it will override the `title` and `subtitle` of the ActionSheet.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoActionSheetHeaderTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-actionsheet>
|
|
15
|
-
* <ng-template kendoActionSheetHeaderTemplate>
|
|
16
|
-
* <h3>Custom Header</h3>
|
|
17
|
-
* </ng-template>
|
|
18
|
-
* </kendo-actionsheet>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export class ActionSheetHeaderTemplateDirective {
|
|
22
|
-
templateRef;
|
|
23
|
-
constructor(templateRef) {
|
|
24
|
-
this.templateRef = templateRef;
|
|
25
|
-
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
27
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ActionSheetHeaderTemplateDirective, isStandalone: true, selector: "[kendoActionSheetHeaderTemplate]", ngImport: i0 });
|
|
28
|
-
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetHeaderTemplateDirective, decorators: [{
|
|
30
|
-
type: Directive,
|
|
31
|
-
args: [{
|
|
32
|
-
selector: '[kendoActionSheetHeaderTemplate]',
|
|
33
|
-
standalone: true
|
|
34
|
-
}]
|
|
35
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
36
|
-
type: Optional
|
|
37
|
-
}] }] });
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Optional, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents a template for customizing the content of each ActionSheet item.
|
|
9
|
-
* To define the template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoActionSheetItemTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-actionsheet [items]="items">
|
|
15
|
-
* <ng-template kendoActionSheetItemTemplate let-item>
|
|
16
|
-
* <span>{{ item.title }} (custom)</span>
|
|
17
|
-
* </ng-template>
|
|
18
|
-
* </kendo-actionsheet>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export class ActionSheetItemTemplateDirective {
|
|
22
|
-
templateRef;
|
|
23
|
-
constructor(templateRef) {
|
|
24
|
-
this.templateRef = templateRef;
|
|
25
|
-
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
27
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ActionSheetItemTemplateDirective, isStandalone: true, selector: "[kendoActionSheetItemTemplate]", ngImport: i0 });
|
|
28
|
-
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetItemTemplateDirective, decorators: [{
|
|
30
|
-
type: Directive,
|
|
31
|
-
args: [{
|
|
32
|
-
selector: '[kendoActionSheetItemTemplate]',
|
|
33
|
-
standalone: true
|
|
34
|
-
}]
|
|
35
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
36
|
-
type: Optional
|
|
37
|
-
}] }] });
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { IconsService } from '@progress/kendo-angular-icons';
|
|
7
|
-
import { KENDO_ACTIONSHEET } from './directives';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "./actionsheet/actionsheet.component";
|
|
10
|
-
import * as i2 from "./actionsheet/actionsheet-view.component";
|
|
11
|
-
import * as i3 from "./actionsheet/templates/header-template.directive";
|
|
12
|
-
import * as i4 from "./actionsheet/templates/item-template.directive";
|
|
13
|
-
import * as i5 from "./actionsheet/templates/content-template.directive";
|
|
14
|
-
import * as i6 from "./actionsheet/templates/footer-template.directive";
|
|
15
|
-
import * as i7 from "./actionsheet/templates/actionsheet-template";
|
|
16
|
-
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
17
|
-
/**
|
|
18
|
-
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
|
|
19
|
-
* definition for the ActionSheet component.
|
|
20
|
-
*
|
|
21
|
-
* @example
|
|
22
|
-
* ```typescript
|
|
23
|
-
* import { ActionSheetModule } from '@progress/kendo-angular-navigation';
|
|
24
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
25
|
-
* import { NgModule } from '@angular/core';
|
|
26
|
-
* import { AppComponent } from './app.component';
|
|
27
|
-
*
|
|
28
|
-
* @NgModule({
|
|
29
|
-
* declarations: [AppComponent],
|
|
30
|
-
* imports: [BrowserModule, ActionSheetModule],
|
|
31
|
-
* bootstrap: [AppComponent]
|
|
32
|
-
* })
|
|
33
|
-
* export class AppModule {}
|
|
34
|
-
* ```
|
|
35
|
-
*/
|
|
36
|
-
export class ActionSheetModule {
|
|
37
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
38
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetModule, imports: [i1.ActionSheetComponent, i2.ActionSheetViewComponent, i3.ActionSheetHeaderTemplateDirective, i4.ActionSheetItemTemplateDirective, i5.ActionSheetContentTemplateDirective, i6.ActionSheetFooterTemplateDirective, i7.ActionSheetTemplateDirective], exports: [i1.ActionSheetComponent, i2.ActionSheetViewComponent, i3.ActionSheetHeaderTemplateDirective, i4.ActionSheetItemTemplateDirective, i5.ActionSheetContentTemplateDirective, i6.ActionSheetFooterTemplateDirective, i7.ActionSheetTemplateDirective] });
|
|
39
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetModule, providers: [IconsService], imports: [i1.ActionSheetComponent] });
|
|
40
|
-
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionSheetModule, decorators: [{
|
|
42
|
-
type: NgModule,
|
|
43
|
-
args: [{
|
|
44
|
-
exports: [...KENDO_ACTIONSHEET],
|
|
45
|
-
imports: [...KENDO_ACTIONSHEET],
|
|
46
|
-
providers: [IconsService]
|
|
47
|
-
}]
|
|
48
|
-
}] });
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, HostBinding } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents the [Kendo UI AppBarSection component for Angular]({% slug contentarrangement_appbar %}#toc-sections).
|
|
9
|
-
*
|
|
10
|
-
* Use the AppBarSection component to group content, actions, or navigation items within the AppBar.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <kendo-appbar>
|
|
15
|
-
* <kendo-appbar-section>
|
|
16
|
-
* <h2>Page Title</h2>
|
|
17
|
-
* </kendo-appbar-section>
|
|
18
|
-
* </kendo-appbar>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export class AppBarSectionComponent {
|
|
22
|
-
hostClass = true;
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppBarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AppBarSectionComponent, isStandalone: true, selector: "kendo-appbar-section", host: { properties: { "class.k-appbar-section": "this.hostClass" } }, ngImport: i0, template: `
|
|
25
|
-
<ng-content></ng-content>
|
|
26
|
-
`, isInline: true });
|
|
27
|
-
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppBarSectionComponent, decorators: [{
|
|
29
|
-
type: Component,
|
|
30
|
-
args: [{
|
|
31
|
-
selector: 'kendo-appbar-section',
|
|
32
|
-
template: `
|
|
33
|
-
<ng-content></ng-content>
|
|
34
|
-
`,
|
|
35
|
-
standalone: true
|
|
36
|
-
}]
|
|
37
|
-
}], propDecorators: { hostClass: [{
|
|
38
|
-
type: HostBinding,
|
|
39
|
-
args: ['class.k-appbar-section']
|
|
40
|
-
}] } });
|