@progress/kendo-angular-buttons 21.4.1 → 22.0.0-develop.1

package/listbutton/list-button.d.ts

@@ -160,5 +160,5 @@ export declare class ListButton extends MultiTabStop implements OnDestroy {
     private createPopup;
     private destroyPopup;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListButton, "ng-component", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; }, { "open": "open"; "close": "close"; "escape": "escape"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListButton, "ng-component", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; }, { "open": "open"; "close": "close"; "escape": "escape"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-buttons",
-  "version": "21.4.1",
+  "version": "22.0.0-develop.1",
   "description": "Buttons Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,29 +17,23 @@
     "Progress"
   ],
   "@progress": {
-    "friendlyName": "Buttons",
-    "package": {
-      "productName": "Kendo UI for Angular",
-      "productCode": "KENDOUIANGULAR",
-      "publishDate": 1768393023,
-      "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
-    }
+    "friendlyName": "Buttons"
   },
   "peerDependencies": {
-    "@angular/animations": "18 - 21",
-    "@angular/common": "18 - 21",
-    "@angular/core": "18 - 21",
-    "@angular/platform-browser": "18 - 21",
+    "@angular/animations": "19 - 21",
+    "@angular/common": "19 - 21",
+    "@angular/core": "19 - 21",
+    "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.4.1",
-    "@progress/kendo-angular-l10n": "21.4.1",
-    "@progress/kendo-angular-popup": "21.4.1",
-    "@progress/kendo-angular-icons": "21.4.1",
+    "@progress/kendo-angular-common": "22.0.0-develop.1",
+    "@progress/kendo-angular-l10n": "22.0.0-develop.1",
+    "@progress/kendo-angular-popup": "22.0.0-develop.1",
+    "@progress/kendo-angular-icons": "22.0.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.4.1",
+    "@progress/kendo-angular-schematics": "22.0.0-develop.1",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-webspeech-common": "1.0.1"
   },
@@ -52,8 +46,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/progress-kendo-angular-buttons.mjs",
-      "esm": "./esm2022/progress-kendo-angular-buttons.mjs",
       "default": "./fesm2022/progress-kendo-angular-buttons.mjs"
     }
   },

package/splitbutton/localization/messages.d.ts

@@ -34,5 +34,5 @@ export declare class Messages extends ComponentMessages {
      */
     toggleButtonLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-splitbutton-messages-base", never, { "splitButtonLabel": { "alias": "splitButtonLabel"; "required": false; }; "toggleButtonLabel": { "alias": "toggleButtonLabel"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-splitbutton-messages-base", never, { "splitButtonLabel": { "alias": "splitButtonLabel"; "required": false; }; "toggleButtonLabel": { "alias": "toggleButtonLabel"; "required": false; }; }, {}, never, never, true, never>;
 }

package/esm2022/button/button-settings.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/button/button.component.mjs

