@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,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
|
-
*-------------------------------------------------------------------------------------------*/
|
package/dist/es2015/index.d.ts
DELETED
|
@@ -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';
|