@progress/kendo-angular-toolbar 23.0.0-develop.4 → 23.0.0-develop.6

package/common/size.d.ts

@@ -4,6 +4,5 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the possible size options of the ToolBar.
- * @default `medium`
  */
 export type ToolbarSize = 'small' | 'medium' | 'large';

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

@@ -27,7 +27,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.0.0-develop.4',
+    version: '23.0.0-develop.6',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -87,6 +87,12 @@ const closest = (node, predicate) => {
     }
     return node;
 };
+/**
+ * @hidden
+ */
+const isSmartBoxInput = (target) => {
+    return !!closest(target, (el) => el.classList?.contains('k-smart-box'));
+};
 /**
  * @hidden
  */
@@ -1237,8 +1243,7 @@ class ToolBarComponent {
     /**
      * Sets the fill mode for the ToolBar.
      * This property controls the background and border styles of the ToolBar
-     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/appearance#fill-mode)).
-     * @default undefined
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/appearance#fill-mode)). The default value is set by the Kendo theme.
      */
     set fillMode(fillMode) {
         this.handleClasses(fillMode, 'fillMode');
@@ -1255,8 +1260,7 @@ class ToolBarComponent {
     tabindex = 0;
     /**
      * Sets the size for all ToolBar elements.
-     * Use this property to control the padding of the ToolBar elements.
-     * @default undefined
+     * Use this property to control the padding of the ToolBar elements. The default value is set by the Kendo theme.
      */
     set size(size) {
         this.handleClasses(size, 'size');
@@ -1472,7 +1476,9 @@ class ToolBarComponent {
                 switch (code) {
                     case Keys.ArrowLeft:
                         this.zone.run(() => {
-                            ev.preventDefault();
+                            if (!isSmartBoxInput(ev.target)) {
+                                ev.preventDefault();
+                            }
                             if (this.direction === 'ltr') {
                                 this.navigationService.focusPrev(ev);
                             }
@@ -1485,7 +1491,9 @@ class ToolBarComponent {
                         break;
                     case Keys.ArrowRight:
                         this.zone.run(() => {
-                            ev.preventDefault();
+                            if (!isSmartBoxInput(ev.target)) {
+                                ev.preventDefault();
+                            }
                             if (this.direction === 'ltr') {
                                 this.navigationService.focusNext(ev);
                             }
@@ -2759,22 +2767,15 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
      */
     selected = false;
     /**
-     * Specifies the background and border styles of the Button.
-     * Accepts a `ButtonFillMode` value.
-     * @default undefined
+     * Specifies the background and border styles of the Button. The default value is set by the Kendo theme.
      */
     fillMode = undefined;
     /**
-     * Specifies the border radius of the Button.
-     * Accepts a `ButtonRounded` value.
-     *
-     * @default undefined
+     * Specifies the border radius of the Button. The default value is set by the Kendo theme.
      */
     rounded = undefined;
     /**
-     * Specifies the predefined theme color of the Button.
-     * Accepts a `ButtonThemeColor` value.
-     * @default undefined
+     * Specifies the predefined theme color of the Button. The default value is set by the Kendo theme.
      */
     themeColor = undefined;
     /**
@@ -3911,15 +3912,13 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
     }
     /**
      * Sets the fill mode for the button.
-     * The fill mode represents the background and border styles.
-     * @default undefined
+     * The fill mode represents the background and border styles. The default value is set by the Kendo theme.
      */
     fillMode = undefined;
     /**
      * Sets the predefined theme color for the button.
      * The theme color applies to the background, border, and text
-     * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/dropdownbuttoncomponent#themecolor)).
-     * @default undefined
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/dropdownbuttoncomponent#themecolor)). The default value is set by the Kendo theme.
      */
     themeColor = undefined;
     /**
@@ -4474,14 +4473,12 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
     }
     /**
      * Sets the fill mode for the button.
-     * The fill mode represents the background and border styles.
-     * @default undefined
+     * The fill mode represents the background and border styles. The default value is set by the Kendo theme.
      */
     fillMode = undefined;
     /**
      * Sets the predefined theme color for the button.
-     * The theme color applies to the background, border, and text.
-     * @default undefined
+     * The theme color applies to the background, border, and text. The default value is set by the Kendo theme.
      */
     themeColor = undefined;
     /**

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770294878,
-  "version": "23.0.0-develop.4",
+  "publishDate": 1770369324,
+  "version": "23.0.0-develop.6",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-toolbar",
-  "version": "23.0.0-develop.4",
+  "version": "23.0.0-develop.6",
   "description": "Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -45,7 +45,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770294878,
+      "publishDate": 1770369324,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -55,17 +55,17 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "23.0.0-develop.4",
-    "@progress/kendo-angular-common": "23.0.0-develop.4",
-    "@progress/kendo-angular-l10n": "23.0.0-develop.4",
-    "@progress/kendo-angular-icons": "23.0.0-develop.4",
-    "@progress/kendo-angular-indicators": "23.0.0-develop.4",
-    "@progress/kendo-angular-popup": "23.0.0-develop.4",
+    "@progress/kendo-angular-buttons": "23.0.0-develop.6",
+    "@progress/kendo-angular-common": "23.0.0-develop.6",
+    "@progress/kendo-angular-l10n": "23.0.0-develop.6",
+    "@progress/kendo-angular-icons": "23.0.0-develop.6",
+    "@progress/kendo-angular-indicators": "23.0.0-develop.6",
+    "@progress/kendo-angular-popup": "23.0.0-develop.6",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.0.0-develop.4"
+    "@progress/kendo-angular-schematics": "23.0.0-develop.6"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-toolbar.mjs",

package/toolbar.component.d.ts

@@ -104,8 +104,7 @@ export declare class ToolBarComponent {
     /**
      * Sets the fill mode for the ToolBar.
      * This property controls the background and border styles of the ToolBar
-     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/appearance#fill-mode)).
-     * @default undefined
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/toolbar/appearance#fill-mode)). The default value is set by the Kendo theme.
      */
     set fillMode(fillMode: ToolbarFillMode);
     get fillMode(): ToolbarFillMode;
@@ -117,8 +116,7 @@ export declare class ToolBarComponent {
     tabindex: number;
     /**
      * Sets the size for all ToolBar elements.
-     * Use this property to control the padding of the ToolBar elements.
-     * @default undefined
+     * Use this property to control the padding of the ToolBar elements. The default value is set by the Kendo theme.
      */
     set size(size: ToolbarSize);
     get size(): ToolbarSize;

package/tools/toolbar-button.component.d.ts

@@ -95,22 +95,15 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
      */
     selected: boolean;
     /**
-     * Specifies the background and border styles of the Button.
-     * Accepts a `ButtonFillMode` value.
-     * @default undefined
+     * Specifies the background and border styles of the Button. The default value is set by the Kendo theme.
      */
     fillMode: ButtonFillMode;
     /**
-     * Specifies the border radius of the Button.
-     * Accepts a `ButtonRounded` value.
-     *
-     * @default undefined
+     * Specifies the border radius of the Button. The default value is set by the Kendo theme.
      */
     rounded: ButtonRounded;
     /**
-     * Specifies the predefined theme color of the Button.
-     * Accepts a `ButtonThemeColor` value.
-     * @default undefined
+     * Specifies the predefined theme color of the Button. The default value is set by the Kendo theme.
      */
     themeColor: ButtonThemeColor;
     /**

package/tools/toolbar-dropdownbutton.component.d.ts

@@ -91,15 +91,13 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
     set primary(primary: boolean);
     /**
      * Sets the fill mode for the button.
-     * The fill mode represents the background and border styles.
-     * @default undefined
+     * The fill mode represents the background and border styles. The default value is set by the Kendo theme.
      */
     fillMode: ButtonFillMode;
     /**
      * Sets the predefined theme color for the button.
      * The theme color applies to the background, border, and text
-     * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/dropdownbuttoncomponent#themecolor)).
-     * @default undefined
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/dropdownbuttoncomponent#themecolor)). The default value is set by the Kendo theme.
      */
     themeColor: ButtonThemeColor;
     /**

package/tools/toolbar-splitbutton.component.d.ts

@@ -75,14 +75,12 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
     get popupSettings(): PopupSettings;
     /**
      * Sets the fill mode for the button.
-     * The fill mode represents the background and border styles.
-     * @default undefined
+     * The fill mode represents the background and border styles. The default value is set by the Kendo theme.
      */
     fillMode: ButtonFillMode;
     /**
      * Sets the predefined theme color for the button.
-     * The theme color applies to the background, border, and text.
-     * @default undefined
+     * The theme color applies to the background, border, and text. The default value is set by the Kendo theme.
      */
     themeColor: ButtonThemeColor;
     /**

package/util.d.ts

@@ -28,6 +28,10 @@ export declare function outerHeight(element: any): number;
  * @hidden
  */
 export declare const closest: (node: any, predicate: any) => any;
+/**
+ * @hidden
+ */
+export declare const isSmartBoxInput: (target: any) => boolean;
 /**
  * @hidden
  */