@progress/kendo-angular-navigation 1.1.6 → 2.0.0-dev.202204141001

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 (161) hide show
  1. package/{dist/es2015/appbar → appbar}/appbar-section.component.d.ts +3 -0
  2. package/{dist/es2015/appbar → appbar}/appbar-spacer.component.d.ts +4 -1
  3. package/{dist/es2015/appbar → appbar}/appbar.component.d.ts +11 -8
  4. package/{dist/es2015/appbar → appbar}/models/position-mode.d.ts +0 -0
  5. package/{dist/es2015/appbar → appbar}/models/position.d.ts +0 -0
  6. package/{dist/es2015/appbar → appbar}/models/theme-color.d.ts +0 -0
  7. package/{dist/es2015/appbar.module.d.ts → appbar.module.d.ts} +8 -0
  8. package/{dist/es2015/bottomnavigation → bottomnavigation}/bottomnavigation-item.component.d.ts +11 -8
  9. package/{dist/es2015/bottomnavigation → bottomnavigation}/bottomnavigation.component.d.ts +13 -6
  10. package/{dist/es2015/bottomnavigation → bottomnavigation}/constants.d.ts +0 -0
  11. package/{dist/es2015/bottomnavigation → bottomnavigation}/events/select-event.d.ts +0 -0
  12. package/{dist/es2015/bottomnavigation → bottomnavigation}/templates/item-template.directive.d.ts +3 -0
  13. package/{dist/es2015/bottomnavigation → bottomnavigation}/types/bottomnavigation-fill.d.ts +0 -0
  14. package/{dist/es2015/bottomnavigation → bottomnavigation}/types/bottomnavigation-item-flow.d.ts +0 -0
  15. package/{dist/es2015/bottomnavigation → bottomnavigation}/types/bottomnavigation-item.d.ts +0 -0
  16. package/{dist/es2015/bottomnavigation → bottomnavigation}/types/bottomnavigation-position-mode.d.ts +0 -0
  17. package/{dist/es2015/bottomnavigation → bottomnavigation}/types/bottomnavigation-theme-color.d.ts +0 -0
  18. package/{dist/es2015/bottomnavigation.module.d.ts → bottomnavigation.module.d.ts} +8 -0
  19. package/{dist/es2015/breadcrumb → breadcrumb}/breadcrumb-item.component.d.ts +6 -3
  20. package/{dist/es2015/breadcrumb → breadcrumb}/breadcrumb.component.d.ts +9 -4
  21. package/{dist/es2015/breadcrumb → breadcrumb}/list.component.d.ts +3 -0
  22. package/{dist/es2015/breadcrumb → breadcrumb}/models/breadcrumb-item.interface.d.ts +0 -0
  23. package/{dist/es2015/breadcrumb → breadcrumb}/models/collapse-mode.d.ts +0 -0
  24. package/{dist/es2015/breadcrumb → breadcrumb}/models/constants.d.ts +0 -0
  25. package/{dist/es2015/breadcrumb → breadcrumb}/template-directives/item-template.directive.d.ts +3 -0
  26. package/{dist/es2015/breadcrumb → breadcrumb}/template-directives/separator.directive.d.ts +5 -1
  27. package/{dist/es2015/breadcrumb → breadcrumb}/util.d.ts +0 -0
  28. package/{dist/es2015/breadcrumb.module.d.ts → breadcrumb.module.d.ts} +11 -0
  29. package/bundles/kendo-angular-navigation.umd.js +5 -0
  30. package/{dist/es2015/common → common}/direction.d.ts +0 -0
  31. package/{dist/es2015/common → common}/dom-queries.d.ts +0 -0
  32. package/{dist/es2015/common → common}/preventable-event.d.ts +0 -0
  33. package/{dist/es2015/common → common}/util.d.ts +0 -0
  34. package/esm2015/appbar/appbar-section.component.js +45 -0
  35. package/{dist/es2015 → esm2015}/appbar/appbar-spacer.component.js +21 -25
  36. package/{dist/es2015 → esm2015}/appbar/appbar.component.js +65 -79
  37. package/{dist/es → esm2015}/appbar/models/position-mode.js +1 -0
  38. package/{dist/es2015 → esm2015}/appbar/models/position.js +1 -0
  39. package/{dist/es2015 → esm2015}/appbar/models/theme-color.js +1 -0
  40. package/{dist/es2015 → esm2015}/appbar.module.js +18 -11
  41. package/esm2015/bottomnavigation/bottomnavigation-item.component.js +102 -0
  42. package/{dist/es2015 → esm2015}/bottomnavigation/bottomnavigation.component.js +70 -88
  43. package/{dist/es2015 → esm2015}/bottomnavigation/constants.js +0 -0
  44. package/{dist/es2015 → esm2015}/bottomnavigation/events/select-event.js +0 -0
  45. package/esm2015/bottomnavigation/templates/item-template.directive.js +26 -0
  46. package/{dist/es2015 → esm2015}/bottomnavigation/types/bottomnavigation-fill.js +1 -0
  47. package/{dist/es → esm2015}/bottomnavigation/types/bottomnavigation-item-flow.js +1 -0
  48. package/{dist/es → esm2015}/bottomnavigation/types/bottomnavigation-item.js +1 -0
  49. package/{dist/es → esm2015}/bottomnavigation/types/bottomnavigation-position-mode.js +1 -0
  50. package/{dist/es2015 → esm2015}/bottomnavigation/types/bottomnavigation-theme-color.js +1 -0
  51. package/{dist/es2015 → esm2015}/bottomnavigation.module.js +14 -11
  52. package/esm2015/breadcrumb/breadcrumb-item.component.js +161 -0
  53. package/{dist/es2015 → esm2015}/breadcrumb/breadcrumb.component.js +88 -73
  54. package/esm2015/breadcrumb/list.component.js +92 -0
  55. package/{dist/es → esm2015}/breadcrumb/models/breadcrumb-item.interface.js +1 -0
  56. package/{dist/es → esm2015}/breadcrumb/models/collapse-mode.js +1 -0
  57. package/{dist/es2015 → esm2015}/breadcrumb/models/constants.js +0 -0
  58. package/esm2015/breadcrumb/template-directives/item-template.directive.js +27 -0
  59. package/esm2015/breadcrumb/template-directives/separator.directive.js +69 -0
  60. package/{dist/es2015 → esm2015}/breadcrumb/util.js +0 -3
  61. package/{dist/es2015 → esm2015}/breadcrumb.module.js +18 -11
  62. package/{dist/es → esm2015}/common/direction.js +1 -0
  63. package/{dist/es2015 → esm2015}/common/dom-queries.js +0 -3
  64. package/{dist/es2015 → esm2015}/common/preventable-event.js +0 -0
  65. package/{dist/es2015 → esm2015}/common/util.js +0 -0
  66. package/{dist/es/appbar/models/position.js → esm2015/kendo-angular-navigation.js} +4 -0
  67. package/{dist/es → esm2015}/main.js +2 -0
  68. package/{dist/es2015 → esm2015}/navigation.module.js +20 -13
  69. package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
  70. package/{dist/fesm2015/index.js → fesm2015/kendo-angular-navigation.js} +584 -568
  71. package/{dist/es/breadcrumb/models/constants.js → kendo-angular-navigation.d.ts} +3 -2
  72. package/{dist/es2015/main.d.ts → main.d.ts} +2 -0
  73. package/{dist/es2015/navigation.module.d.ts → navigation.module.d.ts} +7 -0
  74. package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
  75. package/package.json +33 -109
  76. package/schematics/ngAdd/index.js +5 -2
  77. package/schematics/ngAdd/index.js.map +1 -1
  78. package/dist/cdn/js/kendo-angular-navigation.js +0 -20
  79. package/dist/cdn/main.js +0 -5
  80. package/dist/es/appbar/appbar-section.component.js +0 -41
  81. package/dist/es/appbar/appbar-spacer.component.js +0 -77
  82. package/dist/es/appbar/appbar.component.js +0 -202
  83. package/dist/es/appbar/models/theme-color.js +0 -4
  84. package/dist/es/appbar.module.js +0 -61
  85. package/dist/es/bottomnavigation/bottomnavigation-item.component.js +0 -136
  86. package/dist/es/bottomnavigation/bottomnavigation.component.js +0 -356
  87. package/dist/es/bottomnavigation/constants.js +0 -12
  88. package/dist/es/bottomnavigation/events/select-event.js +0 -17
  89. package/dist/es/bottomnavigation/templates/item-template.directive.js +0 -25
  90. package/dist/es/bottomnavigation/types/bottomnavigation-fill.js +0 -4
  91. package/dist/es/bottomnavigation/types/bottomnavigation-theme-color.js +0 -19
  92. package/dist/es/bottomnavigation.module.js +0 -57
  93. package/dist/es/breadcrumb/breadcrumb-item.component.js +0 -98
  94. package/dist/es/breadcrumb/breadcrumb.component.js +0 -274
  95. package/dist/es/breadcrumb/list.component.js +0 -80
  96. package/dist/es/breadcrumb/template-directives/item-template.directive.js +0 -26
  97. package/dist/es/breadcrumb/template-directives/separator.directive.js +0 -78
  98. package/dist/es/breadcrumb/util.js +0 -27
  99. package/dist/es/breadcrumb.module.js +0 -68
  100. package/dist/es/common/dom-queries.js +0 -25
  101. package/dist/es/common/preventable-event.js +0 -36
  102. package/dist/es/common/util.js +0 -17
  103. package/dist/es/index.js +0 -15
  104. package/dist/es/navigation.module.js +0 -55
  105. package/dist/es/package-metadata.js +0 -15
  106. package/dist/es2015/appbar/appbar-section.component.js +0 -60
  107. package/dist/es2015/appbar/models/position-mode.js +0 -4
  108. package/dist/es2015/bottomnavigation/bottomnavigation-item.component.js +0 -110
  109. package/dist/es2015/bottomnavigation/templates/item-template.directive.js +0 -24
  110. package/dist/es2015/bottomnavigation/types/bottomnavigation-item-flow.js +0 -4
  111. package/dist/es2015/bottomnavigation/types/bottomnavigation-item.js +0 -4
  112. package/dist/es2015/bottomnavigation/types/bottomnavigation-position-mode.js +0 -4
  113. package/dist/es2015/breadcrumb/breadcrumb-item.component.js +0 -128
  114. package/dist/es2015/breadcrumb/list.component.js +0 -98
  115. package/dist/es2015/breadcrumb/models/breadcrumb-item.interface.js +0 -4
  116. package/dist/es2015/breadcrumb/models/collapse-mode.js +0 -4
  117. package/dist/es2015/breadcrumb/template-directives/item-template.directive.js +0 -25
  118. package/dist/es2015/breadcrumb/template-directives/separator.directive.js +0 -71
  119. package/dist/es2015/common/direction.js +0 -4
  120. package/dist/es2015/index.d.ts +0 -15
  121. package/dist/es2015/index.js +0 -15
  122. package/dist/es2015/index.metadata.json +0 -1
  123. package/dist/es2015/main.js +0 -19
  124. package/dist/fesm5/index.js +0 -1633
  125. package/dist/npm/appbar/appbar-section.component.js +0 -43
  126. package/dist/npm/appbar/appbar-spacer.component.js +0 -79
  127. package/dist/npm/appbar/appbar.component.js +0 -204
  128. package/dist/npm/appbar/models/position-mode.js +0 -6
  129. package/dist/npm/appbar/models/position.js +0 -6
  130. package/dist/npm/appbar/models/theme-color.js +0 -6
  131. package/dist/npm/appbar.module.js +0 -63
  132. package/dist/npm/bottomnavigation/bottomnavigation-item.component.js +0 -138
  133. package/dist/npm/bottomnavigation/bottomnavigation.component.js +0 -358
  134. package/dist/npm/bottomnavigation/constants.js +0 -14
  135. package/dist/npm/bottomnavigation/events/select-event.js +0 -19
  136. package/dist/npm/bottomnavigation/templates/item-template.directive.js +0 -27
  137. package/dist/npm/bottomnavigation/types/bottomnavigation-fill.js +0 -6
  138. package/dist/npm/bottomnavigation/types/bottomnavigation-item-flow.js +0 -6
  139. package/dist/npm/bottomnavigation/types/bottomnavigation-item.js +0 -6
  140. package/dist/npm/bottomnavigation/types/bottomnavigation-position-mode.js +0 -6
  141. package/dist/npm/bottomnavigation/types/bottomnavigation-theme-color.js +0 -21
  142. package/dist/npm/bottomnavigation.module.js +0 -59
  143. package/dist/npm/breadcrumb/breadcrumb-item.component.js +0 -100
  144. package/dist/npm/breadcrumb/breadcrumb.component.js +0 -276
  145. package/dist/npm/breadcrumb/list.component.js +0 -82
  146. package/dist/npm/breadcrumb/models/breadcrumb-item.interface.js +0 -6
  147. package/dist/npm/breadcrumb/models/collapse-mode.js +0 -6
  148. package/dist/npm/breadcrumb/models/constants.js +0 -10
  149. package/dist/npm/breadcrumb/template-directives/item-template.directive.js +0 -28
  150. package/dist/npm/breadcrumb/template-directives/separator.directive.js +0 -80
  151. package/dist/npm/breadcrumb/util.js +0 -30
  152. package/dist/npm/breadcrumb.module.js +0 -70
  153. package/dist/npm/common/direction.js +0 -6
  154. package/dist/npm/common/dom-queries.js +0 -28
  155. package/dist/npm/common/preventable-event.js +0 -38
  156. package/dist/npm/common/util.js +0 -19
  157. package/dist/npm/index.js +0 -25
  158. package/dist/npm/main.js +0 -33
  159. package/dist/npm/navigation.module.js +0 -57
  160. package/dist/npm/package-metadata.js +0 -17
  161. package/dist/systemjs/kendo-angular-navigation.js +0 -5
