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

package/dist/npm/context-menu/context-menu.component.js

@@ -1,459 +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_angular_popup_1 = require("@progress/kendo-angular-popup");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var menu_base_1 = require("../menu-base");
-var context_menu_popup_event_1 = require("./context-menu-popup-event");
-var context_menu_service_1 = require("./context-menu.service");
-var context_menu_items_service_1 = require("./context-menu-items.service");
-var context_menu_template_directive_1 = require("./context-menu-template.directive");
-var dom_queries_1 = require("../dom-queries");
-var utils_1 = require("../utils");
-var items_service_1 = require("../services/items.service");
-var context_menu_target_container_directive_1 = require("./context-menu-target-container.directive");
-var context_menu_target_directive_1 = require("./context-menu-target.directive");
-var utils_2 = require("../utils");
-var CONTEXT_MENU = 'contextmenu';
-var DEFAULT_ANCHOR_ALIGN = { horizontal: 'left', vertical: 'bottom' };
-var DEFAULT_POPUP_ALIGN = { horizontal: 'left', vertical: 'top' };
-var DEFAULT_COLLISION = { horizontal: 'fit', vertical: 'flip' };
-var preventDefault = function (e) { return e.preventDefault(); };
-var ɵ0 = preventDefault;
-exports.ɵ0 = ɵ0;
-var ɵ1 = utils_2.bodyFactory;
-exports.ɵ1 = ɵ1;
-/**
- * Represents the [Kendo UI ContextMenu component for Angular]({% slug overview_contextmenu %}).
- *
- * @example
- * ```ts
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *    <div #target>
- *        Right-click to open Context menu</p>
- *    </div>
- *    <kendo-contextmenu [target]="target" [items]="items"> </kendo-contextmenu>
- *    `
- * })
- * class AppComponent {
- *    public items: any[] = [{ text: 'item1', items: [{ text: 'item1.1' }] }, { text: 'item2', disabled: true }];
- * }
- * ```
- */
-var ContextMenuComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ContextMenuComponent, _super);
-    function ContextMenuComponent(popupService, service, ngZone, renderer) {
-        var _this = _super.call(this) || this;
-        _this.popupService = popupService;
-        _this.service = service;
-        _this.ngZone = ngZone;
-        _this.renderer = renderer;
-        /**
-         * Specifies the event on which the ContextMenu will open ([see example]({% slug showon_contextmenu %})).
-         * Accepts the name of a native DOM event. Defaults to `contextmenu` which opens the ContextMenu for the target element.
-         */
-        _this.showOn = CONTEXT_MENU;
-        /**
-         * Indicates that the ContextMenu will be aligned to the target or to the `filter` element (if specified).
-         */
-        _this.alignToAnchor = false;
-        /**
-         * Specifies if the Menu will be vertically rendered ([see example]({% slug orientation_contextmenu %})).
-         * @default true
-         */
-        _this.vertical = true;
-        /**
-         * Fires when the Menu is opened ([see example]({% slug target_contextmenu %}#toc-changing-items-for-specified-targets)).
-         */
-        _this.popupOpen = new core_1.EventEmitter();
-        /**
-         * Fires when the Menu is closed.
-         */
-        _this.popupClose = new core_1.EventEmitter();
-        /**
-         * Fires when a Menu item is selected.
-         */
-        _this.select = new core_1.EventEmitter();
-        /**
-         * Fires when a Menu item is opened.
-         */
-        _this.open = new core_1.EventEmitter();
-        /**
-         * Fires when a Menu item is closed.
-         */
-        _this.close = new core_1.EventEmitter();
-        _this.service.owner = _this;
-        _this.popupKeyDownHandler = _this.popupKeyDownHandler.bind(_this);
-        return _this;
-    }
-    ContextMenuComponent_1 = ContextMenuComponent;
-    /**
-     * Hides the ContextMenu.
-     */
-    ContextMenuComponent.prototype.hide = function () {
-        this.removePopup();
-    };
-    /**
-     * Shows the ContextMenu for the specified target.
-     * @param target - The offset or the target element for which the ContextMenu will open.
-     */
-    ContextMenuComponent.prototype.show = function (target) {
-        if (!target) {
-            return;
-        }
-        var showTarget = target;
-        this.removePopup();
-        if (utils_1.defined(showTarget.left) && utils_1.defined(showTarget.top)) {
-            this.createPopup({ offset: showTarget });
-        }
-        else {
-            this.currentTarget = showTarget.nativeElement || showTarget;
-            this.createPopup({ anchor: this.currentTarget });
-        }
-    };
-    ContextMenuComponent.prototype.ngOnChanges = function (changes) {
-        if (changes.target || changes.showOn) {
-            this.bindShowHandler();
-        }
-    };
-    ContextMenuComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.ngZone.runOutsideAngular(function () {
-            var closeClickSubscription = _this.renderer.listen('document', 'mousedown', function (e) {
-                if (_this.popupRef && !dom_queries_1.closest(e.target, function (node) { return node === _this.popupRef.popupElement; }) && _this.service.leaveMenu(e)) {
-                    _this.closePopup(e);
-                }
-            });
-            var closeBlurSubscription = _this.renderer.listen('window', 'blur', function (e) {
-                if (_this.popupRef) {
-                    _this.closePopup(e);
-                }
-            });
-            _this.closeSubscription = function () {
-                closeClickSubscription();
-                closeBlurSubscription();
-            };
-        });
-    };
-    ContextMenuComponent.prototype.ngOnDestroy = function () {
-        if (this.closeSubscription) {
-            this.closeSubscription();
-            this.closeSubscription = null;
-        }
-        this.unbindShowHandler();
-        this.removePopup();
-    };
-    /**
-     * @hidden
-     */
-    ContextMenuComponent.prototype.emitMenuEvent = function (name, args) {
-        args.target = this.currentTarget;
-        args.sender = this;
-        this[name].emit(args);
-        if (name === 'select' && !args.hasContent) {
-            this.closeAndFocus(args.originalEvent);
-        }
-    };
-    ContextMenuComponent.prototype.bindShowHandler = function () {
-        var _this = this;
-        this.unbindShowHandler();
-        this.ngZone.runOutsideAngular(function () {
-            var element = _this.targetElement();
-            if (!element) {
-                return;
-            }
-            var eventName = _this.showOn || CONTEXT_MENU;
-            _this.showSubscription = _this.renderer.listen(element, _this.showOn || CONTEXT_MENU, function (e) {
-                _this.showContextMenu(e, element);
-            });
-            if (eventName === CONTEXT_MENU) {
-                _this.keydownSubscription = _this.renderer.listen(element, 'keydown', function (e) {
-                    if (e.shiftKey && e.keyCode === kendo_angular_common_1.Keys.F10) {
-                        _this.showContextMenu(e, element);
-                    }
-                });
-            }
-        });
-    };
-    ContextMenuComponent.prototype.showContextMenu = function (e, element) {
-        var _this = this;
-        var filter = this.targetFilter();
-        var currentTarget = element;
-        if (filter) {
-            currentTarget = dom_queries_1.findInContainer(e.target, filter, element);
-            if (currentTarget && currentTarget !== e.target && dom_queries_1.isFocusable(e.target)) {
-                return;
-            }
-            if (currentTarget && this.directiveTarget) {
-                currentTarget = this.target.targetService.find(currentTarget);
-            }
-        }
-        if (!currentTarget) {
-            this.closePopup(e);
-            return;
-        }
-        this.ngZone.run(function () {
-            if (!_this.closePopup(e)) {
-                _this.currentTarget = currentTarget;
-                _this.openPopup(e);
-            }
-        });
-    };
-    ContextMenuComponent.prototype.unbindShowHandler = function () {
-        if (this.showSubscription) {
-            this.showSubscription();
-            this.showSubscription = null;
-        }
-        if (this.keydownSubscription) {
-            this.keydownSubscription();
-            this.keydownSubscription = null;
-        }
-    };
-    ContextMenuComponent.prototype.targetElement = function () {
-        if (!kendo_angular_common_1.isDocumentAvailable()) {
-            return;
-        }
-        this.directiveTarget = false;
-        var target = this.target;
-        if (typeof target === 'string') {
-            target = document.querySelector(target); // maybe querySelectorAll?
-        }
-        else if (target && target.nativeElement) {
-            target = target.nativeElement;
-        }
-        else if (target instanceof context_menu_target_container_directive_1.ContextMenuTargetContainerDirective) {
-            target = target.element;
-            this.directiveTarget = true;
-        }
-        return target;
-    };
-    ContextMenuComponent.prototype.targetFilter = function () {
-        if (this.directiveTarget) {
-            return "." + context_menu_target_directive_1.TARGET_CLASS;
-        }
-        return this.filter;
-    };
-    ContextMenuComponent.prototype.closePopup = function (e) {
-        var _this = this;
-        if (!this.popupRef) {
-            return;
-        }
-        return this.popupAction('popupClose', e, function () {
-            _this.removePopup();
-        });
-    };
-    ContextMenuComponent.prototype.removePopup = function () {
-        if (this.popupRef) {
-            this.popupRef.close();
-            this.popupRef = null;
-            this.currentTarget = null;
-        }
-        if (this.popupSubscriptions) {
-            this.popupSubscriptions();
-            this.popupSubscriptions = null;
-        }
-    };
-    ContextMenuComponent.prototype.openPopup = function (e) {
-        var _this = this;
-        this.popupAction('popupOpen', e, function () {
-            e.preventDefault();
-            var anchor, offset;
-            if (_this.alignToAnchor || e.type === 'keydown') {
-                anchor = _this.currentTargetElement;
-            }
-            else {
-                offset = { left: e.pageX, top: e.pageY };
-            }
-            _this.createPopup({ anchor: anchor, offset: offset });
-        });
-    };
-    ContextMenuComponent.prototype.createPopup = function (options) {
-        var _this = this;
-        this.popupRef = this.popupService.open(Object.assign({
-            animate: utils_1.defined(this.popupAnimate) ? this.popupAnimate : true,
-            appendTo: this.appendTo,
-            collision: this.collision || DEFAULT_COLLISION,
-            popupAlign: this.popupAlign || DEFAULT_POPUP_ALIGN,
-            anchorAlign: this.anchorAlign || DEFAULT_ANCHOR_ALIGN,
-            content: this.contentTemplate ? this.contentTemplate.templateRef : this.defaultContentTemplate,
-            popupClass: 'k-menu-popup'
-        }, options));
-        var element = this.popupRef.popupElement;
-        this.renderer.addClass(element, 'k-context-menu-popup');
-        this.renderer.setAttribute(element, 'tabindex', '-1');
-        this.renderer.setStyle(element, 'outline', '0'); //possibly move to styles
-        if (this.ariaLabel) {
-            this.renderer.setAttribute(element, 'aria-label', this.ariaLabel);
-        }
-        this.activeTarget = this.currentTargetElement === document.activeElement;
-        this.ngZone.runOutsideAngular(function () {
-            var unbindKeyDown = _this.renderer.listen(element, 'keydown', _this.popupKeyDownHandler);
-            var unbindContextmenu = _this.renderer.listen(element, 'contextmenu', preventDefault);
-            _this.popupSubscriptions = function () {
-                unbindKeyDown();
-                unbindContextmenu();
-            };
-        });
-        element.focus();
-    };
-    ContextMenuComponent.prototype.closeAndFocus = function (e) {
-        var currentTarget = this.currentTargetElement;
-        if (!this.closePopup(e) && this.activeTarget) {
-            currentTarget.focus();
-        }
-    };
-    ContextMenuComponent.prototype.popupKeyDownHandler = function (e) {
-        var element = this.popupRef.popupElement;
-        if (e.keyCode === kendo_angular_common_1.Keys.Escape && (dom_queries_1.hasClass(e.target, 'k-menu-item') || e.target === element)) {
-            this.closeAndFocus(e);
-        }
-        else if (e.target === element) {
-            this.service.keydown.emit(e);
-        }
-    };
-    ContextMenuComponent.prototype.popupAction = function (name, originalEvent, callback) {
-        var _this = this;
-        var emitter = this[name];
-        var prevented = false;
-        if (kendo_angular_common_1.hasObservers(emitter)) {
-            this.ngZone.run(function () {
-                var args = new context_menu_popup_event_1.ContextMenuPopupEvent({
-                    originalEvent: originalEvent,
-                    sender: _this,
-                    target: _this.currentTarget
-                });
-                emitter.emit(args);
-                if (!args.isDefaultPrevented()) {
-                    callback();
-                }
-                prevented = args.isDefaultPrevented();
-            });
-        }
-        else {
-            callback();
-        }
-        return prevented;
-    };
-    Object.defineProperty(ContextMenuComponent.prototype, "currentTargetElement", {
-        get: function () {
-            return this.directiveTarget && this.currentTarget ? this.currentTarget.element : this.currentTarget;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var ContextMenuComponent_1;
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ContextMenuComponent.prototype, "showOn", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ContextMenuComponent.prototype, "target", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ContextMenuComponent.prototype, "filter", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ContextMenuComponent.prototype, "alignToAnchor", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ContextMenuComponent.prototype, "vertical", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ContextMenuComponent.prototype, "popupAnimate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ContextMenuComponent.prototype, "popupAlign", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ContextMenuComponent.prototype, "anchorAlign", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ContextMenuComponent.prototype, "collision", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.ViewContainerRef)
-    ], ContextMenuComponent.prototype, "appendTo", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ContextMenuComponent.prototype, "ariaLabel", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ContextMenuComponent.prototype, "popupOpen", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ContextMenuComponent.prototype, "popupClose", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ContextMenuComponent.prototype, "select", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ContextMenuComponent.prototype, "open", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ContextMenuComponent.prototype, "close", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(context_menu_template_directive_1.ContextMenuTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", context_menu_template_directive_1.ContextMenuTemplateDirective)
-    ], ContextMenuComponent.prototype, "contentTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('default', { static: false }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ContextMenuComponent.prototype, "defaultContentTemplate", void 0);
-    ContextMenuComponent = ContextMenuComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            exportAs: 'kendoContextMenu',
-            providers: [
-                context_menu_service_1.ContextMenuService,
-                kendo_angular_l10n_1.LocalizationService,
-                {
-                    provide: kendo_angular_l10n_1.L10N_PREFIX,
-                    useValue: 'kendo.contextmenu'
-                },
-                {
-                    provide: items_service_1.ItemsService,
-                    useClass: context_menu_items_service_1.ContextMenuItemsService
-                },
-                {
-                    provide: menu_base_1.MenuBase,
-                    useExisting: core_1.forwardRef(function () { return ContextMenuComponent_1; })
-                },
-                kendo_angular_popup_1.PopupService,
-                {
-                    provide: kendo_angular_popup_1.POPUP_CONTAINER,
-                    useFactory: ɵ1
-                }
-            ],
-            selector: 'kendo-contextmenu',
-            template: "\n        <ng-template #default>\n            <kendo-menu [items]=\"rootItems\"\n                [vertical]=\"vertical\"\n                [openOnClick]=\"openOnClick\"\n                [hoverDelay]=\"hoverDelay\"\n                [animate]=\"animate\"\n                [menuItemTemplate]=\"itemTemplate.first?.templateRef\"\n                [menuItemLinkTemplate]=\"itemLinkTemplate.first?.templateRef\"\n                ></kendo-menu>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_popup_1.PopupService,
-            context_menu_service_1.ContextMenuService,
-            core_1.NgZone,
-            core_1.Renderer2])
-    ], ContextMenuComponent);
-    return ContextMenuComponent;
-}(menu_base_1.MenuBase));
-exports.ContextMenuComponent = ContextMenuComponent;

