@progress/kendo-angular-buttons 17.0.0-develop.4 → 17.0.0-develop.40

package/{esm2020 → esm2022}/splitbutton/splitbutton.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, TemplateRef, Input, Output, HostBinding, HostListener, EventEmitter, ContentChild, ViewChild, ViewContainerRef, NgZone, ChangeDetectorRef, Renderer2, forwardRef } from '@angular/core';
+import { Component, ElementRef, Input, Output, HostBinding, HostListener, EventEmitter, ContentChild, NgZone, ChangeDetectorRef, Renderer2, forwardRef } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { ListButton } from './../listbutton/list-button';
@@ -77,154 +77,46 @@ const DEFAULT_FILL_MODE = 'solid';
  * ```
  */
 export class SplitButtonComponent extends ListButton {
-    constructor(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr, renderer, containerService) {
-        super(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr, containerService);
-        this.localization = localization;
-        this.renderer = renderer;
-        /**
-         * Sets the text of the SplitButton.
-         */
-        this.text = '';
-        /**
-         * Defines an icon to be rendered next to the button text.
-         * ([see example]({% slug databinding_splitbutton %}#toc-arrays-of-complex-data)).
-         */
-        this.icon = '';
-        /**
-         * Defines the type attribute of the main button
-         */
-        this.type = 'button';
-        /**
-         * Defines the location of an image to be displayed next to the button text
-         * ([see example]({% slug databinding_splitbutton %}#toc-arrays-of-complex-data)).
-         */
-        this.imageUrl = '';
-        /**
-         * The size property specifies the padding of the SplitButton
-         * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-size)).
-         *
-         * The possible values are:
-         * * `small`
-         * * `medium` (default)
-         * * `large`
-         * * `none`
-         */
-        this.size = 'medium';
-        /**
-         * The SplitButton allows you to specify predefined theme colors.
-         * The theme color will be applied as a background and border color while also amending the text color accordingly
-         * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-themeColor)).
-         *
-         * The possible values are:
-         * * `base` —Applies coloring based on the `base` theme color. (default)
-         * * `primary` —Applies coloring based on the `primary` theme color.
-         * * `secondary`—Applies coloring based on the `secondary` theme color.
-         * * `tertiary`— Applies coloring based on the `tertiary` theme color.
-         * * `info`—Applies coloring based on the `info` theme color.
-         * * `success`— Applies coloring based on the `success` theme color.
-         * * `warning`— Applies coloring based on the `warning` theme color.
-         * * `error`— Applies coloring based on the `error` theme color.
-         * * `dark`— Applies coloring based on the `dark` theme color.
-         * * `light`— Applies coloring based on the `light` theme color.
-         * * `inverse`— Applies coloring based on the `inverse` theme color.
-         * * `none`— Removes the built in theme color.
-         */
-        this.themeColor = 'base';
-        /**
-         * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-         */
-        this.tabIndex = 0;
-        /**
-         * Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons) that will
-         * be rendered for the button which opens the popup.
-         */
-        this.arrowButtonIcon = 'caret-alt-down';
-        /**
-         * Specifies the [`SVGIcon`](slug:api_icons_svgicon) that will
-         * be rendered for the button which opens the popup.
-         */
-        this.arrowButtonSvgIcon = caretAltDownIcon;
-        /**
-         * Fires each time the user clicks the main button.
-         *
-         * @example
-         * ```ts
-         * _@Component({
-         *    selector: 'my-app',
-         *    template: `
-         *        <kendo-splitbutton (buttonClick)="onSplitButtonClick()" [data]="data">
-         *            Reply
-         *        </kendo-splitbutton>
-         *    `
-         * })
-         * class AppComponent {
-         *    public data: Array<any> = ['Reply All', 'Forward', 'Reply & Delete'];
-         *
-         *    public onSplitButtonClick(): void {
-         *      console.log('SplitButton click');
-         *    }
-         * }
-         * ```
-         *
-         */
-        this.buttonClick = new EventEmitter();
-        /**
-         * Fires each time the user clicks on the drop-down list. The event data contains the data item bound to the clicked list item.
-         *
-         * @example
-         * ```ts
-         * _@Component({
-         *     selector: 'my-app',
-         *    template: `
-         *        <kendo-splitbutton (itemClick)="onSplitButtonItemClick($event)" [data]="data">
-         *          Reply
-         *      </kendo-splitbutton>
-         *    `
-         * })
-         * class AppComponent {
-         *    public data: Array<any> = ['Reply All', 'Forward', 'Reply & Delete'];
-         *
-         *   public onSplitButtonItemClick(dataItem?: string): void {
-         *        if (dataItem) {
-         *            console.log(dataItem);
-         *       }
-         *    }
-         * }
-         * ```
-         *
-         */
-        this.itemClick = new EventEmitter();
-        /**
-         * Fires each time the SplitButton gets focused.
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires each time the SplitButton gets blurred.
-         */
-        this.onBlur = new EventEmitter();
-        /**
-         * Fires each time the popup is about to open.
-         * This event is preventable. If you cancel the event, the popup will remain closed.
-         */
-        this.open = new EventEmitter();
-        /**
-         * Fires each time the popup is about to close.
-         * This event is preventable. If you cancel the event, the popup will remain open.
-         */
-        this.close = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.activeArrow = false;
-        this.listId = guid();
-        this.buttonText = '';
-        this.arrowButtonClicked = false;
-        this._rounded = DEFAULT_ROUNDED;
-        this._fillMode = DEFAULT_FILL_MODE;
-        this._buttonAttributes = null;
-        this._itemClick = this.itemClick;
-        this._blur = this.onBlur;
-    }
+    localization;
+    renderer;
+    /**
+     * Sets the text of the SplitButton.
+     */
+    text = '';
+    /**
+     * Defines an icon to be rendered next to the button text.
+     * ([see example]({% slug databinding_splitbutton %}#toc-arrays-of-complex-data)).
+     */
+    icon = '';
+    /**
+     * Defines an SVGIcon to be rendered next to the button text.
+     */
+    svgIcon;
+    /**
+     * Defines an icon with a custom CSS class to be rendered next to the button text
+     * ([see example]({% slug databinding_splitbutton %}#toc-arrays-of-complex-data)).
+     */
+    iconClass;
+    /**
+     * Defines the type attribute of the main button
+     */
+    type = 'button';
+    /**
+     * Defines the location of an image to be displayed next to the button text
+     * ([see example]({% slug databinding_splitbutton %}#toc-arrays-of-complex-data)).
+     */
+    imageUrl = '';
+    /**
+     * The size property specifies the padding of the SplitButton
+     * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-size)).
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
+     */
+    size = 'medium';
     /**
      * The rounded property specifies the border radius of the SplitButton
      * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-rounded)).
@@ -261,6 +153,26 @@ export class SplitButtonComponent extends ListButton {
     get fillMode() {
         return this._fillMode;
     }
+    /**
+     * The SplitButton allows you to specify predefined theme colors.
+     * The theme color will be applied as a background and border color while also amending the text color accordingly
+     * ([see example]({% slug api_buttons_splitbuttoncomponent %}#toc-themeColor)).
+     *
+     * The possible values are:
+     * * `base` &mdash;Applies coloring based on the `base` theme color. (default)
+     * * `primary` &mdash;Applies coloring based on the `primary` theme color.
+     * * `secondary`&mdash;Applies coloring based on the `secondary` theme color.
+     * * `tertiary`&mdash; Applies coloring based on the `tertiary` theme color.
+     * * `info`&mdash;Applies coloring based on the `info` theme color.
+     * * `success`&mdash; Applies coloring based on the `success` theme color.
+     * * `warning`&mdash; Applies coloring based on the `warning` theme color.
+     * * `error`&mdash; Applies coloring based on the `error` theme color.
+     * * `dark`&mdash; Applies coloring based on the `dark` theme color.
+     * * `light`&mdash; Applies coloring based on the `light` theme color.
+     * * `inverse`&mdash; Applies coloring based on the `inverse` theme color.
+     * * `none`&mdash; Removes the built in theme color.
+     */
+    themeColor = 'base';
     /**
      * When set to `true`, disables a SplitButton item
      * ([see example]({% slug databinding_splitbutton %}#toc-arrays-of-complex-data)).
@@ -289,6 +201,14 @@ export class SplitButtonComponent extends ListButton {
     get popupSettings() {
         return this._popupSettings;
     }
+    /**
+     * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     */
+    tabIndex = 0;
+    /**
+     * Configures the text field of the button-list popup.
+     */
+    textField;
     /**
      * Sets the data of the SplitButton.
      *
@@ -303,6 +223,21 @@ export class SplitButtonComponent extends ListButton {
         }
         return this._data;
     }
+    /**
+     * The CSS classes that will be rendered on the button which opens the popup.
+     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    arrowButtonClass;
+    /**
+     * Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons) that will
+     * be rendered for the button which opens the popup.
+     */
+    arrowButtonIcon = 'caret-alt-down';
+    /**
+     * Specifies the [`SVGIcon`](slug:api_icons_svgicon) that will
+     * be rendered for the button which opens the popup.
+     */
+    arrowButtonSvgIcon = caretAltDownIcon;
     /**
      * Sets attributes to the main button.
      */
@@ -314,6 +249,80 @@ export class SplitButtonComponent extends ListButton {
     get buttonAttributes() {
         return this._buttonAttributes;
     }
+    /**
+     * Fires each time the user clicks the main button.
+     *
+     * @example
+     * ```ts
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-splitbutton (buttonClick)="onSplitButtonClick()" [data]="data">
+     *            Reply
+     *        </kendo-splitbutton>
+     *    `
+     * })
+     * class AppComponent {
+     *    public data: Array<any> = ['Reply All', 'Forward', 'Reply & Delete'];
+     *
+     *    public onSplitButtonClick(): void {
+     *      console.log('SplitButton click');
+     *    }
+     * }
+     * ```
+     *
+     */
+    buttonClick = new EventEmitter();
+    /**
+     * Fires each time the user clicks on the drop-down list. The event data contains the data item bound to the clicked list item.
+     *
+     * @example
+     * ```ts
+     * _@Component({
+     *     selector: 'my-app',
+     *    template: `
+     *        <kendo-splitbutton (itemClick)="onSplitButtonItemClick($event)" [data]="data">
+     *          Reply
+     *      </kendo-splitbutton>
+     *    `
+     * })
+     * class AppComponent {
+     *    public data: Array<any> = ['Reply All', 'Forward', 'Reply & Delete'];
+     *
+     *   public onSplitButtonItemClick(dataItem?: string): void {
+     *        if (dataItem) {
+     *            console.log(dataItem);
+     *       }
+     *    }
+     * }
+     * ```
+     *
+     */
+    itemClick = new EventEmitter();
+    /**
+     * Fires each time the SplitButton gets focused.
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires each time the SplitButton gets blurred.
+     */
+    onBlur = new EventEmitter();
+    /**
+     * Fires each time the popup is about to open.
+     * This event is preventable. If you cancel the event, the popup will remain closed.
+     */
+    open = new EventEmitter();
+    /**
+     * Fires each time the popup is about to close.
+     * This event is preventable. If you cancel the event, the popup will remain open.
+     */
+    close = new EventEmitter();
+    /**
+     * An item template that helps to customize the item content.
+     */
+    itemTemplate;
+    activeArrow = false;
+    listId = guid();
     /**
      * @hidden
      */
