@progress/kendo-angular-menu 3.0.6 → 4.0.0-next.202203230842

package/dist/npm/rendering/list.component.js

@@ -1,221 +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 items_service_1 = require("../services/items.service");
-var actions_service_1 = require("../services/actions.service");
-var navigation_service_1 = require("../services/navigation.service");
-var hover_service_1 = require("../services/hover.service");
-var constants_1 = require("../constants");
-var dom_queries_1 = require("../dom-queries");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-/* tslint:disable:component-selector */
-/**
- * @hidden
- */
-var ListComponent = /** @class */ (function () {
-    function ListComponent(itemsService, hover, actions, navigation, renderer, ngZone, element) {
-        this.itemsService = itemsService;
-        this.hover = hover;
-        this.actions = actions;
-        this.navigation = navigation;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.element = element;
-        this.animate = true;
-    }
-    ListComponent.prototype.hierarchyIndex = function (index) {
-        return this.itemsService.itemIndex(this.index, index);
-    };
-    ListComponent.prototype.ngOnInit = function () {
-        this.itemsService.addList(this);
-        this.initDomEvents();
-    };
-    ListComponent.prototype.ngOnDestroy = function () {
-        this.itemsService.removeList(this);
-        if (this.domSubscriptions) {
-            this.domSubscriptions();
-        }
-    };
-    ListComponent.prototype.initDomEvents = function () {
-        var _this = this;
-        if (!kendo_angular_common_1.isDocumentAvailable() || !this.element) {
-            return;
-        }
-        this.ngZone.runOutsideAngular(function () {
-            var element = _this.element.nativeElement;
-            var container = _this.level > 0 ? dom_queries_1.closest(element, function (node) { return dom_queries_1.hasClass(node, 'k-popup'); }) : element;
-            var overSubscription = _this.renderer.listen(element, 'mouseover', function (e) {
-                if (e.target === element && _this.level === 0) {
-                    _this.onLeave();
-                }
-                else {
-                    var item = _this.nodeItem(e.target) || _this.itemsService.get(_this.index);
-                    if (item && !(_this.openOnClick && _this.openOnClick.toggle === 'click' && item.level === 0 && !item.hasContent)) {
-                        _this.hover.over(item);
-                    }
-                }
-            });
-            var leaveSubscription = _this.renderer.listen(container, 'mouseleave', function (e) {
-                if (_this.leavesMenu(e)) {
-                    _this.onLeave();
-                }
-            });
-            var keydownSubscription = _this.renderer.listen(element, 'keydown', function (e) {
-                if (dom_queries_1.hasClass(e.target, 'k-menu-item')) {
-                    _this.navigation.keydown(e);
-                }
-            });
-            var blurSubscription = _this.renderer.listen(element, 'focusout', function (e) {
-                if (_this.leavesMenu(e)) {
-                    _this.navigation.focusLeave();
-                }
-            });
-            /**
-             * Handle focus/blur open/close for iOS devices since it behaves inconsistently with the rest
-             * Refer to: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html
-             */
-            var touchSubscription = _this.renderer.listen(document, 'touchstart', function (e) {
-                if (dom_queries_1.inMenu(e.target, _this.itemsService)) {
-                    var item = _this.nodeItem(e.target);
-                    // Needs to be called because the 'click' handler will be called only on secondary tap and the item will remain unfocused
-                    _this.navigation.focus(item);
-                    // This is needed since the 'mouseover' event is not always dispatched
-                    if (!item.opened) {
-                        _this.hover.over(item);
-                    }
-                }
-                else if (_this.navigation.focusedIdx) {
-                    // If the touch is outside of the menu and the menu is not currently in focus
-                    var activeItem = _this.itemsService.get(_this.navigation.activeIndex);
-                    _this.onLeave(); // needs to be called explicitly since mouseleave event is not triggered
-                    activeItem.blur(); // needs to be called explicitly otherwise the item remains focused => triggers focusout
-                }
-            });
-            var clickSubscription = _this.renderer.listen(element, 'click', _this.clickHandler.bind(_this));
-            _this.domSubscriptions = function () {
-                overSubscription();
-                leaveSubscription();
-                keydownSubscription();
-                blurSubscription();
-                clickSubscription();
-                touchSubscription();
-            };
-        });
-    };
-    ListComponent.prototype.leavesMenu = function (e) {
-        if (!e.relatedTarget) {
-            return true;
-        }
-        return !dom_queries_1.inMenu(e.relatedTarget, this.itemsService);
-    };
-    ListComponent.prototype.onLeave = function () {
-        var openOnClick = this.openOnClick;
-        if (!openOnClick || openOnClick.toggle !== 'click') {
-            this.hover.leave(openOnClick && openOnClick.toggle === 'leave');
-        }
-    };
-    ListComponent.prototype.nodeItem = function (target) {
-        var node = dom_queries_1.closestItem(target, this.element.nativeElement);
-        if (node) {
-            var index = dom_queries_1.nodeIndex(node);
-            return this.itemsService.get(index);
-        }
-    };
-    ListComponent.prototype.clickHandler = function (e) {
-        if (dom_queries_1.isFocusable(e.target) && !dom_queries_1.hasClass(e.target, 'k-menu-item')) {
-            return;
-        }
-        var item = this.nodeItem(e.target);
-        if (!item || item.isContent || item.navigating) {
-            return;
-        }
-        if (item.disabled) {
-            e.preventDefault();
-            return;
-        }
-        this.actions.select(item, e, function () {
-            e.preventDefault();
-        });
-        this.navigation.focus(item);
-        if (item.level > 0 && !item.hasContent) {
-            this.actions.closeToRoot(item);
-        }
-        if (this.openOnClick) {
-            var hover = this.hover;
-            if (item.opened) {
-                if (item.level === 0) {
-                    hover.openOnOver = false;
-                    this.actions.close(item);
-                }
-            }
-            else if (item.hasContent) {
-                hover.openOnOver = true;
-                this.actions.closeOthers(item);
-                this.actions.open(item);
-            }
-            else {
-                hover.openOnOver = false;
-                if (item.level === 0 && this.openOnClick.toggle === 'click') {
-                    this.hover.closeCurrent();
-                }
-            }
-        }
-        this.actions.execute();
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], ListComponent.prototype, "items", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ListComponent.prototype, "level", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ListComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ListComponent.prototype, "animate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ListComponent.prototype, "vertical", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ListComponent.prototype, "rtl", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ListComponent.prototype, "openOnClick", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ListComponent.prototype, "itemTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ListComponent.prototype, "itemLinkTemplate", void 0);
-    ListComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: '[kendoMenuList]',
-            template: "\n        <ng-container *ngFor=\"let item of items; let idx = index\">\n            <li *ngIf=\"!item.separator\" kendoMenuItem\n                [item]=\"item\" [level]=\"level\" [vertical]=\"vertical\" [animate]=\"animate\" [rtl]=\"rtl\"\n                [itemTemplate]=\"itemTemplate\" [itemLinkTemplate]=\"itemLinkTemplate\" [openOnClick]=\"openOnClick\"\n                [index]=\"hierarchyIndex(idx)\" [siblingIndex]=\"idx\" [attr." + constants_1.NODE_INDEX + "]=\"hierarchyIndex(idx)\"\n                [ngClass]=\"item.cssClass\" [ngStyle]=\"item.cssStyle\"\n                role=\"menuitem\"\n                class=\"k-item k-menu-item\"\n                [class.k-first]=\"idx === 0\" [class.k-last]=\"idx === items.length - 1\"\n                [class.k-state-disabled]=\"item.disabled\"></li>\n            <li *ngIf=\"item.separator\" class=\"k-separator k-item\"\n                role=\"separator\" [ngClass]=\"item.cssClass\" [ngStyle]=\"item.cssStyle\">\n                &nbsp;\n            </li>\n        </ng-container>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [items_service_1.ItemsService,
-            hover_service_1.HoverService,
-            actions_service_1.ActionsService,
-            navigation_service_1.NavigationService,
-            core_1.Renderer2,
-            core_1.NgZone,
-            core_1.ElementRef])
-    ], ListComponent);
-    return ListComponent;
-}());
-exports.ListComponent = ListComponent;

