@progress/kendo-angular-buttons 6.4.0 → 7.0.0-next.202111120840

package/dist/es/button/button.directive.js

@@ -1,630 +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, ElementRef, EventEmitter, HostBinding, HostListener, Input, Renderer2 as Renderer, Output, Optional, NgZone } from '@angular/core';
-import { KendoButtonService } from './button.service';
-import { isDocumentAvailable, isChanged, hasObservers, Keys } from '@progress/kendo-angular-common';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { filter } from 'rxjs/operators';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-var SPAN_TAG_NAME = 'SPAN';
-/**
- * Represents the Kendo UI Button component for Angular.
- */
-var ButtonDirective = /** @class */ (function () {
-    function ButtonDirective(element, renderer, service, localization, ngZone) {
-        var _this = this;
-        this.service = service;
-        this.ngZone = ngZone;
-        /**
-         * Provides visual styling that indicates if the Button is active.
-         * By default, `toggleable` is set to `false`.
-         */
-        this.toggleable = false;
-        /**
-         * Adds visual weight to the Button and makes it primary.
-         */
-        this.primary = false;
-        /**
-         * Changes the visual appearance by using alternative styling options
-         * ([more information and examples]({% slug appearance_button %})).
-         *
-         * The available values are:
-         * * [`ButtonLook`]({% slug api_buttons_buttonlook %}) = `flat` | `outline`
-         * * `clear`
-         */
-        this.look = 'default';
-        /**
-         * @hidden
-         */
-        this.role = 'button';
-        /**
-         * Fires each time the selected state of a toggleable button is changed.
-         *
-         * The event argument is the new selected state (boolean).
-         */
-        this.selectedChange = new EventEmitter();
-        /**
-         * Fires each time the user clicks the button.
-         */
-        this.click = new EventEmitter();
-        this.isDisabled = false;
-        this.isIcon = false;
-        this.isIconClass = false;
-        this._focused = false;
-        this.domEvents = [];
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.localizationChangeSubscription = localization.changes
-            .subscribe(function (_a) {
-            var rtl = _a.rtl;
-            return _this.direction = rtl ? 'rtl' : 'ltr';
-        });
-        this.element = element.nativeElement;
-        this.renderer = renderer;
-    }
-    Object.defineProperty(ButtonDirective.prototype, "togglable", {
-        /**
-         * Backwards-compatible alias
-         *
-         * @hidden
-         */
-        get: function () {
-            return this.toggleable;
-        },
-        /**
-         * @hidden
-         */
-        set: function (value) {
-            this.toggleable = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "selected", {
-        /**
-         * Sets the selected state of the Button.
-         */
-        get: function () {
-            return this._selected || false;
-        },
-        set: function (value) {
-            this._selected = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "tabIndex", {
-        get: function () {
-            return this.element.tabIndex;
-        },
-        /**
-         * @hidden
-         */
-        set: function (index) {
-            this.element.tabIndex = index;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "icon", {
-        /**
-         * Defines the name for an existing icon in a Kendo UI theme.
-         * The icon is rendered inside the Button by a `span.k-icon` element.
-         */
-        set: function (icon) {
-            var _this = this;
-            if (icon) {
-                this.iconSetter(icon, function () {
-                    _this.isIcon = true;
-                    var classes = 'k-icon k-i-' + icon;
-                    _this.addIcon(classes);
-                });
-            }
-            else {
-                this.isIcon = false;
-                this.updateIconNode();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "iconClass", {
-        /**
-         * Defines a CSS class—or multiple classes separated by spaces—
-         * which are applied to a `span` element inside the Button. Allows the usage of custom icons.
-         */
-        set: function (iconClassName) {
-            var _this = this;
-            if (iconClassName) {
-                this.iconSetter(iconClassName, function () {
-                    _this.isIconClass = true;
-                    _this.addIcon(iconClassName);
-                });
-            }
-            else {
-                this.isIconClass = false;
-                this.updateIconNode();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "imageUrl", {
-        /**
-         * Defines a URL which is used for an `img` element inside the Button.
-         * The URL can be relative or absolute. If relative, it is evaluated with relation to the web page URL.
-         */
-        set: function (imageUrl) {
-            if (imageUrl) {
-                this.iconSetter(imageUrl, this.addImgIcon.bind(this));
-            }
-            else {
-                this.removeImageNode();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "disabled", {
-        get: function () {
-            return this.isDisabled;
-        },
-        /**
-         * If set to `true`, it disables the Button.
-         */
-        set: function (disabled) {
-            this.isDisabled = disabled;
-            this.renderer.setProperty(this.element, 'disabled', disabled);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "isFocused", {
-        get: function () {
-            return this._focused;
-        },
-        set: function (isFocused) {
-            this.toggleClass('k-state-focused', isFocused);
-            this._focused = isFocused;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "classButton", {
-        get: function () {
-            return true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "classPrimary", {
-        get: function () {
-            return this.primary;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "isToggleable", {
-        get: function () {
-            return this.toggleable;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "isFlat", {
-        get: function () {
-            return this.look === 'flat';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "isBare", {
-        get: function () {
-            return this.look === 'bare';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "isOutline", {
-        get: function () {
-            return this.look === 'outline';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "isClear", {
-        get: function () {
-            return this.look === 'clear';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "roleSetter", {
-        get: function () {
-            return this.role;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "classDisabled", {
-        get: function () {
-            return this.isDisabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "classActive", {
-        get: function () {
-            return this.selected;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ButtonDirective.prototype, "getDirection", {
-        get: function () {
-            return this.direction;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ButtonDirective.prototype.onFocus = function () {
-        this.isFocused = true;
-    };
-    /**
-     * @hidden
-     */
-    ButtonDirective.prototype.onBlur = function () {
-        this.isFocused = false;
-    };
-    ButtonDirective.prototype.ngOnInit = function () {
-        var _this = this;
-        var isSpan = this.element.tagName === SPAN_TAG_NAME;
-        if (this.service) {
-            this.buttonLookChangeSubscription = this.service.buttonLookChange
-                .pipe(filter(function (look) { return look !== 'default'; }))
-                .subscribe(function (look) { return _this.look = look; });
-        }
-        if (!this.element.hasAttribute('role') && this.togglable) {
-            this.toggleAriaPressed(this.toggleable);
-        }
-        if (this.role) {
-            this.setAttribute('role', this.role);
-        }
-        this.ngZone.runOutsideAngular(function () {
-            _this.domEvents.push(_this.renderer.listen(_this.element, 'click', _this._onButtonClick.bind(_this)));
-            _this.domEvents.push(_this.renderer.listen(_this.element, 'keydown', function (event) {
-                if (isSpan && (event.keyCode === Keys.Space || event.keyCode === Keys.Enter)) {
-                    _this.click.emit(event);
-                    _this._onButtonClick();
-                }
-            }));
-        });
-    };
-    ButtonDirective.prototype.ngOnChanges = function (change) {
-        if (isChanged('togglable', change) || isChanged('toggleable', change)) {
-            this.toggleAriaPressed(this.toggleable);
-        }
-    };
-    ButtonDirective.prototype.ngAfterViewChecked = function () {
-        this.setIconTextClasses();
-    };
-    ButtonDirective.prototype.ngOnDestroy = function () {
-        this.imageNode = null;
-        this.iconNode = null;
-        this.renderer = null;
-        this.localizationChangeSubscription.unsubscribe();
-        if (this.service && this.buttonLookChangeSubscription) {
-            this.buttonLookChangeSubscription.unsubscribe();
-        }
-        clearTimeout(this.deferTimeout);
-        this.domEvents.forEach(function (unbindHandler) { return unbindHandler(); });
-    };
-    /**
-     * Focuses the Button component.
-     */
-    ButtonDirective.prototype.focus = function () {
-        if (isDocumentAvailable()) {
-            this.element.focus();
-            this.isFocused = true;
-        }
-    };
-    /**
-     * Blurs the Button component.
-     */
-    ButtonDirective.prototype.blur = function () {
-        if (isDocumentAvailable()) {
-            this.element.blur();
-            this.isFocused = false;
-        }
-    };
-    /**
-     * @hidden
-     */
-    ButtonDirective.prototype.setAttribute = function (attribute, value) {
-        this.renderer.setAttribute(this.element, attribute, value);
-    };
-    /**
-     * @hidden
-     */
-    ButtonDirective.prototype.removeAttribute = function (attribute) {
-        this.renderer.removeAttribute(this.element, attribute);
-    };
-    /**
-     * @hidden
-     *
-     * Internal setter that triggers selectedChange
-     */
-    ButtonDirective.prototype.setSelected = function (value) {
-        var _this = this;
-        var changed = this.selected !== value;
-        this.selected = value;
-        this.setAttribute('aria-pressed', this.selected.toString());
-        this.toggleClass('k-state-selected', this.selected);
-        if (changed && hasObservers(this.selectedChange)) {
-            this.ngZone.run(function () {
-                _this.selectedChange.emit(value);
-            });
-        }
-    };
-    ButtonDirective.prototype.toggleAriaPressed = function (shouldSet) {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        if (shouldSet) {
-            this.setAttribute('aria-pressed', this.selected.toString());
-        }
-        else {
-            this.removeAttribute('aria-pressed');
-        }
-    };
-    ButtonDirective.prototype.hasText = function () {
-        if (isDocumentAvailable()) {
-            return String(this.element.textContent).trim().length > 0;
-        }
-        else {
-            return false;
-        }
-    };
-    ButtonDirective.prototype.addImgIcon = function (imageUrl) {
-        var renderer = this.renderer;
-        if (this.imageNode) {
-            renderer.setProperty(this.imageNode, 'src', imageUrl);
-        }
-        else if (isDocumentAvailable()) {
-            this.imageNode = renderer.createElement('img');
-            renderer.setProperty(this.imageNode, 'src', imageUrl);
-            renderer.setProperty(this.imageNode, 'className', 'k-image');
-            renderer.setAttribute(this.imageNode, 'role', 'presentation');
-            this.prependChild(this.imageNode);
-        }
-    };
-    ButtonDirective.prototype.addIcon = function (classNames) {
-        var renderer = this.renderer;
-        if (this.iconNode) {
-            renderer.setProperty(this.iconNode, 'className', classNames);
-        }
-        else if (isDocumentAvailable()) {
-            this.iconNode = renderer.createElement('span');
-            renderer.setProperty(this.iconNode, 'className', classNames);
-            renderer.setAttribute(this.iconNode, 'role', 'presentation');
-            this.prependChild(this.iconNode);
-        }
-    };
-    ButtonDirective.prototype.prependChild = function (node) {
-        var _this = this;
-        this.defer(function () {
-            if (_this.renderer && node !== _this.element.firstChild) {
-                _this.renderer.insertBefore(_this.element, node, _this.element.firstChild);
-            }
-        });
-    };
-    ButtonDirective.prototype.defer = function (callback) {
-        var _this = this;
-        this.ngZone.runOutsideAngular(function () {
-            _this.deferTimeout = setTimeout(callback, 0);
-        });
-    };
-    ButtonDirective.prototype.iconSetter = function (icon, insertIcon) {
-        if (icon) {
-            insertIcon(icon);
-        }
-        this.setIconTextClasses();
-    };
-    ButtonDirective.prototype.removeImageNode = function () {
-        if (this.imageNode && this.renderer.parentNode(this.imageNode)) {
-            this.renderer.removeChild(this.element, this.imageNode);
-            this.imageNode = null;
-        }
-    };
-    ButtonDirective.prototype.removeIconNode = function () {
-        if (this.iconNode && this.renderer.parentNode(this.iconNode)) {
-            this.renderer.removeChild(this.element, this.iconNode);
-            this.iconNode = null;
-        }
-    };
-    ButtonDirective.prototype.updateIconNode = function () {
-        if (!this.isIcon && !this.isIconClass) {
-            this.removeIconNode();
-        }
-    };
-    ButtonDirective.prototype.setIconTextClasses = function () {
-        var hasIcon = this.isIcon || this.isIconClass || this.imageNode;
-        var hasText = this.hasText();
-        this.toggleClass('k-button-icon', hasIcon && !hasText);
-        this.toggleClass('k-button-icontext', hasIcon && hasText);
-    };
-    ButtonDirective.prototype.toggleClass = function (className, add) {
-        if (add) {
-            this.renderer.addClass(this.element, className);
-        }
-        else {
-            this.renderer.removeClass(this.element, className);
-        }
-    };
-    ButtonDirective.prototype._onButtonClick = function () {
-        var _this = this;
-        if (!this.disabled && this.service) {
-            this.ngZone.run(function () {
-                _this.service.click(_this);
-            });
-        }
-        if (this.togglable && !this.service) {
-            this.setSelected(!this.selected);
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ButtonDirective.prototype, "toggleable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ButtonDirective.prototype, "togglable", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ButtonDirective.prototype, "primary", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ButtonDirective.prototype, "look", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ButtonDirective.prototype, "selected", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], ButtonDirective.prototype, "tabIndex", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ButtonDirective.prototype, "icon", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ButtonDirective.prototype, "iconClass", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ButtonDirective.prototype, "imageUrl", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ButtonDirective.prototype, "disabled", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ButtonDirective.prototype, "role", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ButtonDirective.prototype, "selectedChange", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ButtonDirective.prototype, "click", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-button'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "classButton", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-primary'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "classPrimary", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-toggle-button'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "isToggleable", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-flat'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "isFlat", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-bare'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "isBare", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-outline'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "isOutline", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-button-clear'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "isClear", null);
-    tslib_1.__decorate([
-        HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "roleSetter", null);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-disabled'),
-        HostBinding('class.k-state-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "classDisabled", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-state-selected'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "classActive", null);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "getDirection", null);
-    tslib_1.__decorate([
-        HostListener('focus'),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], ButtonDirective.prototype, "onFocus", null);
-    tslib_1.__decorate([
-        HostListener('blur'),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", []),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], ButtonDirective.prototype, "onBlur", null);
-    ButtonDirective = tslib_1.__decorate([
-        Directive({
-            exportAs: 'kendoButton',
-            providers: [
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.button'
-                }
-            ],
-            selector: 'button[kendoButton], span[kendoButton]' // tslint:disable-line
-        }),
-        tslib_1.__param(2, Optional()),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            Renderer,
-            KendoButtonService,
-            LocalizationService,
-            NgZone])
-    ], ButtonDirective);
-    return ButtonDirective;
-}());
-export { ButtonDirective };

package/dist/es/button/button.service.js

@@ -1,28 +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';
-import { BehaviorSubject, Subject } from 'rxjs';
-/**
- * @hidden
- */
-var KendoButtonService = /** @class */ (function () {
-    function KendoButtonService() {
-        this.buttonLookChange = new BehaviorSubject('default');
-        this.buttonClicked = new Subject();
-        this.buttonClicked$ = this.buttonClicked.asObservable();
-    }
-    KendoButtonService.prototype.click = function (button) {
-        this.buttonClicked.next(button);
-    };
-    KendoButtonService.prototype.setButtonLook = function (look) {
-        this.buttonLookChange.next(look);
-    };
-    KendoButtonService = tslib_1.__decorate([
-        Injectable()
-    ], KendoButtonService);
-    return KendoButtonService;
-}());
-export { KendoButtonService };

package/dist/es/button-look.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/