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