@progress/kendo-angular-buttons 17.0.0-develop.22 → 17.0.0-develop.24

package/dropdownbutton/dropdownbutton.component.d.ts

@@ -164,6 +164,7 @@ export declare class DropDownButtonComponent extends ListButton implements After
     itemTemplate: ButtonItemTemplateDirective;
     private _fillMode;
     private _buttonAttributes;
+    private documentMouseUpSub;
     /**
      * @hidden
      */
@@ -207,6 +208,10 @@ export declare class DropDownButtonComponent extends ListButton implements After
      */
     wrapperContains(element: any): boolean;
     private handleButtonAttributes;
+    /**
+     * @hidden
+     */
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropDownButtonComponent, "kendo-dropdownbutton", ["kendoDropDownButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "buttonAttributes": { "alias": "buttonAttributes"; "required": false; }; }, { "itemClick": "itemClick"; "onFocus": "focus"; "onBlur": "blur"; }, ["itemTemplate"], ["*"], true, never>;
 }

package/esm2022/dropdownbutton/dropdownbutton.component.mjs

@@ -196,6 +196,7 @@ export class DropDownButtonComponent extends ListButton {
     itemTemplate;
     _fillMode = DEFAULT_FILL_MODE;
     _buttonAttributes = null;
+    documentMouseUpSub;
     /**
      * @hidden
      */
@@ -271,6 +272,11 @@ export class DropDownButtonComponent extends ListButton {
         this.renderer = renderer;
         this._itemClick = this.itemClick;
         this._blur = this.onBlur;
+        this.documentMouseUpSub = this.renderer.listen('document', 'mouseup', () => {
+            if (this.active) {
+                this._active = false;
+            }
+        });
     }
     ngAfterViewInit() {
         this.containerService.container = this.container;
@@ -317,6 +323,14 @@ export class DropDownButtonComponent extends ListButton {
             }
         }
     }