package/dist/npm/context-menu/context-menu.module.js

@@ -1,66 +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 kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
-var menu_module_1 = require("../menu.module");
-var context_menu_component_1 = require("./context-menu.component");
-var context_menu_template_directive_1 = require("./context-menu-template.directive");
-var context_menu_target_directive_1 = require("./context-menu-target.directive");
-var context_menu_target_container_directive_1 = require("./context-menu-target-container.directive");
-var COMPONENT_DIRECTIVES = [
-    context_menu_component_1.ContextMenuComponent,
-    context_menu_template_directive_1.ContextMenuTemplateDirective,
-    context_menu_target_directive_1.ContextMenuTargetDirective,
-    context_menu_target_container_directive_1.ContextMenuTargetContainerDirective
-];
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the ContextMenu component.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the ContextMenu module
- * import { ContextMenuModule } from '@progress/kendo-angular-menu';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- *
- * 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, BrowserAnimationsModule, ContextMenuModule], // import ContextMenuModule module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var ContextMenuModule = /** @class */ (function () {
-    function ContextMenuModule() {
-    }
-    ContextMenuModule = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: [COMPONENT_DIRECTIVES],
-            exports: [COMPONENT_DIRECTIVES, menu_module_1.MenuModule],
-            imports: [kendo_angular_popup_1.PopupModule, common_1.CommonModule, menu_module_1.MenuModule]
-        })
-    ], ContextMenuModule);
-    return ContextMenuModule;
-}());
-exports.ContextMenuModule = ContextMenuModule;