@@ -1,55 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as tslib_1 from "tslib";
6
- import { NgModule } from '@angular/core';
7
- import { AppBarModule } from './appbar.module';
8
- import { BreadCrumbModule } from './breadcrumb.module';
9
- import { BottomNavigationModule } from './bottomnavigation.module';
10
- /**
11
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
12
- * definition for the Navigation components.
13
- *
14
- * @example
15
- *
16
- * ```ts-no-run
17
- * // Import the Navigation module
18
- * import { NavigationModule } from '@progress/kendo-angular-navigation';
19
- *
20
- * // The browser platform with a compiler
21
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
22
- *
23
- * import { NgModule } from '@angular/core';
24
- *
25
- * // Import the app component
26
- * import { AppComponent } from './app.component';
27
- *
28
- * // Define the app module
29
- * _@NgModule({
30
- * declarations: [AppComponent], // declare app component
31
- * imports: [BrowserModule, NavigationModule], // import Navigation module
32
- * bootstrap: [AppComponent]
33
- * })
34
- * export class AppModule {}
35
- *
36
- * // Compile and launch the module
37
- * platformBrowserDynamic().bootstrapModule(AppModule);
38
- *
39
- * ```
40
- */
41
- var NavigationModule = /** @class */ (function () {
42
- function NavigationModule() {
43
- }
44
- NavigationModule = tslib_1.__decorate([
45
- NgModule({
46
- exports: [
47
- AppBarModule,
48
- BreadCrumbModule,
49
- BottomNavigationModule
50
- ]
51
- })
52
- ], NavigationModule);
53
- return NavigationModule;
54
- }());
55
- export { NavigationModule };
@@ -1,15 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 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 var packageMetadata = {
9
- name: '@progress/kendo-angular-navigation',
10
- productName: 'Kendo UI for Angular',
11
- productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1647344375,
13
- version: '',
14
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
15
- };
@@ -1,60 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as tslib_1 from "tslib";
6
- import { Component, HostBinding } from '@angular/core';
7
- /**
8
- * Represents the [Kendo UI AppBarSection component for Angular]({% slug contentarrangement_appbar %}#toc-sections).
9
- *
10
- * @example
11
- *
12
- * ```ts-no-run
13
- * * _@Component({
14
- * selector: 'my-app',
15
- * template: `
16
- * <kendo-appbar>
17
- * <kendo-appbar-section>
18
- * <h2>Page Title</h2>
19
- * </kendo-appbar-section>
20
- * </kendo-appbar>
21
- * `
22
- * })
23
- * class AppComponent {}
24
- */
25
- let AppBarSectionComponent = class AppBarSectionComponent {
26
- /**
27
- * Represents the [Kendo UI AppBarSection component for Angular]({% slug contentarrangement_appbar %}#toc-sections).
28
- *
29
- * @example
30
- *
31
- * ```ts-no-run
32
- * * _@Component({
33
- * selector: 'my-app',
34
- * template: `
35
- * <kendo-appbar>
36
- * <kendo-appbar-section>
37
- * <h2>Page Title</h2>
38
- * </kendo-appbar-section>
39
- * </kendo-appbar>
40
- * `
41
- * })
42
- * class AppComponent {}
43
- */
44
- constructor() {
45
- this.hostClass = true;
46
- }
47
- };
48
- tslib_1.__decorate([
49
- HostBinding('class.k-appbar-section'),
50
- tslib_1.__metadata("design:type", Boolean)
51
- ], AppBarSectionComponent.prototype, "hostClass", void 0);
52
- AppBarSectionComponent = tslib_1.__decorate([
53
- Component({
54
- selector: 'kendo-appbar-section',
55
- template: `
56
- <ng-content></ng-content>
57
- `
58
- })
59
- ], AppBarSectionComponent);
60
- export { AppBarSectionComponent };
@@ -1,4 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
@@ -1,110 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as tslib_1 from "tslib";
6
- import { BottomNavigationItemTemplateDirective } from './templates/item-template.directive';
7
- import { Component, HostBinding, Input } from '@angular/core';
8
- /**
9
- * @hidden
10
- */
11
- let BottomNavigationItemComponent = class BottomNavigationItemComponent {
12
- get disabledClass() {
13
- return this.item.disabled;
14
- }
15
- get horizontalItemClass() {
16
- return this.orientation === 'horizontal';
17
- }
18
- get verticalItemClass() {
19
- return this.orientation === 'vertical';
20
- }
21
- get label() {
22
- return this.item.text ? this.item.text : null;
23
- }
24
- get tabindex() {
25
- return this.item.tabIndex ? this.item.tabIndex : 0;
26
- }
27
- get selectedClass() {
28
- return this.selectedIdx ? this.selectedIdx === this.index : this.item.selected;
29
- }
30
- get itemIcon() {
31
- return this.item.icon || this.item.iconClass ? true : false;
32
- }
33
- get iconClasses() {
34
- const kendoIcon = this.item.icon ? `k-icon k-i-${this.item.icon}` : '';
35
- const customIcon = this.item.iconClass ? this.item.iconClass : '';
36
- return `${kendoIcon} ${customIcon}`;
37
- }
38
- };
39
- tslib_1.__decorate([
40
- Input(),
41
- tslib_1.__metadata("design:type", BottomNavigationItemTemplateDirective)
42
- ], BottomNavigationItemComponent.prototype, "itemTemplate", void 0);
43
- tslib_1.__decorate([
44
- Input(),
45
- tslib_1.__metadata("design:type", Object)
46
- ], BottomNavigationItemComponent.prototype, "item", void 0);
47
- tslib_1.__decorate([
48
- Input(),
49
- tslib_1.__metadata("design:type", Number)
50
- ], BottomNavigationItemComponent.prototype, "index", void 0);
51
- tslib_1.__decorate([
52
- Input(),
53
- tslib_1.__metadata("design:type", Boolean)
54
- ], BottomNavigationItemComponent.prototype, "disabledComponent", void 0);
55
- tslib_1.__decorate([
56
- Input(),
57
- tslib_1.__metadata("design:type", Number)
58
- ], BottomNavigationItemComponent.prototype, "selectedIdx", void 0);
59
- tslib_1.__decorate([
60
- Input(),
61
- tslib_1.__metadata("design:type", String)
62
- ], BottomNavigationItemComponent.prototype, "orientation", void 0);
63
- tslib_1.__decorate([
64
- HostBinding('attr.aria-disabled'),
65
- HostBinding('class.k-state-disabled'),
66
- tslib_1.__metadata("design:type", Boolean),
67
- tslib_1.__metadata("design:paramtypes", [])
68
- ], BottomNavigationItemComponent.prototype, "disabledClass", null);
69
- tslib_1.__decorate([
70
- HostBinding('class.k-hstack'),
71
- tslib_1.__metadata("design:type", Boolean),
72
- tslib_1.__metadata("design:paramtypes", [])
73
- ], BottomNavigationItemComponent.prototype, "horizontalItemClass", null);
74
- tslib_1.__decorate([
75
- HostBinding('class.k-vstack'),
76
- tslib_1.__metadata("design:type", Boolean),
77
- tslib_1.__metadata("design:paramtypes", [])
78
- ], BottomNavigationItemComponent.prototype, "verticalItemClass", null);
79
- tslib_1.__decorate([
80
- HostBinding('attr.aria-label'),
81
- tslib_1.__metadata("design:type", String),
82
- tslib_1.__metadata("design:paramtypes", [])
83
- ], BottomNavigationItemComponent.prototype, "label", null);
84
- tslib_1.__decorate([
85
- HostBinding('attr.tabindex'),
86
- tslib_1.__metadata("design:type", Number),
87
- tslib_1.__metadata("design:paramtypes", [])
88
- ], BottomNavigationItemComponent.prototype, "tabindex", null);
89
- tslib_1.__decorate([
90
- HostBinding('attr.aria-selected'),
91
- HostBinding('class.k-state-selected'),
92
- tslib_1.__metadata("design:type", Boolean),
93
- tslib_1.__metadata("design:paramtypes", [])
94
- ], BottomNavigationItemComponent.prototype, "selectedClass", null);
95
- BottomNavigationItemComponent = tslib_1.__decorate([
96
- Component({
97
- selector: '[kendoBottomNavigationItem]',
98
- template: `
99
- <ng-container *ngIf="!itemTemplate">
100
- <span *ngIf="itemIcon" class="k-bottom-nav-item-icon" [ngClass]="iconClasses"></span>
101
- <span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>
102
- </ng-container>
103
- <ng-template *ngIf="itemTemplate"
104
- [ngTemplateOutlet]="itemTemplate?.templateRef"
105
- [ngTemplateOutletContext]="{ $implicit: item }">
106
- </ng-template>
107
- `
108
- })
109
- ], BottomNavigationItemComponent);
110
- export { BottomNavigationItemComponent };
@@ -1,24 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as tslib_1 from "tslib";
6
- import { Directive, Optional, TemplateRef } from '@angular/core';
7
- /**
8
- * Represents a template that defines the item content of the BottomNavigation.
9
- * To define the template, nest an `<ng-template>` tag
10
- * with the `kendoBottomNavigationItemTemplate` directive inside the `<kendo-bottomnavigation>` tag ([see example]({% slug templates_bottomnavigation %})).
11
- */
12
- let BottomNavigationItemTemplateDirective = class BottomNavigationItemTemplateDirective {
13
- constructor(templateRef) {
14
- this.templateRef = templateRef;
15
- }
16
- };
17
- BottomNavigationItemTemplateDirective = tslib_1.__decorate([
18
- Directive({
19
- selector: '[kendoBottomNavigationItemTemplate]'
20
- }),
21
- tslib_1.__param(0, Optional()),
22
- tslib_1.__metadata("design:paramtypes", [TemplateRef])
23
- ], BottomNavigationItemTemplateDirective);
24
- export { BottomNavigationItemTemplateDirective };
@@ -1,4 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
@@ -1,4 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
@@ -1,4 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
@@ -1,128 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as tslib_1 from "tslib";
6
- import { Component, Input, ElementRef, TemplateRef, HostBinding } from '@angular/core';
7
- import { isDocumentAvailable } from '@progress/kendo-angular-common';
8
- import { outerWidth } from '../common/util';
9
- /**
10
- * @hidden
11
- */
12
- let BreadCrumbItemComponent = class BreadCrumbItemComponent {
13
- constructor(el) {
14
- this.el = el;
15
- this.index = -1;
16
- this.hostClasses = true;
17
- this.disabled = false;
18
- }
19
- get isRootItem() {
20
- return this.item.context.isFirst;
21
- }
22
- get isDisabled() {
23
- return this.disabled || null;
24
- }
25
- get isLastItem() {
26
- return this.item.context.isLast;
27
- }
28
- ngOnInit() {
29
- this.disabled = this.item.data && (this.item.data.disabled || this.item.context.isLast);
30
- }
31
- ngAfterViewInit() {
32
- if (isDocumentAvailable()) {
33
- this.width = outerWidth(this.el.nativeElement);
34
- }
35
- }
36
- onImageLoad() {
37
- if (isDocumentAvailable()) {
38
- this.width = outerWidth(this.el.nativeElement);
39
- }
40
- }
41
- };
42
- tslib_1.__decorate([
43
- Input(),
44
- tslib_1.__metadata("design:type", Object)
45
- ], BreadCrumbItemComponent.prototype, "item", void 0);
46
- tslib_1.__decorate([
47
- Input(),
48
- tslib_1.__metadata("design:type", String)
49
- ], BreadCrumbItemComponent.prototype, "collapseMode", void 0);
50
- tslib_1.__decorate([
51
- Input(),
52
- tslib_1.__metadata("design:type", Number)
53
- ], BreadCrumbItemComponent.prototype, "index", void 0);
54
- tslib_1.__decorate([
55
- Input(),
56
- tslib_1.__metadata("design:type", TemplateRef)
57
- ], BreadCrumbItemComponent.prototype, "itemTemplate", void 0);
58
- tslib_1.__decorate([
59
- HostBinding('class.k-flex-none'),
60
- HostBinding('class.k-breadcrumb-item'),
61
- tslib_1.__metadata("design:type", Boolean)
62
- ], BreadCrumbItemComponent.prototype, "hostClasses", void 0);
63
- tslib_1.__decorate([
64
- HostBinding('class.k-breadcrumb-root-item'),
65
- tslib_1.__metadata("design:type", Boolean),
66
- tslib_1.__metadata("design:paramtypes", [])
67
- ], BreadCrumbItemComponent.prototype, "isRootItem", null);
68
- tslib_1.__decorate([
69
- HostBinding('attr.aria-disabled'),
70
- tslib_1.__metadata("design:type", Boolean),
71
- tslib_1.__metadata("design:paramtypes", [])
72
- ], BreadCrumbItemComponent.prototype, "isDisabled", null);
73
- tslib_1.__decorate([
74
- HostBinding('class.k-breadcrumb-last-item'),
75
- tslib_1.__metadata("design:type", Boolean),
76
- tslib_1.__metadata("design:paramtypes", [])
77
- ], BreadCrumbItemComponent.prototype, "isLastItem", null);
78
- BreadCrumbItemComponent = tslib_1.__decorate([
79
- Component({
80
- selector: '[kendoBreadCrumbItem]',
81
- template: `
82
- <ng-template #separator>
83
- <ng-content select="[kendoBreadCrumbSeparator]"></ng-content>
84
- </ng-template>
85
-
86
- <ng-container *ngIf="collapseMode === 'wrap'">
87
- <ng-container *ngTemplateOutlet="separator"></ng-container>
88
- </ng-container>
89
-
90
- <ng-container *ngIf="!item.context.collapsed">
91
- <span
92
- *ngIf="!itemTemplate"
93
- [ngClass]="{
94
- 'k-breadcrumb-root-link': item.context.isFirst,
95
- 'k-breadcrumb-link': index !== 0,
96
- 'k-breadcrumb-icontext-link': !!item.data.icon && !!item.data.text,
97
- 'k-breadcrumb-icon-link': !!item.data.icon && !item.data.text,
98
- 'k-state-disabled': disabled
99
- }"
100
- [title]="item.data.title || ''"
101
- [tabindex]="disabled ? -1 : 0"
102
- [attr.aria-current]="item.context.isLast ? true : null"
103
- role="link"
104
- class="k-cursor-pointer k-flex-none"
105
- >
106
- <img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />
107
- <span *ngIf="item.data.icon && !item.data.iconClass" class="k-icon k-i-{{ item.data.icon }}"></span>
108
- <span *ngIf="item.data.iconClass" class="{{ item.data.iconClass }}"></span>
109
- {{ item.data.text }}
110
- </span>
111
- <ng-template
112
- *ngIf="itemTemplate"
113
- [ngTemplateOutlet]="itemTemplate"
114
- [ngTemplateOutletContext]="{
115
- $implicit: item.data,
116
- index: index
117
- }"
118
- ></ng-template>
119
- </ng-container>
120
-
121
- <ng-container *ngIf="collapseMode !== 'wrap'">
122
- <ng-container *ngTemplateOutlet="separator"></ng-container>
123
- </ng-container>
124
- `
125
- }),
126
- tslib_1.__metadata("design:paramtypes", [ElementRef])
127
- ], BreadCrumbItemComponent);
128
- export { BreadCrumbItemComponent };
@@ -1,98 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as tslib_1 from "tslib";
6
- import { Component, Output, Input, EventEmitter, TemplateRef, ViewChildren, QueryList, ElementRef, NgZone } from '@angular/core';
7
- import { fromEvent, merge } from 'rxjs';
8
- import { filter, map } from 'rxjs/operators';
9
- import { Keys } from '@progress/kendo-angular-common';
10
- import { BREADCRUMB_ITEM_INDEX } from './models/constants';
11
- import { BreadCrumbItemComponent } from './breadcrumb-item.component';
12
- import { closestItem, itemIndex } from '../common/dom-queries';
13
- import { isPresent } from '../common/util';
14
- /**
15
- * @hidden
16
- */
17
- let BreadCrumbListComponent = class BreadCrumbListComponent {
18
- constructor(el, zone) {
19
- this.el = el;
20
- this.zone = zone;
21
- this.items = [];
22
- this.collapseMode = 'auto';
23
- this.itemClick = new EventEmitter();
24
- const element = this.el.nativeElement;
25
- this.isRootItemContainer = element.classList.contains('k-breadcrumb-root-item-container');
26
- this.zone.runOutsideAngular(() => {
27
- const click$ = fromEvent(element, 'click');
28
- const enterKey$ = fromEvent(element, 'keydown').pipe(filter((ev /* KeyboardEvent causes lint error */) => ev.keyCode === Keys.Enter));
29
- this.domEventsSubscription = merge(click$, enterKey$)
30
- .pipe(map((ev) => ev.target), filter(e => !e.classList.contains('k-breadcrumb-delimiter-icon')), // do not trigger handler when a separator is clicked
31
- map(e => this.getItemIndex(e)), filter(isPresent), map(i => parseInt(i, 10)), map(i => this.items[i]), filter(item => !item.data.disabled && !item.context.isLast), map(item => item.data))
32
- .subscribe(el => {
33
- this.zone.run(() => this.itemClick.emit(el));
34
- });
35
- });
36
- }
37
- ngOnDestroy() {
38
- this.domEventsSubscription.unsubscribe();
39
- }
40
- getItemIndex(target) {
41
- const item = closestItem(target, BREADCRUMB_ITEM_INDEX, this.el.nativeElement);
42
- if (item) {
43
- return itemIndex(item, BREADCRUMB_ITEM_INDEX);
44
- }
45
- }
46
- };
47
- tslib_1.__decorate([
48
- Input(),
49
- tslib_1.__metadata("design:type", Array)
50
- ], BreadCrumbListComponent.prototype, "items", void 0);
51
- tslib_1.__decorate([
52
- Input(),
53
- tslib_1.__metadata("design:type", TemplateRef)
54
- ], BreadCrumbListComponent.prototype, "itemTemplate", void 0);
55
- tslib_1.__decorate([
56
- Input(),
57
- tslib_1.__metadata("design:type", String)
58
- ], BreadCrumbListComponent.prototype, "collapseMode", void 0);
59
- tslib_1.__decorate([
60
- Input(),
61
- tslib_1.__metadata("design:type", String)
62
- ], BreadCrumbListComponent.prototype, "separatorIcon", void 0);
63
- tslib_1.__decorate([
64
- Output(),
65
- tslib_1.__metadata("design:type", EventEmitter)
66
- ], BreadCrumbListComponent.prototype, "itemClick", void 0);
67
- tslib_1.__decorate([
68
- ViewChildren(BreadCrumbItemComponent),
69
- tslib_1.__metadata("design:type", QueryList)
70
- ], BreadCrumbListComponent.prototype, "renderedItems", void 0);
71
- BreadCrumbListComponent = tslib_1.__decorate([
72
- Component({
73
- selector: '[kendoBreadCrumbList]',
74
- template: `
75
- <ng-container *ngFor="let item of items; let i = index; let isFirst = first; let isLast = last">
76
- <li
77
- #renderedItem
78
- kendoBreadCrumbItem
79
- *ngIf="!(collapseMode === 'wrap' && isFirst) || isRootItemContainer"
80
- [attr.${BREADCRUMB_ITEM_INDEX}]="i"
81
- [item]="item"
82
- [index]="i"
83
- [collapseMode]="collapseMode"
84
- [itemTemplate]="itemTemplate"
85
- >
86
- <span kendoBreadCrumbSeparator [icon]="separatorIcon" *ngIf="collapseMode === 'wrap' && !isFirst"></span>
87
- <span
88
- kendoBreadCrumbSeparator
89
- [icon]="separatorIcon"
90
- *ngIf="collapseMode !== 'wrap' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)"
91
- ></span>
92
- </li>
93
- </ng-container>
94
- `
95
- }),
96
- tslib_1.__metadata("design:paramtypes", [ElementRef, NgZone])
97
- ], BreadCrumbListComponent);
98
- export { BreadCrumbListComponent };
@@ -1,4 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
@@ -1,4 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
@@ -1,25 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as tslib_1 from "tslib";
6
- import { Directive, Optional, TemplateRef } from '@angular/core';
7
- /**
8
- * Represents a template that defines the content of a Breadcrumb item.
9
- * To define the template, nest an `<ng-template>` tag with the `kendoBreadCrumbItemTemplate` directive inside the `<kendo-breadcrumb>` tag.
10
- *
11
- * For more information and example refer to the [Templates]({% slug templates_breadcrumb %}) article.
12
- */
13
- let BreadCrumbItemTemplateDirective = class BreadCrumbItemTemplateDirective {
14
- constructor(templateRef) {
15
- this.templateRef = templateRef;
16
- }
17
- };
18
- BreadCrumbItemTemplateDirective = tslib_1.__decorate([
19
- Directive({
20
- selector: '[kendoBreadCrumbItemTemplate]'
21
- }),
22
- tslib_1.__param(0, Optional()),
23
- tslib_1.__metadata("design:paramtypes", [TemplateRef])
24
- ], BreadCrumbItemTemplateDirective);
25
- export { BreadCrumbItemTemplateDirective };
@@ -1,71 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as tslib_1 from "tslib";
6
- import { Directive, HostBinding, Input, ElementRef } from '@angular/core';
7
- import { isPresent } from '../../common/util';
8
- import { LocalizationService } from '@progress/kendo-angular-l10n';
9
- const DEFAULT_ICON = 'arrow-chevron-right';
10
- const DEFAULT_RTL_ICON = 'arrow-chevron-left';
11
- /**
12
- * @hidden
13
- */
14
- let BreadCrumbSeparatorDirective = class BreadCrumbSeparatorDirective {
15
- constructor(el, localization) {
16
- this.el = el;
17
- this.localization = localization;
18
- this.defaultClasses = true;
19
- this.ariaHidden = true;
20
- this.direction = 'ltr';
21
- this.direction = this.localization.rtl ? 'rtl' : 'ltr';
22
- }
23
- set icon(icon) {
24
- const element = this.el.nativeElement;
25
- element.classList.remove(`k-i-${this._icon}`);
26
- if (isPresent(icon)) {
27
- this._icon = icon;
28
- this.hasDefaultIcon = false;
29
- }
30
- else {
31
- this._icon = this.direction === 'ltr' ? DEFAULT_ICON : DEFAULT_RTL_ICON;
32
- this.hasDefaultIcon = true;
33
- }
34
- element.classList.add(`k-i-${this._icon}`);
35
- }
36
- get icon() {
37
- return this._icon;
38
- }
39
- ngOnInit() {
40
- this.localizationChangesSubscription = this.localization.changes.subscribe(({ rtl }) => {
41
- this.direction = rtl ? 'rtl' : 'ltr';
42
- if (this.hasDefaultIcon) {
43
- this.icon = undefined;
44
- }
45
- });
46
- }
47
- ngOnDestroy() {
48
- this.localizationChangesSubscription.unsubscribe();
49
- }
50
- };
51
- tslib_1.__decorate([
52
- Input(),
53
- tslib_1.__metadata("design:type", String),
54
- tslib_1.__metadata("design:paramtypes", [String])
55
- ], BreadCrumbSeparatorDirective.prototype, "icon", null);
56
- tslib_1.__decorate([
57
- HostBinding('class.k-breadcrumb-delimiter-icon'),
58
- HostBinding('class.k-icon'),
59
- tslib_1.__metadata("design:type", Boolean)
60
- ], BreadCrumbSeparatorDirective.prototype, "defaultClasses", void 0);
61
- tslib_1.__decorate([
62
- HostBinding('attr.aria-hidden'),
63
- tslib_1.__metadata("design:type", Boolean)
64
- ], BreadCrumbSeparatorDirective.prototype, "ariaHidden", void 0);
65
- BreadCrumbSeparatorDirective = tslib_1.__decorate([
66
- Directive({
67
- selector: '[kendoBreadCrumbSeparator]'
68
- }),
69
- tslib_1.__metadata("design:paramtypes", [ElementRef, LocalizationService])
70
- ], BreadCrumbSeparatorDirective);
71
- export { BreadCrumbSeparatorDirective };
@@ -1,4 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
@@ -1,15 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 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 './main';
9
- export { BottomNavigationItemComponent } from './bottomnavigation/bottomnavigation-item.component';
10
- export { BOTTOMNAVIGATION_ITEM_INDEX } from './bottomnavigation/constants';
11
- export { BreadCrumbItemComponent } from './breadcrumb/breadcrumb-item.component';
12
- export { BreadCrumbListComponent } from './breadcrumb/list.component';
13
- export { BREADCRUMB_ITEM_INDEX } from './breadcrumb/models/constants';
14
- export { BreadCrumbSeparatorDirective } from './breadcrumb/template-directives/separator.directive';
15
- export { PreventableEvent } from './common/preventable-event';