@progress/kendo-angular-dialog 6.0.2 → 7.0.0-dev.202204191040

package/dist/es/common/util.js

@@ -1,214 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { of } from 'rxjs';
-import { delay, takeUntil } from 'rxjs/operators';
-/**
- * @hidden
- */
-export var isPresent = function (value) { return value !== null && value !== undefined; };
-/**
- * @hidden
- */
-export var isTruthy = function (value) { return !!value; };
-var toClassList = function (classNames) { return String(classNames).trim().split(' '); };
-var ɵ0 = toClassList;
-var focusableRegex = /^(?:a|input|select|textarea|button|object)$/i;
-/**
- * @hidden
- */
-export var Keys;
-(function (Keys) {
-    Keys[Keys["esc"] = 27] = "esc";
-    Keys[Keys["tab"] = 9] = "tab";
-    Keys[Keys["enter"] = 13] = "enter";
-    Keys[Keys["space"] = 32] = "space";
-    Keys[Keys["ctrl"] = 17] = "ctrl";
-    Keys[Keys["shift"] = 16] = "shift";
-    Keys[Keys["left"] = 37] = "left";
-    Keys[Keys["up"] = 38] = "up";
-    Keys[Keys["right"] = 39] = "right";
-    Keys[Keys["down"] = 40] = "down";
-})(Keys || (Keys = {}));
-/**
- * @hidden
- */
-export var DIALOG_ELEMENTS_HANDLING_ESC_KEY = 'k-dialog-wrapper k-dialog-buttongroup k-dialog-action';
-/**
- * @hidden
- */
-export var DIALOG_ELEMENTS_HANDLING_ARROWS = 'k-dialog-buttongroup';
-/**
- * @hidden
- */
-export var WINDOW_CLASSES = 'k-window';
-/**
- * @hidden
- */
-export var hasClasses = function (element, classNames) {
-    var namesList = toClassList(classNames);
-    return Boolean(toClassList(element.className).find(function (className) { return namesList.indexOf(className) >= 0; }));
-};
-/**
- * @hidden
- */
-export var isVisible = function (element) {
-    var rect = element.getBoundingClientRect();
-    return !!(rect.width && rect.height) && window.getComputedStyle(element).visibility !== 'hidden';
-};
-/**
- * @hidden
- */
-export var isFocusable = function (element, checkVisibility) {
-    if (checkVisibility === void 0) { checkVisibility = true; }
-    if (element.tagName) {
-        var tagName = element.tagName.toLowerCase();
-        var tabIndex = element.getAttribute('tabIndex');
-        var validTabIndex = tabIndex !== null && !isNaN(tabIndex) && tabIndex > -1;
-        var focusable = false;
-        if (focusableRegex.test(tagName)) {
-            focusable = !element.disabled;
-        }
-        else {
-            focusable = validTabIndex;
-        }
-        return focusable && (!checkVisibility || isVisible(element));
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export var setHTMLAttributes = function (attributes, renderer, element) {
-    for (var attribute in attributes) {
-        if (attribute) {
-            renderer.setAttribute(element, attribute, attributes[attribute]);
-        }
-    }
-};
-/**
- * Receives CSS class declarations either as an object, string or array and returns an array of the class names.
- *
- * @hidden
- */
-export var parseCSSClassNames = function (value) {
-    if (isObject(value)) {
-        return parseObjectClassNames(value);
-    }
-    if (isString(value)) {
-        return parseStringClassNames(value);
-    }
-    if (Array.isArray(value)) {
-        return parseArrayClassNames(value);
-    }
-};
-var parseObjectClassNames = function (value) {
-    var classes = [];
-    Object.keys(value).forEach(function (className) {
-        var currentClassName = splitStringToArray(className);
-        if (value[className] && currentClassName[0]) {
-            classes.push.apply(classes, currentClassName);
-        }
-    });
-    return classes;
-};
-var ɵ1 = parseObjectClassNames;
-var parseStringClassNames = function (value) {
-    var classes = [];
-    var classesArray = splitStringToArray(value);
-    classesArray.forEach(function (className) {
-        classes.push(className);
-    });
-    return classes;
-};
-var ɵ2 = parseStringClassNames;
-var parseArrayClassNames = function (value) {
-    var classes = [];
-    value.forEach(function (className) {
-        var current = splitStringToArray(className);
-        if (current[0]) {
-            classes.push.apply(classes, current);
-        }
-    });
-    return classes;
-};
-var ɵ3 = parseArrayClassNames;
-/**
- * @hidden
- */
-export var focusableSelector = [
-    'a[href]',
-    'area[href]',
-    'input:not([disabled])',
-    'select:not([disabled])',
-    'textarea:not([disabled])',
-    'button:not([disabled])',
-    'iframe',
-    'object',
-    'embed',
-    '*[tabindex]',
-    '*[contenteditable]'
-].join(',');
-/**
- * @hidden
- */
-export var preventDefault = function (_a) {
-    var event = _a.originalEvent;
-    event.stopPropagation();
-    event.preventDefault();
-};
-/**
- * @hidden
- */
-export var isWindowAvailable = function () {
-    return typeof window !== 'undefined';
-};
-/**
- * @hidden
- */
-export var preventOnDblClick = function (release) { return function (mouseDown) {
-    return of(mouseDown).pipe(delay(150), takeUntil(release));
-}; };
-/**
- * @hidden
- */
-export var RESIZE_DIRECTIONS = ['n', 'e', 's', 'w', 'se', 'sw', 'ne', 'nw'];
-/**
- * @hidden
- */
-export var OFFSET_STYLES = ['top', 'left', 'width', 'height'];
-/**
- * @hidden
- */
-export var isString = function (value) { return value instanceof String || typeof value === 'string'; };
-/**
- * @hidden
- */
-export var isObject = function (value) { return isPresent(value) && !Array.isArray(value) && typeof value === 'object'; };
-/**
- * @hidden
- */
-export var isNumber = function (value) { return typeof value === 'number' && isFinite(value); };
-/**
- * @hidden
- */
-export var createValueWithUnit = function (value) { return value + (isNumber(value) ? 'px' : ''); };
-/**
- * @hidden
- */
-export var splitStringToArray = function (value) { return value.trim().replace(/\s+/g, " ").split(' '); };
-/**
- * @hidden
- */
-export var findPrimaryButton = function (buttons) {
-    for (var i = buttons.length - 1; i >= 0; i--) {
-        var classList = buttons[i].classList;
-        for (var j = 0; j < classList.length; j++) {
-            if (classList[j].endsWith('-primary')) {
-                return buttons[i];
-            }
-        }
-    }
-};
-export { ɵ0, ɵ1, ɵ2, ɵ3 };

package/dist/es/dialog/dialog-actions.component.js

@@ -1,89 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, EventEmitter, HostBinding, TemplateRef, Input, Output, ElementRef } from '@angular/core';
-import { parseCSSClassNames } from '../common/util';
-/**
- * Specifies the action buttons of the Dialog
- * ([see example]({% slug actionbuttons_dialog %})).
- */
-var DialogActionsComponent = /** @class */ (function () {
-    function DialogActionsComponent(el) {
-        this.el = el;
-        /**
-         * Specifies the possible layout of the action buttons.
-         */
-        this.layout = 'stretched';
-        /**
-         * Fires when the user clicks an action button.
-         */
-        this.action = new EventEmitter();
-        this.buttonGroupClassName = true;
-    }
-    Object.defineProperty(DialogActionsComponent.prototype, "className", {
-        get: function () {
-            return this.layout === 'stretched';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    DialogActionsComponent.prototype.actionTemplate = function () {
-        return this.actions instanceof TemplateRef;
-    };
-    /**
-     * @hidden
-     */
-    DialogActionsComponent.prototype.onButtonClick = function (action, _e) {
-        this.action.emit(action);
-    };
-    /**
-     * @hidden
-     */
-    DialogActionsComponent.prototype.buttonClass = function (action) {
-        var classes = ['k-button k-button-md k-rounded-md'];
-        var fillMode = action.fillMode ? action.fillMode : 'solid';
-        var themeColor = action.themeColor ? action.themeColor : 'base';
-        var cssClasses = action.cssClass ? parseCSSClassNames(action.cssClass) : [];
-        classes.push("k-button-" + fillMode + " k-button-" + fillMode + "-" + themeColor);
-        if (cssClasses.length > 0) {
-            classes = classes.concat(cssClasses);
-        }
-        return classes.join(' ');
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], DialogActionsComponent.prototype, "actions", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], DialogActionsComponent.prototype, "layout", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], DialogActionsComponent.prototype, "action", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-dialog-buttongroup'),
-        HostBinding('class.k-actions'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DialogActionsComponent.prototype, "buttonGroupClassName", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-actions-stretched'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DialogActionsComponent.prototype, "className", null);
-    DialogActionsComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-dialog-actions',
-            template: "\n        <ng-content *ngIf=\"!actions\"></ng-content>\n        <ng-container *ngIf=\"!actionTemplate()\">\n            <button\n                type=\"button\"\n                [ngClass]=\"buttonClass(action)\"\n                (click)=\"onButtonClick(action, $event)\"\n                *ngFor=\"let action of actions\"\n                [attr.aria-label]=\"action.text\"\n            >\n                {{ action.text }}\n            </button>\n        </ng-container>\n        <ng-template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef])
-    ], DialogActionsComponent);
-    return DialogActionsComponent;
-}());
-export { DialogActionsComponent };

package/dist/es/dialog/dialog-container.directive.js

@@ -1,31 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ViewContainerRef } from '@angular/core';
-import { DialogContainerService } from './dialog-container.service';
-/**
- * Provides an insertion point for the Dialogs which are created through the
- * Dialog service ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
- * Created Dialogs will be mounted after that element.
- *
- * @example
- * ```html-no-run
- * <div kendoDialogContainer></div>
- * ```
- */
-var DialogContainerDirective = /** @class */ (function () {
-    function DialogContainerDirective(container, service) {
-        service.container = container;
-    }
-    DialogContainerDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDialogContainer]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [ViewContainerRef,
-            DialogContainerService])
-    ], DialogContainerDirective);
-    return DialogContainerDirective;
-}());
-export { DialogContainerDirective };

