@progress/kendo-angular-navigation 21.4.1 → 22.0.0

package/esm2022/appbar/appbar-spacer.component.mjs

@@ -1,69 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, HostBinding, Input, Renderer2, ElementRef } from '@angular/core';
-import { isPresent } from '../common/util';
-import * as i0 from "@angular/core";
-/**
- * Represents the [Kendo UI AppBarSpacer component for Angular]({% slug contentarrangement_appbar %}#toc-spacings).
- *
- * Use the AppBarSpacer component to add white space between AppBar sections and customize its width.
- *
- * @example
- * ```html
- * <kendo-appbar>
- *    <kendo-appbar-section>
- *        <button kendoButton fillMode="flat" [svgIcon]="menuIcon"></button>
- *    </kendo-appbar-section>
- *
- *    <kendo-appbar-spacer></kendo-appbar-spacer>
- *
- *     <kendo-appbar-section>
- *          <h2>Page Title</h2>
- *     </kendo-appbar-section>
- * </kendo-appbar>
- * ```
- */
-export class AppBarSpacerComponent {
-    renderer;
-    element;
-    hostClass = true;
-    get sizedClass() {
-        return isPresent(this.width);
-    }
-    /**
-     * Specifies the width of the AppBarSpacer.
-     *
-     * If not set, the AppBarSpacer will take all of the available space.
-     */
-    width;
-    constructor(renderer, element) {
-        this.renderer = renderer;
-        this.element = element;
-    }
-    ngAfterViewInit() {
-        if (isPresent(this.width)) {
-            const element = this.element.nativeElement;
-            this.renderer.setStyle(element, 'flexBasis', this.width);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppBarSpacerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AppBarSpacerComponent, isStandalone: true, selector: "kendo-appbar-spacer", inputs: { width: "width" }, host: { properties: { "class.k-spacer": "this.hostClass", "class.k-spacer-sized": "this.sizedClass" } }, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppBarSpacerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-appbar-spacer',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.k-spacer']
-            }], sizedClass: [{
-                type: HostBinding,
-                args: ['class.k-spacer-sized']
-            }], width: [{
-                type: Input
-            }] } });

package/esm2022/appbar/appbar.component.mjs

@@ -1,158 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-const DEFAULT_THEME_COLOR = 'light';
-const DEFAULT_POSITION = 'top';
-const DEFAULT_POSITION_MODE = 'static';
-/**
- * Represents the [Kendo UI AppBar component for Angular]({% slug overview_appbar %}).
- *
- * Use the AppBar component to display information, actions, brand titles, and additional navigation on the current screen.
- *
- * @example
- * ```html
- * <kendo-appbar>
- *    <kendo-appbar-section>
- *        <h2>Page Title</h2>
- *    </kendo-appbar-section>
- * </kendo-appbar>
- * ```
- *
- * @remarks
- * Supported children components are: {@link AppBarSectionComponent}, {@link AppBarSpacerComponent}
- */
-export class AppBarComponent {
-    localizationService;
-    host;
-    renderer;
-    hostClass = true;
-    /**
-     * @hidden
-     */
-    direction;
-    /**
-     * Specifies the position of the AppBar
-     * ([see example]({% slug positioning_appbar %}#toc-position)).
-     *
-     * @default 'top'
-     */
-    set position(position) {
-        const newPosition = position ? position : DEFAULT_POSITION;
-        this.handleHostClasses(newPosition, this.position);
-        this._position = newPosition;
-    }
-    get position() {
-        return this._position;
-    }
-    /**
-     * Sets the position mode of the AppBar ([see example](slug:positioning_appbar#toc-position-mode)).
-     *
-     * @default 'static'
-     */
-    set positionMode(positionMode) {
-        const newPositionMode = positionMode ? positionMode : DEFAULT_POSITION_MODE;
-        this.handleHostClasses(newPositionMode, this.positionMode);
-        this._positionMode = newPositionMode;
-    }
-    get positionMode() {
-        return this._positionMode;
-    }
-    /**
-     * Sets the theme color of the AppBar. The theme color is applied as the background color of the component.
-     *
-     * @default 'light'
-     */
-    set themeColor(themeColor) {
-        const newThemeColor = themeColor ? themeColor : DEFAULT_THEME_COLOR;
-        this.handleHostClasses(newThemeColor, this.themeColor);
-        this._themeColor = newThemeColor;
-    }
-    get themeColor() {
-        return this._themeColor;
-    }
-    dynamicRTLSubscription;
-    rtl = false;
-    _themeColor = DEFAULT_THEME_COLOR;
-    _position = DEFAULT_POSITION;
-    _positionMode = DEFAULT_POSITION_MODE;
-    constructor(localizationService, host, renderer) {
-        this.localizationService = localizationService;
-        this.host = host;
-        this.renderer = renderer;
-        validatePackage(packageMetadata);
-        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
-            this.rtl = rtl;
-            this.direction = this.rtl ? 'rtl' : 'ltr';
-        });
-    }
-    ngAfterViewInit() {
-        const stylingOptions = ['position', 'positionMode', 'themeColor'];
-        stylingOptions.forEach(input => {
-            this.handleHostClasses(this[input]);
-        });
-    }
-    ngOnDestroy() {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    }
-    handleHostClasses(newValue, previousValue) {
-        const elem = this.host.nativeElement;
-        if (previousValue && newValue === previousValue) {
-            return;
-        }
-        if (previousValue) {
-            this.renderer.removeClass(elem, `k-appbar-${previousValue}`);
-        }
-        if (newValue) {
-            this.renderer.addClass(elem, `k-appbar-${newValue}`);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AppBarComponent, isStandalone: true, selector: "kendo-appbar", inputs: { position: "position", positionMode: "positionMode", themeColor: "themeColor" }, host: { properties: { "class.k-appbar": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.appbar.component'
-            }
-        ], exportAs: ["kendoAppBar"], ngImport: i0, template: `
-        <ng-content></ng-content>
-    `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppBarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    exportAs: 'kendoAppBar',
-                    selector: 'kendo-appbar',
-                    template: `
-        <ng-content></ng-content>
-    `,
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.appbar.component'
-                        }
-                    ],
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.k-appbar']
-            }], direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], position: [{
-                type: Input
-            }], positionMode: [{
-                type: Input
-            }], themeColor: [{
-                type: Input
-            }] } });

