@progress/kendo-angular-navigation 1.1.6 → 2.0.0-dev.202204141001

package/dist/npm/appbar/appbar-section.component.js

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-/**
- * Represents the [Kendo UI AppBarSection component for Angular]({% slug contentarrangement_appbar %}#toc-sections).
- *
- * @example
- *
- * ```ts-no-run
- *  * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-appbar>
- *            <kendo-appbar-section>
- *                <h2>Page Title</h2>
- *            </kendo-appbar-section>
- *        </kendo-appbar>
- *    `
- * })
- * class AppComponent {}
- */
-var AppBarSectionComponent = /** @class */ (function () {
-    function AppBarSectionComponent() {
-        this.hostClass = true;
-    }
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-section'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], AppBarSectionComponent.prototype, "hostClass", void 0);
-    AppBarSectionComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-appbar-section',
-            template: "\n        <ng-content></ng-content>\n    "
-        })
-    ], AppBarSectionComponent);
-    return AppBarSectionComponent;
-}());
-exports.AppBarSectionComponent = AppBarSectionComponent;

package/dist/npm/appbar/appbar-spacer.component.js

@@ -1,79 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var util_1 = require("../common/util");
-/**
- * Represents the [Kendo UI AppBarSpacer component for Angular]({% slug contentarrangement_appbar %}#toc-spacings).
- * Used to give additional white space between the AppBar sections and provides a way for customizing its width.
- *
- * @example
- *
- * ```ts-no-run
- *  * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-appbar>
- *            <kendo-appbar-section>
- *                 <button kendoButton fillMode="flat">
- *                     <kendo-icon name="menu"></kendo-icon>
- *                 </button>
- *            </kendo-appbar-section>
- *
- *            <kendo-appbar-spacer></kendo-appbar-spacer>
- *
- *            <kendo-appbar-section>
- *                <h2>Page Title</h2>
- *            </kendo-appbar-section>
- *        </kendo-appbar>
- *    `
- * })
- * class AppComponent {}
- * ```
- */
-var AppBarSpacerComponent = /** @class */ (function () {
-    function AppBarSpacerComponent(renderer, element) {
-        this.renderer = renderer;
-        this.element = element;
-        this.hostClass = true;
-    }
-    Object.defineProperty(AppBarSpacerComponent.prototype, "sizedClass", {
-        get: function () {
-            return util_1.isPresent(this.width);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    AppBarSpacerComponent.prototype.ngAfterViewInit = function () {
-        if (util_1.isPresent(this.width)) {
-            var element = this.element.nativeElement;
-            this.renderer.setStyle(element, 'flexBasis', this.width);
-        }
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-spacer'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], AppBarSpacerComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-spacer-sized'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AppBarSpacerComponent.prototype, "sizedClass", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], AppBarSpacerComponent.prototype, "width", void 0);
-    AppBarSpacerComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-appbar-spacer',
-            template: ""
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.Renderer2, core_1.ElementRef])
-    ], AppBarSpacerComponent);
-    return AppBarSpacerComponent;
-}());
-exports.AppBarSpacerComponent = AppBarSpacerComponent;

package/dist/npm/appbar/appbar.component.js

