@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.
Files changed (58) hide show
  1. package/fesm2022/progress-kendo-angular-navigation.mjs +83 -83
  2. package/package.json +11 -19
  3. package/esm2022/actionsheet/actionsheet-view.component.mjs +0 -173
  4. package/esm2022/actionsheet/actionsheet.component.mjs +0 -700
  5. package/esm2022/actionsheet/animation/animations.mjs +0 -23
  6. package/esm2022/actionsheet/item.component.mjs +0 -125
  7. package/esm2022/actionsheet/list.component.mjs +0 -95
  8. package/esm2022/actionsheet/models/actionsheet-action-layout.mjs +0 -5
  9. package/esm2022/actionsheet/models/actionsheet-action.mjs +0 -5
  10. package/esm2022/actionsheet/models/actionsheet-item.interface.mjs +0 -5
  11. package/esm2022/actionsheet/models/animation.mjs +0 -5
  12. package/esm2022/actionsheet/models/group.mjs +0 -5
  13. package/esm2022/actionsheet/models/index.mjs +0 -10
  14. package/esm2022/actionsheet/models/item-click.event.mjs +0 -19
  15. package/esm2022/actionsheet/templates/actionsheet-template.mjs +0 -37
  16. package/esm2022/actionsheet/templates/content-template.directive.mjs +0 -37
  17. package/esm2022/actionsheet/templates/footer-template.directive.mjs +0 -37
  18. package/esm2022/actionsheet/templates/header-template.directive.mjs +0 -37
  19. package/esm2022/actionsheet/templates/item-template.directive.mjs +0 -37
  20. package/esm2022/actionsheet.module.mjs +0 -48
  21. package/esm2022/appbar/appbar-section.component.mjs +0 -40
  22. package/esm2022/appbar/appbar-spacer.component.mjs +0 -69
  23. package/esm2022/appbar/appbar.component.mjs +0 -158
  24. package/esm2022/appbar/models/position-mode.mjs +0 -5
  25. package/esm2022/appbar/models/position.mjs +0 -5
  26. package/esm2022/appbar/models/theme-color.mjs +0 -5
  27. package/esm2022/appbar.module.mjs +0 -42
  28. package/esm2022/bottomnavigation/bottomnavigation-item.component.mjs +0 -122
  29. package/esm2022/bottomnavigation/bottomnavigation.component.mjs +0 -334
  30. package/esm2022/bottomnavigation/constants.mjs +0 -12
  31. package/esm2022/bottomnavigation/events/select-event.mjs +0 -33
  32. package/esm2022/bottomnavigation/templates/item-template.directive.mjs +0 -36
  33. package/esm2022/bottomnavigation/types/bottomnavigation-fill.mjs +0 -5
  34. package/esm2022/bottomnavigation/types/bottomnavigation-item-flow.mjs +0 -5
  35. package/esm2022/bottomnavigation/types/bottomnavigation-item.mjs +0 -5
  36. package/esm2022/bottomnavigation/types/bottomnavigation-position-mode.mjs +0 -5
  37. package/esm2022/bottomnavigation/types/bottomnavigation-theme-color.mjs +0 -20
  38. package/esm2022/bottomnavigation.module.mjs +0 -43
  39. package/esm2022/breadcrumb/breadcrumb-item.component.mjs +0 -186
  40. package/esm2022/breadcrumb/breadcrumb.component.mjs +0 -362
  41. package/esm2022/breadcrumb/list.component.mjs +0 -107
  42. package/esm2022/breadcrumb/models/breadcrumb-item.interface.mjs +0 -5
  43. package/esm2022/breadcrumb/models/breadcrumb-size.mjs +0 -5
  44. package/esm2022/breadcrumb/models/collapse-mode.mjs +0 -5
  45. package/esm2022/breadcrumb/models/constants.mjs +0 -33
  46. package/esm2022/breadcrumb/template-directives/item-template.directive.mjs +0 -40
  47. package/esm2022/breadcrumb/template-directives/separator.directive.mjs +0 -108
  48. package/esm2022/breadcrumb/util.mjs +0 -22
  49. package/esm2022/breadcrumb.module.mjs +0 -44
  50. package/esm2022/common/direction.mjs +0 -5
  51. package/esm2022/common/dom-queries.mjs +0 -22
  52. package/esm2022/common/preventable-event.mjs +0 -34
  53. package/esm2022/common/util.mjs +0 -63
  54. package/esm2022/directives.mjs +0 -146
  55. package/esm2022/index.mjs +0 -27
  56. package/esm2022/navigation.module.mjs +0 -56
  57. package/esm2022/package-metadata.mjs +0 -16
  58. 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
- }] } });