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

package/esm2022/button/button.service.mjs

@@ -1,22 +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 { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class KendoButtonService {
-    buttonClicked = new Subject();
-    buttonClicked$ = this.buttonClicked.asObservable();
-    click(button) {
-        this.buttonClicked.next(button);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KendoButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KendoButtonService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KendoButtonService, decorators: [{
-            type: Injectable
-        }] });

package/esm2022/button/selection-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/buttongroup/buttongroup.component.mjs

@@ -1,340 +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 { ButtonComponent } from '../button/button.component';
-import { Component, EventEmitter, Output, Input, ContentChildren, QueryList, HostBinding, isDevMode, ElementRef, Renderer2 } from '@angular/core';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { isChanged, Keys, normalizeKeys } from '@progress/kendo-angular-common';
-import { KendoButtonService } from '../button/button.service';
-import { fromEvent, Subscription } from 'rxjs';
-import { filter } from 'rxjs/operators';
-import { isPresent } from '../util';
-import { PreventableEvent } from '../preventable-event';
-import { packageMetadata } from '../package-metadata';
-import { validatePackage } from '@progress/kendo-licensing';
-import * as i0 from "@angular/core";
-import * as i1 from "../button/button.service";
-import * as i2 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-const tabindex = 'tabindex';
-/**
- * Represents the Kendo UI ButtonGroup component for Angular.
- *
- * @example
- * ```html
- * <kendo-buttongroup>
- *   <button kendoButton>Left</button>
- *   <button kendoButton>Middle</button>
- *   <button kendoButton>Right</button>
- * </kendo-buttongroup>
- * ```
- *
- * @remarks
- * Supported children components are: {@link ButtonComponent}.
- */
-export class ButtonGroupComponent {
-    service;
-    renderer;
-    element;
-    /**
-     * To disable a specific button, set **only** its `disabled` property to `true`.
-     * If you also set the ButtonGroup `disabled` property, it takes precedence over
-     * the `disabled` properties of the underlying buttons and they are ignored.
-     */
-    disabled;
-    /**
-     * Sets the selection mode of the ButtonGroup.
-     *
-     * @default 'multiple'
-     */
-    selection = 'multiple';
-    /**
-     * Sets the width of the ButtonGroup.
-     * When set, the buttons resize automatically to fill the full width of the group wrapper and acquire the same width.
-     */
-    width;
-    /**
-     * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-     */
-    set tabIndex(value) {
-        this._tabIndex = value;
-        this.currentTabIndex = value;
-    }
-    get tabIndex() {
-        return this._tabIndex;
-    }
-    /**
-     * When set to `true`, the component is a single tab-stop,
-     * and focus moves through the inner buttons using the arrow keys.
-     *
-     * When set to `false`, the inner buttons are part of the natural tab sequence of the page.
-     *
-     * @default true
-     */
-    navigable = true;
-    /**
-     * Fires every time keyboard navigation occurs within the ButtonGroup.
-     */
-    navigate = new EventEmitter();
-    buttons;
-    _tabIndex = 0;
-    currentTabIndex = 0;
-    lastFocusedIndex = -1;
-    direction;
-    subs = new Subscription();
-    wrapperClasses = true;
-    get disabledClass() {
-        return this.disabled;
-    }
-    get stretchedClass() {
-        return !!this.width;
-    }
-    role = 'group';
-    get dir() {
-        return this.direction;
-    }
-    get ariaDisabled() {
-        return this.disabled;
-    }
-    get wrapperWidth() {
-        return this.width;
-    }
-    get wrapperTabIndex() {
-        if (this.disabled) {
-            return undefined;
-        }
-        return this.navigable ? this.currentTabIndex : undefined;
-    }
-    constructor(service, localization, renderer, element) {
-        this.service = service;
-        this.renderer = renderer;
-        this.element = element;
-        validatePackage(packageMetadata);
-        this.subs.add(localization.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
-    }
-    ngOnInit() {
-        this.subs.add(this.service.buttonClicked$.subscribe((button) => {
-            let newSelectionValue;
-            if (this.isSelectionSingle()) {
-                newSelectionValue = true;
-                this.deactivate(this.buttons.filter(current => current !== button));
-            }
-            else {
-                if (this.navigable) {
-                    this.defocus(this.buttons.toArray());
-                }
-                newSelectionValue = !button.selected;
-            }
-            if (button.togglable) {
-                button.setSelected(newSelectionValue);
-            }
-            if (this.navigable) {
-                this.currentTabIndex = -1;
-                this.renderer.setAttribute(button, tabindex, '0');
-            }
-        }));
-        this.handleSubs('focus', () => this.navigable, this.focusHandler);
-        this.handleSubs('keydown', () => this.navigable && !this.disabled, (event) => this.navigateFocus(event));
-        this.handleSubs('focusout', (event) => this.navigable && event.relatedTarget && event.relatedTarget.parentNode !== this.element.nativeElement, () => {
-            this.lastFocusedIndex = this.buttons.toArray().findIndex(button => button.tabIndex !== -1);
-            this.defocus(this.buttons.toArray());
-            this.currentTabIndex = this.tabIndex;
-        });
-        this.subs.add(fromEvent(this.element.nativeElement, 'focusout')
-            .pipe(filter((event) => this.navigable && event.relatedTarget && event.relatedTarget.parentNode !== this.element.nativeElement))
-            .subscribe(() => {
-            this.defocus(this.buttons.toArray());
-            this.currentTabIndex = this.tabIndex;
-        }));
-    }
-    ngOnChanges(changes) {
-        if (isChanged('disabled', changes)) {
-            this.buttons.forEach((button) => {
-                if (isPresent(this.disabled)) {
-                    button.disabled = this.disabled;
-                }
-            });
-        }
-        if (isChanged('navigable', changes)) {
-            if (changes['navigable'].currentValue) {
-                this.defocus(this.buttons.toArray());
-                this.currentTabIndex = 0;
-            }
-            else {
-                this.currentTabIndex = -1;
-                this.buttons.forEach((button) => this.renderer.setAttribute(button, tabindex, '0'));
-            }
-        }
-    }
-    ngAfterContentInit() {
-        if (!this.navigable) {
-            return;
-        }
-        this.defocus(this.buttons.toArray());
-    }
-    ngAfterViewChecked() {
-        if (this.buttons.length) {
-            this.renderer.addClass(this.buttons.first.element, 'k-group-start');
-            this.renderer.addClass(this.buttons.last.element, 'k-group-end');
-        }
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    ngAfterContentChecked() {
-        this.verifySettings();
-    }
-    navigateFocus(event) {
-        const navigationButtons = this.buttons.toArray().filter(button => !button.disabled);
-        const focusedIndex = navigationButtons.findIndex(current => current.element.tabIndex !== -1);
-        const firstIndex = 0;
-        const lastIndex = navigationButtons.length - 1;
-        const eventArgs = new PreventableEvent();
-        const code = normalizeKeys(event);
-        if (code === Keys.ArrowRight && focusedIndex < lastIndex) {
-            this.navigate.emit(eventArgs);
-            if (!eventArgs.isDefaultPrevented()) {
-                this.defocus(navigationButtons);
-                this.focus(navigationButtons.filter((_current, index) => {
-                    return index === focusedIndex + 1;
-                }));
-            }
-        }
-        if (code === Keys.ArrowLeft && focusedIndex > firstIndex) {
-            this.navigate.emit(eventArgs);
-            if (!eventArgs.isDefaultPrevented()) {
-                this.defocus(navigationButtons);
-                this.focus(navigationButtons.filter((_current, index) => {
-                    return index === focusedIndex - 1;
-                }));
-            }
-        }
-    }
-    deactivate(buttons) {
-        buttons.forEach((button) => {
-            button.setSelected(false);
-            if (this.navigable) {
-                this.renderer.setAttribute(button, tabindex, '-1');
-            }
-        });
-    }
-    activate(buttons) {
-        buttons.forEach((button) => {
-            button.setSelected(true);
-            if (this.navigable) {
-                this.renderer.setAttribute(button, tabindex, '0');
-            }
-            button.focus();
-        });
-    }
-    defocus(buttons) {
-        buttons.forEach((button) => {
-            this.renderer.setAttribute(button, tabindex, '-1');
-        });
-    }
-    focus(buttons) {
-        buttons.forEach((button) => {
-            this.renderer.setAttribute(button, tabindex, '0');
-            button.focus();
-        });
-    }
-    verifySettings() {
-        if (isDevMode()) {
-            if (this.isSelectionSingle() && this.buttons.filter(button => button.selected).length > 1) {
-                throw new Error('Having multiple selected buttons with single selection mode is not supported');
-            }
-        }
-    }
-    isSelectionSingle() {
-        return this.selection === 'single';
-    }
-    handleSubs(eventName, predicate, handler) {
-        this.subs.add(fromEvent(this.element.nativeElement, eventName)
-            .pipe(filter(predicate))
-            .subscribe(handler));
-    }
-    focusHandler = () => {
-        this.currentTabIndex = -1;
-        this.defocus(this.buttons.toArray());
-        const firstFocusableIndex = this.buttons.toArray().findIndex(current => !current.disabled);
-        const index = this.lastFocusedIndex === -1 ? firstFocusableIndex : this.lastFocusedIndex;
-        this.focus(this.buttons.filter((_current, i) => {
-            return i === index;
-        }));
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1.KendoButtonService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClasses", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
-            KendoButtonService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.buttongroup'
-            }
-        ], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
-        <ng-content select="[kendoButton]"></ng-content>
-    `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    exportAs: 'kendoButtonGroup',
-                    providers: [
-                        KendoButtonService,
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.buttongroup'
-                        }
-                    ],
-                    selector: 'kendo-buttongroup',
-                    template: `
-        <ng-content select="[kendoButton]"></ng-content>
-    `,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.KendoButtonService }, { type: i2.LocalizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { disabled: [{
-                type: Input,
-                args: ['disabled']
-            }], selection: [{
-                type: Input,
-                args: ['selection']
-            }], width: [{
-                type: Input,
-                args: ['width']
-            }], tabIndex: [{
-                type: Input
-            }], navigable: [{
-                type: Input
-            }], navigate: [{
-                type: Output
-            }], buttons: [{
-                type: ContentChildren,
-                args: [ButtonComponent]
-            }], wrapperClasses: [{
-                type: HostBinding,
-                args: ['class.k-button-group']
-            }], disabledClass: [{
-                type: HostBinding,
-                args: ['class.k-disabled']
-            }], stretchedClass: [{
-                type: HostBinding,
-                args: ['class.k-button-group-stretched']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], dir: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], ariaDisabled: [{
-                type: HostBinding,
-                args: ['attr.aria-disabled']
-            }], wrapperWidth: [{
-                type: HostBinding,
-                args: ['style.width']
-            }], wrapperTabIndex: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
-            }] } });

package/esm2022/buttongroup/buttongroup.module.mjs

@@ -1,49 +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 { KENDO_BUTTONGROUP } from '../directives';
-import { IconsService } from '@progress/kendo-angular-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "../button/button.component";
-import * as i2 from "./buttongroup.component";
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
- * definition for the ButtonGroup directive.
- *
- * Required for adding ButtonGroup features in NgModule-based Angular applications.
- *
- * The package exports:
- * - `ButtonGroupComponent`—The ButtonGroup component class.
- * - `ButtonComponent`—The Button component class.
- *
- * @example
- * ```typescript
- * import { ButtonGroupModule } 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, ButtonGroupModule],
- *   bootstrap: [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export class ButtonGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupModule, imports: [i1.ButtonComponent, i2.ButtonGroupComponent], exports: [i1.ButtonComponent, i2.ButtonGroupComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupModule, providers: [IconsService], imports: [i1.ButtonComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_BUTTONGROUP],
-                    imports: [...KENDO_BUTTONGROUP],
-                    providers: [IconsService]
-                }]
-        }] });