package/dist/npm/rendering/popup-settings.js

@@ -1,68 +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 POPUP_ALIGN = {
-    vertical: 'top',
-    horizontal: 'left'
-};
-var POPUP_ALIGN_RTL = {
-    vertical: 'top',
-    horizontal: 'right'
-};
-var VERTICAL_COLLISION = {
-    vertical: 'flip',
-    horizontal: 'fit'
-};
-var HORIZONTAL_COLLISION = {
-    vertical: 'fit',
-    horizontal: 'flip'
-};
-/**
- * @hidden
- */
-exports.POPUP_SETTINGS_RTL = {
-    vertical: {
-        anchor: {
-            vertical: 'bottom',
-            horizontal: 'right'
-        },
-        popup: POPUP_ALIGN_RTL,
-        collision: VERTICAL_COLLISION,
-        animate: 'down'
-    },
-    horizontal: {
-        anchor: {
-            vertical: 'top',
-            horizontal: 'left'
-        },
-        popup: POPUP_ALIGN_RTL,
-        collision: HORIZONTAL_COLLISION,
-        animate: 'left'
-    }
-};
-/**
- * @hidden
- */
-exports.POPUP_SETTINGS = {
-    vertical: {
-        anchor: {
-            vertical: 'bottom',
-            horizontal: 'left'
-        },
-        popup: POPUP_ALIGN,
-        collision: VERTICAL_COLLISION,
-        animate: 'down'
-    },
-    horizontal: {
-        anchor: {
-            vertical: 'top',
-            horizontal: 'right'
-        },
-        popup: POPUP_ALIGN,
-        collision: HORIZONTAL_COLLISION,
-        animate: 'right'
-    }
-};

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

