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

package/dist/npm/button/button.directive.js

@@ -1,632 +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 button_service_1 = require("./button.service");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var operators_1 = require("rxjs/operators");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("../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 core_1.EventEmitter();
-        /**
-         * Fires each time the user clicks the button.
-         */
-        this.click = new core_1.EventEmitter();
-        this.isDisabled = false;
-        this.isIcon = false;
-        this.isIconClass = false;
-        this._focused = false;
-        this.domEvents = [];
-        kendo_licensing_1.validatePackage(package_metadata_1.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(operators_1.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 === kendo_angular_common_1.Keys.Space || event.keyCode === kendo_angular_common_1.Keys.Enter)) {
-                    _this.click.emit(event);
-                    _this._onButtonClick();
-                }
-            }));
-        });
-    };
-    ButtonDirective.prototype.ngOnChanges = function (change) {
-        if (kendo_angular_common_1.isChanged('togglable', change) || kendo_angular_common_1.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 (kendo_angular_common_1.isDocumentAvailable()) {
-            this.element.focus();
-            this.isFocused = true;
-        }
-    };
-    /**
-     * Blurs the Button component.
-     */
-    ButtonDirective.prototype.blur = function () {
-        if (kendo_angular_common_1.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 && kendo_angular_common_1.hasObservers(this.selectedChange)) {
-            this.ngZone.run(function () {
-                _this.selectedChange.emit(value);
-            });
-        }
-    };
-    ButtonDirective.prototype.toggleAriaPressed = function (shouldSet) {
-        if (!kendo_angular_common_1.isDocumentAvailable()) {
-            return;
-        }
-        if (shouldSet) {
-            this.setAttribute('aria-pressed', this.selected.toString());
-        }
-        else {
-            this.removeAttribute('aria-pressed');
-        }
-    };
-    ButtonDirective.prototype.hasText = function () {
-        if (kendo_angular_common_1.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 (kendo_angular_common_1.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 (kendo_angular_common_1.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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ButtonDirective.prototype, "toggleable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ButtonDirective.prototype, "togglable", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ButtonDirective.prototype, "primary", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ButtonDirective.prototype, "look", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ButtonDirective.prototype, "selected", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], ButtonDirective.prototype, "tabIndex", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ButtonDirective.prototype, "icon", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ButtonDirective.prototype, "iconClass", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], ButtonDirective.prototype, "imageUrl", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ButtonDirective.prototype, "disabled", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ButtonDirective.prototype, "role", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ButtonDirective.prototype, "selectedChange", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ButtonDirective.prototype, "click", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-button'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "classButton", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-primary'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "classPrimary", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-toggle-button'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "isToggleable", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-flat'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "isFlat", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-bare'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "isBare", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-outline'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "isOutline", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-button-clear'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "isClear", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "roleSetter", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-disabled'),
-        core_1.HostBinding('class.k-state-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "classDisabled", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-state-selected'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "classActive", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ButtonDirective.prototype, "getDirection", null);
-    tslib_1.__decorate([
-        core_1.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([
-        core_1.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([
-        core_1.Directive({
-            exportAs: 'kendoButton',
-            providers: [
-                kendo_angular_l10n_1.LocalizationService,
-                {
-                    provide: kendo_angular_l10n_1.L10N_PREFIX,
-                    useValue: 'kendo.button'
-                }
-            ],
-            selector: 'button[kendoButton], span[kendoButton]' // tslint:disable-line
-        }),
-        tslib_1.__param(2, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            core_1.Renderer2,
-            button_service_1.KendoButtonService,
-            kendo_angular_l10n_1.LocalizationService,
-            core_1.NgZone])
-    ], ButtonDirective);
-    return ButtonDirective;
-}());
-exports.ButtonDirective = ButtonDirective;

package/dist/npm/button/button.module.js

@@ -1,52 +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 button_directive_1 = require("./button.directive");
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
- * definition for the Button directive.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Button module
- * import { ButtonModule } from '@progress/kendo-angular-buttons';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * 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, ButtonModule], // import Button module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var ButtonModule = /** @class */ (function () {
-    function ButtonModule() {
-    }
-    ButtonModule = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: [button_directive_1.ButtonDirective],
-            exports: [button_directive_1.ButtonDirective]
-        })
-    ], ButtonModule);
-    return ButtonModule;
-}());
-exports.ButtonModule = ButtonModule;