package/esm2022/buttons.module.mjs

@@ -1,58 +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 { KENDO_BUTTONS } from './directives';
-import { IconsService } from '@progress/kendo-angular-icons';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { KENDO_TOGGLEBUTTONTABSTOP, ResizeBatchService } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "./button/button.component";
-import * as i2 from "./buttongroup/buttongroup.component";
-import * as i3 from "./dropdownbutton/dropdownbutton.component";
-import * as i4 from "./listbutton/button-item-template.directive";
-import * as i5 from "./chip/chip.component";
-import * as i6 from "./chip/chip-list.component";
-import * as i7 from "./floatingactionbutton/floatingactionbutton.component";
-import * as i8 from "./floatingactionbutton/templates/dial-item-template.directive";
-import * as i9 from "./floatingactionbutton/templates/fab-template.directive";
-import * as i10 from "./splitbutton/splitbutton.component";
-import * as i11 from "./splitbutton/localization/custom-messages.component";
-import * as i12 from "@progress/kendo-angular-common";
-import * as i13 from "./speechtotextbutton/speechtotextbutton.component";
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
- * definition for the Buttons components.
- *
- * Required for adding all Button features in NgModule-based Angular applications.
- *
- * @example
- *
- * ```ts-no-run
- * import { ButtonsModule } from '@progress/kendo-angular-buttons';
- * import { NgModule } from '@angular/core';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, ButtonsModule], // import Buttons module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export class ButtonsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ButtonsModule, imports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, i4.ButtonItemTemplateDirective, i13.SpeechToTextButtonComponent, i12.ToggleButtonTabStopDirective], exports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, i4.ButtonItemTemplateDirective, i13.SpeechToTextButtonComponent, i12.ToggleButtonTabStopDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonsModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.ButtonComponent, i1.ButtonComponent, i3.DropDownButtonComponent, i5.ChipComponent, i5.ChipComponent, i7.FloatingActionButtonComponent, i10.SplitButtonComponent, i13.SpeechToTextButtonComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_BUTTONS, ...KENDO_TOGGLEBUTTONTABSTOP],
-                    exports: [...KENDO_BUTTONS, ...KENDO_TOGGLEBUTTONTABSTOP],
-                    providers: [IconsService, PopupService, ResizeBatchService]
-                }]
-        }] });

package/esm2022/chip/chip-content-click-event-args.interface.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/chip/chip-list-remove-event-args.interface.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 {};