@@ -332,6 +341,12 @@ export class SplitButtonComponent extends ListButton {
     get componentTabIndex() {
         return this.disabled ? -1 : this.tabIndex;
     }
+    buttonText = '';
+    arrowButtonClicked = false;
+    _rounded = DEFAULT_ROUNDED;
+    _fillMode = DEFAULT_FILL_MODE;
+    _buttonAttributes = null;
+    documentMouseUpSub;
     set isFocused(value) {
         this._isFocused = value;
     }
@@ -425,7 +440,7 @@ export class SplitButtonComponent extends ListButton {
      * @hidden
      */
     ngAfterViewInit() {
-        this.containerService.container = this.containerRef;
+        this.containerService.container = this.container;
         this.containerService.template = this.popupTemplate;
         this.updateButtonText();
         this.handleClasses(this.rounded, 'rounded');
@@ -449,6 +464,14 @@ export class SplitButtonComponent extends ListButton {
             popup.popupAlign = this.popupAlign;
         }
     }
+    /**
+     * @hidden
+     */
+    ngOnDestroy() {
+        if (this.documentMouseUpSub) {
+            this.documentMouseUpSub();
+        }
+    }
     /**
      * @hidden
      */
@@ -517,6 +540,23 @@ export class SplitButtonComponent extends ListButton {
             this.blurWrapper();
         }
     }
+    constructor(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr, renderer, containerService) {
+        super(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr, containerService);
+        this.localization = localization;
+        this.renderer = renderer;
+        this._itemClick = this.itemClick;
+        this._blur = this.onBlur;
+        zone.runOutsideAngular(() => {
+            this.documentMouseUpSub = this.renderer.listen('document', 'mouseup', () => {
+                if (this.active) {
+                    zone.run(() => this._active = false);
+                }
+                if (this.activeArrow) {
+                    zone.run(() => this.activeArrow = false);
+                }
+            });
+        });
+    }
     /**
      * Returns the current open state of the popup.
      */
@@ -559,26 +599,26 @@ export class SplitButtonComponent extends ListButton {
             }
         }
     }
