@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,276 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var rxjs_1 = require("rxjs");
10
- var operators_1 = require("rxjs/operators");
11
- var kendo_angular_common_1 = require("@progress/kendo-angular-common");
12
- var kendo_licensing_1 = require("@progress/kendo-licensing");
13
- var package_metadata_1 = require("../package-metadata");
14
- var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
15
- var item_template_directive_1 = require("./template-directives/item-template.directive");
16
- var util_1 = require("../common/util");
17
- var list_component_1 = require("./list.component");
18
- var util_2 = require("./util");
19
- /**
20
- * Represents the [Kendo UI Breadcrumb component for Angular]({% slug overview_breadcrumb %}).
21
- *
22
- * @example
23
- * ```ts-no-run
24
- * _@Component({
25
- * selector: 'my-app',
26
- * template: `
27
- * <kendo-breadcrumb
28
- * [items]="items"
29
- * (itemClick)="onItemClick($event)">
30
- * </kendo-breadcrumb>
31
- * `
32
- * })
33
- * class AppComponent {
34
- * public items: BreadCrumbItem[] = [
35
- * { text: 'Home', title: 'Home', icon: 'home' },
36
- * { text: 'Kids', title: 'Kids' },
37
- * { text: '8y-16y', title: '8y-16y', disabled: true },
38
- * { text: 'New collection', title: 'New collection' },
39
- * { text: 'Jeans', title: 'Jeans' }
40
- * ];
41
- *
42
- * public onItemClick(item: BreadCrumbItem): void {
43
- * console.log(item);
44
- * }
45
- * }
46
- * ```
47
- */
48
- var BreadCrumbComponent = /** @class */ (function () {
49
- function BreadCrumbComponent(el, cdr, zone, localization) {
50
- this.el = el;
51
- this.cdr = cdr;
52
- this.zone = zone;
53
- this.localization = localization;
54
- /**
55
- * Fires when a Breadcrumb item is clicked. The event will not be fired by disabled items and the last item.
56
- */
57
- this.itemClick = new core_1.EventEmitter();
58
- this.hostClasses = true;
59
- this._items = [];
60
- this._collapseMode = 'auto';
61
- this.updateItems = new rxjs_1.ReplaySubject();
62
- this.afterViewInit = new rxjs_1.Subject();
63
- this.subscriptions = new rxjs_1.Subscription();
64
- this.direction = 'ltr';
65
- kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
66
- var updateItems$ = this.updateItems.asObservable().pipe(operators_1.startWith([]));
67
- this.direction = localization.rtl ? 'rtl' : 'ltr';
68
- this.itemsData$ = updateItems$.pipe(operators_1.map(function (items) { return items.filter(Boolean); }), operators_1.map(function (items) {
69
- return items.map(function (item, index, collection) { return ({
70
- context: {
71
- collapsed: false,
72
- isLast: index === collection.length - 1,
73
- isFirst: index === 0
74
- },
75
- data: item
76
- }); });
77
- }), operators_1.share());
78
- this.firstItem$ = updateItems$.pipe(operators_1.map(function (items) {
79
- if (items.length > 0) {
80
- return [
81
- {
82
- context: {
83
- collapsed: false,
84
- isLast: items.length === 1,
85
- isFirst: true
86
- },
87
- data: items[0]
88
- }
89
- ];
90
- }
91
- return [];
92
- }), operators_1.share());
93
- }
94
- Object.defineProperty(BreadCrumbComponent.prototype, "items", {
95
- get: function () {
96
- return this._items;
97
- },
98
- /**
99
- * The collection of items that will be rendered in the Breadcrumb.
100
- */
101
- set: function (items) {
102
- this._items = items || [];
103
- this.updateItems.next(this._items);
104
- },
105
- enumerable: true,
106
- configurable: true
107
- });
108
- Object.defineProperty(BreadCrumbComponent.prototype, "collapseMode", {
109
- get: function () {
110
- return this._collapseMode;
111
- },
112
- /**
113
- * Specifies the collapse mode of the Breadcrumb ([see example]({% slug collapse_modes_breadcrumb %})).
114
- *
115
- * The possible values are:
116
- * - `auto` (default)&mdash;items are automatically collapsed based on the width of the Breadcrumb.
117
- * - `wrap`&mdash;items are wrapped on multiple rows.
118
- * - `none`&mdash;all items are expanded on the same row.
119
- *
120
- * For more information and example refer to the [Collapse Modes]({% slug collapse_modes_breadcrumb %}) article.
121
- */
122
- set: function (mode) {
123
- if (core_1.isDevMode() && ['auto', 'wrap', 'none'].indexOf(mode) < 0) {
124
- throw new Error('Invalid collapse mode. Allowed values are "auto", "wrap" or "none". \nFor more details see https://www.telerik.com/kendo-angular-ui/components/navigation/api/BreadCrumbCollapseMode/');
125
- }
126
- this._collapseMode = mode || 'auto';
127
- this.updateItems.next(this.items);
128
- },
129
- enumerable: true,
130
- configurable: true
131
- });
132
- Object.defineProperty(BreadCrumbComponent.prototype, "wrapMode", {
133
- get: function () {
134
- return this.collapseMode === 'wrap';
135
- },
136
- enumerable: true,
137
- configurable: true
138
- });
139
- Object.defineProperty(BreadCrumbComponent.prototype, "getDir", {
140
- get: function () {
141
- return this.direction;
142
- },
143
- enumerable: true,
144
- configurable: true
145
- });
146
- BreadCrumbComponent.prototype.ngOnInit = function () {
147
- var _this = this;
148
- this.subscriptions.add(this.localization.changes.subscribe(function (_a) {
149
- var rtl = _a.rtl;
150
- return (_this.direction = rtl ? 'rtl' : 'ltr');
151
- }));
152
- };
153
- BreadCrumbComponent.prototype.ngAfterViewInit = function () {
154
- this.attachResizeHandler();
155
- this.afterViewInit.next();
156
- };
157
- BreadCrumbComponent.prototype.ngOnDestroy = function () {
158
- this.subscriptions.unsubscribe();
159
- };
160
- BreadCrumbComponent.prototype.handleResize = function () {
161
- var autoCollapseCandidates = this.listComponent.renderedItems.toArray().filter(function (ri) { return !ri.item.context.isFirst && !ri.item.context.isLast; }).slice();
162
- var componentWidth = util_1.outerWidth(this.el.nativeElement);
163
- var itemsContainerWidth = Math.floor(this.itemsContainers
164
- .toArray()
165
- .map(function (el) { return util_1.outerWidth(el.nativeElement); })
166
- .reduce(function (acc, curr) { return acc + curr; }, 0));
167
- var nextExpandWidth = (autoCollapseCandidates.slice().reverse().find(util_2.collapsed) || { width: 0 }).width;
168
- // // shrink
169
- if (componentWidth <= itemsContainerWidth && autoCollapseCandidates.find(util_2.expanded)) {
170
- util_2.collapseFirst(autoCollapseCandidates);
171
- // needed by resize sensor
172
- this.cdr.detectChanges();
173
- return this.handleResize();
174
- }
175
- // expand
176
- if (componentWidth > itemsContainerWidth + nextExpandWidth && autoCollapseCandidates.find(util_2.collapsed)) {
177
- util_2.expandFirst(autoCollapseCandidates.slice().reverse());
178
- // needed by resize sensor
179
- this.cdr.detectChanges();
180
- return this.handleResize();
181
- }
182
- };
183
- BreadCrumbComponent.prototype.shouldResize = function () {
184
- return kendo_angular_common_1.isDocumentAvailable() && this.collapseMode === 'auto';
185
- };
186
- BreadCrumbComponent.prototype.attachResizeHandler = function () {
187
- var _this = this;
188
- // resize when:
189
- // the component is initialized
190
- // the container is resized
191
- // items are added/removed
192
- this.subscriptions.add(rxjs_1.merge(this.resizeSensor.resize, this.itemsData$, this.afterViewInit.asObservable())
193
- .pipe(operators_1.filter(function () { return _this.shouldResize(); }))
194
- .subscribe(function () {
195
- _this.zone.runOutsideAngular(function () {
196
- return setTimeout(function () {
197
- _this.zone.run(function () {
198
- if (_this.listComponent) {
199
- _this.handleResize();
200
- _this.resizeSensor.acceptSize();
201
- }
202
- });
203
- });
204
- });
205
- }));
206
- };
207
- tslib_1.__decorate([
208
- core_1.Input(),
209
- tslib_1.__metadata("design:type", Array),
210
- tslib_1.__metadata("design:paramtypes", [Array])
211
- ], BreadCrumbComponent.prototype, "items", null);
212
- tslib_1.__decorate([
213
- core_1.Input(),
214
- tslib_1.__metadata("design:type", String)
215
- ], BreadCrumbComponent.prototype, "separatorIcon", void 0);
216
- tslib_1.__decorate([
217
- core_1.Input(),
218
- tslib_1.__metadata("design:type", String),
219
- tslib_1.__metadata("design:paramtypes", [String])
220
- ], BreadCrumbComponent.prototype, "collapseMode", null);
221
- tslib_1.__decorate([
222
- core_1.Output(),
223
- tslib_1.__metadata("design:type", core_1.EventEmitter)
224
- ], BreadCrumbComponent.prototype, "itemClick", void 0);
225
- tslib_1.__decorate([
226
- core_1.ViewChild('resizeSensor', { static: true }),
227
- tslib_1.__metadata("design:type", kendo_angular_common_1.ResizeSensorComponent)
228
- ], BreadCrumbComponent.prototype, "resizeSensor", void 0);
229
- tslib_1.__decorate([
230
- core_1.ViewChildren('itemsContainer', { read: core_1.ElementRef }),
231
- tslib_1.__metadata("design:type", core_1.QueryList)
232
- ], BreadCrumbComponent.prototype, "itemsContainers", void 0);
233
- tslib_1.__decorate([
234
- core_1.ViewChild(list_component_1.BreadCrumbListComponent, { static: true }),
235
- tslib_1.__metadata("design:type", list_component_1.BreadCrumbListComponent)
236
- ], BreadCrumbComponent.prototype, "listComponent", void 0);
237
- tslib_1.__decorate([
238
- core_1.ContentChild(item_template_directive_1.BreadCrumbItemTemplateDirective, { static: false }),
239
- tslib_1.__metadata("design:type", item_template_directive_1.BreadCrumbItemTemplateDirective)
240
- ], BreadCrumbComponent.prototype, "itemTemplate", void 0);
241
- tslib_1.__decorate([
242
- core_1.HostBinding('class.k-widget'),
243
- core_1.HostBinding('class.k-breadcrumb'),
244
- tslib_1.__metadata("design:type", Boolean)
245
- ], BreadCrumbComponent.prototype, "hostClasses", void 0);
246
- tslib_1.__decorate([
247
- core_1.HostBinding('class.k-breadcrumb-wrap'),
248
- tslib_1.__metadata("design:type", Boolean),
249
- tslib_1.__metadata("design:paramtypes", [])
250
- ], BreadCrumbComponent.prototype, "wrapMode", null);
251
- tslib_1.__decorate([
252
- core_1.HostBinding('attr.dir'),
253
- tslib_1.__metadata("design:type", String),
254
- tslib_1.__metadata("design:paramtypes", [])
255
- ], BreadCrumbComponent.prototype, "getDir", null);
256
- BreadCrumbComponent = tslib_1.__decorate([
257
- core_1.Component({
258
- exportAs: 'kendoBreadCrumb',
259
- selector: 'kendo-breadcrumb',
260
- providers: [
261
- kendo_angular_l10n_1.LocalizationService,
262
- {
263
- provide: kendo_angular_l10n_1.L10N_PREFIX,
264
- useValue: 'kendo.breadcrumb'
265
- }
266
- ],
267
- template: "\n <ol\n #itemsContainer\n kendoBreadCrumbList\n class=\"k-breadcrumb-root-item-container\"\n *ngIf=\"collapseMode === 'wrap'\"\n [items]=\"firstItem$ | async\"\n [itemTemplate]=\"itemTemplate?.templateRef\"\n [collapseMode]=\"collapseMode\"\n [separatorIcon]=\"separatorIcon\"\n (itemClick)=\"itemClick.emit($event)\"\n ></ol>\n <ol\n #itemsContainer\n kendoBreadCrumbList\n class=\"k-breadcrumb-container\"\n [items]=\"itemsData$ | async\"\n [itemTemplate]=\"itemTemplate?.templateRef\"\n [collapseMode]=\"collapseMode\"\n [separatorIcon]=\"separatorIcon\"\n (itemClick)=\"itemClick.emit($event)\"\n [ngClass]=\"{ 'k-flex-wrap': collapseMode === 'wrap', 'k-flex-none': collapseMode === 'none' }\"\n ></ol>\n <kendo-resize-sensor [rateLimit]=\"1000\" #resizeSensor></kendo-resize-sensor>\n "
268
- }),
269
- tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
270
- core_1.ChangeDetectorRef,
271
- core_1.NgZone,
272
- kendo_angular_l10n_1.LocalizationService])
273
- ], BreadCrumbComponent);
274
- return BreadCrumbComponent;
275
- }());
276
- exports.BreadCrumbComponent = BreadCrumbComponent;
@@ -1,82 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var rxjs_1 = require("rxjs");
10
- var operators_1 = require("rxjs/operators");
11
- var kendo_angular_common_1 = require("@progress/kendo-angular-common");
12
- var constants_1 = require("./models/constants");
13
- var breadcrumb_item_component_1 = require("./breadcrumb-item.component");
14
- var dom_queries_1 = require("../common/dom-queries");
15
- var util_1 = require("../common/util");
16
- /**
17
- * @hidden
18
- */
19
- var BreadCrumbListComponent = /** @class */ (function () {
20
- function BreadCrumbListComponent(el, zone) {
21
- var _this = this;
22
- this.el = el;
23
- this.zone = zone;
24
- this.items = [];
25
- this.collapseMode = 'auto';
26
- this.itemClick = new core_1.EventEmitter();
27
- var element = this.el.nativeElement;
28
- this.isRootItemContainer = element.classList.contains('k-breadcrumb-root-item-container');
29
- this.zone.runOutsideAngular(function () {
30
- var click$ = rxjs_1.fromEvent(element, 'click');
31
- var enterKey$ = rxjs_1.fromEvent(element, 'keydown').pipe(operators_1.filter(function (ev /* KeyboardEvent causes lint error */) { return ev.keyCode === kendo_angular_common_1.Keys.Enter; }));
32
- _this.domEventsSubscription = rxjs_1.merge(click$, enterKey$)
33
- .pipe(operators_1.map(function (ev) { return ev.target; }), operators_1.filter(function (e) { return !e.classList.contains('k-breadcrumb-delimiter-icon'); }), // do not trigger handler when a separator is clicked
34
- operators_1.map(function (e) { return _this.getItemIndex(e); }), operators_1.filter(util_1.isPresent), operators_1.map(function (i) { return parseInt(i, 10); }), operators_1.map(function (i) { return _this.items[i]; }), operators_1.filter(function (item) { return !item.data.disabled && !item.context.isLast; }), operators_1.map(function (item) { return item.data; }))
35
- .subscribe(function (el) {
36
- _this.zone.run(function () { return _this.itemClick.emit(el); });
37
- });
38
- });
39
- }
40
- BreadCrumbListComponent.prototype.ngOnDestroy = function () {
41
- this.domEventsSubscription.unsubscribe();
42
- };
43
- BreadCrumbListComponent.prototype.getItemIndex = function (target) {
44
- var item = dom_queries_1.closestItem(target, constants_1.BREADCRUMB_ITEM_INDEX, this.el.nativeElement);
45
- if (item) {
46
- return dom_queries_1.itemIndex(item, constants_1.BREADCRUMB_ITEM_INDEX);
47
- }
48
- };
49
- tslib_1.__decorate([
50
- core_1.Input(),
51
- tslib_1.__metadata("design:type", Array)
52
- ], BreadCrumbListComponent.prototype, "items", void 0);
53
- tslib_1.__decorate([
54
- core_1.Input(),
55
- tslib_1.__metadata("design:type", core_1.TemplateRef)
56
- ], BreadCrumbListComponent.prototype, "itemTemplate", void 0);
57
- tslib_1.__decorate([
58
- core_1.Input(),
59
- tslib_1.__metadata("design:type", String)
60
- ], BreadCrumbListComponent.prototype, "collapseMode", void 0);
61
- tslib_1.__decorate([
62
- core_1.Input(),
63
- tslib_1.__metadata("design:type", String)
64
- ], BreadCrumbListComponent.prototype, "separatorIcon", void 0);
65
- tslib_1.__decorate([
66
- core_1.Output(),
67
- tslib_1.__metadata("design:type", core_1.EventEmitter)
68
- ], BreadCrumbListComponent.prototype, "itemClick", void 0);
69
- tslib_1.__decorate([
70
- core_1.ViewChildren(breadcrumb_item_component_1.BreadCrumbItemComponent),
71
- tslib_1.__metadata("design:type", core_1.QueryList)
72
- ], BreadCrumbListComponent.prototype, "renderedItems", void 0);
73
- BreadCrumbListComponent = tslib_1.__decorate([
74
- core_1.Component({
75
- selector: '[kendoBreadCrumbList]',
76
- template: "\n <ng-container *ngFor=\"let item of items; let i = index; let isFirst = first; let isLast = last\">\n <li\n #renderedItem\n kendoBreadCrumbItem\n *ngIf=\"!(collapseMode === 'wrap' && isFirst) || isRootItemContainer\"\n [attr." + constants_1.BREADCRUMB_ITEM_INDEX + "]=\"i\"\n [item]=\"item\"\n [index]=\"i\"\n [collapseMode]=\"collapseMode\"\n [itemTemplate]=\"itemTemplate\"\n >\n <span kendoBreadCrumbSeparator [icon]=\"separatorIcon\" *ngIf=\"collapseMode === 'wrap' && !isFirst\"></span>\n <span\n kendoBreadCrumbSeparator\n [icon]=\"separatorIcon\"\n *ngIf=\"collapseMode !== 'wrap' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)\"\n ></span>\n </li>\n </ng-container>\n "
77
- }),
78
- tslib_1.__metadata("design:paramtypes", [core_1.ElementRef, core_1.NgZone])
79
- ], BreadCrumbListComponent);
80
- return BreadCrumbListComponent;
81
- }());
82
- exports.BreadCrumbListComponent = BreadCrumbListComponent;
@@ -1,6 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,6 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,10 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- /**
8
- * @hidden
9
- */
10
- exports.BREADCRUMB_ITEM_INDEX = 'data-kendo-breadcrumb-index';
@@ -1,28 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- /**
10
- * Represents a template that defines the content of a Breadcrumb item.
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
- var BreadCrumbItemTemplateDirective = /** @class */ (function () {
16
- function BreadCrumbItemTemplateDirective(templateRef) {
17
- this.templateRef = templateRef;
18
- }
19
- BreadCrumbItemTemplateDirective = tslib_1.__decorate([
20
- core_1.Directive({
21
- selector: '[kendoBreadCrumbItemTemplate]'
22
- }),
23
- tslib_1.__param(0, core_1.Optional()),
24
- tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
25
- ], BreadCrumbItemTemplateDirective);
26
- return BreadCrumbItemTemplateDirective;
27
- }());
28
- exports.BreadCrumbItemTemplateDirective = BreadCrumbItemTemplateDirective;
@@ -1,80 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var util_1 = require("../../common/util");
10
- var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
11
- var DEFAULT_ICON = 'arrow-chevron-right';
12
- var DEFAULT_RTL_ICON = 'arrow-chevron-left';
13
- /**
14
- * @hidden
15
- */
16
- var BreadCrumbSeparatorDirective = /** @class */ (function () {
17
- function BreadCrumbSeparatorDirective(el, localization) {
18
- this.el = el;
19
- this.localization = localization;
20
- this.defaultClasses = true;
21
- this.ariaHidden = true;
22
- this.direction = 'ltr';
23
- this.direction = this.localization.rtl ? 'rtl' : 'ltr';
24
- }
25
- Object.defineProperty(BreadCrumbSeparatorDirective.prototype, "icon", {
26
- get: function () {
27
- return this._icon;
28
- },
29
- set: function (icon) {
30
- var element = this.el.nativeElement;
31
- element.classList.remove("k-i-" + this._icon);
32
- if (util_1.isPresent(icon)) {
33
- this._icon = icon;
34
- this.hasDefaultIcon = false;
35
- }
36
- else {
37
- this._icon = this.direction === 'ltr' ? DEFAULT_ICON : DEFAULT_RTL_ICON;
38
- this.hasDefaultIcon = true;
39
- }
40
- element.classList.add("k-i-" + this._icon);
41
- },
42
- enumerable: true,
43
- configurable: true
44
- });
45
- BreadCrumbSeparatorDirective.prototype.ngOnInit = function () {
46
- var _this = this;
47
- this.localizationChangesSubscription = this.localization.changes.subscribe(function (_a) {
48
- var rtl = _a.rtl;
49
- _this.direction = rtl ? 'rtl' : 'ltr';
50
- if (_this.hasDefaultIcon) {
51
- _this.icon = undefined;
52
- }
53
- });
54
- };
55
- BreadCrumbSeparatorDirective.prototype.ngOnDestroy = function () {
56
- this.localizationChangesSubscription.unsubscribe();
57
- };
58
- tslib_1.__decorate([
59
- core_1.Input(),
60
- tslib_1.__metadata("design:type", String),
61
- tslib_1.__metadata("design:paramtypes", [String])
62
- ], BreadCrumbSeparatorDirective.prototype, "icon", null);
63
- tslib_1.__decorate([
64
- core_1.HostBinding('class.k-breadcrumb-delimiter-icon'),
65
- core_1.HostBinding('class.k-icon'),
66
- tslib_1.__metadata("design:type", Boolean)
67
- ], BreadCrumbSeparatorDirective.prototype, "defaultClasses", void 0);
68
- tslib_1.__decorate([
69
- core_1.HostBinding('attr.aria-hidden'),
70
- tslib_1.__metadata("design:type", Boolean)
71
- ], BreadCrumbSeparatorDirective.prototype, "ariaHidden", void 0);
72
- BreadCrumbSeparatorDirective = tslib_1.__decorate([
73
- core_1.Directive({
74
- selector: '[kendoBreadCrumbSeparator]'
75
- }),
76
- tslib_1.__metadata("design:paramtypes", [core_1.ElementRef, kendo_angular_l10n_1.LocalizationService])
77
- ], BreadCrumbSeparatorDirective);
78
- return BreadCrumbSeparatorDirective;
79
- }());
80
- exports.BreadCrumbSeparatorDirective = BreadCrumbSeparatorDirective;
@@ -1,30 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var getCollapsed = function (itemComponent) { return itemComponent.item.context.collapsed; };
8
- var ɵ0 = getCollapsed;
9
- exports.ɵ0 = ɵ0;
10
- /**
11
- * @hidden
12
- */
13
- exports.collapsed = function (itemComponent) { return getCollapsed(itemComponent) === true; };
14
- /**
15
- * @hidden
16
- */
17
- exports.expanded = function (itemComponent) { return getCollapsed(itemComponent) === false; };
18
- var toggleFirst = function (collapsed) { return function (itemComponents) {
19
- return (itemComponents.find(function (ic) { return getCollapsed(ic) === collapsed; }).item.context.collapsed = !collapsed);
20
- }; };
21
- var ɵ1 = toggleFirst;
22
- exports.ɵ1 = ɵ1;
23
- /**
24
- * @hidden
25
- */
26
- exports.collapseFirst = toggleFirst(false);
27
- /**
28
- * @hidden
29
- */
30
- exports.expandFirst = toggleFirst(true);
@@ -1,70 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var common_1 = require("@angular/common");
10
- var kendo_angular_common_1 = require("@progress/kendo-angular-common");
11
- var breadcrumb_component_1 = require("./breadcrumb/breadcrumb.component");
12
- var breadcrumb_item_component_1 = require("./breadcrumb/breadcrumb-item.component");
13
- var item_template_directive_1 = require("./breadcrumb/template-directives/item-template.directive");
14
- var separator_directive_1 = require("./breadcrumb/template-directives/separator.directive");
15
- var list_component_1 = require("./breadcrumb/list.component");
16
- var templateDirectives = [
17
- item_template_directive_1.BreadCrumbItemTemplateDirective
18
- ];
19
- var exportedModules = [
20
- breadcrumb_component_1.BreadCrumbComponent,
21
- breadcrumb_item_component_1.BreadCrumbItemComponent,
22
- list_component_1.BreadCrumbListComponent
23
- ].concat(templateDirectives);
24
- var declarations = exportedModules.concat([
25
- separator_directive_1.BreadCrumbSeparatorDirective
26
- ]);
27
- /**
28
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
29
- * definition for the BreadCrumb component.
30
- * @example
31
- *
32
- * ```ts-no-run
33
- * // Import the BreadCrumb module
34
- * import { BreadCrumbModule } from '@progress/kendo-angular-navigation';
35
- *
36
- * // The browser platform with a compiler
37
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
38
- * import { BrowserModule } from '@angular/platform-browser';
39
- *
40
- * import { NgModule } from '@angular/core';
41
- *
42
- * // Import the app component
43
- * import { AppComponent } from './app.component';
44
- *
45
- * // Define the app module
46
- * _@NgModule({
47
- * declarations: [AppComponent], // declare app component
48
- * imports: [BrowserModule, BreadCrumbModule], // import BreadCrumb module
49
- * bootstrap: [AppComponent]
50
- * })
51
- * export class AppModule {}
52
- *
53
- * // Compile and launch the module
54
- * platformBrowserDynamic().bootstrapModule(AppModule);
55
- *
56
- * ```
57
- */
58
- var BreadCrumbModule = /** @class */ (function () {
59
- function BreadCrumbModule() {
60
- }
61
- BreadCrumbModule = tslib_1.__decorate([
62
- core_1.NgModule({
63
- declarations: [declarations],
64
- exports: [exportedModules],
65
- imports: [common_1.CommonModule, kendo_angular_common_1.ResizeSensorModule]
66
- })
67
- ], BreadCrumbModule);
68
- return BreadCrumbModule;
69
- }());
70
- exports.BreadCrumbModule = BreadCrumbModule;
@@ -1,6 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,28 +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
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var util_1 = require("./util");
8
- var closestInScope = function (target, targetAttr, predicate, scope) {
9
- while (target && target !== scope && !predicate(target, targetAttr)) {
10
- target = target.parentNode;
11
- }
12
- if (target !== scope) {
13
- return target;
14
- }
15
- };
16
- var ɵ0 = closestInScope;
17
- exports.ɵ0 = ɵ0;
18
- var hasItemIndex = function (item, indexAttr) { return util_1.isPresent(item.getAttribute(indexAttr)); };
19
- var ɵ1 = hasItemIndex;
20
- exports.ɵ1 = ɵ1;
21
- /**
22
- * @hidden
23
- */
24
- exports.itemIndex = function (item, indexAttr) { return +item.getAttribute(indexAttr); };
25
- /**
26
- * @hidden
27
- */
28
- exports.closestItem = function (target, targetAttr, scope) { return closestInScope(target, targetAttr, hasItemIndex, scope); };