@progress/kendo-angular-navigation 21.4.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,33 +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
- * @hidden
7
- */
8
- export const BREADCRUMB_ITEM_INDEX = 'data-kendo-breadcrumb-index';
9
- /**
10
- * @hidden
11
- */
12
- export const DEFAULT_SIZE = 'medium';
13
- const SIZES = {
14
- small: 'sm',
15
- medium: 'md',
16
- large: 'lg'
17
- };
18
- /**
19
- * @hidden
20
- *
21
- * Returns the styling classes to be added and removed
22
- */
23
- export const getStylingClasses = (stylingOption, previousValue, newValue) => {
24
- switch (stylingOption) {
25
- case 'size':
26
- return {
27
- toRemove: `k-breadcrumb-${SIZES[previousValue]}`,
28
- toAdd: newValue !== 'none' ? `k-breadcrumb-${SIZES[newValue]}` : ''
29
- };
30
- default:
31
- break;
32
- }
33
- };
@@ -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 { Directive, Optional, TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Represents a template that defines the content of a Breadcrumb item. This directive allows you to customize how each Breadcrumb item appears by providing
9
- * your own template. You can access the item data and customize the display with icons, styling, or additional content beyond the default text representation.
10
- *
11
- * To define the template, nest an `<ng-template>` tag with the `kendoBreadCrumbItemTemplate` directive inside the `<kendo-breadcrumb>` tag.
12
- *
13
- * For more information and example refer to the [Templates]({% slug templates_breadcrumb %}) article.
14
- *
15
- * @example
16
- * ```html
17
- * <kendo-breadcrumb [items]="items">
18
- * <ng-template kendoBreadCrumbItemTemplate let-item="item">
19
- * <span>{{ item.text }}</span>
20
- * </ng-template>
21
- * </kendo-breadcrumb>
22
- * ```
23
- */
24
- export class BreadCrumbItemTemplateDirective {
25
- templateRef;
26
- constructor(templateRef) {
27
- this.templateRef = templateRef;
28
- }
29
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
30
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: BreadCrumbItemTemplateDirective, isStandalone: true, selector: "[kendoBreadCrumbItemTemplate]", ngImport: i0 });
31
- }
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbItemTemplateDirective, decorators: [{
33
- type: Directive,
34
- args: [{
35
- selector: '[kendoBreadCrumbItemTemplate]',
36
- standalone: true
37
- }]
38
- }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
39
- type: Optional
40
- }] }] });
@@ -1,108 +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 { HostBinding, Input, ElementRef, Component } from '@angular/core';
6
- import { isPresent } from '../../common/util';
7
- import { LocalizationService } from '@progress/kendo-angular-l10n';
8
- import { chevronRightIcon, chevronLeftIcon } from '@progress/kendo-svg-icons';
9
- import { IconWrapperComponent } from '@progress/kendo-angular-icons';
10
- import * as i0 from "@angular/core";
11
- import * as i1 from "@progress/kendo-angular-l10n";
12
- const DEFAULT_ICON = 'chevron-right';
13
- const DEFAULT_RTL_ICON = 'chevron-left';
14
- const DEFAULT_SVG_ICON = chevronRightIcon;
15
- const DEFAULT_RTL_SVG_ICON = chevronLeftIcon;
16
- /**
17
- * @hidden
18
- */
19
- export class BreadCrumbSeparatorDirective {
20
- el;
21
- localization;
22
- set icon(icon) {
23
- if (isPresent(icon)) {
24
- this._icon = icon;
25
- this.hasDefaultIcon = false;
26
- }
27
- else {
28
- this._icon = this.direction === 'ltr' ? DEFAULT_ICON : DEFAULT_RTL_ICON;
29
- this.hasDefaultIcon = true;
30
- }
31
- }
32
- get icon() {
33
- return this._icon;
34
- }
35
- set svgIcon(svgIcon) {
36
- if (isPresent(svgIcon)) {
37
- this._svgIcon = svgIcon;
38
- this.hasDefaultSvgIcon = false;
39
- }
40
- else {
41
- this._svgIcon = this.direction === 'ltr' ? DEFAULT_SVG_ICON : DEFAULT_RTL_SVG_ICON;
42
- this.hasDefaultSvgIcon = true;
43
- }
44
- }
45
- get svgIcon() {
46
- return this._svgIcon;
47
- }
48
- ariaHidden = true;
49
- _icon;
50
- _svgIcon;
51
- hasDefaultIcon;
52
- hasDefaultSvgIcon;
53
- direction = 'ltr';
54
- localizationChangesSubscription;
55
- constructor(el, localization) {
56
- this.el = el;
57
- this.localization = localization;
58
- this.direction = this.localization.rtl ? 'rtl' : 'ltr';
59
- }
60
- ngOnInit() {
61
- this.localizationChangesSubscription = this.localization.changes.subscribe(({ rtl }) => {
62
- this.direction = rtl ? 'rtl' : 'ltr';
63
- if (this.hasDefaultIcon) {
64
- this.icon = undefined;
65
- }
66
- if (this.hasDefaultSvgIcon) {
67
- this.svgIcon = undefined;
68
- }
69
- });
70
- }
71
- ngOnDestroy() {
72
- this.localizationChangesSubscription.unsubscribe();
73
- }
74
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbSeparatorDirective, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
75
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BreadCrumbSeparatorDirective, isStandalone: true, selector: "[kendoBreadCrumbSeparator]", inputs: { icon: "icon", svgIcon: "svgIcon" }, host: { properties: { "attr.aria-hidden": "this.ariaHidden" } }, ngImport: i0, template: `
76
- <kendo-icon-wrapper
77
- size='xsmall'
78
- [name]="icon"
79
- [svgIcon]="svgIcon"
80
- innerCssClass="k-breadcrumb-delimiter-icon"
81
- >
82
- </kendo-icon-wrapper>
83
- `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
84
- }
85
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbSeparatorDirective, decorators: [{
86
- type: Component,
87
- args: [{
88
- selector: '[kendoBreadCrumbSeparator]',
89
- template: `
90
- <kendo-icon-wrapper
91
- size='xsmall'
92
- [name]="icon"
93
- [svgIcon]="svgIcon"
94
- innerCssClass="k-breadcrumb-delimiter-icon"
95
- >
96
- </kendo-icon-wrapper>
97
- `,
98
- standalone: true,
99
- imports: [IconWrapperComponent]
100
- }]
101
- }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.LocalizationService }], propDecorators: { icon: [{
102
- type: Input
103
- }], svgIcon: [{
104
- type: Input
105
- }], ariaHidden: [{
106
- type: HostBinding,
107
- args: ['attr.aria-hidden']
108
- }] } });
@@ -1,22 +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
- const getCollapsed = (itemComponent) => itemComponent.item.context.collapsed;
6
- /**
7
- * @hidden
8
- */
9
- export const collapsed = (itemComponent) => getCollapsed(itemComponent) === true;
10
- /**
11
- * @hidden
12
- */
13
- export const expanded = (itemComponent) => getCollapsed(itemComponent) === false;
14
- const toggleFirst = (collapsed) => (itemComponents) => (itemComponents.find(ic => getCollapsed(ic) === collapsed).item.context.collapsed = !collapsed);
15
- /**
16
- * @hidden
17
- */
18
- export const collapseFirst = toggleFirst(false);
19
- /**
20
- * @hidden
21
- */
22
- export const expandFirst = toggleFirst(true);
@@ -1,44 +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 { ResizeBatchService } from '@progress/kendo-angular-common';
8
- import { KENDO_BREADCRUMB } from './directives';
9
- import * as i0 from "@angular/core";
10
- import * as i1 from "./breadcrumb/breadcrumb.component";
11
- import * as i2 from "./breadcrumb/template-directives/item-template.directive";
12
- // IMPORTANT: NgModule export kept for backwards compatibility
13
- /**
14
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
15
- * definition for the BreadCrumb component.
16
- *
17
- * @example
18
- * ```typescript
19
- * import { BreadCrumbModule } from '@progress/kendo-angular-navigation';
20
- * import { BrowserModule } from '@angular/platform-browser';
21
- * import { NgModule } from '@angular/core';
22
- * import { AppComponent } from './app.component';
23
- *
24
- * @NgModule({
25
- * declarations: [AppComponent],
26
- * imports: [BrowserModule, BreadCrumbModule],
27
- * bootstrap: [AppComponent]
28
- * })
29
- * export class AppModule {}
30
- * ```
31
- */
32
- export class BreadCrumbModule {
33
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
34
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbModule, imports: [i1.BreadCrumbComponent, i2.BreadCrumbItemTemplateDirective], exports: [i1.BreadCrumbComponent, i2.BreadCrumbItemTemplateDirective] });
35
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbModule, providers: [IconsService, ResizeBatchService], imports: [i1.BreadCrumbComponent] });
36
- }
37
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbModule, decorators: [{
38
- type: NgModule,
39
- args: [{
40
- exports: [...KENDO_BREADCRUMB],
41
- imports: [...KENDO_BREADCRUMB],
42
- providers: [IconsService, ResizeBatchService]
43
- }]
44
- }] });
@@ -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,22 +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 { isPresent } from './util';
6
- const closestInScope = (target, targetAttr, predicate, scope) => {
7
- while (target && target !== scope && !predicate(target, targetAttr)) {
8
- target = target.parentNode;
9
- }
10
- if (target !== scope) {
11
- return target;
12
- }
13
- };
14
- const hasItemIndex = (item, indexAttr) => isPresent(item.getAttribute(indexAttr));
15
- /**
16
- * @hidden
17
- */
18
- export const itemIndex = (item, indexAttr) => +item.getAttribute(indexAttr);
19
- /**
20
- * @hidden
21
- */
22
- export const closestItem = (target, targetAttr, scope) => closestInScope(target, targetAttr, hasItemIndex, scope);
@@ -1,34 +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
- * @hidden
7
- */
8
- export class PreventableEvent {
9
- prevented = false;
10
- /**
11
- * Prevents the default action for a specified event.
12
- * In this way, the source component suppresses
13
- * the built-in behavior that follows the event.
14
- */
15
- preventDefault() {
16
- this.prevented = true;
17
- }
18
- /**
19
- * Returns `true` if the event was prevented
20
- * by any of its subscribers.
21
- *
22
- * @returns `true` if the default action was prevented.
23
- * Otherwise, returns `false`.
24
- */
25
- isDefaultPrevented() {
26
- return this.prevented;
27
- }
28
- /**
29
- * @hidden
30
- */
31
- constructor(args) {
32
- Object.assign(this, args);
33
- }
34
- }
@@ -1,63 +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 { closestInScope, focusableSelector } from "@progress/kendo-angular-common";
6
- /**
7
- * @hidden
8
- */
9
- export const isPresent = (value) => value !== null && value !== undefined;
10
- /**
11
- * @hidden
12
- */
13
- export const outerWidth = (element) => {
14
- const style = getComputedStyle(element);
15
- let width = parseFloat(style.width);
16
- width += (parseFloat(style.marginLeft) || 0) + (parseFloat(style.marginRight) || 0);
17
- return width;
18
- };
19
- /**
20
- * @hidden
21
- */
22
- export const getFirstAndLastFocusable = (parent) => {
23
- const all = getAllFocusableChildren(parent);
24
- const firstFocusable = all.length > 0 ? all[0] : parent;
25
- const lastFocusable = all.length > 0 ? all[all.length - 1] : parent;
26
- return [firstFocusable, lastFocusable];
27
- };
28
- /**
29
- * @hidden
30
- */
31
- const getAllFocusableChildren = (parent) => {
32
- return parent.querySelectorAll(focusableSelector);
33
- };
34
- /**
35
- * @hidden
36
- */
37
- let idx = 0;
38
- /**
39
- * @hidden
40
- */
41
- export const hexColorRegex = /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
42
- /**
43
- * @hidden
44
- */
45
- export const getId = (prefix) => {
46
- return `${prefix}${++idx}`;
47
- };
48
- /**
49
- * @hidden
50
- */
51
- export const ACTIONSHEET_ITEM_INDEX_ATTRIBUTE = 'kendo-actionsheet-item-index';
52
- /**
53
- * @hidden
54
- */
55
- export const getActionSheetItemIndex = (target, targetAttr, scope) => {
56
- const item = closestItem(target, targetAttr, scope);
57
- if (item) {
58
- return itemIndex(item, targetAttr);
59
- }
60
- };
61
- const itemIndex = (item, indexAttr) => +item.getAttribute(indexAttr);
62
- const hasItemIndex = (item, indexAttr) => isPresent(item.getAttribute(indexAttr));
63
- const closestItem = (target, targetAttr, scope) => closestInScope(target, el => hasItemIndex(el, targetAttr), scope);
@@ -1,146 +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 { ActionSheetViewComponent } from "./actionsheet/actionsheet-view.component";
6
- import { ActionSheetComponent } from "./actionsheet/actionsheet.component";
7
- import { ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetTemplateDirective } from "./actionsheet/models";
8
- import { AppBarSectionComponent } from "./appbar/appbar-section.component";
9
- import { AppBarSpacerComponent } from "./appbar/appbar-spacer.component";
10
- import { AppBarComponent } from "./appbar/appbar.component";
11
- import { BottomNavigationComponent } from "./bottomnavigation/bottomnavigation.component";
12
- import { BottomNavigationItemTemplateDirective } from "./bottomnavigation/templates/item-template.directive";
13
- import { BreadCrumbComponent } from "./breadcrumb/breadcrumb.component";
14
- import { BreadCrumbItemTemplateDirective } from "./breadcrumb/template-directives/item-template.directive";
15
- /**
16
- * Use this utility array to access all ActionSheet-related components and directives in a standalone Angular component.
17
- *
18
- * @example
19
- * ```typescript
20
- * import { Component } from '@angular/core';
21
- * import { KENDO_ACTIONSHEET } from '@progress/kendo-angular-navigation';
22
- *
23
- * @Component({
24
- * selector: 'my-app',
25
- * standalone: true,
26
- * imports: [KENDO_ACTIONSHEET],
27
- * template: `
28
- * <kendo-actionsheet [items]="items">
29
- * </kendo-actionsheet>
30
- * `
31
- * })
32
- * export class AppComponent {}
33
- * ```
34
- */
35
- export const KENDO_ACTIONSHEET = [
36
- ActionSheetComponent,
37
- ActionSheetViewComponent,
38
- ActionSheetHeaderTemplateDirective,
39
- ActionSheetItemTemplateDirective,
40
- ActionSheetContentTemplateDirective,
41
- ActionSheetFooterTemplateDirective,
42
- ActionSheetTemplateDirective
43
- ];
44
- /**
45
- * Use this utility array to access all AppBar-related components and directives in a standalone Angular component.
46
- *
47
- * @example
48
- * ```typescript
49
- * import { Component } from '@angular/core';
50
- * import { KENDO_APPBAR } from '@progress/kendo-angular-navigation';
51
- *
52
- * @Component({
53
- * selector: 'my-app',
54
- * standalone: true,
55
- * imports: [KENDO_APPBAR],
56
- * template: `
57
- * <kendo-appbar>
58
- * <!-- AppBar content -->
59
- * </kendo-appbar>
60
- * `
61
- * })
62
- * export class AppComponent {}
63
- * ```
64
- */
65
- export const KENDO_APPBAR = [
66
- AppBarComponent,
67
- AppBarSectionComponent,
68
- AppBarSpacerComponent
69
- ];
70
- /**
71
- * Use this utility array to access all BottomNavigation-related components and directives in a standalone Angular component.
72
- *
73
- * @example
74
- * ```typescript
75
- * import { Component } from '@angular/core';
76
- * import { KENDO_BOTTOMNAVIGATION } from '@progress/kendo-angular-navigation';
77
- *
78
- * @Component({
79
- * selector: 'my-app',
80
- * standalone: true,
81
- * imports: [KENDO_BOTTOMNAVIGATION],
82
- * template: `
83
- * <kendo-bottomnavigation [items]="items">
84
- * </kendo-bottomnavigation>
85
- * `
86
- * })
87
- * export class AppComponent {}
88
- * ```
89
- */
90
- export const KENDO_BOTTOMNAVIGATION = [
91
- BottomNavigationComponent,
92
- BottomNavigationItemTemplateDirective
93
- ];
94
- /**
95
- * Use this utility array to access all BreadCrumb-related components and directives in a standalone Angular component.
96
- *
97
- * @example
98
- * ```typescript
99
- * import { Component } from '@angular/core';
100
- * import { KENDO_BREADCRUMB } from '@progress/kendo-angular-navigation';
101
- *
102
- * @Component({
103
- * selector: 'my-app',
104
- * standalone: true,
105
- * imports: [KENDO_BREADCRUMB],
106
- * template: `
107
- * <kendo-breadcrumb [items]="items">
108
- * </kendo-breadcrumb>
109
- * `
110
- * })
111
- * export class AppComponent {}
112
- * ```
113
- */
114
- export const KENDO_BREADCRUMB = [
115
- BreadCrumbComponent,
116
- BreadCrumbItemTemplateDirective
117
- ];
118
- /**
119
- * Use this utility array to access all `@progress/kendo-angular-navigation`-related components and directives in a standalone Angular component.
120
- *
121
- * @example
122
- * ```typescript
123
- * import { Component } from '@angular/core';
124
- * import { KENDO_NAVIGATION } from '@progress/kendo-angular-navigation';
125
- *
126
- * @Component({
127
- * selector: 'my-app',
128
- * standalone: true,
129
- * imports: [KENDO_NAVIGATION],
130
- * template: `
131
- * <kendo-appbar>
132
- * <!-- AppBar content -->
133
- * </kendo-appbar>
134
- * <kendo-breadcrumb [items]="breadcrumbItems">
135
- * </kendo-breadcrumb>
136
- * `
137
- * })
138
- * export class AppComponent {}
139
- * ```
140
- */
141
- export const KENDO_NAVIGATION = [
142
- ...KENDO_ACTIONSHEET,
143
- ...KENDO_APPBAR,
144
- ...KENDO_BOTTOMNAVIGATION,
145
- ...KENDO_BREADCRUMB
146
- ];
package/esm2022/index.mjs DELETED
@@ -1,27 +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
- // AppBar exports
6
- export { AppBarComponent } from './appbar/appbar.component';
7
- export { AppBarSectionComponent } from './appbar/appbar-section.component';
8
- export { AppBarSpacerComponent } from './appbar/appbar-spacer.component';
9
- export { AppBarModule } from './appbar.module';
10
- export { NavigationModule } from './navigation.module';
11
- // BreadCrumb exports
12
- export { BreadCrumbComponent } from './breadcrumb/breadcrumb.component';
13
- export { BreadCrumbItemTemplateDirective } from './breadcrumb/template-directives/item-template.directive';
14
- export { BreadCrumbModule } from './breadcrumb.module';
15
- //BottomNavigation exports
16
- export { BottomNavigationComponent } from './bottomnavigation/bottomnavigation.component';
17
- export { BottomNavigationItemTemplateDirective } from './bottomnavigation/templates/item-template.directive';
18
- export { BottomNavigationSelectEvent } from './bottomnavigation/events/select-event';
19
- export { BottomNavigationModule } from './bottomnavigation.module';
20
- export { BreadCrumbItemComponent } from './breadcrumb/breadcrumb-item.component';
21
- export { BreadCrumbListComponent } from './breadcrumb/list.component';
22
- //ActionSheet exports
23
- export { ActionSheetComponent } from './actionsheet/actionsheet.component';
24
- export { ActionSheetViewComponent } from './actionsheet/actionsheet-view.component';
25
- export { ActionSheetItemClickEvent, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './actionsheet/models';
26
- export { ActionSheetModule } from './actionsheet.module';
27
- export * from './directives';
@@ -1,56 +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 { ResizeBatchService } from '@progress/kendo-angular-common';
8
- import { KENDO_NAVIGATION } from './directives';
9
- import * as i0 from "@angular/core";
10
- import * as i1 from "./actionsheet/actionsheet.component";
11
- import * as i2 from "./actionsheet/actionsheet-view.component";
12
- import * as i3 from "./actionsheet/templates/header-template.directive";
13
- import * as i4 from "./actionsheet/templates/item-template.directive";
14
- import * as i5 from "./actionsheet/templates/content-template.directive";
15
- import * as i6 from "./actionsheet/templates/footer-template.directive";
16
- import * as i7 from "./actionsheet/templates/actionsheet-template";
17
- import * as i8 from "./appbar/appbar.component";
18
- import * as i9 from "./appbar/appbar-section.component";
19
- import * as i10 from "./appbar/appbar-spacer.component";
20
- import * as i11 from "./bottomnavigation/bottomnavigation.component";
21
- import * as i12 from "./bottomnavigation/templates/item-template.directive";
22
- import * as i13 from "./breadcrumb/breadcrumb.component";
23
- import * as i14 from "./breadcrumb/template-directives/item-template.directive";
24
- // IMPORTANT: NgModule export kept for backwards compatibility
25
- /**
26
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
27
- * definition for the Navigation components.
28
- *
29
- * @example
30
- * ```typescript
31
- * import { NavigationModule } from '@progress/kendo-angular-navigation';
32
- * import { BrowserModule } from '@angular/platform-browser';
33
- * import { NgModule } from '@angular/core';
34
- * import { AppComponent } from './app.component';
35
- *
36
- * @NgModule({
37
- * declarations: [AppComponent],
38
- * imports: [BrowserModule, NavigationModule],
39
- * bootstrap: [AppComponent]
40
- * })
41
- * export class AppModule {}
42
- * ```
43
- */
44
- export class NavigationModule {
45
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
46
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NavigationModule, imports: [i1.ActionSheetComponent, i2.ActionSheetViewComponent, i3.ActionSheetHeaderTemplateDirective, i4.ActionSheetItemTemplateDirective, i5.ActionSheetContentTemplateDirective, i6.ActionSheetFooterTemplateDirective, i7.ActionSheetTemplateDirective, i8.AppBarComponent, i9.AppBarSectionComponent, i10.AppBarSpacerComponent, i11.BottomNavigationComponent, i12.BottomNavigationItemTemplateDirective, i13.BreadCrumbComponent, i14.BreadCrumbItemTemplateDirective], exports: [i1.ActionSheetComponent, i2.ActionSheetViewComponent, i3.ActionSheetHeaderTemplateDirective, i4.ActionSheetItemTemplateDirective, i5.ActionSheetContentTemplateDirective, i6.ActionSheetFooterTemplateDirective, i7.ActionSheetTemplateDirective, i8.AppBarComponent, i9.AppBarSectionComponent, i10.AppBarSpacerComponent, i11.BottomNavigationComponent, i12.BottomNavigationItemTemplateDirective, i13.BreadCrumbComponent, i14.BreadCrumbItemTemplateDirective] });
47
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationModule, providers: [IconsService, ResizeBatchService], imports: [i1.ActionSheetComponent, i11.BottomNavigationComponent, i13.BreadCrumbComponent] });
48
- }
49
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationModule, decorators: [{
50
- type: NgModule,
51
- args: [{
52
- imports: [...KENDO_NAVIGATION],
53
- exports: [...KENDO_NAVIGATION],
54
- providers: [IconsService, ResizeBatchService]
55
- }]
56
- }] });
@@ -1,16 +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
- * @hidden
7
- */
8
- export const packageMetadata = {
9
- name: '@progress/kendo-angular-navigation',
10
- productName: 'Kendo UI for Angular',
11
- productCode: 'KENDOUIANGULAR',
12
- productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1768393056,
14
- version: '21.4.1',
15
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
- };
@@ -1,8 +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
- * Generated bundle index. Do not edit.
7
- */
8
- export * from './index';