@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.
- package/{dist/es2015/appbar → appbar}/appbar-section.component.d.ts +3 -0
- package/{dist/es2015/appbar → appbar}/appbar-spacer.component.d.ts +4 -1
- package/{dist/es2015/appbar → appbar}/appbar.component.d.ts +11 -8
- package/{dist/es2015/appbar → appbar}/models/position-mode.d.ts +0 -0
- package/{dist/es2015/appbar → appbar}/models/position.d.ts +0 -0
- package/{dist/es2015/appbar → appbar}/models/theme-color.d.ts +0 -0
- package/{dist/es2015/appbar.module.d.ts → appbar.module.d.ts} +8 -0
- package/{dist/es2015/bottomnavigation → bottomnavigation}/bottomnavigation-item.component.d.ts +11 -8
- package/{dist/es2015/bottomnavigation → bottomnavigation}/bottomnavigation.component.d.ts +13 -6
- package/{dist/es2015/bottomnavigation → bottomnavigation}/constants.d.ts +0 -0
- package/{dist/es2015/bottomnavigation → bottomnavigation}/events/select-event.d.ts +0 -0
- package/{dist/es2015/bottomnavigation → bottomnavigation}/templates/item-template.directive.d.ts +3 -0
- package/{dist/es2015/bottomnavigation → bottomnavigation}/types/bottomnavigation-fill.d.ts +0 -0
- package/{dist/es2015/bottomnavigation → bottomnavigation}/types/bottomnavigation-item-flow.d.ts +0 -0
- package/{dist/es2015/bottomnavigation → bottomnavigation}/types/bottomnavigation-item.d.ts +0 -0
- package/{dist/es2015/bottomnavigation → bottomnavigation}/types/bottomnavigation-position-mode.d.ts +0 -0
- package/{dist/es2015/bottomnavigation → bottomnavigation}/types/bottomnavigation-theme-color.d.ts +0 -0
- package/{dist/es2015/bottomnavigation.module.d.ts → bottomnavigation.module.d.ts} +8 -0
- package/{dist/es2015/breadcrumb → breadcrumb}/breadcrumb-item.component.d.ts +6 -3
- package/{dist/es2015/breadcrumb → breadcrumb}/breadcrumb.component.d.ts +9 -4
- package/{dist/es2015/breadcrumb → breadcrumb}/list.component.d.ts +3 -0
- package/{dist/es2015/breadcrumb → breadcrumb}/models/breadcrumb-item.interface.d.ts +0 -0
- package/{dist/es2015/breadcrumb → breadcrumb}/models/collapse-mode.d.ts +0 -0
- package/{dist/es2015/breadcrumb → breadcrumb}/models/constants.d.ts +0 -0
- package/{dist/es2015/breadcrumb → breadcrumb}/template-directives/item-template.directive.d.ts +3 -0
- package/{dist/es2015/breadcrumb → breadcrumb}/template-directives/separator.directive.d.ts +5 -1
- package/{dist/es2015/breadcrumb → breadcrumb}/util.d.ts +0 -0
- package/{dist/es2015/breadcrumb.module.d.ts → breadcrumb.module.d.ts} +11 -0
- package/bundles/kendo-angular-navigation.umd.js +5 -0
- package/{dist/es2015/common → common}/direction.d.ts +0 -0
- package/{dist/es2015/common → common}/dom-queries.d.ts +0 -0
- package/{dist/es2015/common → common}/preventable-event.d.ts +0 -0
- package/{dist/es2015/common → common}/util.d.ts +0 -0
- package/esm2015/appbar/appbar-section.component.js +45 -0
- package/{dist/es2015 → esm2015}/appbar/appbar-spacer.component.js +21 -25
- package/{dist/es2015 → esm2015}/appbar/appbar.component.js +65 -79
- package/{dist/es → esm2015}/appbar/models/position-mode.js +1 -0
- package/{dist/es2015 → esm2015}/appbar/models/position.js +1 -0
- package/{dist/es2015 → esm2015}/appbar/models/theme-color.js +1 -0
- package/{dist/es2015 → esm2015}/appbar.module.js +18 -11
- package/esm2015/bottomnavigation/bottomnavigation-item.component.js +102 -0
- package/{dist/es2015 → esm2015}/bottomnavigation/bottomnavigation.component.js +70 -88
- package/{dist/es2015 → esm2015}/bottomnavigation/constants.js +0 -0
- package/{dist/es2015 → esm2015}/bottomnavigation/events/select-event.js +0 -0
- package/esm2015/bottomnavigation/templates/item-template.directive.js +26 -0
- package/{dist/es2015 → esm2015}/bottomnavigation/types/bottomnavigation-fill.js +1 -0
- package/{dist/es → esm2015}/bottomnavigation/types/bottomnavigation-item-flow.js +1 -0
- package/{dist/es → esm2015}/bottomnavigation/types/bottomnavigation-item.js +1 -0
- package/{dist/es → esm2015}/bottomnavigation/types/bottomnavigation-position-mode.js +1 -0
- package/{dist/es2015 → esm2015}/bottomnavigation/types/bottomnavigation-theme-color.js +1 -0
- package/{dist/es2015 → esm2015}/bottomnavigation.module.js +14 -11
- package/esm2015/breadcrumb/breadcrumb-item.component.js +161 -0
- package/{dist/es2015 → esm2015}/breadcrumb/breadcrumb.component.js +88 -73
- package/esm2015/breadcrumb/list.component.js +92 -0
- package/{dist/es → esm2015}/breadcrumb/models/breadcrumb-item.interface.js +1 -0
- package/{dist/es → esm2015}/breadcrumb/models/collapse-mode.js +1 -0
- package/{dist/es2015 → esm2015}/breadcrumb/models/constants.js +0 -0
- package/esm2015/breadcrumb/template-directives/item-template.directive.js +27 -0
- package/esm2015/breadcrumb/template-directives/separator.directive.js +69 -0
- package/{dist/es2015 → esm2015}/breadcrumb/util.js +0 -3
- package/{dist/es2015 → esm2015}/breadcrumb.module.js +18 -11
- package/{dist/es → esm2015}/common/direction.js +1 -0
- package/{dist/es2015 → esm2015}/common/dom-queries.js +0 -3
- package/{dist/es2015 → esm2015}/common/preventable-event.js +0 -0
- package/{dist/es2015 → esm2015}/common/util.js +0 -0
- package/{dist/es/appbar/models/position.js → esm2015/kendo-angular-navigation.js} +4 -0
- package/{dist/es → esm2015}/main.js +2 -0
- package/{dist/es2015 → esm2015}/navigation.module.js +20 -13
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-navigation.js} +584 -568
- package/{dist/es/breadcrumb/models/constants.js → kendo-angular-navigation.d.ts} +3 -2
- package/{dist/es2015/main.d.ts → main.d.ts} +2 -0
- package/{dist/es2015/navigation.module.d.ts → navigation.module.d.ts} +7 -0
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +33 -109
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/dist/cdn/js/kendo-angular-navigation.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/appbar/appbar-section.component.js +0 -41
- package/dist/es/appbar/appbar-spacer.component.js +0 -77
- package/dist/es/appbar/appbar.component.js +0 -202
- package/dist/es/appbar/models/theme-color.js +0 -4
- package/dist/es/appbar.module.js +0 -61
- package/dist/es/bottomnavigation/bottomnavigation-item.component.js +0 -136
- package/dist/es/bottomnavigation/bottomnavigation.component.js +0 -356
- package/dist/es/bottomnavigation/constants.js +0 -12
- package/dist/es/bottomnavigation/events/select-event.js +0 -17
- package/dist/es/bottomnavigation/templates/item-template.directive.js +0 -25
- package/dist/es/bottomnavigation/types/bottomnavigation-fill.js +0 -4
- package/dist/es/bottomnavigation/types/bottomnavigation-theme-color.js +0 -19
- package/dist/es/bottomnavigation.module.js +0 -57
- package/dist/es/breadcrumb/breadcrumb-item.component.js +0 -98
- package/dist/es/breadcrumb/breadcrumb.component.js +0 -274
- package/dist/es/breadcrumb/list.component.js +0 -80
- package/dist/es/breadcrumb/template-directives/item-template.directive.js +0 -26
- package/dist/es/breadcrumb/template-directives/separator.directive.js +0 -78
- package/dist/es/breadcrumb/util.js +0 -27
- package/dist/es/breadcrumb.module.js +0 -68
- package/dist/es/common/dom-queries.js +0 -25
- package/dist/es/common/preventable-event.js +0 -36
- package/dist/es/common/util.js +0 -17
- package/dist/es/index.js +0 -15
- package/dist/es/navigation.module.js +0 -55
- package/dist/es/package-metadata.js +0 -15
- package/dist/es2015/appbar/appbar-section.component.js +0 -60
- package/dist/es2015/appbar/models/position-mode.js +0 -4
- package/dist/es2015/bottomnavigation/bottomnavigation-item.component.js +0 -110
- package/dist/es2015/bottomnavigation/templates/item-template.directive.js +0 -24
- package/dist/es2015/bottomnavigation/types/bottomnavigation-item-flow.js +0 -4
- package/dist/es2015/bottomnavigation/types/bottomnavigation-item.js +0 -4
- package/dist/es2015/bottomnavigation/types/bottomnavigation-position-mode.js +0 -4
- package/dist/es2015/breadcrumb/breadcrumb-item.component.js +0 -128
- package/dist/es2015/breadcrumb/list.component.js +0 -98
- package/dist/es2015/breadcrumb/models/breadcrumb-item.interface.js +0 -4
- package/dist/es2015/breadcrumb/models/collapse-mode.js +0 -4
- package/dist/es2015/breadcrumb/template-directives/item-template.directive.js +0 -25
- package/dist/es2015/breadcrumb/template-directives/separator.directive.js +0 -71
- package/dist/es2015/common/direction.js +0 -4
- package/dist/es2015/index.d.ts +0 -15
- package/dist/es2015/index.js +0 -15
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/main.js +0 -19
- package/dist/fesm5/index.js +0 -1633
- package/dist/npm/appbar/appbar-section.component.js +0 -43
- package/dist/npm/appbar/appbar-spacer.component.js +0 -79
- package/dist/npm/appbar/appbar.component.js +0 -204
- package/dist/npm/appbar/models/position-mode.js +0 -6
- package/dist/npm/appbar/models/position.js +0 -6
- package/dist/npm/appbar/models/theme-color.js +0 -6
- package/dist/npm/appbar.module.js +0 -63
- package/dist/npm/bottomnavigation/bottomnavigation-item.component.js +0 -138
- package/dist/npm/bottomnavigation/bottomnavigation.component.js +0 -358
- package/dist/npm/bottomnavigation/constants.js +0 -14
- package/dist/npm/bottomnavigation/events/select-event.js +0 -19
- package/dist/npm/bottomnavigation/templates/item-template.directive.js +0 -27
- package/dist/npm/bottomnavigation/types/bottomnavigation-fill.js +0 -6
- package/dist/npm/bottomnavigation/types/bottomnavigation-item-flow.js +0 -6
- package/dist/npm/bottomnavigation/types/bottomnavigation-item.js +0 -6
- package/dist/npm/bottomnavigation/types/bottomnavigation-position-mode.js +0 -6
- package/dist/npm/bottomnavigation/types/bottomnavigation-theme-color.js +0 -21
- package/dist/npm/bottomnavigation.module.js +0 -59
- package/dist/npm/breadcrumb/breadcrumb-item.component.js +0 -100
- package/dist/npm/breadcrumb/breadcrumb.component.js +0 -276
- package/dist/npm/breadcrumb/list.component.js +0 -82
- package/dist/npm/breadcrumb/models/breadcrumb-item.interface.js +0 -6
- package/dist/npm/breadcrumb/models/collapse-mode.js +0 -6
- package/dist/npm/breadcrumb/models/constants.js +0 -10
- package/dist/npm/breadcrumb/template-directives/item-template.directive.js +0 -28
- package/dist/npm/breadcrumb/template-directives/separator.directive.js +0 -80
- package/dist/npm/breadcrumb/util.js +0 -30
- package/dist/npm/breadcrumb.module.js +0 -70
- package/dist/npm/common/direction.js +0 -6
- package/dist/npm/common/dom-queries.js +0 -28
- package/dist/npm/common/preventable-event.js +0 -38
- package/dist/npm/common/util.js +0 -19
- package/dist/npm/index.js +0 -25
- package/dist/npm/main.js +0 -33
- package/dist/npm/navigation.module.js +0 -57
- package/dist/npm/package-metadata.js +0 -17
- package/dist/systemjs/kendo-angular-navigation.js +0 -5
|
@@ -1,202 +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, Input } from '@angular/core';
|
|
7
|
-
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import { validatePackage } from '@progress/kendo-licensing';
|
|
9
|
-
import { packageMetadata } from '../package-metadata';
|
|
10
|
-
/**
|
|
11
|
-
* Represents the [Kendo UI AppBar component for Angular]({% slug overview_appbar %}).
|
|
12
|
-
* Used to display information, actions, branding titles and additional navigation on the current screen.
|
|
13
|
-
*/
|
|
14
|
-
var AppBarComponent = /** @class */ (function () {
|
|
15
|
-
function AppBarComponent(localizationService) {
|
|
16
|
-
var _this = this;
|
|
17
|
-
this.localizationService = localizationService;
|
|
18
|
-
this.hostClass = true;
|
|
19
|
-
/**
|
|
20
|
-
* Specifies the position of the AppBar
|
|
21
|
-
* ([see example]({% slug positioning_appbar %}#toc-position)).
|
|
22
|
-
*
|
|
23
|
-
* * The possible values are:
|
|
24
|
-
* * `top` (Default)—Positions the AppBar at the top of the content.
|
|
25
|
-
* Setting the `position` property to `top` requires adding the Appbar component before the page content.
|
|
26
|
-
* The position property applies CSS `top: 0` style in [`fixed mode`]({% slug api_navigation_appbarcomponent %}#toc-positionMode) and also adds a `box-shadow` to the bottom of the AppBar.
|
|
27
|
-
*
|
|
28
|
-
* * `bottom`—Positions the AppBar at the bottom of the content.
|
|
29
|
-
* Setting the `position` property to `bottom` requires adding the Appbar component after the page content.
|
|
30
|
-
* The position property applies CSS `bottom: 0` style in [`fixed mode`]({% slug api_navigation_appbarcomponent %}#toc-positionMode) and also adds a `box-shadow ` to the top of the AppBar.
|
|
31
|
-
*
|
|
32
|
-
*/
|
|
33
|
-
this.position = 'top';
|
|
34
|
-
/**
|
|
35
|
-
* Specifies the positionMode of the AppBar
|
|
36
|
-
* ([see example]({% slug positioning_appbar %}#toc-positionmode)).
|
|
37
|
-
*
|
|
38
|
-
* * The possible values are:
|
|
39
|
-
* * `static` (Default)—Does not position the AppBar in any special way. It is positioned according to the normal flow of the page.
|
|
40
|
-
* * `sticky`—Positions the AppBar based on the user's scroll position. A sticky element toggles between static and fixed CSS [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property, depending on the scroll position.
|
|
41
|
-
* * `fixed`—Positions the AppBar relative to the viewport. It always stays in the same place even if the page is scrolled.
|
|
42
|
-
*/
|
|
43
|
-
this.positionMode = 'static';
|
|
44
|
-
/**
|
|
45
|
-
* Specifies the theme color of the AppBar.
|
|
46
|
-
* The theme color will be applied as background color of the component.
|
|
47
|
-
*
|
|
48
|
-
*
|
|
49
|
-
* * The possible values are:
|
|
50
|
-
* * `light` (Default)—Applies coloring based on light theme color.
|
|
51
|
-
* * `dark`—Applies coloring based on dark theme color.
|
|
52
|
-
* * `inherit`— Applies inherited coloring value.
|
|
53
|
-
*
|
|
54
|
-
*/
|
|
55
|
-
this.themeColor = 'light';
|
|
56
|
-
this.rtl = false;
|
|
57
|
-
validatePackage(packageMetadata);
|
|
58
|
-
this.dynamicRTLSubscription = this.localizationService.changes.subscribe(function (_a) {
|
|
59
|
-
var rtl = _a.rtl;
|
|
60
|
-
_this.rtl = rtl;
|
|
61
|
-
_this.direction = _this.rtl ? 'rtl' : 'ltr';
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
Object.defineProperty(AppBarComponent.prototype, "topClass", {
|
|
65
|
-
get: function () {
|
|
66
|
-
return this.position === 'top';
|
|
67
|
-
},
|
|
68
|
-
enumerable: true,
|
|
69
|
-
configurable: true
|
|
70
|
-
});
|
|
71
|
-
Object.defineProperty(AppBarComponent.prototype, "bottomClass", {
|
|
72
|
-
get: function () {
|
|
73
|
-
return this.position === 'bottom';
|
|
74
|
-
},
|
|
75
|
-
enumerable: true,
|
|
76
|
-
configurable: true
|
|
77
|
-
});
|
|
78
|
-
Object.defineProperty(AppBarComponent.prototype, "stickyClass", {
|
|
79
|
-
get: function () {
|
|
80
|
-
return this.positionMode === 'sticky';
|
|
81
|
-
},
|
|
82
|
-
enumerable: true,
|
|
83
|
-
configurable: true
|
|
84
|
-
});
|
|
85
|
-
Object.defineProperty(AppBarComponent.prototype, "fixedClass", {
|
|
86
|
-
get: function () {
|
|
87
|
-
return this.positionMode === 'fixed';
|
|
88
|
-
},
|
|
89
|
-
enumerable: true,
|
|
90
|
-
configurable: true
|
|
91
|
-
});
|
|
92
|
-
Object.defineProperty(AppBarComponent.prototype, "staticClass", {
|
|
93
|
-
get: function () {
|
|
94
|
-
return this.positionMode === 'static';
|
|
95
|
-
},
|
|
96
|
-
enumerable: true,
|
|
97
|
-
configurable: true
|
|
98
|
-
});
|
|
99
|
-
Object.defineProperty(AppBarComponent.prototype, "lightClass", {
|
|
100
|
-
get: function () {
|
|
101
|
-
return this.themeColor === 'light';
|
|
102
|
-
},
|
|
103
|
-
enumerable: true,
|
|
104
|
-
configurable: true
|
|
105
|
-
});
|
|
106
|
-
Object.defineProperty(AppBarComponent.prototype, "darkClass", {
|
|
107
|
-
get: function () {
|
|
108
|
-
return this.themeColor === 'dark';
|
|
109
|
-
},
|
|
110
|
-
enumerable: true,
|
|
111
|
-
configurable: true
|
|
112
|
-
});
|
|
113
|
-
Object.defineProperty(AppBarComponent.prototype, "inheritClass", {
|
|
114
|
-
get: function () {
|
|
115
|
-
return this.themeColor === 'inherit';
|
|
116
|
-
},
|
|
117
|
-
enumerable: true,
|
|
118
|
-
configurable: true
|
|
119
|
-
});
|
|
120
|
-
AppBarComponent.prototype.ngOnDestroy = function () {
|
|
121
|
-
if (this.dynamicRTLSubscription) {
|
|
122
|
-
this.dynamicRTLSubscription.unsubscribe();
|
|
123
|
-
}
|
|
124
|
-
};
|
|
125
|
-
tslib_1.__decorate([
|
|
126
|
-
HostBinding('class.k-appbar'),
|
|
127
|
-
tslib_1.__metadata("design:type", Boolean)
|
|
128
|
-
], AppBarComponent.prototype, "hostClass", void 0);
|
|
129
|
-
tslib_1.__decorate([
|
|
130
|
-
HostBinding('class.k-appbar-top'),
|
|
131
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
132
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
133
|
-
], AppBarComponent.prototype, "topClass", null);
|
|
134
|
-
tslib_1.__decorate([
|
|
135
|
-
HostBinding('class.k-appbar-bottom'),
|
|
136
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
137
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
138
|
-
], AppBarComponent.prototype, "bottomClass", null);
|
|
139
|
-
tslib_1.__decorate([
|
|
140
|
-
HostBinding('class.k-appbar-sticky'),
|
|
141
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
142
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
143
|
-
], AppBarComponent.prototype, "stickyClass", null);
|
|
144
|
-
tslib_1.__decorate([
|
|
145
|
-
HostBinding('class.k-appbar-fixed'),
|
|
146
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
147
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
148
|
-
], AppBarComponent.prototype, "fixedClass", null);
|
|
149
|
-
tslib_1.__decorate([
|
|
150
|
-
HostBinding('class.k-appbar-static'),
|
|
151
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
152
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
153
|
-
], AppBarComponent.prototype, "staticClass", null);
|
|
154
|
-
tslib_1.__decorate([
|
|
155
|
-
HostBinding('class.k-appbar-light'),
|
|
156
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
157
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
158
|
-
], AppBarComponent.prototype, "lightClass", null);
|
|
159
|
-
tslib_1.__decorate([
|
|
160
|
-
HostBinding('class.k-appbar-dark'),
|
|
161
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
162
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
163
|
-
], AppBarComponent.prototype, "darkClass", null);
|
|
164
|
-
tslib_1.__decorate([
|
|
165
|
-
HostBinding('class.k-appbar-inherit'),
|
|
166
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
167
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
168
|
-
], AppBarComponent.prototype, "inheritClass", null);
|
|
169
|
-
tslib_1.__decorate([
|
|
170
|
-
HostBinding('attr.dir'),
|
|
171
|
-
tslib_1.__metadata("design:type", String)
|
|
172
|
-
], AppBarComponent.prototype, "direction", void 0);
|
|
173
|
-
tslib_1.__decorate([
|
|
174
|
-
Input(),
|
|
175
|
-
tslib_1.__metadata("design:type", String)
|
|
176
|
-
], AppBarComponent.prototype, "position", void 0);
|
|
177
|
-
tslib_1.__decorate([
|
|
178
|
-
Input(),
|
|
179
|
-
tslib_1.__metadata("design:type", String)
|
|
180
|
-
], AppBarComponent.prototype, "positionMode", void 0);
|
|
181
|
-
tslib_1.__decorate([
|
|
182
|
-
Input(),
|
|
183
|
-
tslib_1.__metadata("design:type", String)
|
|
184
|
-
], AppBarComponent.prototype, "themeColor", void 0);
|
|
185
|
-
AppBarComponent = tslib_1.__decorate([
|
|
186
|
-
Component({
|
|
187
|
-
exportAs: 'kendoAppBar',
|
|
188
|
-
selector: 'kendo-appbar',
|
|
189
|
-
template: "\n <ng-content></ng-content>\n ",
|
|
190
|
-
providers: [
|
|
191
|
-
LocalizationService,
|
|
192
|
-
{
|
|
193
|
-
provide: L10N_PREFIX,
|
|
194
|
-
useValue: 'kendo.appbar.component'
|
|
195
|
-
}
|
|
196
|
-
]
|
|
197
|
-
}),
|
|
198
|
-
tslib_1.__metadata("design:paramtypes", [LocalizationService])
|
|
199
|
-
], AppBarComponent);
|
|
200
|
-
return AppBarComponent;
|
|
201
|
-
}());
|
|
202
|
-
export { AppBarComponent };
|
|
@@ -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
|
-
*-------------------------------------------------------------------------------------------*/
|
package/dist/es/appbar.module.js
DELETED
|
@@ -1,61 +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 { CommonModule } from '@angular/common';
|
|
8
|
-
import { AppBarComponent } from './appbar/appbar.component';
|
|
9
|
-
import { AppBarSectionComponent } from './appbar/appbar-section.component';
|
|
10
|
-
import { AppBarSpacerComponent } from './appbar/appbar-spacer.component';
|
|
11
|
-
var exportedModules = [
|
|
12
|
-
AppBarComponent,
|
|
13
|
-
AppBarSectionComponent,
|
|
14
|
-
AppBarSpacerComponent
|
|
15
|
-
];
|
|
16
|
-
var declarations = exportedModules.slice();
|
|
17
|
-
/**
|
|
18
|
-
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
19
|
-
* definition for the AppBar component.
|
|
20
|
-
*
|
|
21
|
-
* * @example
|
|
22
|
-
*
|
|
23
|
-
* ```ts-no-run
|
|
24
|
-
* // Import the AppBar module
|
|
25
|
-
* import { AppBarModule } from '@progress/kendo-angular-navigation';
|
|
26
|
-
*
|
|
27
|
-
* // The browser platform with a compiler
|
|
28
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
29
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
30
|
-
*
|
|
31
|
-
* import { NgModule } from '@angular/core';
|
|
32
|
-
*
|
|
33
|
-
* // Import the app component
|
|
34
|
-
* import { AppComponent } from './app.component';
|
|
35
|
-
*
|
|
36
|
-
* // Define the app module
|
|
37
|
-
* _@NgModule({
|
|
38
|
-
* declarations: [AppComponent], // declare app component
|
|
39
|
-
* imports: [BrowserModule, AppBarModule], // import AppBar module
|
|
40
|
-
* bootstrap: [AppComponent]
|
|
41
|
-
* })
|
|
42
|
-
* export class AppModule {}
|
|
43
|
-
*
|
|
44
|
-
* // Compile and launch the module
|
|
45
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
46
|
-
*
|
|
47
|
-
* ```
|
|
48
|
-
*/
|
|
49
|
-
var AppBarModule = /** @class */ (function () {
|
|
50
|
-
function AppBarModule() {
|
|
51
|
-
}
|
|
52
|
-
AppBarModule = tslib_1.__decorate([
|
|
53
|
-
NgModule({
|
|
54
|
-
declarations: [declarations],
|
|
55
|
-
exports: [exportedModules],
|
|
56
|
-
imports: [CommonModule]
|
|
57
|
-
})
|
|
58
|
-
], AppBarModule);
|
|
59
|
-
return AppBarModule;
|
|
60
|
-
}());
|
|
61
|
-
export { AppBarModule };
|
|
@@ -1,136 +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
|
-
var BottomNavigationItemComponent = /** @class */ (function () {
|
|
12
|
-
function BottomNavigationItemComponent() {
|
|
13
|
-
}
|
|
14
|
-
Object.defineProperty(BottomNavigationItemComponent.prototype, "disabledClass", {
|
|
15
|
-
get: function () {
|
|
16
|
-
return this.item.disabled;
|
|
17
|
-
},
|
|
18
|
-
enumerable: true,
|
|
19
|
-
configurable: true
|
|
20
|
-
});
|
|
21
|
-
Object.defineProperty(BottomNavigationItemComponent.prototype, "horizontalItemClass", {
|
|
22
|
-
get: function () {
|
|
23
|
-
return this.orientation === 'horizontal';
|
|
24
|
-
},
|
|
25
|
-
enumerable: true,
|
|
26
|
-
configurable: true
|
|
27
|
-
});
|
|
28
|
-
Object.defineProperty(BottomNavigationItemComponent.prototype, "verticalItemClass", {
|
|
29
|
-
get: function () {
|
|
30
|
-
return this.orientation === 'vertical';
|
|
31
|
-
},
|
|
32
|
-
enumerable: true,
|
|
33
|
-
configurable: true
|
|
34
|
-
});
|
|
35
|
-
Object.defineProperty(BottomNavigationItemComponent.prototype, "label", {
|
|
36
|
-
get: function () {
|
|
37
|
-
return this.item.text ? this.item.text : null;
|
|
38
|
-
},
|
|
39
|
-
enumerable: true,
|
|
40
|
-
configurable: true
|
|
41
|
-
});
|
|
42
|
-
Object.defineProperty(BottomNavigationItemComponent.prototype, "tabindex", {
|
|
43
|
-
get: function () {
|
|
44
|
-
return this.item.tabIndex ? this.item.tabIndex : 0;
|
|
45
|
-
},
|
|
46
|
-
enumerable: true,
|
|
47
|
-
configurable: true
|
|
48
|
-
});
|
|
49
|
-
Object.defineProperty(BottomNavigationItemComponent.prototype, "selectedClass", {
|
|
50
|
-
get: function () {
|
|
51
|
-
return this.selectedIdx ? this.selectedIdx === this.index : this.item.selected;
|
|
52
|
-
},
|
|
53
|
-
enumerable: true,
|
|
54
|
-
configurable: true
|
|
55
|
-
});
|
|
56
|
-
Object.defineProperty(BottomNavigationItemComponent.prototype, "itemIcon", {
|
|
57
|
-
get: function () {
|
|
58
|
-
return this.item.icon || this.item.iconClass ? true : false;
|
|
59
|
-
},
|
|
60
|
-
enumerable: true,
|
|
61
|
-
configurable: true
|
|
62
|
-
});
|
|
63
|
-
Object.defineProperty(BottomNavigationItemComponent.prototype, "iconClasses", {
|
|
64
|
-
get: function () {
|
|
65
|
-
var kendoIcon = this.item.icon ? "k-icon k-i-" + this.item.icon : '';
|
|
66
|
-
var customIcon = this.item.iconClass ? this.item.iconClass : '';
|
|
67
|
-
return kendoIcon + " " + customIcon;
|
|
68
|
-
},
|
|
69
|
-
enumerable: true,
|
|
70
|
-
configurable: true
|
|
71
|
-
});
|
|
72
|
-
tslib_1.__decorate([
|
|
73
|
-
Input(),
|
|
74
|
-
tslib_1.__metadata("design:type", BottomNavigationItemTemplateDirective)
|
|
75
|
-
], BottomNavigationItemComponent.prototype, "itemTemplate", void 0);
|
|
76
|
-
tslib_1.__decorate([
|
|
77
|
-
Input(),
|
|
78
|
-
tslib_1.__metadata("design:type", Object)
|
|
79
|
-
], BottomNavigationItemComponent.prototype, "item", void 0);
|
|
80
|
-
tslib_1.__decorate([
|
|
81
|
-
Input(),
|
|
82
|
-
tslib_1.__metadata("design:type", Number)
|
|
83
|
-
], BottomNavigationItemComponent.prototype, "index", void 0);
|
|
84
|
-
tslib_1.__decorate([
|
|
85
|
-
Input(),
|
|
86
|
-
tslib_1.__metadata("design:type", Boolean)
|
|
87
|
-
], BottomNavigationItemComponent.prototype, "disabledComponent", void 0);
|
|
88
|
-
tslib_1.__decorate([
|
|
89
|
-
Input(),
|
|
90
|
-
tslib_1.__metadata("design:type", Number)
|
|
91
|
-
], BottomNavigationItemComponent.prototype, "selectedIdx", void 0);
|
|
92
|
-
tslib_1.__decorate([
|
|
93
|
-
Input(),
|
|
94
|
-
tslib_1.__metadata("design:type", String)
|
|
95
|
-
], BottomNavigationItemComponent.prototype, "orientation", void 0);
|
|
96
|
-
tslib_1.__decorate([
|
|
97
|
-
HostBinding('attr.aria-disabled'),
|
|
98
|
-
HostBinding('class.k-state-disabled'),
|
|
99
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
100
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
101
|
-
], BottomNavigationItemComponent.prototype, "disabledClass", null);
|
|
102
|
-
tslib_1.__decorate([
|
|
103
|
-
HostBinding('class.k-hstack'),
|
|
104
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
105
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
106
|
-
], BottomNavigationItemComponent.prototype, "horizontalItemClass", null);
|
|
107
|
-
tslib_1.__decorate([
|
|
108
|
-
HostBinding('class.k-vstack'),
|
|
109
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
110
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
111
|
-
], BottomNavigationItemComponent.prototype, "verticalItemClass", null);
|
|
112
|
-
tslib_1.__decorate([
|
|
113
|
-
HostBinding('attr.aria-label'),
|
|
114
|
-
tslib_1.__metadata("design:type", String),
|
|
115
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
116
|
-
], BottomNavigationItemComponent.prototype, "label", null);
|
|
117
|
-
tslib_1.__decorate([
|
|
118
|
-
HostBinding('attr.tabindex'),
|
|
119
|
-
tslib_1.__metadata("design:type", Number),
|
|
120
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
121
|
-
], BottomNavigationItemComponent.prototype, "tabindex", null);
|
|
122
|
-
tslib_1.__decorate([
|
|
123
|
-
HostBinding('attr.aria-selected'),
|
|
124
|
-
HostBinding('class.k-state-selected'),
|
|
125
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
126
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
127
|
-
], BottomNavigationItemComponent.prototype, "selectedClass", null);
|
|
128
|
-
BottomNavigationItemComponent = tslib_1.__decorate([
|
|
129
|
-
Component({
|
|
130
|
-
selector: '[kendoBottomNavigationItem]',
|
|
131
|
-
template: "\n <ng-container *ngIf=\"!itemTemplate\">\n <span *ngIf=\"itemIcon\" class=\"k-bottom-nav-item-icon\" [ngClass]=\"iconClasses\"></span>\n <span *ngIf=\"item.text\" class=\"k-bottom-nav-item-text\">{{item.text}}</span>\n </ng-container>\n <ng-template *ngIf=\"itemTemplate\"\n [ngTemplateOutlet]=\"itemTemplate?.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\">\n </ng-template>\n "
|
|
132
|
-
})
|
|
133
|
-
], BottomNavigationItemComponent);
|
|
134
|
-
return BottomNavigationItemComponent;
|
|
135
|
-
}());
|
|
136
|
-
export { BottomNavigationItemComponent };
|