@progress/kendo-angular-navigation 22.1.0-develop.9 → 23.0.0-develop.10

package/actionsheet/actionsheet.component.d.ts

@@ -12,7 +12,7 @@ import { ActionSheetActionsLayout } from './models/actionsheet-action-layout';
 import { ActionSheetViewComponent } from './actionsheet-view.component';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI ActionSheet component for Angular](slug:overview_actionsheet).
+ * Represents the [Kendo UI ActionSheet component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet).
  * Use this component to display a set of choices related to a user-initiated task in a modal sheet that slides up from the bottom of the screen.
  *
  * @example
@@ -75,7 +75,7 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
      */
     cssStyle: any;
     /**
-     * Configures the opening and closing animations for the ActionSheet ([see example](slug:animations_actionsheet)).
+     * Configures the opening and closing animations for the ActionSheet ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet/animations)).
      *
      * @default true
      */
@@ -88,8 +88,8 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
     expanded: boolean;
     /**
      * Sets the `aria-labelledby` attribute of the ActionSheet wrapper element.
-     * Use this option when the built-in header element is replaced through the [`ActionSheetHeaderTemplate`](slug:api_navigation_actionsheetheadertemplatedirective)
-     * or [`ActionSheetContentTemplate`](slug:api_navigation_actionsheetcontenttemplatedirective).
+     * Use this option when the built-in header element is replaced through the [`ActionSheetHeaderTemplate`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetheadertemplatedirective)
+     * or [`ActionSheetContentTemplate`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetcontenttemplatedirective).
      */
     titleId: string;
     /**

package/actionsheet/models/actionsheet-action.d.ts

@@ -17,11 +17,11 @@ export interface ActionSheetAction {
      */
     text?: string;
     /**
-     * Sets the [font icon](slug:icon_list) for the action button.
+     * Sets the [font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) for the action button.
      */
     icon?: string;
     /**
-     * Specifies an [`SVGIcon`](slug:api_icons_svgicon) for the action button.
+     * Specifies an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) for the action button.
      */
     svgIcon?: SVGIcon;
     /**

package/actionsheet/models/actionsheet-item.interface.d.ts

@@ -13,11 +13,11 @@ export interface ActionSheetItem {
      */
     title?: string;
     /**
-     * Defines the name of an existing [font icon](slug:icon_list) to render inside the item. The icon is rendered in a `span.k-icon` element.
+     * Defines the name of an existing [font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) to render inside the item. The icon is rendered in a `span.k-icon` element.
      */
     icon?: string;
     /**
-     * Defines an [`SVGIcon`](slug:api_icons_svgicon) to render within the ActionSheet item.
+     * Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render within the ActionSheet item.
      */
     svgIcon?: SVGIcon;
     /**

package/actionsheet/models/animation.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the settings of the opening and closing animations for the ActionSheet ([see example](slug:animations_actionsheet)).
+ * Represents the settings of the opening and closing animations for the ActionSheet ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet/animations)).
  */
 export interface ActionSheetAnimation {
     /**

package/appbar/appbar-section.component.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI AppBarSection component for Angular]({% slug contentarrangement_appbar %}#toc-sections).
+ * Represents the [Kendo UI AppBarSection component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/content-arrangement#sections).
  *
  * Use the AppBarSection component to group content, actions, or navigation items within the AppBar.
  *

package/appbar/appbar-spacer.component.d.ts

@@ -5,7 +5,7 @@
 import { Renderer2, ElementRef, AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI AppBarSpacer component for Angular]({% slug contentarrangement_appbar %}#toc-spacings).
+ * Represents the [Kendo UI AppBarSpacer component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/content-arrangement#spacings).
  *
  * Use the AppBarSpacer component to add white space between AppBar sections and customize its width.
  *

package/appbar/appbar.component.d.ts

@@ -9,7 +9,7 @@ import { AppBarThemeColor } from './models/theme-color';
 import { AppBarPositionMode } from './models/position-mode';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI AppBar component for Angular]({% slug overview_appbar %}).
+ * Represents the [Kendo UI AppBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar).
  *
  * Use the AppBar component to display information, actions, brand titles, and additional navigation on the current screen.
  *
@@ -36,23 +36,21 @@ export declare class AppBarComponent implements AfterViewInit, OnDestroy {
     direction: string;
     /**
      * Specifies the position of the AppBar
-     * ([see example]({% slug positioning_appbar %}#toc-position)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position)).
      *
      * @default 'top'
      */
     set position(position: AppBarPosition);
     get position(): AppBarPosition;
     /**
-     * Sets the position mode of the AppBar ([see example](slug:positioning_appbar#toc-position-mode)).
+     * Sets the position mode of the AppBar ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position-mode)).
      *
      * @default 'static'
      */
     set positionMode(positionMode: AppBarPositionMode);
     get positionMode(): AppBarPositionMode;
     /**
-     * Sets the theme color of the AppBar. The theme color is applied as the background color of the component.
-     *
-     * @default 'light'
+     * Sets the theme color of the AppBar. The theme color is applied as the background color of the component. The default value is set by the Kendo theme.
      */
     set themeColor(themeColor: AppBarThemeColor);
     get themeColor(): AppBarThemeColor;

package/appbar/models/position-mode.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the available position modes of the AppBar ([see example](slug:positioning_appbar#toc-position-mode)).
+ * Represents the available position modes of the AppBar ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position-mode)).
  *
  * The possible values are:
  * * `static`—Positions the AppBar according to the normal flow of the page.

package/appbar/models/position.d.ts

@@ -4,11 +4,11 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the position options of the AppBar
- * ([see example]({% slug positioning_appbar %}#toc-position)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position)).
  *
  * * The possible values are:
- * * `top`—Places the AppBar at the top of the content. This setting requires rendering the AppBar before the main page content. In [`fixed mode`]({% slug api_navigation_appbarcomponent %}#toc-positionMode), this value applies a `top: 0` CSS style and adds a `box-shadow` to the bottom of the AppBar.
- * * `bottom`—Places the AppBar at the bottom of the content. This setting requires rendering the AppBar after the main page content. In [`fixed mode`]({% slug api_navigation_appbarcomponent %}#toc-positionMode), this value applies a `bottom: 0` CSS style and adds a `box-shadow` to the top of the AppBar.
+ * * `top`—Places the AppBar at the top of the content. This setting requires rendering the AppBar before the main page content. In [`fixed mode`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/appbarcomponent#positionMode), this value applies a `top: 0` CSS style and adds a `box-shadow` to the bottom of the AppBar.
+ * * `bottom`—Places the AppBar at the bottom of the content. This setting requires rendering the AppBar after the main page content. In [`fixed mode`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/appbarcomponent#positionMode), this value applies a `bottom: 0` CSS style and adds a `box-shadow` to the top of the AppBar.
  *
  */
 export type AppBarPosition = 'top' | 'bottom';

package/appbar/models/theme-color.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the possible theme colors of the AppBar
- * ([see example](slug:themecolor_appbar)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/theme-color)).
  * The theme color will be applied as a background color to the component.
  *
  * * The possible values are:

package/bottomnavigation/bottomnavigation.component.d.ts

@@ -12,7 +12,7 @@ import { BottomNavigationThemeColor } from './types/bottomnavigation-theme-color
 import { BottomNavigationItemTemplateDirective } from './templates/item-template.directive';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI BottomNavigation component for Angular]({% slug overview_bottomnavigation %}).
+ * Represents the [Kendo UI BottomNavigation component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation).
  *
  * Use the BottomNavigation component to let users quickly switch between primary views in your app.
  *
@@ -40,11 +40,11 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
     private changeDetector;
     private renderer;
     /**
-     * Provides the collection of items rendered in the BottomNavigation ([see example]({% slug items_bottomnavigation %})).
+     * Provides the collection of items rendered in the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/items)).
      */
     items: any[];
     /**
-     * Shows a top border on the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
+     * Shows a top border on the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
      *
      * @default false
      */
@@ -56,9 +56,7 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
      */
     disabled: boolean;
     /**
-     * Sets the fill style of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
-     *
-     * @default 'flat'
+     * Sets the fill style of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)). The default value is set by the Kendo theme.
      */
     set fill(fill: BottomNavigationFill);
     get fill(): BottomNavigationFill;
@@ -70,16 +68,14 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
     set itemFlow(itemFlow: BottomNavigationItemFlow);
     get itemFlow(): BottomNavigationItemFlow;
     /**
-     * Sets the position and behavior of the BottomNavigation when the page is scrollable ([see example]({% slug positioning_bottomnavigation %})).
+     * Sets the position and behavior of the BottomNavigation when the page is scrollable ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/position-mode)).
      *
      * @default 'fixed'
      */
     set positionMode(positionMode: BottomNavigationPositionMode);
     get positionMode(): BottomNavigationPositionMode;
     /**
-     * Sets the theme color of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
-     *
-     * @default 'primary'
+     * Sets the theme color of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
      */
     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/bottomnavigation/templates/item-template.directive.d.ts

@@ -6,7 +6,7 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents a template that defines the content of the BottomNavigation items. Use this directive to customize the appearance of each navigation item.
- * To define the template, nest an `<ng-template>` tag with the `kendoBottomNavigationItemTemplate` directive inside the `<kendo-bottomnavigation>` tag ([see example]({% slug templates_bottomnavigation %})).
+ * To define the template, nest an `<ng-template>` tag with the `kendoBottomNavigationItemTemplate` directive inside the `<kendo-bottomnavigation>` tag ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/templates)).
  *
  * @example
  * ```html

package/bottomnavigation/types/bottomnavigation-fill.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- *  Represents the possible options for the fill style of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
+ *  Represents the possible options for the fill style of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
  *
  * The possible values are:
  * * `flat`—Sets the BottomNavigation fill style to a flat, borderless appearance.

package/bottomnavigation/types/bottomnavigation-item.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { SVGIcon } from "@progress/kendo-svg-icons";
 /**
- * Describes the structure of a BottomNavigation item ([see example](slug:items_bottomnavigation)).
+ * Describes the structure of a BottomNavigation item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/items)).
  */
 export interface BottomNavigationItem {
     /**
@@ -14,7 +14,7 @@ export interface BottomNavigationItem {
      */
     disabled?: boolean;
     /**
-     * Defines the name of an existing [font icon](slug:icon_list) in a Kendo UI theme.
+     * Defines the name of an existing [font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) in a Kendo UI theme.
      */
     icon?: string;
     /**
@@ -22,7 +22,7 @@ export interface BottomNavigationItem {
      */
     iconClass?: string;
     /**
-     * Sets an [`SVGIcon`](slug:api_icons_svgicon) to render within the BottomNavigation item.
+     * Sets an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render within the BottomNavigation item.
      */
     svgIcon?: SVGIcon;
     /**

package/bottomnavigation/types/bottomnavigation-position-mode.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the options to control the position and behavior of the BottomNavigation when the page is scrollable ([see example]({% slug positioning_bottomnavigation %})).
+ * Represents the options to control the position and behavior of the BottomNavigation when the page is scrollable ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/position-mode)).
  *
  * The possible values are:
  * * `fixed`—Positions the BottomNavigation at the bottom of the viewport, regardless of the page scroll position.

package/bottomnavigation/types/bottomnavigation-theme-color.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the possible theme colors of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
+ * Represents the possible theme colors of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
  *
  * The possible values are:
  * * `primary`—Applies coloring based on the primary theme color.

package/breadcrumb/breadcrumb.component.d.ts

@@ -14,7 +14,7 @@ import { SVGIcon } from '@progress/kendo-angular-icons';
 import { BreadcrumbSize } from './models/breadcrumb-size';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI Breadcrumb component for Angular](slug:overview_breadcrumb).
+ * Represents the [Kendo UI Breadcrumb component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb).
  *
  * Use the Breadcrumb component to allow users to navigate through a hierarchical structure. The component automatically handles overflow
  * scenarios and supports customizable separators, templates, and collapse modes.
@@ -57,25 +57,23 @@ export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDes
     set items(items: any[]);
     get items(): any[];
     /**
-     * Specifies the name of a [built-in font icon](slug:icon_list) in a Kendo UI theme to be rendered as a separator.
+     * Specifies the name of a [built-in font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) in a Kendo UI theme to be rendered as a separator.
      */
     separatorIcon: string;
     /**
-     * Defines an [`SVGIcon`](slug:api_icons_svgicon) to be rendered as a separator.
+     * Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to be rendered as a separator.
      */
     separatorSVGIcon: SVGIcon;
     /**
      * Controls the collapse mode of the Breadcrumb.
-     * For more information and example, refer to the [Collapse Modes]({% slug collapse_modes_breadcrumb %}) article.
+     * For more information and example, refer to the [Collapse Modes](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/collapse-modes) article.
      *
      * @default `auto`
      */
     set collapseMode(mode: BreadCrumbCollapseMode);
     get collapseMode(): BreadCrumbCollapseMode;
     /**
-     * Determines the padding of all Breadcrumb elements.
-     *
-     * @default `medium`
+     * Determines the padding of all Breadcrumb elements. The default value is set by the Kendo theme.
      */
     set size(size: BreadcrumbSize);
     get size(): BreadcrumbSize;

package/breadcrumb/models/breadcrumb-item.interface.d.ts

@@ -27,29 +27,29 @@ export interface BreadCrumbItem {
      */
     text?: string;
     /**
-     * Provides a title for the item ([see example]({% slug overview_breadcrumb %})). The value appears as a `title` attribute on the element.
+     * Provides a title for the item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb)). The value appears as a `title` attribute on the element.
      */
     title?: string;
     /**
-     * Determines if the item is disabled ([see example]({% slug item_appearance_breadcrumb %})#toc-disabled-items). The value appears as an `aria-disabled` attribute on the element.
+     * Determines if the item is disabled ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/item-appearance)#disabled-items). The value appears as an `aria-disabled` attribute on the element.
      *
      * @default false
      */
     disabled?: boolean;
     /**
-     * Specifies the name of a [built-in font icon](slug:icon_list) in a Kendo UI theme ([see example](slug:item_appearance_breadcrumb#toc-displaying-font-icons)). The icon appears inside the item in a `span.k-icon` element.
+     * Specifies the name of a [built-in font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) in a Kendo UI theme ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/item-appearance#displaying-font-icons)). The icon appears inside the item in a `span.k-icon` element.
      */
     icon?: string;
     /**
-     * Sets an [`SVGIcon`](slug:api_icons_svgicon) to display inside the item ([see example](slug:item_appearance_breadcrumb#toc-displaying-svg-icons)).
+     * Sets an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to display inside the item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/item-appearance#displaying-svg-icons)).
      */
     svgIcon?: SVGIcon;
     /**
-     * Applies one or more CSS classes to a `span` element inside the item ([see example](slug:item_appearance_breadcrumb#toc-displaying-font-icons)). Use this to show custom icons.
+     * Applies one or more CSS classes to a `span` element inside the item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/item-appearance#displaying-font-icons)). Use this to show custom icons.
      */
     iconClass?: string;
     /**
-     * Provides a URL for an `img` element inside the item ([see example](slug:item_appearance_breadcrumb#toc-displaying-item-images)). The URL can be relative or absolute. If relative, it is resolved against the web page URL.
+     * Provides a URL for an `img` element inside the item ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/item-appearance#displaying-item-images)). The URL can be relative or absolute. If relative, it is resolved against the web page URL.
      */
     imageUrl?: string;
 }

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/breadcrumb/models/collapse-mode.d.ts

@@ -11,6 +11,6 @@
  * - `wrap`—Items are wrapped on multiple rows when their total width is bigger than the width of the BreadCrumb.
  * - `none`—All items are expanded on the same row. This scenario is useful when you need to scroll the Breadcrumb.
  *
- * For more information and example refer to the [Collapse Modes]({% slug collapse_modes_breadcrumb %}) article.
+ * For more information and example refer to the [Collapse Modes](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/collapse-modes) article.
  */
 export type BreadCrumbCollapseMode = 'auto' | 'wrap' | 'none';

package/breadcrumb/template-directives/item-template.directive.d.ts

@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
  *
  * To define the template, nest an `<ng-template>` tag with the `kendoBreadCrumbItemTemplate` directive inside the `<kendo-breadcrumb>` tag.
  *
- * For more information and example refer to the [Templates]({% slug templates_breadcrumb %}) article.
+ * For more information and example refer to the [Templates](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/templates) article.
  *
  * @example
  * ```html

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

@@ -26,15 +26,14 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.9',
+    version: '23.0.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
-const DEFAULT_THEME_COLOR = 'light';
 const DEFAULT_POSITION = 'top';
 const DEFAULT_POSITION_MODE = 'static';
 /**
- * Represents the [Kendo UI AppBar component for Angular]({% slug overview_appbar %}).
+ * Represents the [Kendo UI AppBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar).
  *
  * Use the AppBar component to display information, actions, brand titles, and additional navigation on the current screen.
  *
@@ -61,7 +60,7 @@ class AppBarComponent {
     direction;
     /**
      * Specifies the position of the AppBar
-     * ([see example]({% slug positioning_appbar %}#toc-position)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position)).
      *
      * @default 'top'
      */
@@ -74,7 +73,7 @@ class AppBarComponent {
         return this._position;
     }
     /**
-     * Sets the position mode of the AppBar ([see example](slug:positioning_appbar#toc-position-mode)).
+     * Sets the position mode of the AppBar ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/positioning#position-mode)).
      *
      * @default 'static'
      */
@@ -87,21 +86,18 @@ class AppBarComponent {
         return this._positionMode;
     }
     /**
-     * Sets the theme color of the AppBar. The theme color is applied as the background color of the component.
-     *
-     * @default 'light'
+     * Sets the theme color of the AppBar. The theme color is applied as the background color of the component. The default value is set by the Kendo theme.
      */
     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) {
@@ -180,7 +176,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the [Kendo UI AppBarSection component for Angular]({% slug contentarrangement_appbar %}#toc-sections).
+ * Represents the [Kendo UI AppBarSection component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/content-arrangement#sections).
  *
  * Use the AppBarSection component to group content, actions, or navigation items within the AppBar.
  *
@@ -274,7 +270,7 @@ const hasItemIndex$1 = (item, indexAttr) => isPresent(item.getAttribute(indexAtt
 const closestItem$1 = (target, targetAttr, scope) => closestInScope$1(target, el => hasItemIndex$1(el, targetAttr), scope);
 
 /**
- * Represents the [Kendo UI AppBarSpacer component for Angular]({% slug contentarrangement_appbar %}#toc-spacings).
+ * Represents the [Kendo UI AppBarSpacer component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/appbar/content-arrangement#spacings).
  *
  * Use the AppBarSpacer component to add white space between AppBar sections and customize its width.
  *
@@ -736,7 +732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 const DEFAULT_ANIMATION_CONFIG = { duration: 300 };
 /**
- * Represents the [Kendo UI ActionSheet component for Angular](slug:overview_actionsheet).
+ * Represents the [Kendo UI ActionSheet component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet).
  * Use this component to display a set of choices related to a user-initiated task in a modal sheet that slides up from the bottom of the screen.
  *
  * @example
@@ -804,7 +800,7 @@ class ActionSheetComponent {
      */
     cssStyle;
     /**
-     * Configures the opening and closing animations for the ActionSheet ([see example](slug:animations_actionsheet)).
+     * Configures the opening and closing animations for the ActionSheet ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet/animations)).
      *
      * @default true
      */
@@ -817,8 +813,8 @@ class ActionSheetComponent {
     expanded = false;
     /**
      * Sets the `aria-labelledby` attribute of the ActionSheet wrapper element.
-     * Use this option when the built-in header element is replaced through the [`ActionSheetHeaderTemplate`](slug:api_navigation_actionsheetheadertemplatedirective)
-     * or [`ActionSheetContentTemplate`](slug:api_navigation_actionsheetcontenttemplatedirective).
+     * Use this option when the built-in header element is replaced through the [`ActionSheetHeaderTemplate`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetheadertemplatedirective)
+     * or [`ActionSheetContentTemplate`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/actionsheetcontenttemplatedirective).
      */
     titleId = getId('k-actionsheet-title');
     /**
@@ -1637,7 +1633,7 @@ class BottomNavigationSelectEvent extends PreventableEvent {
 
 /**
  * Represents a template that defines the content of the BottomNavigation items. Use this directive to customize the appearance of each navigation item.
- * To define the template, nest an `<ng-template>` tag with the `kendoBottomNavigationItemTemplate` directive inside the `<kendo-bottomnavigation>` tag ([see example]({% slug templates_bottomnavigation %})).
+ * To define the template, nest an `<ng-template>` tag with the `kendoBottomNavigationItemTemplate` directive inside the `<kendo-bottomnavigation>` tag ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/templates)).
  *
  * @example
  * ```html
@@ -1692,6 +1688,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
@@ -1808,7 +1808,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the [Kendo UI BottomNavigation component for Angular]({% slug overview_bottomnavigation %}).
+ * Represents the [Kendo UI BottomNavigation component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation).
  *
  * Use the BottomNavigation component to let users quickly switch between primary views in your app.
  *
@@ -1836,11 +1836,11 @@ class BottomNavigationComponent {
     changeDetector;
     renderer;
     /**
-     * Provides the collection of items rendered in the BottomNavigation ([see example]({% slug items_bottomnavigation %})).
+     * Provides the collection of items rendered in the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/items)).
      */
     items;
     /**
-     * Shows a top border on the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
+     * Shows a top border on the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
      *
      * @default false
      */
@@ -1852,16 +1852,17 @@ class BottomNavigationComponent {
      */
     disabled = false;
     /**
-     * Sets the fill style of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
-     *
-     * @default 'flat'
+     * Sets the fill style of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)). The default value is set by the Kendo theme.
      */
     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;
@@ -1880,7 +1881,7 @@ class BottomNavigationComponent {
         return this._itemFlow;
     }
     /**
-     * Sets the position and behavior of the BottomNavigation when the page is scrollable ([see example]({% slug positioning_bottomnavigation %})).
+     * Sets the position and behavior of the BottomNavigation when the page is scrollable ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/position-mode)).
      *
      * @default 'fixed'
      */
@@ -1893,16 +1894,14 @@ class BottomNavigationComponent {
         return this._positionMode;
     }
     /**
-     * Sets the theme color of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
-     *
-     * @default 'primary'
+     * Sets the theme color of the BottomNavigation ([see example](https://www.telerik.com/kendo-angular-ui/components/navigation/bottomnavigation/appearance)).
      */
     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 +1943,10 @@ class BottomNavigationComponent {
      * @hidden
      */
     selectedIdx;
-    _fill = 'flat';
+    _fill;
     _itemFlow = 'vertical';
     _positionMode = 'fixed';
-    _themeColor = 'primary';
+    _themeColor;
     _nativeHostElement;
     dynamicRTLSubscription;
     subscriptions = new Subscription();
@@ -1997,10 +1996,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) {
@@ -2130,7 +2129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  *
  * To define the template, nest an `<ng-template>` tag with the `kendoBreadCrumbItemTemplate` directive inside the `<kendo-breadcrumb>` tag.
  *
- * For more information and example refer to the [Templates]({% slug templates_breadcrumb %}) article.
+ * For more information and example refer to the [Templates](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/templates) article.
  *
  * @example
  * ```html
@@ -2179,11 +2178,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;
     }
@@ -2580,7 +2580,7 @@ const expandFirst = toggleFirst(true);
 /* eslint-disable @typescript-eslint/no-inferrable-types */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
- * Represents the [Kendo UI Breadcrumb component for Angular](slug:overview_breadcrumb).
+ * Represents the [Kendo UI Breadcrumb component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb).
  *
  * Use the Breadcrumb component to allow users to navigate through a hierarchical structure. The component automatically handles overflow
  * scenarios and supports customizable separators, templates, and collapse modes.
@@ -2628,16 +2628,16 @@ class BreadCrumbComponent {
         return this._items;
     }
     /**
-     * Specifies the name of a [built-in font icon](slug:icon_list) in a Kendo UI theme to be rendered as a separator.
+     * Specifies the name of a [built-in font icon](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) in a Kendo UI theme to be rendered as a separator.
      */
     separatorIcon;
     /**
-     * Defines an [`SVGIcon`](slug:api_icons_svgicon) to be rendered as a separator.
+     * Defines an [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to be rendered as a separator.
      */
     separatorSVGIcon;
     /**
      * Controls the collapse mode of the Breadcrumb.
-     * For more information and example, refer to the [Collapse Modes]({% slug collapse_modes_breadcrumb %}) article.
+     * For more information and example, refer to the [Collapse Modes](https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/collapse-modes) article.
      *
      * @default `auto`
      */
@@ -2652,14 +2652,11 @@ class BreadCrumbComponent {
         return this._collapseMode;
     }
     /**
-     * Determines the padding of all Breadcrumb elements.
-     *
-     * @default `medium`
+     * Determines the padding of all Breadcrumb elements. The default value is set by the Kendo theme.
      */
     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 +2693,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": 1769599933,
-  "version": "22.1.0-develop.9",
+  "publishDate": 1770666603,
+  "version": "23.0.0-develop.10",
   "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.9",
+  "version": "23.0.0-develop.10",
   "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": 1769599933,
+      "publishDate": 1770666603,
       "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.9",
-    "@progress/kendo-angular-common": "22.1.0-develop.9",
-    "@progress/kendo-angular-icons": "22.1.0-develop.9",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.9",
+    "@progress/kendo-angular-buttons": "23.0.0-develop.10",
+    "@progress/kendo-angular-common": "23.0.0-develop.10",
+    "@progress/kendo-angular-icons": "23.0.0-develop.10",
+    "@progress/kendo-angular-l10n": "23.0.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.9"
+    "@progress/kendo-angular-schematics": "23.0.0-develop.10"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-navigation.mjs",