package/esm2022/appbar/models/position-mode.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/appbar/models/position.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/appbar/models/theme-color.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/appbar.module.mjs

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { KENDO_APPBAR } from './directives';
-import * as i0 from "@angular/core";
-import * as i1 from "./appbar/appbar.component";
-import * as i2 from "./appbar/appbar-section.component";
-import * as i3 from "./appbar/appbar-spacer.component";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the AppBar component.
- *
- * @example
- * ```typescript
- * import { AppBarModule } from '@progress/kendo-angular-navigation';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { NgModule } from '@angular/core';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, AppBarModule],
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export class AppBarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AppBarModule, imports: [i1.AppBarComponent, i2.AppBarSectionComponent, i3.AppBarSpacerComponent], exports: [i1.AppBarComponent, i2.AppBarSectionComponent, i3.AppBarSpacerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppBarModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppBarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_APPBAR],
-                    imports: [...KENDO_APPBAR]
-                }]
-        }] });

package/esm2022/bottomnavigation/bottomnavigation-item.component.mjs

@@ -1,122 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, HostBinding, Input } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-import { BottomNavigationItemTemplateDirective } from './templates/item-template.directive';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class BottomNavigationItemComponent {
-    itemTemplate;
-    item;
-    index;
-    disabledComponent;
-    selectedIdx;
-    orientation;
-    get disabledClass() {
-        return this.item.disabled;
-    }
-    get label() {
-        return this.item.text ? this.item.text : null;
-    }
-    get tabindex() {
-        return this.item.tabIndex ? this.item.tabIndex : 0;
-    }
-    get selectedClass() {
-        return this.selectedIdx ? this.selectedIdx === this.index : this.item.selected;
-    }
-    get itemIcon() {
-        return Boolean(this.item.icon || this.item.iconClass || this.item.svgIcon);
-    }
-    get iconClasses() {
-        const kendoIcon = this.item.icon ? `k-icon k-i-${this.item.icon}` : '';
-        const customIcon = this.item.iconClass ? this.item.iconClass : '';
-        return `${kendoIcon} ${customIcon}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BottomNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BottomNavigationItemComponent, isStandalone: true, selector: "[kendoBottomNavigationItem]", inputs: { itemTemplate: "itemTemplate", item: "item", index: "index", disabledComponent: "disabledComponent", selectedIdx: "selectedIdx", orientation: "orientation" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-label": "this.label", "attr.tabindex": "this.tabindex", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass" } }, ngImport: i0, template: `
-        @if (!itemTemplate) {
-          @if (itemIcon) {
-            <kendo-icon-wrapper
-              innerCssClass="k-bottom-nav-item-icon"
-              size="xlarge"
-              [name]="item.icon"
-              [customFontClass]="item.iconClass"
-            [svgIcon]="item.svgIcon"></kendo-icon-wrapper>
-          }
-          @if (item.text) {
-            <span class="k-bottom-nav-item-text">{{item.text}}</span>
-          }
-        }
-        @if (itemTemplate) {
-          <ng-template
-            [ngTemplateOutlet]="itemTemplate?.templateRef"
-            [ngTemplateOutletContext]="{ $implicit: item }">
-          </ng-template>
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BottomNavigationItemComponent, decorators: [{
-            type: Component,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: '[kendoBottomNavigationItem]',
-                    template: `
-        @if (!itemTemplate) {
-          @if (itemIcon) {
-            <kendo-icon-wrapper
-              innerCssClass="k-bottom-nav-item-icon"
-              size="xlarge"
-              [name]="item.icon"
-              [customFontClass]="item.iconClass"
-            [svgIcon]="item.svgIcon"></kendo-icon-wrapper>
-          }
-          @if (item.text) {
-            <span class="k-bottom-nav-item-text">{{item.text}}</span>
-          }
-        }
-        @if (itemTemplate) {
-          <ng-template
-            [ngTemplateOutlet]="itemTemplate?.templateRef"
-            [ngTemplateOutletContext]="{ $implicit: item }">
-          </ng-template>
-        }
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, NgTemplateOutlet]
-                }]
-        }], propDecorators: { itemTemplate: [{
-                type: Input
-            }], item: [{
-                type: Input
-            }], index: [{
-                type: Input
-            }], disabledComponent: [{
-                type: Input
-            }], selectedIdx: [{
-                type: Input
-            }], orientation: [{
-                type: Input
-            }], disabledClass: [{
-                type: HostBinding,
-                args: ['attr.aria-disabled']
-            }, {
-                type: HostBinding,
-                args: ['class.k-disabled']
-            }], label: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
-            }], tabindex: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
-            }], selectedClass: [{
-                type: HostBinding,
-                args: ['attr.aria-current']
-            }, {
-                type: HostBinding,
-                args: ['class.k-selected']
-            }] } });