package/dist/npm/context-menu/context-menu.service.js

@@ -1,32 +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_common_1 = require("@progress/kendo-angular-common");
-var dom_queries_1 = require("../dom-queries");
-/**
- * @hidden
- */
-var ContextMenuService = /** @class */ (function () {
-    function ContextMenuService() {
-        this.keydown = new core_1.EventEmitter();
-    }
-    ContextMenuService.prototype.emit = function (name, args) {
-        this.owner.emitMenuEvent(name, args);
-    };
-    ContextMenuService.prototype.hasObservers = function (name) {
-        return this.owner && kendo_angular_common_1.hasObservers(this.owner[name]);
-    };
-    ContextMenuService.prototype.leaveMenu = function (e) {
-        return this.items ? !dom_queries_1.inMenu(e.target, this.items) : true;
-    };
-    ContextMenuService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], ContextMenuService);
-    return ContextMenuService;
-}());
-exports.ContextMenuService = ContextMenuService;

package/dist/npm/data-binding/binding-directive-base.js

@@ -1,34 +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 ITEM_FIELDS = ['textField', 'urlField', 'iconField', 'disabledField', 'cssClassField', 'cssStyleField', 'separatorField'];
-/**
- * @hidden
- */
-var BindingDirectiveBase = /** @class */ (function () {
-    function BindingDirectiveBase(menu) {
-        this.menu = menu;
-    }
-    BindingDirectiveBase.prototype.ngOnChanges = function () {
-        this.rebind();
-    };
-    /**
-     *  Rebinds the Menu items.
-     */
-    BindingDirectiveBase.prototype.rebind = function () {
-        var fields = this.fields = [];
-        for (var idx = 0; idx < ITEM_FIELDS.length; idx++) {
-            var inputName = ITEM_FIELDS[idx];
-            var inputValue = this[inputName];
-            if (inputValue) {
-                fields.push({ target: inputName.replace('Field', ''), source: inputValue });
-            }
-        }
-        this.menu.items = this.data ? this.mapItems(this.data) : [];
-    };
-    return BindingDirectiveBase;
-}());
-exports.BindingDirectiveBase = BindingDirectiveBase;