package/dist/es/dialog/dialog-container.service.js

@@ -1,31 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Injectable } from '@angular/core';
-/**
- * @hidden
- */
-var DialogContainerService = /** @class */ (function () {
-    function DialogContainerService() {
-    }
-    DialogContainerService_1 = DialogContainerService;
-    Object.defineProperty(DialogContainerService.prototype, "container", {
-        get: function () {
-            return DialogContainerService_1.container;
-        },
-        set: function (container) {
-            DialogContainerService_1.container = container;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var DialogContainerService_1;
-    DialogContainerService.container = null;
-    DialogContainerService = DialogContainerService_1 = tslib_1.__decorate([
-        Injectable()
-    ], DialogContainerService);
-    return DialogContainerService;
-}());
-export { DialogContainerService };

package/dist/es/dialog/dialog-content-base.js

@@ -1,45 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { DialogActionsComponent } from './dialog-actions.component';
-import { DialogTitleBarComponent } from './dialog-titlebar.component';
-import { ViewChild } from '@angular/core';
-import { filter } from 'rxjs/operators';
-/**
- * The base class  which will be extended by a component that is provided as content through `content`
- * ([see example]({% slug service_dialog %}#toc-passing-title-content-and-actions-as-a-single-component)).
- */
-var DialogContentBase = /** @class */ (function () {
-    function DialogContentBase(dialog) {
-        this.dialog = dialog;
-    }
-    /**
-     * @hidden
-     */
-    DialogContentBase.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        if (this.dialogTitleBar) {
-            // when opening component inside dialog with service AND the component has defined its own titlebar
-            this.dialogTitleBar.close.pipe(filter(function (e) { return !e.isDefaultPrevented(); })).subscribe(function () {
-                _this.dialog.close();
-            });
-        }
-        if (this.dialogActions) {
-            if (this.dialogActions.actions) {
-                this.dialogActions.action.subscribe(function (action) { return _this.dialog.dialog.instance.action.emit(action); });
-            }
-        }
-    };
-    tslib_1.__decorate([
-        ViewChild(DialogTitleBarComponent, { static: false }),
-        tslib_1.__metadata("design:type", DialogTitleBarComponent)
-    ], DialogContentBase.prototype, "dialogTitleBar", void 0);
-    tslib_1.__decorate([
-        ViewChild(DialogActionsComponent, { static: false }),
-        tslib_1.__metadata("design:type", DialogActionsComponent)
-    ], DialogContentBase.prototype, "dialogActions", void 0);
-    return DialogContentBase;
-}());
-export { DialogContentBase };

package/dist/es/dialog/dialog-settings.js

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * The settings for the Dialog actions when the Dialog is opened through `DialogService`
- * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
- */
-var DialogAction = /** @class */ (function () {
-    function DialogAction() {
-    }
-    return DialogAction;
-}());
-export { DialogAction };
-/**
- * Indicates that the **Close** button is clicked. Used when the results from
- * the Dialogs that are opened through `DialogService` are filtered
- * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
- */
-var DialogCloseResult = /** @class */ (function () {
-    function DialogCloseResult() {
-    }
-    return DialogCloseResult;
-}());
-export { DialogCloseResult };
-/**
- * The settings that can be used when the Dialog is opened through `DialogService`.
- * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
- */
-var DialogSettings = /** @class */ (function () {
-    function DialogSettings() {
-    }
-    return DialogSettings;
-}());
-export { DialogSettings };
-/**
- * Holds references to the object instance and published events of the Dialog.
- * Controls the Dialogs that were opened through the `DialogService`
- * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
- */
-var DialogRef = /** @class */ (function () {
-    function DialogRef() {
-    }
-    return DialogRef;
-}());
-export { DialogRef };

package/dist/es/dialog/dialog-titlebar.component.js

@@ -1,94 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, EventEmitter, HostBinding, Output, Input, ElementRef, Optional, NgZone } from '@angular/core';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { take } from 'rxjs/operators';
-import { PreventableEvent } from '../common/preventable-event';
-import { TitleBarLocalizationService } from '../localization/titlebar-localization.service';
-/**
- * Represents the [Kendo UI DialogTitleBar component for Angular]({% slug api_dialog_dialogtitlebarcomponent %}).
- *
- * It is used as part of the Dialog content when the component is created dynamically by using an [Angular service]({% slug service_dialog %}).
- */
-var DialogTitleBarComponent = /** @class */ (function () {
-    function DialogTitleBarComponent(zone, hostElement, localizationService) {
-        this.zone = zone;
-        this.hostElement = hostElement;
-        this.localizationService = localizationService;
-        /**
-         * Fires when the close button of the title-bar is clicked.
-         */
-        this.close = new EventEmitter();
-    }
-    Object.defineProperty(DialogTitleBarComponent.prototype, "className", {
-        get: function () {
-            return true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DialogTitleBarComponent.prototype, "closeButtonTitle", {
-        get: function () {
-            return this.closeTitle || this.localizationService.get('closeTitle');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DialogTitleBarComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        this.zone.onStable.pipe(take(1)).subscribe(function () {
-            var element = _this.hostElement.nativeElement.querySelector('.k-dialog-title');
-            element.setAttribute('id', _this.id);
-        });
-    };
-    /**
-     * @hidden
-     */
-    DialogTitleBarComponent.prototype.onCloseClick = function (e) {
-        e.preventDefault();
-        var eventArgs = new PreventableEvent();
-        this.close.emit(eventArgs);
-    };
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], DialogTitleBarComponent.prototype, "close", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], DialogTitleBarComponent.prototype, "id", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], DialogTitleBarComponent.prototype, "closeTitle", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-window-titlebar'),
-        HostBinding('class.k-dialog-titlebar'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DialogTitleBarComponent.prototype, "className", null);
-    DialogTitleBarComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-dialog-titlebar',
-            providers: [
-                TitleBarLocalizationService,
-                {
-                    provide: LocalizationService,
-                    useExisting: TitleBarLocalizationService
-                },
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.dialog'
-                }
-            ],
-            template: "\n         <ng-container\n            kendoDialogTitleBarLocalizedMessages\n            i18n-closeTitle=\"kendo.dialog.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n            <div class=\"k-window-title k-dialog-title\">\n                <ng-content></ng-content>\n            </div>\n\n            <div class=\"k-window-actions k-dialog-actions\">\n                <button\n                    role=\"button\"\n                    [attr.title]=\"closeButtonTitle\"\n                    [attr.aria-label]=\"closeButtonTitle\"\n                    class=\"k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-window-action k-dialog-action k-dialog-close\"\n                    (click)=\"onCloseClick($event)\"\n                >\n                    <span class=\"k-button-icon k-icon k-i-x\"></span>\n                </button>\n            </div>\n        </ng-container>\n    "
-        }),
-        tslib_1.__param(2, Optional()),
-        tslib_1.__metadata("design:paramtypes", [NgZone, ElementRef, LocalizationService])
-    ], DialogTitleBarComponent);
-    return DialogTitleBarComponent;
-}());
-export { DialogTitleBarComponent };