@@ -1,180 +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 items_service_1 = require("./items.service");
-var menu_event_1 = require("../menu-event");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var canPerformAction = function (item, action) {
-    return !((action === 'open' && item.opened) || (action === 'close' && !item.opened));
-};
-var ɵ0 = canPerformAction;
-exports.ɵ0 = ɵ0;
-/**
- * @hidden
- */
-var ActionsService = /** @class */ (function () {
-    function ActionsService(ngZone, items) {
-        this.ngZone = ngZone;
-        this.items = items;
-        this.actions = [];
-    }
-    ActionsService.prototype.open = function (item, finished) {
-        if (item.disabled) {
-            return;
-        }
-        if (item.hasContent && !item.opened) {
-            this.actions.push({
-                name: 'open',
-                requiresZone: item.hasContentTemplates(),
-                item: item,
-                finished: finished
-            });
-        }
-        else if (finished) {
-            finished();
-        }
-    };
-    ActionsService.prototype.close = function (item) {
-        this.closeChildren(item);
-        this.closeItem(item);
-    };
-    ActionsService.prototype.closeItem = function (item) {
-        if (item.opened) {
-            this.actions.push({
-                name: 'close',
-                item: item
-            });
-        }
-    };
-    ActionsService.prototype.closeToRoot = function (item) {
-        this.closeChildren(item);
-        var current = item;
-        do {
-            this.closeItem(current);
-            current = this.items.parent(current);
-        } while (current);
-    };
-    ActionsService.prototype.closeOthers = function (item) {
-        this.closeChildren(item);
-        var current = item;
-        while (current) {
-            var siblings = this.items.otherSiblings(current);
-            this.closeItems(siblings);
-            current = this.items.parent(current);
-        }
-    };
-    ActionsService.prototype.closeAll = function () {
-        var _this = this;
-        this.items.forEach(function (item) {
-            if (item.opened && item.level === 0) {
-                _this.close(item);
-            }
-        });
-    };
-    ActionsService.prototype.select = function (item, domEvent, prevented, finished) {
-        this.actions.push({
-            name: 'select',
-            item: item,
-            prevented: prevented,
-            finished: finished,
-            domEvent: domEvent
-        });
-    };
-    ActionsService.prototype.emit = function (name, item, domEvent) {
-        var owner = this.owner;
-        var eventArgs = new menu_event_1.MenuEvent({
-            sender: owner,
-            item: item.item,
-            index: item.index,
-            originalEvent: domEvent,
-            hasContent: item.hasContent
-        });
-        owner[name].emit(eventArgs);
-        if (owner.contextService) {
-            owner.contextService.emit(name, eventArgs);
-        }
-        return eventArgs.isDefaultPrevented();
-    };
-    Object.defineProperty(ActionsService.prototype, "hasPending", {
-        get: function () {
-            return this.actions.length > 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ActionsService.prototype.execute = function (toExecute) {
-        var _this = this;
-        if (!this.hasPending && !toExecute) {
-            return;
-        }
-        var actions = toExecute || this.clear();
-        if (!core_1.NgZone.isInAngularZone() && this.requiresZone(actions)) {
-            this.ngZone.run(function () {
-                _this.executeActions(actions);
-            });
-        }
-        else {
-            this.executeActions(actions);
-        }
-    };
-    ActionsService.prototype.clear = function () {
-        var actions = this.actions;
-        this.actions = [];
-        return actions;
-    };
-    ActionsService.prototype.executeActions = function (actions) {
-        for (var idx = 0; idx < actions.length; idx++) {
-            var _a = actions[idx], item = _a.item, name_1 = _a.name, prevented = _a.prevented, finished = _a.finished, domEvent = _a.domEvent;
-            if (!canPerformAction(item, name_1)) {
-                continue;
-            }
-            if (!this.emit(name_1, item, domEvent)) {
-                if (item[name_1]) {
-                    item[name_1]();
-                }
-                if (finished) {
-                    finished();
-                }
-            }
-            else if (prevented) {
-                prevented();
-            }
-        }
-    };
-    ActionsService.prototype.requiresZone = function (toExecute) {
-        var actions = toExecute || this.actions;
-        var owner = this.owner;
-        var contextService = owner.contextService;
-        for (var idx = 0; idx < actions.length; idx++) {
-            var action = actions[idx];
-            var name_2 = action.name;
-            if (action.requiresZone || (name_2 && (kendo_angular_common_1.hasObservers(owner[name_2]) || (contextService && contextService.hasObservers(name_2))))) {
-                return true;
-            }
-        }
-        return false;
-    };
-    ActionsService.prototype.closeChildren = function (item) {
-        if (!item.opened) {
-            return;
-        }
-        var children = this.items.children(item);
-        this.closeItems(children);
-    };
-    ActionsService.prototype.closeItems = function (items) {
-        for (var idx = 0; idx < items.length; idx++) {
-            this.close(items[idx]);
-        }
-    };
-    ActionsService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [core_1.NgZone, items_service_1.ItemsService])
-    ], ActionsService);
-    return ActionsService;
-}());
-exports.ActionsService = ActionsService;

