@progress/kendo-angular-layout 22.1.0-develop.9 → 23.0.0-develop.1

package/avatar/avatar.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { OnInit, Renderer2, ElementRef, AfterViewInit } from '@angular/core';
+import { OnInit, Renderer2, ElementRef } from '@angular/core';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { AvatarFillMode, AvatarShape, AvatarSize, AvatarThemeColor, AvatarRounded } from './models/models';
@@ -29,7 +29,7 @@ import * as i0 from "@angular/core";
  * @remarks
  * Supported children components are: {@link AvatarCustomMessagesComponent}.
  */
-export declare class AvatarComponent implements OnInit, AfterViewInit {
+export declare class AvatarComponent implements OnInit {
     private localization;
     private renderer;
     private element;
@@ -49,17 +49,17 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
     set shape(shape: AvatarShape);
     /**
      * Specifies the size of the Avatar
-     * ([see example]({% slug appearance_avatar %}#toc-size)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/avatar/appearance#size)).
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: AvatarSize);
     get size(): AvatarSize;
     /**
      * Specifies the rounded styling of the Avatar
-     * ([see example](slug:appearance_avatar#toc-roundness)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/avatar/appearance#roundness)).
      *
-     * @default 'full'
+     * @default undefined
      */
     set rounded(rounded: AvatarRounded);
     get rounded(): AvatarRounded;
@@ -67,14 +67,14 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
      * Specifies the theme color of the Avatar.
      * The theme color applies as background and border color while adjusting the text color accordingly.
      *
-     * @default 'primary'
+     * @default undefined
      */
     set themeColor(themeColor: AvatarThemeColor);
     get themeColor(): AvatarThemeColor;
     /**
      * Specifies the fill style of the Avatar.
      *
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode: AvatarFillMode);
     get fillMode(): AvatarFillMode;
@@ -123,7 +123,7 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
     initials: string;
     /**
      * Sets the icon for the Avatar.
-     * All [Kendo UI Icons](slug:icons#icons-list) are supported.
+     * All [Kendo UI Icons](https://www.telerik.com/kendo-angular-ui/components/styling/icons#icons-list) are supported.
      */
     icon: string;
     /**
@@ -132,7 +132,7 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
     imageSrc: string;
     /**
      * Defines an SVG icon to render.
-     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * You can use either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
      */
     set svgIcon(icon: SVGIcon);
     get svgIcon(): SVGIcon;
@@ -141,9 +141,9 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
     private _fillMode;
     private _rounded;
     private _svgIcon;
+    private _themeColorClasses;
     constructor(localization: LocalizationService, renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     /**
      * @hidden
      */

package/avatar/l10n/custom-messages.component.d.ts

@@ -7,7 +7,7 @@ import { Messages } from './messages';
 import * as i0 from "@angular/core";
 /**
  * Provides custom component messages that override default component messages
- * ([see example]({% slug rtl_layout %})).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/globalization)).
  *
  * ```html
  * <kendo-avatar>

package/avatar/models/fill.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines the possible fill styles of the Avatar ([see example](slug:appearance_avatar#toc-fill-mode)).
+ * Defines the possible fill styles of the Avatar ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/avatar/appearance#fill-mode)).
  */
-export type AvatarFillMode = 'solid' | 'outline' | 'none';
+export type AvatarFillMode = 'solid' | 'outline';

package/avatar/models/rounded.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines the possible rounded options of the Avatar ([see example](slug:appearance_avatar#roundness)).
+ * Defines the possible rounded options of the Avatar ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/avatar/appearance#roundness)).
  */
 export type AvatarRounded = 'small' | 'medium' | 'large' | 'full' | 'none';

package/avatar/models/size.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines the possible sizes of the Avatar ([see example]({% slug appearance_avatar %}#toc-size)).
+ * Defines the possible sizes of the Avatar ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/avatar/appearance#size)).
  */
-export type AvatarSize = 'small' | 'medium' | 'large' | 'none';
+export type AvatarSize = 'small' | 'medium' | 'large';

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

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines the possible theme colors of the Avatar ([see example]({% slug appearance_avatar %}#toc-theme-color)).
+ * Defines the possible theme colors of the Avatar ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/avatar/appearance#theme-color)).
  */
-export type AvatarThemeColor = 'primary' | 'secondary' | 'tertiary' | 'base' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'none';
+export type AvatarThemeColor = 'primary' | 'secondary' | 'tertiary' | 'base' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/card/card-actions.component.d.ts

@@ -8,7 +8,7 @@ import { CardAction } from './models/card-action';
 import { Orientation } from '../common/orientation';
 import * as i0 from "@angular/core";
 /**
- * Defines the action buttons of the Card ([see example]({% slug actions_card %})).
+ * Defines the action buttons of the Card ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/card/action_buttons)).
  * The Card actions can be used to perform operations related to the Card's content, such as saving, editing, or deleting.
  *
  * @example

package/card/card.component.d.ts

@@ -8,7 +8,7 @@ import { Orientation } from '../common/orientation';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI Card component for Angular.
- * Displays content in a structured container with customizable layout and styling ([Card overview]({% slug overview_card %})).
+ * Displays content in a structured container with customizable layout and styling ([Card overview](https://www.telerik.com/kendo-angular-ui/components/layout/card)).
  *
  * @example
  * ```html

package/drawer/drawer-container.component.d.ts

@@ -6,7 +6,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DrawerComponent } from './drawer.component';
 import * as i0 from "@angular/core";
 /**
- * Serves as a container for the [Drawer component]({% slug overview_drawer %}) and its content.
+ * Serves as a container for the [Drawer component](https://www.telerik.com/kendo-angular-ui/components/layout/drawer) and its content.
  *
  * @example
  * ```html

package/drawer/drawer.component.d.ts

@@ -15,7 +15,7 @@ import { DrawerViewItem } from './models/drawer-view-item.interface';
 import { DrawerItemExpandedFn } from './models/drawer-item-expand.interface';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI Drawer component for Angular]({% slug overview_drawer %}).
+ * Represents the [Kendo UI Drawer component for Angular](https://www.telerik.com/kendo-angular-ui/components/layout/drawer).
  * Provides a dismissible or permanently visible panel for navigation in responsive web applications.
  *
  * @example
@@ -62,14 +62,14 @@ export declare class DrawerComponent implements OnDestroy {
     mode: DrawerMode;
     /**
      * Specifies the position of the Drawer
-     * ([see example]({% slug positioning_drawer %})).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/drawer/positioning)).
      *
      * @default 'start'
      */
     position: DrawerPosition;
     /**
      * Enables the mini (compact) view of the Drawer which displays when the component is collapsed
-     * ([see example]({% slug expandmodespositions_drawer %}#toc-mini-view)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/drawer/display-modes#mini-view)).
      *
      * @default false
      */
@@ -116,7 +116,7 @@ export declare class DrawerComponent implements OnDestroy {
     direction: string;
     /**
      * Specifies the animation settings of the Drawer
-     * ([see example]({% slug interaction_drawer %}#toc-toggling-between-states)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/drawer/interaction-modes#toggling-between-states)).
      *
      * @default { type: 'slide', duration: 200 }
      */

package/drawer/models/drawer-animation.interface.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Defines the animation settings of the Drawer
- * ([see example]({% slug interaction_drawer %}#toc-toggling-between-states)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/drawer/interaction-modes#toggling-between-states)).
  */
 export interface DrawerAnimation {
     /**

package/drawer/models/drawer-item-expand.interface.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines the callback that the [`isItemExpanded`]({% slug api_layout_drawercomponent %}#toc-isItemExpanded) property uses ([see example]({% slug hierarchical_drawer %})).
+ * Defines the callback that the [`isItemExpanded`](https://www.telerik.com/kendo-angular-ui/components/layout/api/drawercomponent#isItemExpanded) property uses ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/drawer/hierarchical-drawer)).
  */
 export type DrawerItemExpandedFn = (item: any) => boolean;

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

@@ -34,7 +34,7 @@ export interface DrawerItem {
     iconClass?: string;
     /**
      * Defines an SVG icon to render inside the Drawer Item.
-     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * You can use either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
      */
     svgIcon?: SVGIcon;
     /**

package/drawer/models/position.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Defines the position of the Drawer ([see example]({% slug positioning_drawer %})).
+ * Defines the position of the Drawer ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/drawer/positioning)).
  */
 export type DrawerPosition = 'start' | 'end';

package/expansionpanel/expansionpanel-title.directive.d.ts

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
 /**
  * Defines a template that specifies the content of the ExpansionPanel title.
  * To define the template, nest an `<ng-template>` tag with the `kendoExpansionPanelTitleDirective` directive inside the `<kendo-expansionpanel>` tag
- * ([see example]({% slug title_expansionpanel %}#toc-title-template)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/title#title-template)).
  *
  * @example
  * ```html

package/expansionpanel/expansionpanel.component.d.ts

@@ -10,7 +10,7 @@ import { ExpansionPanelActionEvent } from './events/action-event';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents the Kendo UI ExpansionPanel component for Angular. Provides an expandable and collapsible content container with customizable header and animation ([see overview]({% slug overview_expansionpanel %})).
+ * Represents the Kendo UI ExpansionPanel component for Angular. Provides an expandable and collapsible content container with customizable header and animation ([see overview](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel)).
  *
  * @example
  * ```html
@@ -30,24 +30,24 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
     private builder;
     /**
      * Specifies the primary text in the header of the ExpansionPanel
-     * ([see example](slug:title_expansionpanel#toc-titles-and-subtitles)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/title#titles-and-subtitles)).
      */
     title: string;
     /**
      * Specifies the secondary text in the header of the ExpansionPanel, which renders next to the collapse/expand icon
-     * ([see example](slug:title_expansionpanel#toc-titles-and-subtitles)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/title#titles-and-subtitles)).
      */
     subtitle: string;
     /**
      * Specifies whether the ExpansionPanel is disabled. If disabled, the ExpansionPanel can be neither expanded nor collapsed
-     * ([see example]({% slug disabled_expansionpanel %})).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/disabled-state)).
      *
      * @default false
      */
     disabled: boolean;
     /**
      * Specifies whether the ExpansionPanel is expanded. The property supports two-way binding
-     * ([see example]({% slug interaction_expansionpanel %}#toc-setting-the-initial-state)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/interaction#setting-the-initial-state)).
      *
      * @default false
      */
@@ -55,29 +55,29 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
     get expanded(): boolean;
     /**
      * Defines an SVG icon for the expanded state of the component.
-     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * You can use either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
      */
     set svgExpandIcon(icon: SVGIcon);
     get svgExpandIcon(): SVGIcon;
     /**
      * Defines an SVG icon for the collapsed state of the component.
-     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * You can use either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
      */
     set svgCollapseIcon(icon: SVGIcon);
     get svgCollapseIcon(): SVGIcon;
     /**
      * Sets a custom icon via CSS class(es) for the collapsed state of the component
-     * ([see example]({% slug icons_expansionpanel %}#toc-icons)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/icons#icons)).
      */
     expandIcon: string;
     /**
      * Sets a custom icon via CSS class(es) for the expanded state of the component
-     * ([see example]({% slug icons_expansionpanel %}#toc-icons)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/icons#icons)).
      */
     collapseIcon: string;
     /**
      * Specifies the animation settings of the ExpansionPanel
-     * ([see example]({% slug animations_expansionpanel %})).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/animations)).
      *
      * @default true
      */
@@ -85,22 +85,22 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
     /**
      * Fires when the `expanded` property of the component is updated.
      * Used to provide a two-way binding for the `expanded` property
-     * ([see example](slug:events_expansionpanel)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/events)).
      */
     expandedChange: EventEmitter<boolean>;
     /**
      * Fires when the expanded state of the ExpansionPanel is about to change. This event is preventable
-     * ([see example](slug:events_expansionpanel)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/events)).
      */
     action: EventEmitter<ExpansionPanelActionEvent>;
     /**
      * Fires when the ExpansionPanel is expanded. If there is animation it fires when the animation is complete
-     * ([see example](slug:events_expansionpanel)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/events)).
      */
     expand: EventEmitter<any>;
     /**
      * Fires when the ExpansionPanel is collapsed. If there is animation it fires when the animation is complete
-     * ([see example](slug:events_expansionpanel)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/events)).
      */
     collapse: EventEmitter<any>;
     /**
@@ -160,7 +160,7 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
     get expanderSvgIcon(): SVGIcon;
     /**
      * Toggles the visibility of the ExpansionPanel
-     * ([see example](slug:interaction_expansionpanel#toggling-between-states)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/interaction#toggling-between-states)).
      *
      * @param expanded Specifies whether the ExpansionPanel will be expanded or collapsed.
      */