-}
-SplitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonComponent, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i4.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i5.PopupContainerService }], target: i0.ɵɵFactoryTarget.Component });
-SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SplitButtonComponent, isStandalone: true, selector: "kendo-splitbutton", inputs: { text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", type: "type", imageUrl: "imageUrl", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", disabled: "disabled", popupSettings: "popupSettings", tabIndex: "tabIndex", textField: "textField", data: "data", buttonClass: "buttonClass", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", arrowButtonSvgIcon: "arrowButtonSvgIcon", buttonAttributes: "buttonAttributes" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", onFocus: "focus", onBlur: "blur", open: "open", close: "close" }, host: { listeners: { "keydown": "keydown($event)", "keyup": "keyup($event)" }, properties: { "class.k-focus": "this.isFocused", "class.k-split-button": "this.widgetClasses", "class.k-button-group": "this.widgetClasses", "attr.dir": "this.dir" } }, providers: [
-        FocusService,
-        NavigationService,
-        NAVIGATION_SETTINGS_PROVIDER,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.splitbutton'
-        },
-        PopupContainerService,
-        {
-            provide: MultiTabStop,
-            useExisting: forwardRef(() => SplitButtonComponent)
-        }
-    ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ButtonItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, read: ElementRef }, { propertyName: "arrowButton", first: true, predicate: ["arrowButton"], descendants: true, read: ElementRef }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], exportAs: ["kendoSplitButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitButtonComponent, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i4.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i5.PopupContainerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SplitButtonComponent, isStandalone: true, selector: "kendo-splitbutton", inputs: { text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", type: "type", imageUrl: "imageUrl", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", disabled: "disabled", popupSettings: "popupSettings", tabIndex: "tabIndex", textField: "textField", data: "data", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", arrowButtonSvgIcon: "arrowButtonSvgIcon", buttonAttributes: "buttonAttributes" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", onFocus: "focus", onBlur: "blur", open: "open", close: "close" }, host: { listeners: { "keydown": "keydown($event)", "keyup": "keyup($event)" }, properties: { "class.k-focus": "this.isFocused", "class.k-split-button": "this.widgetClasses", "class.k-button-group": "this.widgetClasses", "attr.dir": "this.dir" } }, providers: [
+            FocusService,
+            NavigationService,
+            NAVIGATION_SETTINGS_PROVIDER,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.splitbutton'
+            },
+            PopupContainerService,
+            {
+                provide: MultiTabStop,
+                useExisting: forwardRef(() => SplitButtonComponent)
+            }
+        ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ButtonItemTemplateDirective, descendants: true }], exportAs: ["kendoSplitButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoSplitButtonLocalizedMessages
             i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"
-            splitButtonLabel="{{ '{buttonText} splitbutton' }}">
+            splitButtonLabel="{{ '{buttonText} splitbutton' }}"
+        >
         </ng-container>
         <button
             kendoButton
@@ -606,8 +646,7 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             [attr.aria-label]="ariaLabel"
         >
             <span *ngIf="text" class="k-button-text">
-                {{ text }}
-            </span><ng-content></ng-content>
+                {{ text }} </span><ng-content></ng-content>
         </button>
         <button kendoButton #arrowButton type="button"
             class="k-split-button-arrow"
@@ -642,8 +681,9 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitButtonComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoSplitButton',
@@ -666,7 +706,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     template: `
         <ng-container kendoSplitButtonLocalizedMessages
             i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"
-            splitButtonLabel="{{ '{buttonText} splitbutton' }}">
+            splitButtonLabel="{{ '{buttonText} splitbutton' }}"
+        >
         </ng-container>
         <button
             kendoButton
@@ -694,8 +735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [attr.aria-label]="ariaLabel"
         >
             <span *ngIf="text" class="k-button-text">
-                {{ text }}
-            </span><ng-content></ng-content>
+                {{ text }} </span><ng-content></ng-content>
         </button>
         <button kendoButton #arrowButton type="button"
             class="k-split-button-arrow"
@@ -764,8 +804,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], data: [{
                 type: Input
-            }], buttonClass: [{
-                type: Input
             }], arrowButtonClass: [{
                 type: Input
             }], arrowButtonIcon: [{
@@ -791,18 +829,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], itemTemplate: [{
                 type: ContentChild,
                 args: [ButtonItemTemplateDirective]
-            }], button: [{
-                type: ViewChild,
-                args: ['button', { read: ElementRef }]
-            }], arrowButton: [{
-                type: ViewChild,
-                args: ['arrowButton', { read: ElementRef }]
-            }], popupTemplate: [{
-                type: ViewChild,
-                args: ['popupTemplate']
-            }], containerRef: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef }]
             }], isFocused: [{
                 type: HostBinding,
                 args: ['class.k-focus']

package/{esm2020 → esm2022}/splitbutton/splitbutton.module.mjs

@@ -20,11 +20,11 @@ import * as i2 from "./localization/custom-messages.component";
  * - `SplitButtonCustomMessagesComponent`—The SplitButton custom messages component class.
  */
 export class SplitButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SplitButtonModule, imports: [i1.SplitButtonComponent, i2.SplitButtonCustomMessagesComponent], exports: [i1.SplitButtonComponent, i2.SplitButtonCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitButtonModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.SplitButtonComponent] });
 }
-SplitButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SplitButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, imports: [i1.SplitButtonComponent, i2.SplitButtonCustomMessagesComponent], exports: [i1.SplitButtonComponent, i2.SplitButtonCustomMessagesComponent] });
-SplitButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [KENDO_SPLITBUTTON] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SplitButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SplitButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_SPLITBUTTON],

package/{esm2020 → esm2022}/util.mjs

@@ -93,3 +93,9 @@ export const getThemeColorClasses = (componentType, prevFillMode, fillMode, prev
         toAdd: newValue !== 'none' ? `k-${componentType}-${fillMode}-${newValue}` : ''
     };
 };
+/**
+ * @hidden
+ *
+ * Checks for an empty object - {}
+ */
+export const isObjectEmpty = (obj) => obj && Object.keys(obj).length === 0 && obj.constructor === Object;