@progress/kendo-angular-navigation 22.1.0-develop.18 → 22.1.0-develop.19

package/appbar/appbar.component.d.ts

@@ -52,7 +52,7 @@ export declare class AppBarComponent implements AfterViewInit, OnDestroy {
     /**
      * Sets the theme color of the AppBar. The theme color is applied as the background color of the component.
      *
-     * @default 'light'
+     * @default undefined
      */
     set themeColor(themeColor: AppBarThemeColor);
     get themeColor(): AppBarThemeColor;

package/bottomnavigation/bottomnavigation.component.d.ts

@@ -58,7 +58,7 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
     /**
      * Sets the fill style of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
      *
-     * @default 'flat'
+     * @default undefined
      */
     set fill(fill: BottomNavigationFill);
     get fill(): BottomNavigationFill;
@@ -79,7 +79,7 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
     /**
      * Sets the theme color of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
      *
-     * @default 'primary'
+     * @default undefined
      */
     set themeColor(themeColor: BottomNavigationThemeColor);
     get themeColor(): BottomNavigationThemeColor;

package/bottomnavigation/constants.d.ts

@@ -10,3 +10,7 @@ export declare const BOTTOMNAVIGATION_ITEM_INDEX = "data-kendo-bottomnavigation-
  * @hidden
  */
 export declare const colors: string[];
+/**
+ * @hidden
+ */
+export declare const fills: string[];

package/breadcrumb/breadcrumb.component.d.ts

@@ -75,7 +75,7 @@ export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDes
     /**
      * Determines the padding of all Breadcrumb elements.
      *
-     * @default `medium`
+     * @default undefined
      */
     set size(size: BreadcrumbSize);
     get size(): BreadcrumbSize;

package/breadcrumb/models/breadcrumb-size.d.ts

@@ -5,4 +5,4 @@
 /**
  * Represents the possible size options that control the padding of the Breadcrumb elements.
  */
-export type BreadcrumbSize = 'small' | 'medium' | 'large' | 'none';
+export type BreadcrumbSize = 'small' | 'medium' | 'large';

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

@@ -26,11 +26,10 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.18',
+    version: '22.1.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
-const DEFAULT_THEME_COLOR = 'light';
 const DEFAULT_POSITION = 'top';
 const DEFAULT_POSITION_MODE = 'static';
 /**
@@ -89,19 +88,18 @@ class AppBarComponent {
     /**
      * Sets the theme color of the AppBar. The theme color is applied as the background color of the component.
      *
-     * @default 'light'
+     * @default undefined
      */
     set themeColor(themeColor) {
-        const newThemeColor = themeColor ? themeColor : DEFAULT_THEME_COLOR;
-        this.handleHostClasses(newThemeColor, this.themeColor);
-        this._themeColor = newThemeColor;
+        this.handleHostClasses(themeColor, this.themeColor);
+        this._themeColor = themeColor;
     }
     get themeColor() {
         return this._themeColor;
     }
     dynamicRTLSubscription;
     rtl = false;
-    _themeColor = DEFAULT_THEME_COLOR;
+    _themeColor;
     _position = DEFAULT_POSITION;
     _positionMode = DEFAULT_POSITION_MODE;
     constructor(localizationService, host, renderer) {
@@ -1692,6 +1690,10 @@ const BOTTOMNAVIGATION_ITEM_INDEX = 'data-kendo-bottomnavigation-index';
  * @hidden
  */
 const colors = ['primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', 'dark', 'light', 'inverse'];
+/**
+ * @hidden
+ */
+const fills = ['solid', 'flat'];
 
 /**
  * @hidden
@@ -1854,14 +1856,17 @@ class BottomNavigationComponent {
     /**
      * Sets the fill style of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
      *
-     * @default 'flat'
+     * @default undefined
      */
     set fill(fill) {
+        const newFill = fills.find(color => color === fill);
         this.renderer.removeClass(this._nativeHostElement, `k-bottom-nav-${this.fill}`);
-        this.renderer.removeClass(this._nativeHostElement, `k-bottom-nav-${this.fill}-${this.themeColor}`);
-        this._fill = fill === 'solid' ? 'solid' : 'flat';
-        this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-${this._fill}`);
-        this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-${this._fill}-${this.themeColor}`);
+        this.renderer.removeClass(this._nativeHostElement, `k-bottom-nav-${this.themeColor}`);
+        if (newFill) {
+            this._fill = fill;
+            this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-${this._fill}`);
+            this.themeColor && this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-${this.themeColor}`);
+        }
     }
     get fill() {
         return this._fill;
@@ -1895,14 +1900,14 @@ class BottomNavigationComponent {
     /**
      * Sets the theme color of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
      *
-     * @default 'primary'
+     * @default undefined
      */
     set themeColor(themeColor) {
         const newColor = colors.find(color => color === themeColor);
         if (newColor) {
-            this.renderer.removeClass(this._nativeHostElement, `k-bottom-nav-${this.fill}-${this._themeColor}`);
+            this.renderer.removeClass(this._nativeHostElement, `k-bottom-nav-${this._themeColor}`);
             this._themeColor = themeColor;
-            this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-${this.fill}-${this._themeColor}`);
+            this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-${this._themeColor}`);
         }
     }
     get themeColor() {
@@ -1944,10 +1949,10 @@ class BottomNavigationComponent {
      * @hidden
      */
     selectedIdx;
-    _fill = 'flat';
+    _fill;
     _itemFlow = 'vertical';
     _positionMode = 'fixed';
-    _themeColor = 'primary';
+    _themeColor;
     _nativeHostElement;
     dynamicRTLSubscription;
     subscriptions = new Subscription();
@@ -1997,10 +2002,10 @@ class BottomNavigationComponent {
         }
     }
     applyClasses() {
-        this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-${this.fill}`);
+        this.fill && this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-${this.fill}`);
         this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-item-flow-${this.itemFlow}`);
         this.renderer.addClass(this._nativeHostElement, `k-pos-${this.positionMode}`);
-        this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-${this.fill}-${this.themeColor}`);
+        this.themeColor && this.renderer.addClass(this._nativeHostElement, `k-bottom-nav-${this.themeColor}`);
     }
     initDomEvents() {
         if (!this.hostElement) {
@@ -2179,11 +2184,12 @@ const SIZES = {
  */
 const getStylingClasses = (stylingOption, previousValue, newValue) => {
     switch (stylingOption) {
-        case 'size':
+        case 'size': {
             return {
-                toRemove: `k-breadcrumb-${SIZES[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-breadcrumb-${SIZES[newValue]}` : ''
+                toRemove: previousValue ? `k-breadcrumb-${SIZES[previousValue]}` : null,
+                toAdd: newValue ? `k-breadcrumb-${SIZES[newValue]}` : null
             };
+        }
         default:
             break;
     }
@@ -2654,12 +2660,11 @@ class BreadCrumbComponent {
     /**
      * Determines the padding of all Breadcrumb elements.
      *
-     * @default `medium`
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE;
-        this.handleClasses(newSize, 'size');
-        this._size = newSize;
+        this.handleClasses(size, 'size');
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -2696,7 +2701,7 @@ class BreadCrumbComponent {
     firstItem$;
     _items = [];
     _collapseMode = 'auto';
-    _size = DEFAULT_SIZE;
+    _size;
     updateItems = new ReplaySubject();
     afterViewInit = new Subject();
     subscriptions = new Subscription();

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770112313,
-  "version": "22.1.0-develop.18",
+  "publishDate": 1770219677,
+  "version": "22.1.0-develop.19",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-navigation",
-  "version": "22.1.0-develop.18",
+  "version": "22.1.0-develop.19",
   "description": "Kendo UI Navigation for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,7 +17,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770112313,
+      "publishDate": 1770219677,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -27,15 +27,15 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "22.1.0-develop.18",
-    "@progress/kendo-angular-common": "22.1.0-develop.18",
-    "@progress/kendo-angular-icons": "22.1.0-develop.18",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.18",
+    "@progress/kendo-angular-buttons": "22.1.0-develop.19",
+    "@progress/kendo-angular-common": "22.1.0-develop.19",
+    "@progress/kendo-angular-icons": "22.1.0-develop.19",
+    "@progress/kendo-angular-l10n": "22.1.0-develop.19",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.18"
+    "@progress/kendo-angular-schematics": "22.1.0-develop.19"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-navigation.mjs",