@@ -1,204 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("../package-metadata");
-/**
- * Represents the [Kendo UI AppBar component for Angular]({% slug overview_appbar %}).
- * Used to display information, actions, branding titles and additional navigation on the current screen.
- */
-var AppBarComponent = /** @class */ (function () {
-    function AppBarComponent(localizationService) {
-        var _this = this;
-        this.localizationService = localizationService;
-        this.hostClass = true;
-        /**
-         * Specifies the position of the AppBar
-         * ([see example]({% slug positioning_appbar %}#toc-position)).
-         *
-         * * The possible values are:
-         * * `top` (Default)—Positions the AppBar at the top of the content.
-         *    Setting the `position` property to `top` requires adding the Appbar component before the page content.
-         *    The position property applies CSS `top: 0` style in [`fixed mode`]({% slug api_navigation_appbarcomponent %}#toc-positionMode) and also adds a `box-shadow` to the bottom of the AppBar.
-         *
-         * * `bottom`—Positions the AppBar at the bottom of the content.
-         *    Setting the `position` property to `bottom` requires adding the Appbar component after the page content.
-         *   The position property applies CSS `bottom: 0` style in [`fixed mode`]({% slug api_navigation_appbarcomponent %}#toc-positionMode) and also adds a `box-shadow ` to the top of the AppBar.
-         *
-         */
-        this.position = 'top';
-        /**
-         * Specifies the positionMode of the AppBar
-         * ([see example]({% slug positioning_appbar %}#toc-positionmode)).
-         *
-         * * The possible values are:
-         * * `static` (Default)—Does not position the AppBar in any special way. It is positioned according to the normal flow of the page.
-         * * `sticky`—Positions the AppBar based on the user's scroll position. A sticky element toggles between static and fixed CSS [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property, depending on the scroll position.
-         * * `fixed`—Positions the AppBar relative to the viewport. It always stays in the same place even if the page is scrolled.
-         */
-        this.positionMode = 'static';
-        /**
-         * Specifies the theme color of the AppBar.
-         * The theme color will be applied as background color of the component.
-         *
-         *
-         * * The possible values are:
-         * * `light` (Default)—Applies coloring based on light theme color.
-         * * `dark`—Applies coloring based on dark theme color.
-         * * `inherit`— Applies inherited coloring value.
-         *
-         */
-        this.themeColor = 'light';
-        this.rtl = false;
-        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
-        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.rtl = rtl;
-            _this.direction = _this.rtl ? 'rtl' : 'ltr';
-        });
-    }
-    Object.defineProperty(AppBarComponent.prototype, "topClass", {
-        get: function () {
-            return this.position === 'top';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AppBarComponent.prototype, "bottomClass", {
-        get: function () {
-            return this.position === 'bottom';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AppBarComponent.prototype, "stickyClass", {
-        get: function () {
-            return this.positionMode === 'sticky';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AppBarComponent.prototype, "fixedClass", {
-        get: function () {
-            return this.positionMode === 'fixed';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AppBarComponent.prototype, "staticClass", {
-        get: function () {
-            return this.positionMode === 'static';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AppBarComponent.prototype, "lightClass", {
-        get: function () {
-            return this.themeColor === 'light';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AppBarComponent.prototype, "darkClass", {
-        get: function () {
-            return this.themeColor === 'dark';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(AppBarComponent.prototype, "inheritClass", {
-        get: function () {
-            return this.themeColor === 'inherit';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    AppBarComponent.prototype.ngOnDestroy = function () {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], AppBarComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-top'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AppBarComponent.prototype, "topClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-bottom'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AppBarComponent.prototype, "bottomClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-sticky'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AppBarComponent.prototype, "stickyClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-fixed'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AppBarComponent.prototype, "fixedClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-static'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AppBarComponent.prototype, "staticClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-light'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AppBarComponent.prototype, "lightClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-dark'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AppBarComponent.prototype, "darkClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-appbar-inherit'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], AppBarComponent.prototype, "inheritClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], AppBarComponent.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], AppBarComponent.prototype, "position", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], AppBarComponent.prototype, "positionMode", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], AppBarComponent.prototype, "themeColor", void 0);
-    AppBarComponent = tslib_1.__decorate([
-        core_1.Component({
-            exportAs: 'kendoAppBar',
-            selector: 'kendo-appbar',
-            template: "\n        <ng-content></ng-content>\n    ",
-            providers: [
-                kendo_angular_l10n_1.LocalizationService,
-                {
-                    provide: kendo_angular_l10n_1.L10N_PREFIX,
-                    useValue: 'kendo.appbar.component'
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
-    ], AppBarComponent);
-    return AppBarComponent;
-}());
-exports.AppBarComponent = AppBarComponent;

package/dist/npm/appbar/models/position-mode.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/appbar/models/position.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/appbar/models/theme-color.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/appbar.module.js

@@ -1,63 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var common_1 = require("@angular/common");
-var appbar_component_1 = require("./appbar/appbar.component");
-var appbar_section_component_1 = require("./appbar/appbar-section.component");
-var appbar_spacer_component_1 = require("./appbar/appbar-spacer.component");
-var exportedModules = [
-    appbar_component_1.AppBarComponent,
-    appbar_section_component_1.AppBarSectionComponent,
-    appbar_spacer_component_1.AppBarSpacerComponent
-];
-var declarations = exportedModules.slice();
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the AppBar component.
- *
- * * @example
- *
- * ```ts-no-run
- * // Import the AppBar module
- * import { AppBarModule } from '@progress/kendo-angular-navigation';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- * import { BrowserModule } from '@angular/platform-browser';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, AppBarModule], // import AppBar module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var AppBarModule = /** @class */ (function () {
-    function AppBarModule() {
-    }
-    AppBarModule = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: [declarations],
-            exports: [exportedModules],
-            imports: [common_1.CommonModule]
-        })
-    ], AppBarModule);
-    return AppBarModule;
-}());
-exports.AppBarModule = AppBarModule;

package/dist/npm/bottomnavigation/bottomnavigation-item.component.js

@@ -1,138 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var item_template_directive_1 = require("./templates/item-template.directive");
-var core_1 = require("@angular/core");
-/**
- * @hidden
- */
-var BottomNavigationItemComponent = /** @class */ (function () {
-    function BottomNavigationItemComponent() {
-    }
-    Object.defineProperty(BottomNavigationItemComponent.prototype, "disabledClass", {
-        get: function () {
-            return this.item.disabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationItemComponent.prototype, "horizontalItemClass", {
-        get: function () {
-            return this.orientation === 'horizontal';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationItemComponent.prototype, "verticalItemClass", {
-        get: function () {
-            return this.orientation === 'vertical';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationItemComponent.prototype, "label", {
-        get: function () {
-            return this.item.text ? this.item.text : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationItemComponent.prototype, "tabindex", {
-        get: function () {
-            return this.item.tabIndex ? this.item.tabIndex : 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationItemComponent.prototype, "selectedClass", {
-        get: function () {
-            return this.selectedIdx ? this.selectedIdx === this.index : this.item.selected;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationItemComponent.prototype, "itemIcon", {
-        get: function () {
-            return this.item.icon || this.item.iconClass ? true : false;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationItemComponent.prototype, "iconClasses", {
-        get: function () {
-            var kendoIcon = this.item.icon ? "k-icon k-i-" + this.item.icon : '';
-            var customIcon = this.item.iconClass ? this.item.iconClass : '';
-            return kendoIcon + " " + customIcon;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", item_template_directive_1.BottomNavigationItemTemplateDirective)
-    ], BottomNavigationItemComponent.prototype, "itemTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], BottomNavigationItemComponent.prototype, "item", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], BottomNavigationItemComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], BottomNavigationItemComponent.prototype, "disabledComponent", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], BottomNavigationItemComponent.prototype, "selectedIdx", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], BottomNavigationItemComponent.prototype, "orientation", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-disabled'),
-        core_1.HostBinding('class.k-state-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BottomNavigationItemComponent.prototype, "disabledClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-hstack'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BottomNavigationItemComponent.prototype, "horizontalItemClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-vstack'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BottomNavigationItemComponent.prototype, "verticalItemClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-label'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BottomNavigationItemComponent.prototype, "label", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.tabindex'),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BottomNavigationItemComponent.prototype, "tabindex", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-selected'),
-        core_1.HostBinding('class.k-state-selected'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BottomNavigationItemComponent.prototype, "selectedClass", null);
-    BottomNavigationItemComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: '[kendoBottomNavigationItem]',
-            template: "\n        <ng-container *ngIf=\"!itemTemplate\">\n            <span *ngIf=\"itemIcon\" class=\"k-bottom-nav-item-icon\" [ngClass]=\"iconClasses\"></span>\n            <span *ngIf=\"item.text\" class=\"k-bottom-nav-item-text\">{{item.text}}</span>\n        </ng-container>\n        <ng-template *ngIf=\"itemTemplate\"\n            [ngTemplateOutlet]=\"itemTemplate?.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\">\n        </ng-template>\n    "
-        })
-    ], BottomNavigationItemComponent);
-    return BottomNavigationItemComponent;
-}());
-exports.BottomNavigationItemComponent = BottomNavigationItemComponent;