@progress/kendo-angular-menu 3.0.6-dev.202203091409 → 4.0.0-dev.202204191048

package/dist/npm/services/items.service.js

@@ -1,143 +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 PARENT_REGEX = /_?\d+$/;
-var SEPARATOR = '_';
-var id = 0;
-var itemIndexComparer = function (a, b) { return a.siblingIndex - b.siblingIndex; };
-var ɵ0 = itemIndexComparer;
-exports.ɵ0 = ɵ0;
-var next = function (idx, items, dir) {
-    var current = items[idx + dir];
-    while (!current) {
-        if (idx < 0) {
-            idx = items.length - 1;
-        }
-        else if (idx >= items.length) {
-            idx = 0;
-        }
-        else {
-            idx += dir;
-        }
-        current = items[idx];
-    }
-    return current;
-};
-var ɵ1 = next;
-exports.ɵ1 = ɵ1;
-/**
- * @hidden
- */
-var ItemsService = /** @class */ (function () {
-    function ItemsService() {
-        this.items = {};
-        this.lists = [];
-        this.idPrefix = "k-menu" + id++;
-    }
-    Object.defineProperty(ItemsService.prototype, "hasItems", {
-        get: function () {
-            return Object.keys(this.items).length > 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ItemsService.prototype.childId = function (index) {
-        return this.idPrefix + "-child" + index;
-    };
-    ItemsService.prototype.itemIndex = function (parentIndex, index) {
-        return (parentIndex ? parentIndex + SEPARATOR : '') + index;
-    };
-    ItemsService.prototype.get = function (index) {
-        return this.items[index];
-    };
-    ItemsService.prototype.add = function (item) {
-        this.items[item.index] = item;
-    };
-    ItemsService.prototype.remove = function (item) {
-        if (this.items[item.index] === item) {
-            delete this.items[item.index];
-        }
-    };
-    ItemsService.prototype.addList = function (list) {
-        this.lists.push(list);
-    };
-    ItemsService.prototype.removeList = function (list) {
-        var index = this.lists.indexOf(list);
-        if (index >= 0) {
-            this.lists.splice(index, 1);
-        }
-    };
-    ItemsService.prototype.containsList = function (element) {
-        return Boolean(this.lists.find(function (list) { return list.element.nativeElement === element; }));
-    };
-    ItemsService.prototype.siblings = function (item) {
-        var _this = this;
-        var parentIndex = this.parentIndex(item.index);
-        return this.filter(function (index) { return _this.parentIndex(index) === parentIndex; });
-    };
-    ItemsService.prototype.otherSiblings = function (item) {
-        var _this = this;
-        var parentIndex = this.parentIndex(item.index);
-        return this.filter(function (index) { return _this.parentIndex(index) === parentIndex && index !== item.index; });
-    };
-    ItemsService.prototype.children = function (item) {
-        var _this = this;
-        return this.filter(function (index) { return _this.parentIndex(index) === item.index; });
-    };
-    ItemsService.prototype.parent = function (item) {
-        return this.items[this.parentIndex(item.index)];
-    };
-    ItemsService.prototype.root = function (item) {
-        return this.items[this.indices(item.index)[0]];
-    };
-    ItemsService.prototype.indices = function (index) {
-        return index.split(SEPARATOR);
-    };
-    ItemsService.prototype.filter = function (predicate) {
-        var result = [];
-        var items = this.items;
-        for (var index in items) {
-            if (predicate(index, items[index])) {
-                result.push(items[index]);
-            }
-        }
-        return result.sort(itemIndexComparer);
-    };
-    ItemsService.prototype.previous = function (item) {
-        var siblings = this.siblings(item);
-        var itemIndex = siblings.indexOf(item);
-        return next(itemIndex, siblings, -1);
-    };
-    ItemsService.prototype.next = function (item) {
-        var siblings = this.siblings(item);
-        var itemIndex = siblings.indexOf(item);
-        return next(itemIndex, siblings, 1);
-    };
-    ItemsService.prototype.hasParent = function (item, parent) {
-        return item.index.startsWith(parent.index);
-    };
-    ItemsService.prototype.areSiblings = function (item1, item2) {
-        return item1 !== item2 && this.parent(item1) === this.parent(item2);
-    };
-    ItemsService.prototype.forEach = function (callback) {
-        var items = this.items;
-        for (var index in items) {
-            if (items.hasOwnProperty(index)) {
-                callback(items[index]);
-            }
-        }
-    };
-    ItemsService.prototype.parentIndex = function (index) {
-        return index.replace(PARENT_REGEX, '');
-    };
-    ItemsService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], ItemsService);
-    return ItemsService;
-}());
-exports.ItemsService = ItemsService;

package/dist/npm/services/navigation.service.js

@@ -1,276 +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 items_service_1 = require("./items.service");
-var actions_service_1 = require("./actions.service");
-var DEFAULT_ACTIVE = '0';
-var NO_SPACE_REGEX = /\S/;
-var handlers = {};
-handlers['37'] = 'left';
-handlers['39'] = 'right';
-handlers['38'] = 'up';
-handlers['40'] = 'down';
-handlers['36'] = 'home';
-handlers['35'] = 'end';
-handlers['32'] = 'enter';
-handlers['13'] = 'enter';
-handlers['27'] = 'esc';
-handlers['9'] = 'tab';
-var handlersRTL = Object.assign({}, handlers, {
-    '37': 'right',
-    '39': 'left'
-});
-function isPrintableCharacter(key) {
-    return key.length === 1 && NO_SPACE_REGEX.test(key);
-}
-var resolvedPromise = Promise.resolve(null);
-/**
- * @hidden
- */
-var NavigationService = /** @class */ (function () {
-    function NavigationService(items, actions, localization, ngZone) {
-        this.items = items;
-        this.actions = actions;
-        this.localization = localization;
-        this.ngZone = ngZone;
-        this.vertical = false;
-        this.activeIndex = DEFAULT_ACTIVE;
-    }
-    Object.defineProperty(NavigationService.prototype, "focusedItem", {
-        get: function () {
-            return this.items.get(this.focusedIdx);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NavigationService.prototype, "activeItem", {
-        get: function () {
-            return this.items.get(this.activeIndex);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NavigationService.prototype, "handlers", {
-        get: function () {
-            return this.localization.rtl ? handlersRTL : handlers;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    NavigationService.prototype.focus = function (item) {
-        if (item.index === this.focusedIdx) {
-            return;
-        }
-        if (!this.activeItem || !this.items.hasParent(item, this.activeItem)) {
-            this.setActive(item);
-        }
-        this.setFocus(item);
-    };
-    NavigationService.prototype.setFocus = function (item) {
-        this.focusedIdx = item.index;
-        item.focus();
-    };
-    NavigationService.prototype.focusLeave = function () {
-        var focused = this.focusedItem;
-        if (focused) {
-            this.actions.closeToRoot(focused);
-            this.actions.execute();
-        }
-        this.focusedIdx = null;
-    };
-    NavigationService.prototype.updateActive = function () {
-        var _this = this;
-        if (!this.activeItem && this.items.hasItems) {
-            var firstItem = this.items.get(DEFAULT_ACTIVE);
-            firstItem.toggleActive(true);
-            this.ngZone.runOutsideAngular(function () {
-                resolvedPromise.then(function () {
-                    _this.activeIndex = DEFAULT_ACTIVE;
-                });
-            });
-        }
-    };
-    NavigationService.prototype.keydown = function (e) {
-        var current = this.focusedItem || this.activeItem;
-        var handler = this.handlers[e.keyCode];
-        if (!current) {
-            return;
-        }
-        if (handler) {
-            if (handler !== 'tab') {
-                e.preventDefault();
-            }
-            this[handler](current, e);
-        }
-        else if (isPrintableCharacter(e.key)) {
-            this.search(current, e.key);
-        }
-        this.actions.execute();
-    };
-    NavigationService.prototype.focusIndex = function (index) {
-        if (!index && this.activeItem) {
-            this.setFocus(this.activeItem);
-        }
-        else if (index === 'first') {
-            this.focusFirst();
-        }
-        else if (index === 'last') {
-            this.focusLast();
-        }
-        else {
-            var item = this.items.get(index);
-            if (item) {
-                this.focus(item);
-            }
-        }
-    };
-    NavigationService.prototype.focusFirst = function () {
-        var items = this.items.siblings(this.items.get('0'));
-        this.focus(items[0]);
-    };
-    NavigationService.prototype.focusLast = function () {
-        var items = this.items.siblings(this.items.get('0'));
-        this.focus(items[items.length - 1]);
-    };
-    NavigationService.prototype.search = function (current, key) {
-        var siblings = this.items.siblings(current);
-        var startIndex = siblings.indexOf(current);
-        var items = siblings.slice(startIndex + 1).concat(siblings.slice(0, startIndex));
-        for (var idx = 0; idx < items.length; idx++) {
-            var sibling = items[idx];
-            var text = sibling.item.text || "";
-            if (text.toLowerCase().startsWith(key.toLowerCase())) {
-                this.focus(sibling);
-                break;
-            }
-        }
-    };
-    NavigationService.prototype.down = function (current) {
-        if (current.level === 0 && !this.vertical) {
-            if (current.hasContent) {
-                this.actions.open(current, this.focusChild(current, 0));
-            }
-        }
-        else {
-            this.focus(this.items.next(current));
-        }
-    };
-    NavigationService.prototype.up = function (current) {
-        if (current.level === 0 && !this.vertical) {
-            if (current.hasContent) {
-                this.actions.open(current, this.focusChild(current, current.children.length - 1));
-            }
-        }
-        else {
-            this.focus(this.items.previous(current));
-        }
-    };
-    NavigationService.prototype.left = function (current) {
-        if (this.vertical && current.level === 0 && current.disabled) {
-            return;
-        }
-        if (current.level > 1 || (this.vertical && current.level > 0)) {
-            var parent_1 = this.items.parent(current);
-            this.focus(parent_1);
-            this.actions.close(parent_1);
-        }
-        else if (this.vertical && current.level === 0 && !current.disabled) {
-            if (current.hasContent) {
-                this.actions.open(current, this.focusChild(current, current.children.length - 1));
-            }
-        }
-        else {
-            this.focus(this.items.previous(this.activeItem));
-        }
-    };
-    NavigationService.prototype.right = function (current) {
-        if (this.vertical && current.level === 0 && current.disabled) {
-            return;
-        }
-        if (current.horizontal && !current.disabled) {
-            if (current.hasContent) {
-                this.actions.open(current, this.focusChild(current, 0));
-            }
-            else if (!this.vertical || current.level > 0) {
-                this.focus(this.items.next(this.activeItem));
-            }
-        }
-        else {
-            this.focus(this.items.next(this.activeItem));
-        }
-    };
-    NavigationService.prototype.home = function (current) {
-        var siblings = this.items.siblings(current);
-        this.focus(siblings[0]);
-    };
-    NavigationService.prototype.end = function (current) {
-        var siblings = this.items.siblings(current);
-        this.focus(siblings[siblings.length - 1]);
-    };
-    NavigationService.prototype.enter = function (current, domEvent) {
-        var actions = this.actions;
-        if (current.disabled) {
-            return;
-        }
-        if (current.hasContent) {
-            actions.select(current, domEvent);
-            actions.open(current, this.focusChild(current, 0));
-        }
-        else {
-            actions.select(current, domEvent, null, function () {
-                current.navigate();
-            });
-            this.focus(this.items.root(current));
-            actions.closeToRoot(current);
-        }
-    };
-    NavigationService.prototype.esc = function (current) {
-        if (current.level > 0) {
-            var parent_2 = this.items.parent(current);
-            this.actions.close(parent_2);
-            this.focus(parent_2);
-        }
-    };
-    NavigationService.prototype.tab = function (current) {
-        if (current.level > 0) {
-            this.activeItem.focus();
-        }
-    };
-    NavigationService.prototype.focusChild = function (item, index) {
-        var _this = this;
-        return function () {
-            var child = _this.items.children(item)[index];
-            _this.setFocus(child);
-        };
-    };
-    NavigationService.prototype.setActive = function (item) {
-        var focused = this.focusedItem;
-        var active = this.items.root(item);
-        if (this.activeItem) {
-            this.activeItem.toggleActive(false);
-        }
-        this.activeIndex = active.index;
-        active.toggleActive(true);
-        if (focused) {
-            this.actions.closeToRoot(focused);
-            if (focused.level > 0) {
-                this.actions.open(active);
-            }
-        }
-    };
-    NavigationService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [items_service_1.ItemsService,
-            actions_service_1.ActionsService,
-            kendo_angular_l10n_1.LocalizationService,
-            core_1.NgZone])
-    ], NavigationService);
-    return NavigationService;
-}());
-exports.NavigationService = NavigationService;

package/dist/npm/templates/item-content-template.directive.js

@@ -1,52 +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 a template for the content of the Menu items ([see example]({% slug templates_menu %})). To define the template,
- * nest an `<ng-template>` tag with the `kendoMenuItemContentTemplate` directive inside a `<kendo-menu-item>` component.
- *
- * The available fields in the template context are:
- * - `item`&mdash;The item data.
- * - `index`&mdash;The item index.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-menu>
- *          <kendo-menu-item text="item2">
- *              <ng-template kendoMenuItemContentTemplate let-item="item" let-index="index">
- *                  <div style="padding: 10px;">
- *                      My Content Template for: {{ item.text }} at index: {{ index }}
- *                  </div>
- *              </ng-template>
- *          </kendo-menu-item>
- *        </kendo-menu>
- *    `
- * })
- *
- * class AppComponent {
- * }
- * ```
- */
-var ItemContentTemplateDirective = /** @class */ (function () {
-    function ItemContentTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    ItemContentTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoMenuItemContentTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], ItemContentTemplateDirective);
-    return ItemContentTemplateDirective;
-}());
-exports.ItemContentTemplateDirective = ItemContentTemplateDirective;

package/dist/npm/templates/item-link-template.directive.js

@@ -1,54 +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 a template for the links of the Menu items ([see example]({% slug templates_menu %})). To define a template
- * for an item, nest an `<ng-template>` tag with the `kendoMenuItemLinkTemplate` directive inside a `<kendo-menu-item>`
- * component. To define a template for all Menu items, nest the template inside the `<kendo-menu>` component.
- *
- * The available fields in the template context are:
- * - `item`&mdash;The item data.
- * - `index`&mdash;The item index.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-menu>
- *          <kendo-menu-item text="item2">
- *              <ng-template kendoMenuItemLinkTemplate let-item="item" let-index="index">
- *                  <span [kendoMenuItemLink]="index">
- *                      {{ item.text }}
- *                      <span *ngIf="item.items && item.items.length" [kendoMenuExpandArrow]="index"></span>
- *                  </span>
- *              </ng-template>
- *          </kendo-menu-item>
- *        </kendo-menu>
- *    `
- * })
- *
- * class AppComponent {
- * }
- * ```
- */
-var ItemLinkTemplateDirective = /** @class */ (function () {
-    function ItemLinkTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    ItemLinkTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoMenuItemLinkTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], ItemLinkTemplateDirective);
-    return ItemLinkTemplateDirective;
-}());
-exports.ItemLinkTemplateDirective = ItemLinkTemplateDirective;

package/dist/npm/templates/item-template.directive.js

@@ -1,53 +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 a template for the Menu items ([see example]({% slug templates_menu %})). To define a template
- * for an item, nest an `<ng-template>` tag with the `kendoMenuItemTemplate` directive inside a `<kendo-menu-item>`
- * component. To define a template for all Menu items, nest the template inside the `<kendo-menu>` component.
- *
- * The available fields in the template context are:
- * - `item`&mdash;The item data.
- * - `index`&mdash;The item index.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-menu>
- *          <kendo-menu-item text="item2">
- *              <ng-template kendoMenuItemTemplate let-item="item" let-index="index">
- *                  <div style="padding: 10px;">
- *                      My Template for: {{ item.text }} at index: {{ index }}
- *                  </div>
- *              </ng-template>
- *          </kendo-menu-item>
- *        </kendo-menu>
- *    `
- * })
- *
- * class AppComponent {
- * }
- * ```
- */
-var ItemTemplateDirective = /** @class */ (function () {
-    function ItemTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    ItemTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoMenuItemTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], ItemTemplateDirective);
-    return ItemTemplateDirective;
-}());
-exports.ItemTemplateDirective = ItemTemplateDirective;

package/dist/npm/utils.js

@@ -1,20 +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 core_1 = require("@angular/core");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-/**
- * @hidden
- */
-exports.defined = function (value) { return typeof value !== 'undefined'; };
-/**
- * @hidden
- */
-exports.bodyFactory = function () {
-    if (kendo_angular_common_1.isDocumentAvailable()) {
-        return new core_1.ElementRef(document.body);
-    }
-};