@@ -1,558 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Renderer2, Output, Optional, NgZone, isDevMode } from '@angular/core';
-import { KendoButtonService } from './button.service';
-import { isDocumentAvailable, isChanged, hasObservers, isSafari, isFirefox } from '@progress/kendo-angular-common';
-import { caretAltDownIcon } from '@progress/kendo-svg-icons';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { Subscription } from 'rxjs';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { getStylingClasses, getThemeColorClasses, toggleClass } from '../util';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { NgClass } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "./button.service";
-import * as i2 from "@progress/kendo-angular-l10n";
-const DEFAULT_ROUNDED = 'medium';
-const DEFAULT_SIZE = 'medium';
-const DEFAULT_THEME_COLOR = 'base';
-const DEFAULT_FILL_MODE = 'solid';
-/**
- * Represents the Kendo UI Button component for Angular.
- *
- * As of package v17, the `span[kendoButton]` and `kendo-button` selectors are removed.
- * Use the `button[kendoButton]` selector only.
- *
- * @example
- * ```html
- * <button kendoButton [icon]="'save'" [themeColor]="'primary'">Save</button>
- * ```
- */
-export class ButtonComponent {
-    renderer;
-    service;
-    ngZone;
-    /**
-     * @hidden
-     * @default false
-     * required for DropDownButton arrow icon.
-     */
-    arrowIcon = false;
-    /**
-     * Adds visual styling to indicate when the Button is active.
-     *
-     * @default false
-     */
-    toggleable = false;
-    /**
-     * Backwards-compatible alias
-     *
-     * @hidden
-     */
-    get togglable() {
-        return this.toggleable;
-    }
-    /**
-     * @hidden
-     */
-    set togglable(value) {
-        this.toggleable = value;
-    }
-    /**
-     * Sets the selected state of the Button.
-     * Use with the `toggleable` property.
-     *
-     * @default false
-     */
-    get selected() {
-        return this._selected || false;
-    }
-    set selected(value) {
-        this._selected = value;
-    }
-    /**
-     * @hidden
-     */
-    set tabIndex(index) {
-        this.element.tabIndex = index;
-    }
-    get tabIndex() {
-        return this.element.tabIndex;
-    }
-    /**
-     * Specifies a URL 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.
-     */
-    imageUrl;
-    /**
-     * Defines a CSS class, or multiple classes separated by spaces applied to a `span` element inside the Button. Use the `iconClass` to add custom icons.
-     */
-    set iconClass(value) {
-        if (isDevMode() && value && (this.icon || this.svgIcon)) {
-            throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
-        }
-        this._iconClass = value;
-    }
-    get iconClass() {
-        return this._iconClass;
-    }
-    /**
-     * Sets the name of an existing font icon in the Kendo UI theme.
-     */
-    set icon(name) {
-        if (isDevMode() && name && this.iconClass) {
-            throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
-        }
-        this._icon = name;
-    }
-    get icon() {
-        return this._icon;
-    }
-    /**
-     * When `true`, disables the Button and prevents user interaction.
-     *
-     * @default false
-     */
-    set disabled(disabled) {
-        //Required, because in FF focused buttons are not blurred on disabled
-        if (disabled && isDocumentAvailable() && isFirefox(navigator.userAgent)) {
-            this.blur();
-        }
-        this.isDisabled = disabled;
-        this.renderer.setProperty(this.element, 'disabled', disabled);
-    }
-    get disabled() {
-        return this.isDisabled;
-    }
-    /**
-     * Sets the padding of the Button.
-     * See [Button Appearance]({% slug appearance_button %}#size).
-     *
-     * @default 'medium'
-     */
-    set size(size) {
-        const newSize = size || DEFAULT_SIZE;
-        this.handleClasses(newSize, 'size');
-        this._size = newSize;
-    }
-    get size() {
-        return this._size;
-    }
-    /**
-     * Sets the border radius of the Button.
-     * See [Button Appearance](slug:appearance_button#roundness).
-     *
-     * @default 'medium'
-     */
-    set rounded(rounded) {
-        const newRounded = rounded || DEFAULT_ROUNDED;
-        this.handleClasses(newRounded, 'rounded');
-        this._rounded = newRounded;
-    }
-    get rounded() {
-        return this._rounded;
-    }
-    /**
-     * Sets the background and border styles of the Button.
-     * See [Button Appearance](slug:appearance_button#fill-mode).
-     *
-     * @default 'solid'
-     */
-    set fillMode(fillMode) {
-        const newFillMode = fillMode || DEFAULT_FILL_MODE;
-        this.handleClasses(newFillMode, 'fillMode');
-        this._fillMode = newFillMode;
-    }
-    get fillMode() {
-        return this._fillMode;
-    }
-    /**
-     * Sets a predefined theme color for the Button.
-     * The theme color applies as a background and border color and adjusts the text color.
-     * See [Button Appearance](slug:appearance_button#theme-colors).
-     *
-     * @default 'base'
-     */
-    set themeColor(themeColor) {
-        const newThemeColor = themeColor || DEFAULT_THEME_COLOR;
-        this.handleThemeColor(newThemeColor);
-        this._themeColor = newThemeColor;
-    }
-    get themeColor() {
-        return this._themeColor;
-    }
-    /**
-     * Sets an SVG icon to display inside the Button.
-     */
-    set svgIcon(icon) {
-        if (isDevMode() && icon && this.iconClass) {
-            throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
-        }
-        this._svgIcon = icon;
-    }
-    get svgIcon() {
-        return this._svgIcon;
-    }
-    /**
-     * Fires when the selected state of a toggleable button changes.
-     * The event argument is the new selected state (`boolean`).
-     */
-    selectedChange = new EventEmitter();
-    /**
-     * Fires when the user clicks the Button.
-     */
-    click = new EventEmitter();
-    element;
-    isDisabled = false;
-    caretAltDownIcon = caretAltDownIcon;
-    _size = DEFAULT_SIZE;
-    _rounded = DEFAULT_ROUNDED;
-    _fillMode = DEFAULT_FILL_MODE;
-    _themeColor = DEFAULT_THEME_COLOR;
-    _focused = false;
-    direction;
-    _selected;
-    subs = new Subscription();
-    _iconClass;
-    _icon;
-    _svgIcon;
-    set isFocused(isFocused) {
-        toggleClass('k-focus', isFocused, this.renderer, this.element);
-        this._focused = isFocused;
-    }
-    get isFocused() {
-        return this._focused;
-    }
-    get classButton() {
-        return true;
-    }
-    get isToggleable() {
-        return this.toggleable;
-    }
-    get iconButtonClass() {
-        const hasIcon = this.icon || this.iconClass || this.imageUrl || this.svgIcon;
-        return hasIcon && !this.hasText;
-    }
-    get classDisabled() {
-        return this.isDisabled;
-    }
-    get classActive() {
-        return this.selected;
-    }
-    get getDirection() {
-        return this.direction;
-    }
-    /**
-     * @hidden
-     */
-    onFocus() {
-        this.isFocused = true;
-    }
-    /**
-     * @hidden
-     */
-    onBlur() {
-        this.isFocused = false;
-    }
-    /**
-     * @hidden
-     */
-    set primary(value) {
-        this.themeColor = value ? 'primary' : 'base';
-    }
-    /**
-     * @hidden
-     */
-    set look(value) {
-        this.fillMode = (value === 'default') ? 'solid' : value;
-    }
-    /**
-     * Alias for ElementRef.nativeElement to workaround
-     * ViewChild() selectors that used to return the host element before v11.
-     *
-     * @hidden
-     */
-    get nativeElement() {
-        return this.element;
-    }
-    constructor(element, renderer, service, localization, ngZone) {
-        this.renderer = renderer;
-        this.service = service;
-        this.ngZone = ngZone;
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.subs.add(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
-        this.element = element.nativeElement;
-    }
-    ngOnInit() {
-        if (!this.element.hasAttribute('role') && this.togglable) {
-            this.toggleAriaPressed(this.toggleable);
-        }
-        this.ngZone.runOutsideAngular(() => {
-            this.subs.add(this.renderer.listen(this.element, 'click', this._onButtonClick.bind(this)));
-            this.subs.add(this.renderer.listen(this.element, 'mousedown', (event) => {
-                const isBrowserSafari = isDocumentAvailable() && isSafari(navigator.userAgent);
-                if (!this.isDisabled && isBrowserSafari) {
-                    event.preventDefault();
-                    this.element.focus();
-                }
-            }));
-        });
-    }
-    ngOnChanges(change) {
-        if (isChanged('togglable', change) || isChanged('toggleable', change)) {
-            this.toggleAriaPressed(this.toggleable);
-        }
-    }
-    ngAfterViewInit() {
-        const stylingOptions = ['size', 'rounded', 'fillMode'];
-        stylingOptions.forEach(input => {
-            this.handleClasses(this[input], input);
-        });
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    /**
-     * @hidden
-     */
-    get hasText() {
-        return isDocumentAvailable() && this.element.textContent.trim().length > 0;
-    }
-    /**
-     * Focuses the Button component.
-     */
-    focus() {
-        if (isDocumentAvailable()) {
-            this.element.focus();
-            this.isFocused = true;
-        }
-    }
-    /**
-     * Removes focus from the Button component.
-     */
-    blur() {
-        if (isDocumentAvailable()) {
-            this.element.blur();
-            this.isFocused = false;
-        }
-    }
-    /**
-     * @hidden
-     */
-    setAttribute(attribute, value) {
-        this.renderer.setAttribute(this.element, attribute, value);
-    }
-    /**
-     * @hidden
-     */
-    removeAttribute(attribute) {
-        this.renderer.removeAttribute(this.element, attribute);
-    }
-    /**
-     * @hidden
-     *
-     * Internal setter that triggers selectedChange
-     */
-    setSelected(value) {
-        const changed = this.selected !== value;
-        this.selected = value;
-        this.setAttribute('aria-pressed', this.selected.toString());
-        toggleClass('k-selected', this.selected, this.renderer, this.element);
-        if (changed && hasObservers(this.selectedChange)) {
-            this.ngZone.run(() => {
-                this.selectedChange.emit(value);
-            });
-        }
-    }
-    toggleAriaPressed(shouldSet) {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        if (shouldSet) {
-            this.setAttribute('aria-pressed', this.selected.toString());
-        }
-        else {
-            this.removeAttribute('aria-pressed');
-        }
-    }
-    _onButtonClick() {
-        if (!this.disabled && this.service) {
-            this.ngZone.run(() => {
-                this.service.click(this);
-            });
-        }
-        if (this.togglable && !this.service) {
-            this.setSelected(!this.selected);
-        }
-    }
-    handleClasses(value, input) {
-        const elem = this.element;
-        const classes = getStylingClasses('button', input, this[input], value);
-        if (input === 'fillMode') {
-            this.handleThemeColor(this.themeColor, this[input], value);
-        }
-        if (classes.toRemove) {
-            this.renderer.removeClass(elem, classes.toRemove);
-        }
-        if (classes.toAdd) {
-            this.renderer.addClass(elem, classes.toAdd);
-        }
-    }
-    handleThemeColor(value, prevFillMode, fillMode) {
-        const elem = this.element;
-        const removeFillMode = prevFillMode || this.fillMode;
-        const addFillMode = fillMode || this.fillMode;
-        const themeColorClass = getThemeColorClasses('button', removeFillMode, addFillMode, this.themeColor, value);
-        this.renderer.removeClass(elem, themeColorClass.toRemove);
-        if (addFillMode !== 'none' && fillMode !== 'none') {
-            if (themeColorClass.toAdd) {
-                this.renderer.addClass(elem, themeColorClass.toAdd);
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.KendoButtonService, optional: true }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton]", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", primary: "primary", look: "look" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-toggle-button": "this.isToggleable", "class.k-icon-button": "this.iconButtonClass", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.button'
-            }
-        ], exportAs: ["kendoButton"], usesOnChanges: true, ngImport: i0, template: `
-        @if (icon || svgIcon) {
-          <kendo-icon-wrapper
-            innerCssClass="k-button-icon"
-            [name]="icon"
-          [svgIcon]="svgIcon"></kendo-icon-wrapper>
-        }
-        @if (imageUrl) {
-          <span class="k-button-icon k-icon">
-            <img [src]="imageUrl" class="k-image" role="presentation" />
-          </span>
-        }
-        @if (iconClass) {
-          <span class="k-button-icon" [ngClass]="iconClass"></span>
-        }
-        <span class="k-button-text"><ng-content></ng-content></span>
-        @if ($any(arrowIcon).iconClass) {
-          <span class="k-button-icon" [ngClass]="$any(arrowIcon).iconClass"></span>
-        }
-        @if (arrowIcon && !$any(arrowIcon).iconClass) {
-          <span class="k-button-arrow">
-            <kendo-icon-wrapper
-              [name]="$any(arrowIcon).icon || 'caret-alt-down'"
-            [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
-          </span>
-        }
-        
-        `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    exportAs: 'kendoButton',
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.button'
-                        }
-                    ],
-                    selector: 'button[kendoButton]',
-                    template: `
-        @if (icon || svgIcon) {
-          <kendo-icon-wrapper
-            innerCssClass="k-button-icon"
-            [name]="icon"
-          [svgIcon]="svgIcon"></kendo-icon-wrapper>
-        }
-        @if (imageUrl) {
-          <span class="k-button-icon k-icon">
-            <img [src]="imageUrl" class="k-image" role="presentation" />
-          </span>
-        }
-        @if (iconClass) {
-          <span class="k-button-icon" [ngClass]="iconClass"></span>
-        }
-        <span class="k-button-text"><ng-content></ng-content></span>
-        @if ($any(arrowIcon).iconClass) {
-          <span class="k-button-icon" [ngClass]="$any(arrowIcon).iconClass"></span>
-        }
-        @if (arrowIcon && !$any(arrowIcon).iconClass) {
-          <span class="k-button-arrow">
-            <kendo-icon-wrapper
-              [name]="$any(arrowIcon).icon || 'caret-alt-down'"
-            [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
-          </span>
-        }
-        
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, NgClass]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.KendoButtonService, decorators: [{
-                    type: Optional
-                }] }, { type: i2.LocalizationService }, { type: i0.NgZone }], propDecorators: { arrowIcon: [{
-                type: Input
-            }], toggleable: [{
-                type: Input
-            }], togglable: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
-            }], imageUrl: [{
-                type: Input
-            }], iconClass: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], rounded: [{
-                type: Input
-            }], fillMode: [{
-                type: Input
-            }], themeColor: [{
-                type: Input
-            }], svgIcon: [{
-                type: Input
-            }], selectedChange: [{
-                type: Output
-            }], click: [{
-                type: Output
-            }], classButton: [{
-                type: HostBinding,
-                args: ['class.k-button']
-            }], isToggleable: [{
-                type: HostBinding,
-                args: ['class.k-toggle-button']
-            }], iconButtonClass: [{
-                type: HostBinding,
-                args: ['class.k-icon-button']
-            }], classDisabled: [{
-                type: HostBinding,
-                args: ['class.k-disabled']
-            }], classActive: [{
-                type: HostBinding,
-                args: ['class.k-selected']
-            }], getDirection: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], onFocus: [{
-                type: HostListener,
-                args: ['focus']
-            }], onBlur: [{
-                type: HostListener,
-                args: ['blur']
-            }], primary: [{
-                type: Input
-            }], look: [{
-                type: Input
-            }] } });

package/esm2022/button/button.module.mjs

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { ButtonComponent } from './button.component';
-import { IconsService } from '@progress/kendo-angular-icons';
-import * as i0 from "@angular/core";
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
- * definition for the Button directive.
- *
- * Required for adding Button features in NgModule-based Angular applications.
- *
- * @example
- * ```typescript
- * import { ButtonModule } from '@progress/kendo-angular-buttons';
- * import { NgModule } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *   declarations: [AppComponent],
- *   imports: [BrowserModule, ButtonModule],
- *   bootstrap: [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export class ButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ButtonModule, imports: [ButtonComponent], exports: [ButtonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonModule, providers: [IconsService], imports: [ButtonComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ButtonComponent],
-                    exports: [ButtonComponent],
-                    providers: [IconsService]
-                }]
-        }] });