+    /**
+     * @hidden
+     */
+    ngOnDestroy() {
+        if (this.documentMouseUpSub) {
+            this.documentMouseUpSub();
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropDownButtonComponent, 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: i5.PopupContainerService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropDownButtonComponent, isStandalone: true, selector: "kendo-dropdownbutton", inputs: { arrowIcon: "arrowIcon", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", textField: "textField", data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", buttonAttributes: "buttonAttributes" }, outputs: { itemClick: "itemClick", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keyup": "keyup($event)", "mousedown": "mousedown($event)", "mouseup": "mouseup($event)" }, properties: { "class.k-focus": "this.focused", "attr.dir": "this.dir" } }, providers: [
             FocusService,

package/esm2022/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1730103449,
-    version: '17.0.0-develop.22',
+    publishDate: 1730130015,
+    version: '17.0.0-develop.24',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/splitbutton/splitbutton.component.mjs

@@ -346,6 +346,7 @@ export class SplitButtonComponent extends ListButton {
     _rounded = DEFAULT_ROUNDED;
     _fillMode = DEFAULT_FILL_MODE;
     _buttonAttributes = null;
+    documentMouseUpSub;
     set isFocused(value) {
         this._isFocused = value;
     }
@@ -463,6 +464,14 @@ export class SplitButtonComponent extends ListButton {
             popup.popupAlign = this.popupAlign;
         }
     }
+    /**
+     * @hidden
+     */
+    ngOnDestroy() {
+        if (this.documentMouseUpSub) {
+            this.documentMouseUpSub();
+        }
+    }
     /**
      * @hidden
      */
@@ -537,6 +546,14 @@ export class SplitButtonComponent extends ListButton {
         this.renderer = renderer;
         this._itemClick = this.itemClick;
         this._blur = this.onBlur;
+        this.documentMouseUpSub = this.renderer.listen('document', 'mouseup', () => {
+            if (this.active) {
+                this._active = false;
+            }
+            if (this.activeArrow) {
+                this.activeArrow = false;
+            }
+        });
     }
     /**
      * Returns the current open state of the popup.
@@ -598,7 +615,8 @@ export class SplitButtonComponent extends ListButton {
         ], 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
@@ -626,8 +644,7 @@ export class SplitButtonComponent extends ListButton {
             [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"
@@ -687,7 +704,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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
@@ -715,8 +733,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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"

package/fesm2022/progress-kendo-angular-buttons.mjs

@@ -42,8 +42,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1730103449,
-    version: '17.0.0-develop.22',
+    publishDate: 1730130015,
+    version: '17.0.0-develop.24',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2951,6 +2951,7 @@ class DropDownButtonComponent extends ListButton {
     itemTemplate;
     _fillMode = DEFAULT_FILL_MODE$1;
     _buttonAttributes = null;
+    documentMouseUpSub;
     /**
      * @hidden
      */
@@ -3026,6 +3027,11 @@ class DropDownButtonComponent extends ListButton {
         this.renderer = renderer;
         this._itemClick = this.itemClick;
         this._blur = this.onBlur;
+        this.documentMouseUpSub = this.renderer.listen('document', 'mouseup', () => {
+            if (this.active) {
+                this._active = false;
+            }
+        });
     }
     ngAfterViewInit() {
         this.containerService.container = this.container;
@@ -3072,6 +3078,14 @@ class DropDownButtonComponent extends ListButton {
             }
         }
     }
+    /**
+     * @hidden
+     */
+    ngOnDestroy() {
+        if (this.documentMouseUpSub) {
+            this.documentMouseUpSub();
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropDownButtonComponent, deps: [{ token: FocusService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PopupContainerService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropDownButtonComponent, isStandalone: true, selector: "kendo-dropdownbutton", inputs: { arrowIcon: "arrowIcon", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", textField: "textField", data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", buttonAttributes: "buttonAttributes" }, outputs: { itemClick: "itemClick", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keyup": "keyup($event)", "mousedown": "mousedown($event)", "mouseup": "mouseup($event)" }, properties: { "class.k-focus": "this.focused", "attr.dir": "this.dir" } }, providers: [
             FocusService,
@@ -4956,6 +4970,7 @@ class SplitButtonComponent extends ListButton {
     _rounded = DEFAULT_ROUNDED;
     _fillMode = DEFAULT_FILL_MODE;
     _buttonAttributes = null;
+    documentMouseUpSub;
     set isFocused(value) {
         this._isFocused = value;
     }
@@ -5073,6 +5088,14 @@ class SplitButtonComponent extends ListButton {
             popup.popupAlign = this.popupAlign;
         }
     }
+    /**
+     * @hidden
+     */
+    ngOnDestroy() {
+        if (this.documentMouseUpSub) {
+            this.documentMouseUpSub();
+        }
+    }
     /**
      * @hidden
      */
@@ -5147,6 +5170,14 @@ class SplitButtonComponent extends ListButton {
         this.renderer = renderer;
         this._itemClick = this.itemClick;
         this._blur = this.onBlur;
+        this.documentMouseUpSub = this.renderer.listen('document', 'mouseup', () => {
+            if (this.active) {
+                this._active = false;
+            }
+            if (this.activeArrow) {
+                this.activeArrow = false;
+            }
+        });
     }
     /**
      * Returns the current open state of the popup.
@@ -5208,7 +5239,8 @@ class SplitButtonComponent extends ListButton {
         ], 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
@@ -5236,8 +5268,7 @@ class SplitButtonComponent extends ListButton {
             [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"
@@ -5297,7 +5328,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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
@@ -5325,8 +5357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-buttons",
-  "version": "17.0.0-develop.22",
+  "version": "17.0.0-develop.24",
   "description": "Buttons Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -25,15 +25,15 @@
     "@angular/core": "16 - 18",
     "@angular/platform-browser": "16 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "17.0.0-develop.22",
-    "@progress/kendo-angular-l10n": "17.0.0-develop.22",
-    "@progress/kendo-angular-popup": "17.0.0-develop.22",
-    "@progress/kendo-angular-icons": "17.0.0-develop.22",
+    "@progress/kendo-angular-common": "17.0.0-develop.24",
+    "@progress/kendo-angular-l10n": "17.0.0-develop.24",
+    "@progress/kendo-angular-popup": "17.0.0-develop.24",
+    "@progress/kendo-angular-icons": "17.0.0-develop.24",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.22",
+    "@progress/kendo-angular-schematics": "17.0.0-develop.24",
     "@progress/kendo-common": "^0.2.1"
   },
   "schematics": "./schematics/collection.json",

package/splitbutton/splitbutton.component.d.ts

@@ -289,6 +289,7 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
     private _rounded;
     private _fillMode;
     private _buttonAttributes;
+    private documentMouseUpSub;
     set isFocused(value: boolean);
     get isFocused(): boolean;
     get widgetClasses(): boolean;
@@ -337,6 +338,10 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
      * @hidden
      */
     ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * @hidden
+     */
+    ngOnDestroy(): void;
     /**
      * @hidden
      */