@progress/kendo-angular-layout 17.0.0-develop.8 → 17.0.0

package/avatar/avatar.component.d.ts

@@ -160,5 +160,5 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
      */
     textFor(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "kendo-avatar", never, { "shape": "shape"; "size": "size"; "rounded": "rounded"; "themeColor": "themeColor"; "fillMode": "fillMode"; "fill": "fill"; "border": "border"; "iconClass": "iconClass"; "width": "width"; "height": "height"; "cssStyle": "cssStyle"; "initials": "initials"; "icon": "icon"; "imageSrc": "imageSrc"; "svgIcon": "svgIcon"; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "kendo-avatar", never, { "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "border": { "alias": "border"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "imageSrc": { "alias": "imageSrc"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/avatar/l10n/messages.d.ts

@@ -13,5 +13,5 @@ export declare class Messages extends ComponentMessages {
      */
     avatarAlt: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendoAvatarMessages", never, { "avatarAlt": "avatarAlt"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendoAvatarMessages", never, { "avatarAlt": { "alias": "avatarAlt"; "required": false; }; }, {}, never, never, false, never>;
 }

package/avatar/models/fill.d.ts

@@ -5,4 +5,4 @@
 /**
  * Specifies the possible appearance fill styles of the аvatar ([see example](slug:appearance_avatar#toc-fill-mode)).
  */
-export declare type AvatarFillMode = 'solid' | 'outline' | 'none';
+export type AvatarFillMode = 'solid' | 'outline' | 'none';

package/avatar/models/rounded.d.ts

@@ -5,4 +5,4 @@
 /**
  * Specifies the possible rounded options of the аvatar ([see example]({% slug appearance_avatar %}#toc-rounded-corners)).
  */
-export declare type AvatarRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
+export type AvatarRounded = 'small' | 'medium' | 'large' | 'full' | 'none';

package/avatar/models/shape.d.ts

@@ -6,10 +6,10 @@
  * @hidden
  * Specifies the possible shapes of the avatar.
  */
-export declare type AvatarShape = 'square' | 'rectangle' | 'rounded' | 'circle';
+export type AvatarShape = 'square' | 'rectangle' | 'rounded' | 'circle';
 /**
  * Alias for backwards-compatibility.
  *
  * @hidden
  */
-export declare type Shape = AvatarShape;
+export type Shape = AvatarShape;

package/avatar/models/size.d.ts

@@ -5,4 +5,4 @@
 /**
  * Specifies the possible sizes of the аvatar ([see example]({% slug appearance_avatar %}#toc-size)).
  */
-export declare type AvatarSize = 'small' | 'medium' | 'large' | 'none';
+export type AvatarSize = 'small' | 'medium' | 'large' | 'none';

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

@@ -5,4 +5,4 @@
 /**
  * Specifies the possible theme colors of the аvatar ([see example]({% slug appearance_avatar %}#toc-theme-color)).
  */
-export declare 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' | 'none';

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

@@ -60,5 +60,5 @@ export declare class CardActionsComponent {
      */
     onClick(action: CardAction): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardActionsComponent, "kendo-card-actions", never, { "orientation": "orientation"; "layout": "layout"; "actions": "actions"; }, { "action": "action"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardActionsComponent, "kendo-card-actions", never, { "orientation": { "alias": "orientation"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "action": "action"; }, never, ["*"], true, never>;
 }

package/card/card.component.d.ts

@@ -38,5 +38,5 @@ export declare class CardComponent implements OnDestroy {
     constructor(localizationService: LocalizationService);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "kendo-card", never, { "orientation": "orientation"; "width": "width"; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "kendo-card", never, { "orientation": { "alias": "orientation"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/card/directives/card-separator.directive.d.ts

@@ -24,5 +24,5 @@ export declare class CardSeparatorDirective {
      */
     orientation: Orientation;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardSeparatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CardSeparatorDirective, "[kendoCardSeparator]", never, { "color": "color"; "orientation": "orientation"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardSeparatorDirective, "[kendoCardSeparator]", never, { "color": { "alias": "color"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, never, true, never>;
 }

package/card/models/actions-layout.d.ts

@@ -12,4 +12,4 @@
  * * `stretched`
  *
  */
-export declare type ActionsLayout = 'start' | 'center' | 'end' | 'stretched';
+export type ActionsLayout = 'start' | 'center' | 'end' | 'stretched';

package/common/direction.d.ts

@@ -5,4 +5,4 @@
 /**
  * @hidden
  */
-export declare type Direction = 'rtl' | 'ltr';
+export type Direction = 'rtl' | 'ltr';

package/common/orientation.d.ts

@@ -5,4 +5,4 @@
 /**
  * Specifies the orientation of layouts in different scenarios.
  */
-export declare type Orientation = 'horizontal' | 'vertical';
+export type Orientation = 'horizontal' | 'vertical';

package/drawer/drawer.component.d.ts

@@ -188,5 +188,5 @@ export declare class DrawerComponent implements OnDestroy {
     private animate;
     private createPlayer;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent, "kendo-drawer", ["kendoDrawer"], { "mode": "mode"; "position": "position"; "mini": "mini"; "expanded": "expanded"; "width": "width"; "miniWidth": "miniWidth"; "autoCollapse": "autoCollapse"; "items": "items"; "isItemExpanded": "isItemExpanded"; "animation": "animation"; }, { "expand": "expand"; "collapse": "collapse"; "select": "select"; "expandedChange": "expandedChange"; }, ["drawerTemplate", "footerTemplate", "headerTemplate", "itemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent, "kendo-drawer", ["kendoDrawer"], { "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "width": { "alias": "width"; "required": false; }; "miniWidth": { "alias": "miniWidth"; "required": false; }; "autoCollapse": { "alias": "autoCollapse"; "required": false; }; "items": { "alias": "items"; "required": false; }; "isItemExpanded": { "alias": "isItemExpanded"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, { "expand": "expand"; "collapse": "collapse"; "select": "select"; "expandedChange": "expandedChange"; }, ["drawerTemplate", "footerTemplate", "headerTemplate", "itemTemplate"], never, true, never>;
 }

package/drawer/item.component.d.ts

@@ -34,5 +34,5 @@ export declare class DrawerItemComponent implements AfterViewInit {
     get customIconClasses(): string;
     get item(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerItemComponent, "[kendoDrawerItem]", never, { "viewItem": "viewItem"; "index": "index"; "itemTemplate": "itemTemplate"; "mini": "mini"; "expanded": "expanded"; "disabled": "disabled"; "cssClass": "cssClass"; "cssStyle": "cssStyle"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerItemComponent, "[kendoDrawerItem]", never, { "viewItem": { "alias": "viewItem"; "required": false; }; "index": { "alias": "index"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; }, {}, never, never, true, never>;
 }

package/drawer/list.component.d.ts

@@ -32,5 +32,5 @@ export declare class DrawerListComponent implements OnInit, OnDestroy {
     private onEnterOrSpaceKeyDown;
     private getDrawerItemIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerListComponent, "[kendoDrawerList]", never, { "itemTemplate": "itemTemplate"; "mini": "mini"; "expanded": "expanded"; "view": "view"; }, { "select": "select"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerListComponent, "[kendoDrawerList]", never, { "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, { "select": "select"; }, never, never, true, never>;
 }

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

@@ -5,4 +5,4 @@
 /**
  * Represents the callback that is used by the [isItemExpanded]({% slug api_layout_drawercomponent %}#toc-isItemExpanded) property. ([see example]({% slug hierarchical_drawer %})).
  */
-export declare type DrawerItemExpandedFn = (item: any) => boolean;
+export type DrawerItemExpandedFn = (item: any) => boolean;

package/drawer/models/mode.d.ts

@@ -7,4 +7,4 @@
  * The default `overlay` display mode will overlap the associated content with an overlay effect.
  * On the other hand, the `push` display mode will render the Drawer next to the associated content and will shrink it.
  */
-export declare type DrawerMode = 'overlay' | 'push';
+export type DrawerMode = 'overlay' | 'push';

package/drawer/models/position.d.ts

@@ -10,4 +10,4 @@
  * * (Default) `start`
  * * `end`
  */
-export declare type DrawerPosition = 'start' | 'end';
+export type DrawerPosition = 'start' | 'end';

package/{esm2020 → esm2022}/avatar/avatar.component.mjs

@@ -20,21 +20,10 @@ const DEFAULT_FILL_MODE = 'solid';
  * Displays images, icons or initials representing people or other entities.
  */
 export class AvatarComponent {
-    constructor(localization, renderer, element) {
-        this.localization = localization;
-        this.renderer = renderer;
-        this.element = element;
-        this.hostClass = true;
-        /**
-         * Sets a border to the avatar.
-         */
-        this.border = false;
-        this._themeColor = DEFAULT_THEME_COLOR;
-        this._size = DEFAULT_SIZE;
-        this._fillMode = DEFAULT_FILL_MODE;
-        this._rounded = DEFAULT_ROUNDED;
-        validatePackage(packageMetadata);
-    }
+    localization;
+    renderer;
+    element;
+    hostClass = true;
     /**
      * @hidden
      */
@@ -150,18 +139,54 @@ export class AvatarComponent {
     set fill(fillMode) {
         this.fillMode = fillMode;
     }
+    /**
+     * Sets a border to the avatar.
+     */
+    border = false;
+    /**
+     * Defines a CSS class — or multiple classes separated by spaces —
+     * which are applied to a span element inside the avatar.
+     * Allows the usage of custom icons.
+     */
+    iconClass;
+    /**
+     * Sets the width of the avatar.
+     */
+    width;
     /**
      * @hidden
      */
     get avatarWidth() {
         return this.width;
     }
+    /**
+     * Sets the height of the avatar.
+     */
+    height;
     /**
      * @hidden
      */
     get avatarHeight() {
         return this.height;
     }
+    /**
+     * The CSS styles that will be rendered on the content element of the avatar.
+     * Supports the type of values that are supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
+     */
+    cssStyle;
+    /**
+     * Sets `initials` to the avatar.
+     */
+    initials;
+    /**
+     * Sets the `icon` for the avatar.
+     * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
+     */
+    icon;
+    /**
+     * Sets the `image` source of the avatar.
+     */
+    imageSrc;
     /**
      * Defines an SVGIcon to be rendered.
      * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
@@ -175,6 +200,17 @@ export class AvatarComponent {
     get svgIcon() {
         return this._svgIcon;
     }
+    _themeColor = DEFAULT_THEME_COLOR;
+    _size = DEFAULT_SIZE;
+    _fillMode = DEFAULT_FILL_MODE;
+    _rounded = DEFAULT_ROUNDED;
+    _svgIcon;
+    constructor(localization, renderer, element) {
+        this.localization = localization;
+        this.renderer = renderer;
+        this.element = element;
+        validatePackage(packageMetadata);
+    }
     ngOnInit() {
         this.verifyProperties();
     }
@@ -238,15 +274,14 @@ export class AvatarComponent {
     textFor(key) {
         return this.localization.get(key);
     }
-}
-AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AvatarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AvatarComponent, isStandalone: true, selector: "kendo-avatar", inputs: { shape: "shape", size: "size", rounded: "rounded", themeColor: "themeColor", fillMode: "fillMode", fill: "fill", border: "border", iconClass: "iconClass", width: "width", height: "height", cssStyle: "cssStyle", initials: "initials", icon: "icon", imageSrc: "imageSrc", svgIcon: "svgIcon" }, host: { properties: { "class.k-avatar": "this.hostClass", "class.k-avatar-bordered": "this.borderClass", "style.flexBasis": "this.flexBasis", "style.width": "this.avatarWidth", "style.height": "this.avatarHeight" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.avatar'
-        }
-    ], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarComponent, isStandalone: true, selector: "kendo-avatar", inputs: { shape: "shape", size: "size", rounded: "rounded", themeColor: "themeColor", fillMode: "fillMode", fill: "fill", border: "border", iconClass: "iconClass", width: "width", height: "height", cssStyle: "cssStyle", initials: "initials", icon: "icon", imageSrc: "imageSrc", svgIcon: "svgIcon" }, host: { properties: { "class.k-avatar": "this.hostClass", "class.k-avatar-bordered": "this.borderClass", "style.flexBasis": "this.flexBasis", "style.width": "this.avatarWidth", "style.height": "this.avatarHeight" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.avatar'
+            }
+        ], ngImport: i0, template: `
         <ng-container kendoAvatarLocalizedMessages
             i18n-avatarAlt="kendo.avatar.avatarAlt|The alt attribute text of the image in the avatar."
             avatarAlt="Avatar"
@@ -277,7 +312,8 @@ AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             </span>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: LocalizedAvatarMessagesDirective, selector: "[kendoAvatarLocalizedMessages]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AvatarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/avatar/l10n/custom-messages.component.mjs

@@ -13,6 +13,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ([see example]({% slug rtl_layout %})).
  */
 export class AvatarCustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -20,15 +21,15 @@ export class AvatarCustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarCustomMessagesComponent, isStandalone: true, selector: "kendo-avatar-messages", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => AvatarCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-AvatarCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AvatarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-AvatarCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AvatarCustomMessagesComponent, isStandalone: true, selector: "kendo-avatar-messages", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => AvatarCustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AvatarCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/avatar/l10n/localized-messages.directive.mjs

@@ -12,19 +12,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedAvatarMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedAvatarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedAvatarMessagesDirective, isStandalone: true, selector: "[kendoAvatarLocalizedMessages]", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedAvatarMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedAvatarMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedAvatarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedAvatarMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedAvatarMessagesDirective, isStandalone: true, selector: "[kendoAvatarLocalizedMessages]", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => LocalizedAvatarMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedAvatarMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedAvatarMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/avatar/l10n/messages.mjs

@@ -9,10 +9,14 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class Messages extends ComponentMessages {
+    /**
+     * The alt attribute text of the image in the avatar.
+     */
+    avatarAlt;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "kendoAvatarMessages", inputs: { avatarAlt: "avatarAlt" }, usesInheritance: true, ngImport: i0 });
 }
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, selector: "kendoAvatarMessages", inputs: { avatarAlt: "avatarAlt" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/{esm2020 → esm2022}/avatar.module.mjs

@@ -13,11 +13,11 @@ import * as i2 from "./avatar/l10n/custom-messages.component";
  * definition for the Avatar component.
  */
 export class AvatarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AvatarModule, imports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent], exports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarModule, imports: [i1.AvatarComponent] });
 }
-AvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AvatarModule, imports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent], exports: [i1.AvatarComponent, i2.AvatarCustomMessagesComponent] });
-AvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AvatarModule, imports: [KENDO_AVATAR] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_AVATAR],

package/{esm2020 → esm2022}/card/card-actions.component.mjs

@@ -10,33 +10,7 @@ import * as i0 from "@angular/core";
  * * ([see example]({% slug actions_card %})).
  */
 export class CardActionsComponent {
-    constructor() {
-        this.hostClass = true;
-        /**
-         * Specifies the layout of the Card action buttons.
-         *
-         * * The possible values are:
-         * * (Default) `horizontal`
-         * * `vertical`
-         *
-         */
-        this.orientation = 'horizontal';
-        /**
-         * Specifies the layout of the Card action buttons.
-         *
-         * The possible values are:
-         * * (Default) `start`
-         * * `center`
-         * * `end`
-         * * `stretched`
-         *
-         */
-        this.layout = 'start';
-        /**
-         * Fires when the user clicks an action button.
-         */
-        this.action = new EventEmitter();
-    }
+    hostClass = true;
     get stretchedClass() {
         return this.layout === 'stretched';
     }
@@ -55,6 +29,26 @@ export class CardActionsComponent {
     get horizontalClass() {
         return this.orientation === 'horizontal';
     }
+    /**
+     * Specifies the layout of the Card action buttons.
+     *
+     * * The possible values are:
+     * * (Default) `horizontal`
+     * * `vertical`
+     *
+     */
+    orientation = 'horizontal';
+    /**
+     * Specifies the layout of the Card action buttons.
+     *
+     * The possible values are:
+     * * (Default) `start`
+     * * `center`
+     * * `end`
+     * * `stretched`
+     *
+     */
+    layout = 'start';
     /**
      * Allows the declarative specification of the Card actions.
      */
@@ -66,15 +60,26 @@ export class CardActionsComponent {
             this.actionsTemplate = value;
         }
     }
+    /**
+     * Fires when the user clicks an action button.
+     */
+    action = new EventEmitter();
+    /**
+     * @hidden
+     */
+    actionsArray;
+    /**
+     * @hidden
+     */
+    actionsTemplate;
     /**
      * @hidden
      */
     onClick(action) {
         this.action.emit(action);
     }
-}
-CardActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CardActionsComponent, isStandalone: true, selector: "kendo-card-actions", inputs: { orientation: "orientation", layout: "layout", actions: "actions" }, outputs: { action: "action" }, host: { properties: { "class.k-actions": "this.hostClass", "class.k-card-actions": "this.hostClass", "class.k-actions-stretched": "this.stretchedClass", "class.k-actions-start": "this.startClass", "class.k-actions-end": "this.endClass", "class.k-actions-center": "this.centerClass", "class.k-actions-vertical": "this.verticalClass", "class.k-actions-horizontal": "this.horizontalClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardActionsComponent, isStandalone: true, selector: "kendo-card-actions", inputs: { orientation: "orientation", layout: "layout", actions: "actions" }, outputs: { action: "action" }, host: { properties: { "class.k-actions": "this.hostClass", "class.k-card-actions": "this.hostClass", "class.k-actions-stretched": "this.stretchedClass", "class.k-actions-start": "this.startClass", "class.k-actions-end": "this.endClass", "class.k-actions-center": "this.centerClass", "class.k-actions-vertical": "this.verticalClass", "class.k-actions-horizontal": "this.horizontalClass" } }, ngImport: i0, template: `
         <ng-content *ngIf="!actionsArray && !actionsTemplate"></ng-content>
 
         <ng-container *ngIf="actionsArray">
@@ -96,7 +101,8 @@ CardActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
 
         <ng-template [ngTemplateOutlet]="actionsTemplate" *ngIf="actionsTemplate"></ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardActionsComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-card-actions',

package/{esm2020 → esm2022}/card/card-body.component.mjs

@@ -8,15 +8,13 @@ import * as i0 from "@angular/core";
  * Specifies the content in the Card body.
  */
 export class CardBodyComponent {
-    constructor() {
-        this.hostClass = true;
-    }
-}
-CardBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CardBodyComponent, isStandalone: true, selector: "kendo-card-body", host: { properties: { "class.k-card-body": "this.hostClass" } }, ngImport: i0, template: `
+    hostClass = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardBodyComponent, isStandalone: true, selector: "kendo-card-body", host: { properties: { "class.k-card-body": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardBodyComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-card-body',

package/{esm2020 → esm2022}/card/card-footer.component.mjs

@@ -8,15 +8,13 @@ import * as i0 from "@angular/core";
  * Specifies the content in the Card footer.
  */
 export class CardFooterComponent {
-    constructor() {
-        this.hostClass = true;
-    }
-}
-CardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CardFooterComponent, isStandalone: true, selector: "kendo-card-footer", host: { properties: { "class.k-card-footer": "this.hostClass" } }, ngImport: i0, template: `
+    hostClass = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardFooterComponent, isStandalone: true, selector: "kendo-card-footer", host: { properties: { "class.k-card-footer": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardFooterComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-card-footer',

package/{esm2020 → esm2022}/card/card-header.component.mjs

@@ -8,15 +8,13 @@ import * as i0 from "@angular/core";
  * Specifies the content in the Card header.
  */
 export class CardHeaderComponent {
-    constructor() {
-        this.hostClass = true;
-    }
-}
-CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CardHeaderComponent, isStandalone: true, selector: "kendo-card-header", host: { properties: { "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
+    hostClass = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardHeaderComponent, isStandalone: true, selector: "kendo-card-header", host: { properties: { "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CardHeaderComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-card-header',