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

package/dist/npm/rendering/arrow.directive.js

@@ -1,83 +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");
-/**
- * Represents a directive that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
- * of the items to render the default expand arrow.
- */
-var ExpandArrowDirective = /** @class */ (function () {
-    function ExpandArrowDirective(itemsService) {
-        this.itemsService = itemsService;
-        this.hostClasses = true;
-        this.role = 'presentation';
-    }
-    Object.defineProperty(ExpandArrowDirective.prototype, "arrowDown", {
-        get: function () {
-            return !this.item.horizontal;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ExpandArrowDirective.prototype, "arrowRight", {
-        get: function () {
-            return this.item.horizontal && !this.item.rtl;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ExpandArrowDirective.prototype, "arrowLeft", {
-        get: function () {
-            return this.item.horizontal && this.item.rtl;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ExpandArrowDirective.prototype.ngOnInit = function () {
-        if (core_1.isDevMode() && !this.index) {
-            throw new Error('The kendoMenuExpandArrow directive requires the item index to be set.');
-        }
-        this.item = this.itemsService.get(this.index) || {};
-    };
-    tslib_1.__decorate([
-        core_1.Input('kendoMenuExpandArrow'),
-        tslib_1.__metadata("design:type", String)
-    ], ExpandArrowDirective.prototype, "index", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-icon'),
-        core_1.HostBinding('class.k-menu-expand-arrow'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ExpandArrowDirective.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String)
-    ], ExpandArrowDirective.prototype, "role", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-i-arrow-60-down'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ExpandArrowDirective.prototype, "arrowDown", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-i-arrow-60-right'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ExpandArrowDirective.prototype, "arrowRight", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-i-arrow-60-left'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ExpandArrowDirective.prototype, "arrowLeft", null);
-    ExpandArrowDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoMenuExpandArrow]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [items_service_1.ItemsService])
-    ], ExpandArrowDirective);
-    return ExpandArrowDirective;
-}());
-exports.ExpandArrowDirective = ExpandArrowDirective;

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

@@ -1,339 +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 navigation_service_1 = require("../services/navigation.service");
-var popup_settings_1 = require("./popup-settings");
-var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
-var utils_1 = require("../utils");
-var ɵ0 = utils_1.bodyFactory;
-exports.ɵ0 = ɵ0;
-/* tslint:disable:component-selector */
-/**
- * @hidden
- */
-var ItemComponent = /** @class */ (function () {
-    function ItemComponent(itemsService, navigation, changeDetector, renderer, popupService, element) {
-        this.itemsService = itemsService;
-        this.navigation = navigation;
-        this.changeDetector = changeDetector;
-        this.renderer = renderer;
-        this.popupService = popupService;
-        this.element = element;
-        this.animate = true;
-        this.openOnClick = false;
-        this.opened = false;
-        this.navigating = false;
-        this.destroyed = false;
-    }
-    Object.defineProperty(ItemComponent.prototype, "index", {
-        get: function () {
-            return this._index;
-        },
-        set: function (index) {
-            if (this._index && this._index !== index) {
-                this.itemsService.remove(this);
-                this._index = index;
-                this.itemsService.add(this);
-            }
-            else {
-                this._index = index;
-            }
-            this.childId = this.itemsService.childId(index);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "disabled", {
-        get: function () {
-            return this.item.disabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "hasPopup", {
-        get: function () {
-            return this.hasContent ? true : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "expanded", {
-        get: function () {
-            return this.hasContent ? this.opened : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "label", {
-        get: function () {
-            return this.item.text ? this.item.text : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "activeId", {
-        get: function () {
-            return this.index === this.navigation.activeIndex ? '0' : '-1';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "popupSettings", {
-        get: function () {
-            var settings = this.rtl ? popup_settings_1.POPUP_SETTINGS_RTL : popup_settings_1.POPUP_SETTINGS;
-            return this.horizontal ? settings.horizontal : settings.vertical;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "horizontal", {
-        get: function () {
-            return this.vertical || this.level > 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "hasLink", {
-        get: function () {
-            return Boolean(this.item.url);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "linkTemplate", {
-        get: function () {
-            return this.item.linkTemplate || this.itemLinkTemplate;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "hasContent", {
-        get: function () {
-            var items = this.item.items;
-            return items && items.length || this.item.contentTemplate;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "isContent", {
-        get: function () {
-            return Boolean(this.item.content);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "iconClass", {
-        get: function () {
-            return "k-i-" + this.item.icon;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "children", {
-        get: function () {
-            var item = this.item;
-            if (item.contentTemplate) {
-                if (!this.contentItems) {
-                    this.contentItems = [{
-                            content: item.contentTemplate,
-                            owner: item,
-                            ownerIndex: this.index
-                        }];
-                }
-                return this.contentItems;
-            }
-            return item.items;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ItemComponent.prototype, "template", {
-        get: function () {
-            return this.item.template || this.itemTemplate;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ItemComponent.prototype.hasContentTemplates = function () {
-        var item = this.item;
-        return this.itemTemplate || item.contentTemplate || this.itemLinkTemplate ||
-            (item.items && item.items.find(function (current) { return current.template || current.linkTemplate; }));
-    };
-    ItemComponent.prototype.ngOnInit = function () {
-        this.itemsService.add(this);
-    };
-    ItemComponent.prototype.ngOnDestroy = function () {
-        this.itemsService.remove(this);
-        this.destroyed = true;
-        if (this.popupRef) {
-            this.popupRef.close();
-            this.popupRef = null;
-        }
-    };
-    ItemComponent.prototype.focus = function () {
-        this.element.nativeElement.focus();
-    };
-    ItemComponent.prototype.blur = function () {
-        this.element.nativeElement.blur();
-    };
-    ItemComponent.prototype.toggleActive = function (isActive) {
-        if (isActive) {
-            this.setAttribute('tabindex', '0');
-        }
-        else {
-            this.setAttribute('tabindex', '-1');
-        }
-    };
-    ItemComponent.prototype.open = function () {
-        if (!this.destroyed && this.hasContent && !this.opened) {
-            var popupSettings = this.popupSettings;
-            var animate = this.animate ? Object.assign({}, this.animate, {
-                direction: popupSettings.animate
-            }) : false;
-            this.opened = true;
-            this.popupRef = this.popupService.open({
-                popupAlign: popupSettings.popup,
-                anchorAlign: popupSettings.anchor,
-                collision: popupSettings.collision,
-                anchor: this.element,
-                positionMode: 'absolute',
-                content: this.popupTemplate,
-                popupClass: {
-                    'k-rtl': this.rtl,
-                    'k-menu-popup': true
-                },
-                animate: animate
-            });
-            this.setAttribute('aria-expanded', 'true');
-            this.setAttribute('aria-owns', this.childId);
-            this.changeDetector.detectChanges();
-        }
-    };
-    ItemComponent.prototype.close = function () {
-        if (!this.destroyed && this.opened) {
-            this.opened = false;
-            if (this.popupRef) {
-                this.popupRef.close();
-                this.popupRef = null;
-            }
-            this.changeDetector.detectChanges();
-            this.setAttribute('aria-expanded', 'false');
-            this.renderer.removeAttribute(this.element.nativeElement, 'aria-owns');
-        }
-    };
-    ItemComponent.prototype.navigate = function () {
-        var link;
-        if (this.linkTemplate) {
-            link = this.element.nativeElement.querySelector('a.k-menu-link');
-        }
-        else if (this.hasLink) {
-            link = this.link.nativeElement;
-        }
-        if (link) {
-            this.navigating = true;
-            link.click();
-            this.navigating = false;
-        }
-    };
-    ItemComponent.prototype.setAttribute = function (name, value) {
-        this.renderer.setAttribute(this.element.nativeElement, name, value);
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ItemComponent.prototype, "item", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ItemComponent.prototype, "level", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ItemComponent.prototype, "index", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ItemComponent.prototype, "siblingIndex", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ItemComponent.prototype, "animate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ItemComponent.prototype, "vertical", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ItemComponent.prototype, "rtl", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ItemComponent.prototype, "openOnClick", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ItemComponent.prototype, "itemTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ItemComponent.prototype, "itemLinkTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('link', { static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], ItemComponent.prototype, "link", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('popupTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ItemComponent.prototype, "popupTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ItemComponent.prototype, "disabled", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-haspopup'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ItemComponent.prototype, "hasPopup", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-expanded'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ItemComponent.prototype, "expanded", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-label'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ItemComponent.prototype, "label", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.tabindex'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ItemComponent.prototype, "activeId", null);
-    ItemComponent = tslib_1.__decorate([
-        core_1.Component({
-            providers: [kendo_angular_popup_1.PopupService, {
-                    provide: kendo_angular_popup_1.POPUP_CONTAINER,
-                    useFactory: ɵ0
-                }],
-            selector: '[kendoMenuItem]',
-            template: "\n    <span *ngIf=\"!hasLink && !item.content && !linkTemplate\" class=\"k-link k-menu-link\" #link\n        [class.k-state-active]=\"opened\" role=\"presentation\">\n        <ng-template [ngTemplateOutlet]=\"itemcontent\">\n        </ng-template>\n    </span>\n    <a *ngIf=\"item.url && !linkTemplate\" class=\"k-link k-menu-link\" #link [attr.href]=\"item.url\"\n        [class.k-state-active]=\"opened\" tabindex=\"-1\" role=\"presentation\">\n        <ng-template [ngTemplateOutlet]=\"itemcontent\">\n        </ng-template>\n    </a>\n    <ng-template *ngIf=\"linkTemplate && !item.content\" [ngTemplateOutlet]=\"linkTemplate\"\n        [ngTemplateOutletContext]=\"{ item: item, index: index }\">\n    </ng-template>\n\n    <div class=\"k-content\" *ngIf=\"item.content\" role=\"presentation\">\n        <ng-template [ngTemplateOutlet]=\"item.content\" [ngTemplateOutletContext]=\"{ item: item.owner, index: item.ownerIndex }\">\n        </ng-template>\n    </div>\n\n    <ng-template #popupTemplate>\n        <ul kendoMenuList\n            [attr.id]=\"childId\"\n            [animate]=\"animate\"\n            [rtl]=\"rtl\"\n            [vertical]=\"vertical\"\n            [openOnClick]=\"openOnClick\"\n            [items]=\"children\"\n            [level]=\"level + 1\"\n            [index]=\"index\"\n            [itemTemplate]=\"itemTemplate\"\n            [itemLinkTemplate]=\"itemLinkTemplate\"\n            role=\"menu\"\n            class=\"k-group k-menu-group k-reset\">\n        </ul>\n    </ng-template>\n\n    <ng-template #itemcontent>\n        <span *ngIf=\"item.icon\" class=\"k-icon\" [ngClass]=\"iconClass\" role=\"presentation\"></span>\n        <ng-container *ngIf=\"!template\">\n            <span class=\"k-menu-link-text\">{{ item.text }}</span>\n        </ng-container>\n        <ng-template *ngIf=\"template\" [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item: item, index: index }\">\n        </ng-template>\n        <span class=\"k-icon k-menu-expand-arrow\" *ngIf=\"hasContent\"\n            role=\"presentation\"\n            [class.k-i-arrow-60-down]=\"!horizontal\"\n            [class.k-i-arrow-60-right]=\"horizontal && !rtl\"\n            [class.k-i-arrow-60-left]=\"horizontal && rtl\">\n        </span>\n    </ng-template>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [items_service_1.ItemsService,
-            navigation_service_1.NavigationService,
-            core_1.ChangeDetectorRef,
-            core_1.Renderer2,
-            kendo_angular_popup_1.PopupService,
-            core_1.ElementRef])
-    ], ItemComponent);
-    return ItemComponent;
-}());
-exports.ItemComponent = ItemComponent;

package/dist/npm/rendering/link.directive.js

@@ -1,64 +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");
-/**
- * Represents a directive that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
- * of the items to apply the default styling and behavior.
- */
-var LinkDirective = /** @class */ (function () {
-    function LinkDirective(itemsService) {
-        this.itemsService = itemsService;
-        this.hostClasses = true;
-        this.role = 'presentation';
-        this.tabindex = '-1';
-    }
-    Object.defineProperty(LinkDirective.prototype, "activeClass", {
-        get: function () {
-            return this.item.opened;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    LinkDirective.prototype.ngOnInit = function () {
-        if (core_1.isDevMode() && !this.index) {
-            throw new Error('The kendoMenuItemLink directive requires the item index to be set.');
-        }
-        this.item = this.itemsService.get(this.index) || {};
-    };
-    tslib_1.__decorate([
-        core_1.Input('kendoMenuItemLink'),
-        tslib_1.__metadata("design:type", String)
-    ], LinkDirective.prototype, "index", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-link'),
-        core_1.HostBinding('class.k-menu-link'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], LinkDirective.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String)
-    ], LinkDirective.prototype, "role", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.tabindex'),
-        tslib_1.__metadata("design:type", String)
-    ], LinkDirective.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-state-active'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], LinkDirective.prototype, "activeClass", null);
-    LinkDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoMenuItemLink]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [items_service_1.ItemsService])
-    ], LinkDirective);
-    return LinkDirective;
-}());
-exports.LinkDirective = LinkDirective;