package/dist/npm/services/hover.service.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 core_1 = require("@angular/core");
-var items_service_1 = require("./items.service");
-var actions_service_1 = require("./actions.service");
-var DISABLE_OPEN_ON_OVER_DELAY = 500;
-/**
- * @hidden
- */
-var HoverService = /** @class */ (function () {
-    function HoverService(actions, items) {
-        this.actions = actions;
-        this.items = items;
-        this.delay = 100;
-        this._openOnOver = true;
-        this.scheduled = [];
-    }
-    Object.defineProperty(HoverService.prototype, "openOnOver", {
-        get: function () {
-            return this._openOnOver;
-        },
-        set: function (value) {
-            this.cancelActions();
-            this._openOnOver = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(HoverService.prototype, "hovered", {
-        get: function () {
-            return this.items.get(this.hoveredIdx);
-        },
-        set: function (item) {
-            this.hoveredIdx = item ? item.index : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    HoverService.prototype.ngOnDestroy = function () {
-        this.cancelActions();
-    };
-    HoverService.prototype.over = function (item) {
-        var _this = this;
-        this.cancelActions(function (action) { return action.name === 'openOnOver'; });
-        if (!this.hovered || this.hovered !== item) {
-            this.actions.closeOthers(item);
-            this.hovered = item;
-            if ((item.level > 0 || this.openOnOver) && !item.disabled) {
-                this.actions.open(item);
-                this.cancelActions(function (action) {
-                    return (action.name === 'close' && (item === action.item || _this.items.hasParent(item, action.item))) ||
-                        (action.name === 'open' && !_this.items.hasParent(item, action.item));
-                });
-            }
-            this.scheduleActions();
-        }
-    };
-    HoverService.prototype.leave = function (disableOpenOnOver) {
-        var hovered = this.hovered;
-        if (hovered) {
-            this.actions.closeToRoot(hovered);
-            this.cancelActions(function (action) { return action.name === 'open'; });
-            this.scheduleActions();
-        }
-        if (disableOpenOnOver && this._openOnOver) {
-            this.scheduleDisableOpenOnOver();
-        }
-        this.hovered = null;
-    };
-    HoverService.prototype.closeCurrent = function () {
-        var hovered = this.hovered;
-        if (hovered) {
-            this.actions.closeToRoot(hovered);
-            this.hovered = null;
-        }
-    };
-    HoverService.prototype.scheduleActions = function () {
-        var _this = this;
-        if (this.actions.hasPending) {
-            var item_1 = {};
-            item_1.actions = this.actions.clear();
-            item_1.id = setTimeout(function () {
-                _this.actions.execute(item_1.actions);
-                _this.removeScheduled(item_1);
-            }, this.delay);
-            this.scheduled.push(item_1);
-        }
-    };
-    HoverService.prototype.scheduleDisableOpenOnOver = function () {
-        var _this = this;
-        var item = {
-            actions: [{ name: 'openOnOver' }]
-        };
-        item.id = setTimeout(function () {
-            _this._openOnOver = false;
-            _this.removeScheduled(item);
-        }, Math.max(this.delay, DISABLE_OPEN_ON_OVER_DELAY));
-        this.scheduled.push(item);
-    };
-    HoverService.prototype.removeScheduled = function (item) {
-        var scheduled = this.scheduled;
-        for (var idx = 0; idx < scheduled.length; idx++) {
-            if (scheduled[idx] === item) {
-                scheduled.splice(idx, 1);
-                return;
-            }
-        }
-    };
-    HoverService.prototype.cancelActions = function (predicate) {
-        var scheduled = this.scheduled;
-        for (var idx = scheduled.length - 1; idx >= 0; idx--) {
-            var item = scheduled[idx];
-            var actions = item.actions;
-            if (predicate) {
-                for (var actionIdx = actions.length - 1; actionIdx >= 0; actionIdx--) {
-                    if (predicate(actions[actionIdx])) {
-                        actions.splice(actionIdx, 1);
-                    }
-                }
-            }
-            if (!predicate || actions.length === 0) {
-                clearTimeout(item.id);
-                scheduled.splice(idx, 1);
-            }
-        }
-    };
-    HoverService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [actions_service_1.ActionsService, items_service_1.ItemsService])
-    ], HoverService);
-    return HoverService;
-}());
-exports.HoverService = HoverService;