@progress/kendo-angular-layout 25.1.0-develop.1 → 25.1.0-develop.10

package/index.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, AfterContentChecked, AfterViewChecked, OnDestroy, ElementRef, QueryList, Renderer2, OnChanges, EventEmitter, SimpleChange, ChangeDetectorRef, NgZone, SimpleChanges, AfterContentInit, AfterViewInit } from '@angular/core';
+import { TemplateRef, OnInit, AfterContentChecked, AfterViewChecked, OnDestroy, ElementRef, QueryList, Renderer2, EventEmitter, NgZone, ChangeDetectorRef, AfterContentInit, AfterViewInit, Injector, SimpleChanges, SimpleChange, OnChanges } from '@angular/core';
 import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { LicenseMessage } from '@progress/kendo-licensing';
 import { Observable, Subject, Subscription, BehaviorSubject } from 'rxjs';
@@ -265,25 +265,29 @@ declare class PanelBarItemComponent implements OnInit, AfterContentChecked, Afte
     /**
      * Sets the title of the PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#titles)).
      */
-    title: string;
+    set title(value: string);
+    get title(): string;
     /**
      * Allows the component to set the `"id"` property to each item.
      * Used to set the `id` attributes of the nested elements and to enable the WAI-ARIA support.
      */
-    id: string;
+    set id(value: string);
+    get id(): string;
     /**
      * Defines the icon that renders next to the title ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#title-icons)).
      *
      * @default ''
      */
-    icon: string;
+    set icon(value: string);
+    get icon(): string;
     /**
      * Defines the icon that renders next to the title by using a custom CSS class
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#title-icons)).
      *
      * @default ''
      */
-    iconClass: string;
+    set iconClass(value: string);
+    get iconClass(): string;
     /**
      * Defines an SVG icon to render.
      * 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.
@@ -296,13 +300,15 @@ declare class PanelBarItemComponent implements OnInit, AfterContentChecked, Afte
      *
      * @default ''
      */
-    imageUrl: string;
+    set imageUrl(value: string);
+    get imageUrl(): string;
     /**
      * When set to `true`, disables a PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#disabled-state)).
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * When set to `true`, expands the PanelBar item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items#expanded-state)).
      */
@@ -313,31 +319,42 @@ declare class PanelBarItemComponent implements OnInit, AfterContentChecked, Afte
      *
      * @default false
      */
-    selected: boolean;
+    set selected(value: boolean);
+    get selected(): boolean;
     /**
      * Sets the content of the PanelBar item.
      * It is used when the [`items`](https://www.telerik.com/kendo-angular-ui/components/layout/api/panelbarcomponent#items) property of the PanelBar is set.
      */
-    content: any;
+    set content(value: any);
+    get content(): any;
     /**
      * @hidden
      */
-    items: Array<PanelBarItemModel>;
+    set items(value: Array<PanelBarItemModel>);
+    get items(): Array<PanelBarItemModel>;
     /**
      * @hidden
      */
-    template: TemplateRef<any>;
+    set template(value: TemplateRef<any>);
+    get template(): TemplateRef<any>;
     header: ElementRef;
     contentWrapper: ElementRef;
-    contentHeight: string;
-    contentOverflow: string;
-    keepContent: boolean | 'loadOnDemand';
-    childrenItems: Array<PanelBarItemComponent>;
-    hasChildItems: boolean;
-    hasItems: boolean;
-    hasContent: boolean;
-    state: string;
+    get contentHeight(): string;
+    set contentHeight(value: string);
+    get contentOverflow(): string;
+    set contentOverflow(value: string);
+    get keepContent(): boolean | 'loadOnDemand';
+    set keepContent(value: boolean | 'loadOnDemand');
+    get state(): string;
+    set state(value: string);
     get animate(): boolean;
+    childrenItems: Array<PanelBarItemComponent>;
+    get hasChildItems(): boolean;
+    set hasChildItems(value: boolean);
+    get hasItems(): boolean;
+    set hasItems(value: boolean);
+    get hasContent(): boolean;
+    set hasContent(value: boolean);
     role: string;
     titleAttribute: string;
     kItemClass: boolean;
@@ -355,12 +372,33 @@ declare class PanelBarItemComponent implements OnInit, AfterContentChecked, Afte
     contentItems: QueryList<PanelBarItemComponent>;
     contentTemplate: QueryList<PanelBarContentDirective>;
     titleTemplates: QueryList<PanelBarItemTitleDirective>;
-    focused: boolean;
-    wrapperFocused: boolean;
+    get focused(): boolean;
+    set focused(value: boolean);
+    get wrapperFocused(): boolean;
+    set wrapperFocused(value: boolean);
     protected subscriptions: Subscription;
+    private _title;
+    private _id;
+    private _icon;
+    private _iconClass;
+    private _imageUrl;
+    private _disabled;
+    private _selected;
+    private _content;
+    private _items;
+    private _template;
     private _expanded;
-    private level;
     private _svgIcon;
+    private _state;
+    private _focused;
+    private _wrapperFocused;
+    private _keepContent;
+    private _contentHeight;
+    private _contentOverflow;
+    private _hasChildItems;
+    private _hasItems;
+    private _hasContent;
+    private level;
     constructor(parent: PanelBarItemComponent, eventService: PanelBarService, element: ElementRef, renderer: Renderer2);
     /**
      * @hidden
@@ -467,33 +505,37 @@ declare class PanelBarItemTemplateDirective {
  * @remarks
  * Supported children components are: {@link PanelBarItemComponent}.
  */
-declare class PanelBarComponent implements AfterViewChecked, OnChanges, OnInit, OnDestroy {
+declare class PanelBarComponent implements AfterViewChecked, OnInit, OnDestroy {
     private localization;
     /**
      * Sets the expand mode of the PanelBar through the `PanelBarExpandMode` enum ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/expand-modes)).
      *
      * @default 'multiple
      */
-    expandMode: PanelBarExpandMode;
+    set expandMode(value: PanelBarExpandMode);
+    get expandMode(): PanelBarExpandMode;
     /**
      * Allows the PanelBar to modify the selected state of the items.
      *
      * @default true
      */
-    selectable: boolean;
+    set selectable(value: boolean);
+    get selectable(): boolean;
     /**
      * Sets the animate state of the PanelBar ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/animations)).
      *
      * @default true
      */
-    animate: boolean;
+    set animate(value: boolean);
+    get animate(): boolean;
     /**
      * Sets the height of the component when the `"full"` expand mode is used.
      * This option is ignored when the `"multiple"` or `"single"` expand modes are used.
      *
      * @default '400px'
      */
-    height: any;
+    set height(value: any);
+    get height(): any;
     /**
     * Controls how the PanelBar renders item content.
     *
@@ -507,8 +549,8 @@ declare class PanelBarComponent implements AfterViewChecked, OnChanges, OnInit,
     *
     * @default false
     */
-    get keepItemContent(): boolean | 'loadOnDemand';
     set keepItemContent(keepItemContent: boolean | 'loadOnDemand');
+    get keepItemContent(): boolean | 'loadOnDemand';
     /**
      * Sets the items of the PanelBar as an array of `PanelBarItemModel` instances
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/items)).
@@ -567,6 +609,10 @@ declare class PanelBarComponent implements AfterViewChecked, OnChanges, OnInit,
     private childrenItems;
     private isViewInit;
     private focused;
+    private _expandMode;
+    private _selectable;
+    private _animate;
+    private _height;
     private _items;
     private _keepItemContent;
     private elementRef;
@@ -582,9 +628,6 @@ declare class PanelBarComponent implements AfterViewChecked, OnChanges, OnInit,
     ngOnDestroy(): void;
     ngOnInit(): void;
     ngAfterViewChecked(): void;
-    ngOnChanges(changes: {
-        [propertyName: string]: SimpleChange;
-    }): void;
     get templateRef(): TemplateRef<any>;
     /**
      * @hidden
@@ -641,17 +684,18 @@ declare class SplitterBarComponent implements OnInit, OnDestroy {
     private splitterService;
     element: ElementRef<HTMLElement>;
     private renderer;
-    private cdr;
     ariaRole: string;
     ariaLabel: string;
-    focused: boolean;
+    get focused(): boolean;
     get hostOrientation(): string;
     ariaKeyShortcuts: string;
     get tabIndex(): number;
     get hostClasses(): string;
     get order(): number;
-    orientation: Orientation;
-    index: number;
+    set orientation(value: Orientation);
+    get orientation(): Orientation;
+    set index(value: number);
+    get index(): number;
     set htmlAttributes(attributes: {
         [key: string]: string;
     });
@@ -660,10 +704,13 @@ declare class SplitterBarComponent implements OnInit, OnDestroy {
     };
     private subscriptions;
     private _htmlAttributes;
+    private _orientation;
+    private _index;
+    private _focused;
     private parsedAttributes;
     private get defaultAttributes();
     private get mutableAttributes();
-    constructor(draggable: DraggableDirective, localization: LocalizationService, splitterService: SplitterService, element: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef);
+    constructor(draggable: DraggableDirective, localization: LocalizationService, splitterService: SplitterService, element: ElementRef<HTMLElement>, renderer: Renderer2);
     ngOnInit(): void;
     ngOnDestroy(): void;
     togglePrevious(): void;
@@ -679,7 +726,7 @@ declare class SplitterBarComponent implements OnInit, OnDestroy {
     private onKeyDown;
     private tryToggleNearest;
     private setHtmlAttributes;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitterBarComponent, [{ host: true; }, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitterBarComponent, [{ host: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SplitterBarComponent, "kendo-splitter-bar", never, { "orientation": { "alias": "orientation"; "required": false; }; "index": { "alias": "index"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; }, {}, never, never, true, never>;
 }
 
@@ -789,35 +836,41 @@ declare class SplitterPaneComponent implements AfterViewChecked {
      * Defines the CSS classes that are rendered on the splitter bar.
      * Supports the same values as [`ngClass`](link:site.data.urls.angular['ngclassapi']).
      */
-    splitterBarClass: string | Array<string> | object;
+    set splitterBarClass(value: string | Array<string> | object);
+    get splitterBarClass(): string | Array<string> | object;
     /**
      * Defines the minimum possible size of the pane.
      * Accepts values in pixels and percentages.
      */
-    min: string;
+    set min(value: string);
+    get min(): string;
     /**
      * Defines the maximum possible size of the pane.
      * Accepts values in pixels and percentages.
      */
-    max: string;
+    set max(value: string);
+    get max(): string;
     /**
      * Determines if you can resize the pane and provide space for other panes.
      *
      * @default true
      */
-    resizable: boolean;
+    set resizable(value: boolean);
+    get resizable(): boolean;
     /**
      * Determines if you can hide the pane and provide space for other panes.
      *
      * @default false
      */
-    collapsible: boolean;
+    set collapsible(value: boolean);
+    get collapsible(): boolean;
     /**
      * Determines if overflowing content is scrollable or hidden.
      *
      * @default true
      */
-    scrollable: boolean;
+    set scrollable(value: boolean);
+    get scrollable(): boolean;
     /**
      * Determines if the pane is initially collapsed.
      *
@@ -828,15 +881,18 @@ declare class SplitterPaneComponent implements AfterViewChecked {
     /**
      * @hidden
      */
-    orientation: Orientation;
+    set orientation(value: Orientation);
+    get orientation(): Orientation;
     /**
      * @hidden
      */
     set containsSplitter(value: boolean);
+    get containsSplitter(): boolean;
     /**
      * @hidden
      */
-    overlayContent: boolean;
+    set overlayContent(value: boolean);
+    get overlayContent(): boolean;
     /**
      * Fires when the Splitter pane size changes.
      * The event data contains the new pane size.
@@ -866,11 +922,19 @@ declare class SplitterPaneComponent implements AfterViewChecked {
     private _size;
     private _order;
     private _splitterBarAttributes;
+    private _splitterBarClass;
+    private _min;
+    private _max;
     private _collapsed;
     private _forceExpand;
+    private _resizable;
+    private _collapsible;
+    private _scrollable;
+    private _orientation;
+    private _containsSplitter;
+    private _overlayContent;
     constructor(element: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef, splitterService: SplitterService);
     ngAfterViewChecked(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     /**
      * @hidden
      */
@@ -916,6 +980,7 @@ declare class SplitterComponent implements AfterContentInit {
     private localization;
     private renderer;
     private ngZone;
+    private cdr;
     private enclosingPane?;
     /**
      * Defines the orientation of the panes within the Splitter.
@@ -923,12 +988,14 @@ declare class SplitterComponent implements AfterContentInit {
      *
      * @default 'horizontal'
      */
-    orientation: Orientation;
+    set orientation(value: Orientation);
+    get orientation(): Orientation;
     /**
      * Defines the width or height of the Splitter splitbars in pixels.
      * The dimension depends on the orientation of the Splitter.
      */
-    splitbarWidth: number;
+    set splitbarWidth(value: number);
+    get splitbarWidth(): number;
     /**
      * Defines the distance in pixels that you move the separator during keyboard navigation.
      *
@@ -940,7 +1007,8 @@ declare class SplitterComponent implements AfterContentInit {
      * Defines the CSS classes that are rendered on the splitter bars.
      * Supports the same values as [`ngClass`](link:site.data.urls.angular['ngclassapi']).
      */
-    splitterBarClass: string | Array<string> | object;
+    set splitterBarClass(value: string | Array<string> | object);
+    get splitterBarClass(): string | Array<string> | object;
     /**
      * Fires when the layout of the Splitter changes.
      * Use this event to trigger layout calculations on components that are positioned inside the panes.
@@ -955,9 +1023,12 @@ declare class SplitterComponent implements AfterContentInit {
      * @hidden
      */
     panes: QueryList<SplitterPaneComponent>;
+    private _orientation;
+    private _splitbarWidth;
+    private _splitterBarClass;
     private paneChangesSubscription;
     private _styleObserver;
-    constructor(element: ElementRef<HTMLElement>, splitterService: SplitterService, localization: LocalizationService, renderer: Renderer2, ngZone: NgZone, enclosingPane?: SplitterPaneComponent);
+    constructor(element: ElementRef<HTMLElement>, splitterService: SplitterService, localization: LocalizationService, renderer: Renderer2, ngZone: NgZone, cdr: ChangeDetectorRef, enclosingPane?: SplitterPaneComponent);
     ngAfterContentInit(): void;
     ngOnChanges(changes: any): void;
     ngOnDestroy(): void;
@@ -966,7 +1037,7 @@ declare class SplitterComponent implements AfterContentInit {
     private configure;
     private get direction();
     private setFixedHeight;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitterComponent, [null, null, null, null, null, { optional: true; host: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitterComponent, [null, null, null, null, null, null, { optional: true; host: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SplitterComponent, "kendo-splitter", ["kendoSplitter"], { "orientation": { "alias": "orientation"; "required": false; }; "splitbarWidth": { "alias": "splitbarWidth"; "required": false; }; "resizeStep": { "alias": "resizeStep"; "required": false; }; "splitterBarClass": { "alias": "splitterBarClass"; "required": false; }; }, { "layoutChange": "layoutChange"; }, ["panes"], ["kendo-splitter-pane"], true, never>;
 }
 
@@ -1047,62 +1118,82 @@ declare class TabStripTabComponent {
     /**
      * Sets the title text for the tab ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/tabs#tab-titles)).
      */
-    title: string;
+    set title(value: string);
+    get title(): string;
     /**
      * Disables the tab and prevents user interaction ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/tabs#disabled-tabs)).
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * Specifies the CSS classes to apply to the `tab` element.
      * Accepts the same values as [`ngClass`](link:site.data.urls.angular['ngclassapi']).
      */
-    cssClass: any;
+    set cssClass(value: any);
+    get cssClass(): any;
     /**
      * Specifies the CSS styles to apply to the `tab` element.
      * Accepts the same values as [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
      */
-    cssStyle: any;
+    set cssStyle(value: any);
+    get cssStyle(): any;
     /**
      * Selects the tab when the TabStrip loads
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/tabs#selected-tab)).
      */
-    selected: boolean;
+    set selected(value: boolean);
+    get selected(): boolean;
     /**
      * Shows a close button inside the tab when set to `true`.
      * This setting overrides the TabStrip `closable` option.
      */
-    closable: boolean;
+    set closable(value: boolean);
+    get closable(): boolean;
     /**
      * Sets the name of an existing font icon in the Kendo UI theme for the close button.
      * This setting overrides the TabStrip `closeIcon` option.
      */
-    closeIcon: string;
+    set closeIcon(value: string);
+    get closeIcon(): string;
     /**
      * Sets custom CSS classes for the close button icon.
      * You can define a single class or multiple classes separated by spaces.
      * This setting overrides the TabStrip `closeIcon` option.
      */
-    closeIconClass: string;
+    set closeIconClass(value: string);
+    get closeIconClass(): string;
     /**
      * Sets an SVG icon for the close button.
      * You can use an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or provide a custom one.
      */
-    closeSVGIcon: SVGIcon;
+    set closeSVGIcon(value: SVGIcon);
+    get closeSVGIcon(): SVGIcon;
     get tabContent(): TabContentDirective;
     get tabTitle(): TabTitleDirective;
     get tabTemplate(): TabTemplateDirective;
     _tabDirective: QueryList<TabTemplateDirective>;
     _tabContent: QueryList<TabContentDirective>;
     _tabTitleDirective: QueryList<TabTitleDirective>;
+    private _title;
+    private _disabled;
+    private _cssClass;
+    private _cssStyle;
+    private _selected;
+    private _closable;
+    private _closeIcon;
+    private _closeIconClass;
+    private _closeSVGIcon;
     /**
      * @hidden
      *
      * Currently only disabled tabs can be focused. Otherwise they will be
      * immediately selected
      */
-    focused: boolean;
+    set focused(value: boolean);
+    get focused(): boolean;
+    private _focused;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabStripTabComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TabStripTabComponent, "kendo-tabstrip-tab", ["kendoTabStripTab"], { "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeIconClass": { "alias": "closeIconClass"; "required": false; }; "closeSVGIcon": { "alias": "closeSVGIcon"; "required": false; }; }, {}, ["_tabDirective", "_tabContent", "_tabTitleDirective"], never, true, never>;
 }
@@ -1308,9 +1399,12 @@ declare class TabStripScrollableButtonComponent implements AfterViewInit, OnDest
     ariaHidden: boolean;
     get prevClass(): boolean;
     get nextClass(): boolean;
-    prev: boolean;
-    tabPosition: TabPosition;
-    scrollable: boolean | TabStripScrollableSettings;
+    set prev(value: boolean);
+    get prev(): boolean;
+    set tabPosition(value: TabPosition);
+    get tabPosition(): TabPosition;
+    set scrollable(value: boolean | TabStripScrollableSettings);
+    get scrollable(): boolean | TabStripScrollableSettings;
     tabScroll: EventEmitter<TabScrollEvent>;
     onClick: EventEmitter<ScrollButtonType>;
     get hostBoundingClientRect(): any;
@@ -1322,6 +1416,9 @@ declare class TabStripScrollableButtonComponent implements AfterViewInit, OnDest
     chevronUpIcon: SVGIcon;
     chevronDownIcon: SVGIcon;
     private subs;
+    private _prev;
+    private _tabPosition;
+    private _scrollable;
     constructor(host: ElementRef, renderer: Renderer2, ngZone: NgZone, localization: LocalizationService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -1368,6 +1465,8 @@ declare class TabStripComponent implements AfterViewInit, OnDestroy {
     private tabstripService;
     private scrollService;
     private ngZone;
+    private injector;
+    private cdr;
     /**
      * Sets the height of the TabStrip.
      * Accepts a CSS size value, such as `100px`, `50%`, or `auto`.
@@ -1379,19 +1478,22 @@ declare class TabStripComponent implements AfterViewInit, OnDestroy {
      *
      * @default true
      */
-    animate: boolean;
+    set animate(value: boolean);
+    get animate(): boolean;
     /**
      * Sets the alignment of the tabs.
      *
      * @default 'start'
      */
-    tabAlignment: TabAlignment;
+    set tabAlignment(value: TabAlignment);
+    get tabAlignment(): TabAlignment;
     /**
      * Sets the position of the tabs.
      *
      * @default 'top'
      */
-    tabPosition: TabPosition;
+    set tabPosition(value: TabPosition);
+    get tabPosition(): TabPosition;
     /**
     * Controls how the TabStrip renders tab content.
     *
@@ -1405,13 +1507,15 @@ declare class TabStripComponent implements AfterViewInit, OnDestroy {
     *
     * @default false
     */
-    keepTabContent: boolean | 'loadOnDemand';
+    set keepTabContent(value: boolean | 'loadOnDemand');
+    get keepTabContent(): boolean | 'loadOnDemand';
     /**
      * When set to `true`, renders a close button inside each tab.
      *
      * @default false
      */
-    closable: boolean;
+    set closable(value: boolean);
+    get closable(): boolean;
     /**
      * Enables scrolling of the tab list.
      * When set to `true` and the total size of all tabs exceeds the size of the TabStrip container, scroll buttons appear on each end of the tab list.
@@ -1430,11 +1534,13 @@ declare class TabStripComponent implements AfterViewInit, OnDestroy {
      * Defines the name of an existing font icon in the Kendo UI theme for the close icon.
      * @default 'x'
      */
-    closeIcon: string;
+    set closeIcon(value: string);
+    get closeIcon(): string;
     /**
      * Defines a custom CSS class, or multiple classes separated by spaces, applied to the close button.
      */
-    closeIconClass: string;
+    set closeIconClass(value: string);
+    get closeIconClass(): string;
     /**
      * Defines an SVGIcon to render for the close icon.
      * The input accepts either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
@@ -1446,7 +1552,8 @@ declare class TabStripComponent implements AfterViewInit, OnDestroy {
      *
      * @default true
      */
-    showContentArea: boolean;
+    set showContentArea(value: boolean);
+    get showContentArea(): boolean;
     /**
      * Fires each time a tab is selected.
      * The event data contains the index of the selected tab and its title.
@@ -1511,7 +1618,15 @@ declare class TabStripComponent implements AfterViewInit, OnDestroy {
     private tabsChangesSub;
     private activeStateChangeSub;
     private _size;
-    constructor(localization: LocalizationService, renderer: Renderer2, wrapper: ElementRef, tabstripService: TabStripService, scrollService: ScrollService, ngZone: NgZone);
+    private _animate;
+    private _tabAlignment;
+    private _tabPosition;
+    private _keepTabContent;
+    private _closable;
+    private _closeIcon;
+    private _closeIconClass;
+    private _showContentArea;
+    constructor(localization: LocalizationService, renderer: Renderer2, wrapper: ElementRef, tabstripService: TabStripService, scrollService: ScrollService, ngZone: NgZone, injector: Injector, cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -1579,15 +1694,21 @@ declare class TabStripMessages extends ComponentMessages {
     /**
      * Sets the title for the **Close** button in the TabStrip tab.
      */
-    closeTitle: string;
+    set closeTitle(value: string);
+    get closeTitle(): string;
     /**
      * Sets the title for the **Previous Tab** button when the TabStrip is scrollable.
      */
-    previousTabButton: string;
+    set previousTabButton(value: string);
+    get previousTabButton(): string;
     /**
      * Sets the title for the **Next Tab** button when the TabStrip is scrollable.
      */
-    nextTabButton: string;
+    set nextTabButton(value: string);
+    get nextTabButton(): string;
+    private _closeTitle;
+    private _previousTabButton;
+    private _nextTabButton;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabStripMessages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TabStripMessages, "kendo-tabstrip-messages-base", never, { "closeTitle": { "alias": "closeTitle"; "required": false; }; "previousTabButton": { "alias": "previousTabButton"; "required": false; }; "nextTabButton": { "alias": "nextTabButton"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -1949,50 +2070,58 @@ declare class DrawerComponent implements OnDestroy {
      *
      * @default 'overlay'
      */
-    mode: DrawerMode;
+    set mode(value: DrawerMode);
+    get mode(): DrawerMode;
     /**
      * Specifies the position of the Drawer
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/drawer/positioning)).
      *
      * @default 'start'
      */
-    position: DrawerPosition;
+    set position(value: DrawerPosition);
+    get position(): DrawerPosition;
     /**
      * Enables the mini (compact) view of the Drawer which displays when the component is collapsed
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/drawer/display-modes#mini-view)).
      *
      * @default false
      */
-    mini: boolean;
+    set mini(value: boolean);
+    get mini(): boolean;
     /**
      * Specifies the state of the Drawer.
      *
      * @default false
      */
-    expanded: boolean;
+    set expanded(value: boolean);
+    get expanded(): boolean;
     /**
      * Defines the width of the Drawer when it is expanded.
      *
      * @default 240
      */
-    width: number;
+    set width(value: number);
+    get width(): number;
     /**
      * Defines the width of the Drawer when the mini view is enabled and the component is collapsed.
      * By default, the mini view width is determined by the used Kendo Theme.
      */
-    miniWidth: number;
+    set miniWidth(value: number);
+    get miniWidth(): number;
     /**
      * Specifies if the Drawer automatically collapses when an item or the overlay is clicked.
      *
      * @default true
      */
-    autoCollapse: boolean;
+    set autoCollapse(value: boolean);
+    get autoCollapse(): boolean;
     /**
      * Defines the collection of items that render in the Drawer.
      *
      * @default []
      */
-    items: any[];
+    set items(value: any[]);
+    get items(): any[];
     /**
      * Defines a callback function which determines if an item should be expanded.
      * This is useful for hierarchical data structures where the expansion state of an item depends on its parent or other items.
@@ -2002,14 +2131,15 @@ declare class DrawerComponent implements OnDestroy {
     /**
      * @hidden
      */
-    direction: string;
+    get direction(): string;
     /**
      * Specifies the animation settings of the Drawer
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/drawer/interaction-modes#toggling-between-states)).
      *
      * @default { type: 'slide', duration: 200 }
      */
-    animation?: boolean | DrawerAnimation;
+    set animation(value: boolean | DrawerAnimation);
+    get animation(): boolean | DrawerAnimation;
     /**
      * Fires when the Drawer is expanded and its animation is complete.
      */
@@ -2053,6 +2183,16 @@ declare class DrawerComponent implements OnDestroy {
      */
     licenseMessage?: LicenseMessage;
     viewItems: DrawerViewItem[];
+    private _mode;
+    private _position;
+    private _mini;
+    private _expanded;
+    private _width;
+    private _miniWidth;
+    private _autoCollapse;
+    private _items;
+    private _animation;
+    private _direction;
     private pendingToggle;
     private animatingViaToggle;
     private dynamicRTLSubscription;
@@ -2123,13 +2263,13 @@ declare class DrawerContainerComponent {
     /**
      * @hidden
      */
-    direction: string;
+    get direction(): string;
     /**
      * @hidden
      */
     drawer: DrawerComponent;
+    private _direction;
     private dynamicRTLSubscription;
-    private rtl;
     constructor(localizationService: LocalizationService);
     ngOnDestroy(): void;
     /**
@@ -2275,14 +2415,15 @@ declare class StepperIndicatorTemplateDirective {
 declare class StepperService {
     private localization;
     private ngZone;
-    private changeDetector;
     owner: any;
     currentStep: number;
-    focusedStep: number;
+    set focusedStep(value: number);
+    get focusedStep(): number;
     triggerValidation: EventEmitter<any>;
     focusedStepChange: EventEmitter<number>;
     private get handlers();
-    constructor(localization: LocalizationService, ngZone: NgZone, changeDetector: ChangeDetectorRef);
+    private _focusedStep;
+    constructor(localization: LocalizationService, ngZone: NgZone);
     emit(event: string, eventArgs: any): boolean;
     onActivate(currentIdx: number, originalEvent: any): void;
     validateSteps(): void;
@@ -2340,20 +2481,23 @@ declare class StepperComponent implements OnChanges, OnDestroy {
      *
      * @default 'indicator'
      */
-    stepType: StepType;
+    set stepType(value: StepType);
+    get stepType(): StepType;
     /**
      * Specifies the linear flow of the Stepper.
      *
      * @default true
      */
-    linear: boolean;
+    set linear(value: boolean);
+    get linear(): boolean;
     /**
      * Specifies the orientation of the Stepper
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/orientation)).
      *
      * @default 'horizontal'
      */
-    orientation: StepperOrientation;
+    set orientation(value: StepperOrientation);
+    get orientation(): StepperOrientation;
     /**
      * Specifies the index of the current step.
      */
@@ -2375,28 +2519,33 @@ declare class StepperComponent implements OnChanges, OnDestroy {
      * Specifies an SVG icon to be rendered for the success icon.
      * 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.
      */
-    successSVGIcon: SVGIcon;
+    set successSVGIcon(value: SVGIcon);
+    get successSVGIcon(): SVGIcon;
     /**
      * Specifies an SVG icon to be rendered for the error icon.
      * 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.
      */
-    errorSVGIcon: SVGIcon;
+    set errorSVGIcon(value: SVGIcon);
+    get errorSVGIcon(): SVGIcon;
     /**
      * Specifies an SVG icon that will be rendered inside the step for valid previous steps.
      * 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.
      */
-    successIcon: string;
+    set successIcon(value: string);
+    get successIcon(): string;
     /**
     * Specifies an SVG icon that will be rendered inside the step for invalid previous steps.
     * 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.
     */
-    errorIcon: string;
+    set errorIcon(value: string);
+    get errorIcon(): string;
     /**
      * Specifies the duration of the progress indicator animation in milliseconds.
      *
      * @default true
      */
-    animation?: boolean | number;
+    set animation(value: boolean | number);
+    get animation(): boolean | number;
     /**
      * Fires when a step is about to be activated. You can prevent this event.
      */
@@ -2420,9 +2569,17 @@ declare class StepperComponent implements OnChanges, OnDestroy {
     indicatorTemplate: StepperIndicatorTemplateDirective;
     private dynamicRTLSubscription;
     private _steps;
+    private _svgIcon;
+    private _stepType;
+    private _linear;
+    private _orientation;
+    private _currentStep;
     private _successSVGIcon;
     private _errorSVGIcon;
-    private _svgIcon;
+    private _successIcon;
+    private _errorIcon;
+    private _animation;
+    private _progressAnimation;
     constructor(renderer: Renderer2, elem: ElementRef, localization: LocalizationService, stepperService: StepperService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -2474,7 +2631,9 @@ declare class StepperMessages extends ComponentMessages {
     /**
      * Specifies the optional text.
      */
-    optional: string;
+    set optional(value: string);
+    get optional(): string;
+    private _optional;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperMessages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<StepperMessages, "kendo-stepper-messages-base", never, { "optional": { "alias": "optional"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -2698,16 +2857,19 @@ declare class AvatarComponent implements OnInit {
      *
      * @default false
      */
-    border: boolean;
+    set border(value: boolean);
+    get border(): boolean;
     /**
      * Defines a CSS class or multiple classes separated by spaces.
      * You can apply these classes to a `span` element inside the Avatar and also use custom icons.
      */
-    iconClass: string;
+    set iconClass(value: string);
+    get iconClass(): string;
     /**
      * Sets the width of the Avatar.
      */
-    width: string;
+    set width(value: string);
+    get width(): string;
     /**
      * @hidden
      */
@@ -2715,7 +2877,8 @@ declare class AvatarComponent implements OnInit {
     /**
      * Sets the height of the Avatar.
      */
-    height: string;
+    set height(value: string);
+    get height(): string;
     /**
      * @hidden
      */
@@ -2724,20 +2887,24 @@ declare class AvatarComponent implements OnInit {
      * Defines the CSS styles that render on the content element of the Avatar.
      * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
      */
-    cssStyle?: any;
+    set cssStyle(value: any);
+    get cssStyle(): any;
     /**
      * Sets the initials for the Avatar.
      */
-    initials: string;
+    set initials(value: string);
+    get initials(): string;
     /**
      * Sets the icon for the Avatar.
      * All [Kendo UI Icons](https://www.telerik.com/kendo-angular-ui/components/styling/icons#icons-list) are supported.
      */
-    icon: string;
+    set icon(value: string);
+    get icon(): string;
     /**
      * Sets the image source of the Avatar.
      */
-    imageSrc: string;
+    set imageSrc(value: string);
+    get imageSrc(): string;
     /**
      * Defines an SVG icon to render.
      * 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.
@@ -2749,7 +2916,15 @@ declare class AvatarComponent implements OnInit {
     private _fillMode;
     private _rounded;
     private _svgIcon;
-    private _themeColorClasses;
+    private _border;
+    private _iconClass;
+    private _width;
+    private _height;
+    private _cssStyle;
+    private _initials;
+    private _icon;
+    private _imageSrc;
+    private readonly _themeColorClasses;
     constructor(localization: LocalizationService, renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
     /**
@@ -2774,7 +2949,9 @@ declare class Messages extends ComponentMessages {
     /**
      * Defines the alt attribute text of the image in the Avatar.
      */
-    avatarAlt: string;
+    set avatarAlt(value: string);
+    get avatarAlt(): string;
+    private _avatarAlt;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendoAvatarMessages", never, { "avatarAlt": { "alias": "avatarAlt"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -2836,21 +3013,25 @@ declare class CardComponent implements OnDestroy {
     /**
      * @hidden
      */
-    direction: string;
+    get direction(): string;
     /**
      * Specifies the layout of the Card content.
      *
      * @default 'vertical'
      */
-    orientation: Orientation;
+    set orientation(value: Orientation);
+    get orientation(): Orientation;
     /**
      * Defines the width of the Card.
      *
      * @default '285px'
      */
-    width: string;
+    set width(value: string);
+    get width(): string;
+    private _direction;
+    private _orientation;
+    private _width;
     private dynamicRTLSubscription;
-    private rtl;
     constructor(localizationService: LocalizationService);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
@@ -2957,13 +3138,15 @@ declare class CardActionsComponent {
      *
      * @default 'horizontal'
      */
-    orientation: Orientation;
+    set orientation(value: Orientation);
+    get orientation(): Orientation;
     /**
      * Specifies the layout of the Card action buttons.
      *
      * @default 'start'
      */
-    layout: ActionsLayout;
+    set layout(value: ActionsLayout);
+    get layout(): ActionsLayout;
     /**
      * Defines the Card actions declaratively.
      * You can pass an array of `CardAction` objects or a `TemplateRef`.
@@ -2981,6 +3164,8 @@ declare class CardActionsComponent {
      * @hidden
      */
     actionsTemplate: TemplateRef<any>;
+    private _orientation;
+    private _layout;
     /**
      * @hidden
      */
@@ -3131,19 +3316,22 @@ declare class ExpansionPanelComponent implements OnInit, AfterViewInit, OnDestro
      * Specifies the primary text in the header of the ExpansionPanel
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/title#titles-and-subtitles)).
      */
-    title: string;
+    set title(value: string);
+    get title(): string;
     /**
      * Specifies the secondary text in the header of the ExpansionPanel, which renders next to the collapse/expand icon
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/title#titles-and-subtitles)).
      */
-    subtitle: string;
+    set subtitle(value: string);
+    get subtitle(): string;
     /**
      * Specifies whether the ExpansionPanel is disabled. If disabled, the ExpansionPanel can be neither expanded nor collapsed
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/disabled-state)).
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * Specifies whether the ExpansionPanel is expanded. The property supports two-way binding
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/interaction#setting-the-initial-state)).
@@ -3168,19 +3356,22 @@ declare class ExpansionPanelComponent implements OnInit, AfterViewInit, OnDestro
      * Sets a custom icon via CSS class(es) for the collapsed state of the component
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/icons#icons)).
      */
-    expandIcon: string;
+    set expandIcon(value: string);
+    get expandIcon(): string;
     /**
      * Sets a custom icon via CSS class(es) for the expanded state of the component
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/icons#icons)).
      */
-    collapseIcon: string;
+    set collapseIcon(value: string);
+    get collapseIcon(): string;
     /**
      * Specifies the animation settings of the ExpansionPanel
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/expansionpanel/animations)).
      *
      * @default true
      */
-    animation?: boolean | number;
+    set animation(value: boolean | number);
+    get animation(): boolean | number;
     /**
      * Fires when the `expanded` property of the component is updated.
      * Used to provide a two-way binding for the `expanded` property
@@ -3211,16 +3402,23 @@ declare class ExpansionPanelComponent implements OnInit, AfterViewInit, OnDestro
     hostClass: boolean;
     get expandedClass(): boolean;
     get disabledClass(): boolean;
-    direction: string;
+    get direction(): string;
     /**
      * @hidden
      */
     focused: boolean;
     private animationEnd;
     private subscriptions;
+    private _title;
+    private _subtitle;
+    private _disabled;
     private _expanded;
+    private _expandIcon;
+    private _collapseIcon;
+    private _animation;
     private _svgExpandIcon;
     private _svgCollapseIcon;
+    private _direction;
     private nextId;
     constructor(renderer: Renderer2, hostElement: ElementRef, ngZone: NgZone, localizationService: LocalizationService, builder: AnimationBuilder);
     ngOnInit(): void;
@@ -3331,17 +3529,20 @@ declare class TileLayoutItemComponent implements AfterViewInit, OnDestroy, OnCha
     /**
      * Sets the title text that appears in the item header ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#tiles-configuration)).
      */
-    title: string;
+    set title(value: string);
+    get title(): string;
     /**
      * Sets how many rows the tile item spans ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/resizing#programmatic-resizing)).
      * @default 1
      */
-    rowSpan: number;
+    set rowSpan(value: number);
+    get rowSpan(): number;
     /**
      *  Sets how many columns the tile item spans ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/resizing#programmatic-resizing)).
      * @default 1
      */
-    colSpan: number;
+    set colSpan(value: number);
+    get colSpan(): number;
     /**
      * Sets the order of the tile item within the TileLayout.
      * When not set, items receive increasing order values based on their DOM position.
@@ -3351,22 +3552,26 @@ declare class TileLayoutItemComponent implements AfterViewInit, OnDestroy, OnCha
     /**
      * Sets the starting column position of the item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#size-and-position)).
      */
-    col: number;
+    set col(value: number);
+    get col(): number;
     /**
      * Sets the starting row position of the item ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#size-and-position)).
      */
-    row: number;
+    set row(value: number);
+    get row(): number;
     /**
      * Enables or disables individual item reordering.
      *
      * @default true
      */
-    reorderable: boolean;
+    set reorderable(value: boolean);
+    get reorderable(): boolean;
     /**
      * Enables or disables individual item resizing.
      * @default true
      */
-    resizable: boolean;
+    set resizable(value: boolean);
+    get resizable(): boolean;
     itemClass: boolean;
     hostRole: string;
     get hostTabindex(): string;
@@ -3391,11 +3596,11 @@ declare class TileLayoutItemComponent implements AfterViewInit, OnDestroy, OnCha
     /**
      * @hidden
      */
-    resizeDirections: Array<string>;
+    get resizeDirections(): Array<string>;
     /**
      * @hidden
      */
-    rtl: boolean;
+    get rtl(): boolean;
     private headers;
     /**
      * @hidden
@@ -3405,6 +3610,15 @@ declare class TileLayoutItemComponent implements AfterViewInit, OnDestroy, OnCha
     private keyboardNavigationSubs;
     private focusableItems;
     private _order;
+    private _title;
+    private _rowSpan;
+    private _colSpan;
+    private _col;
+    private _row;
+    private _reorderable;
+    private _resizable;
+    private _rtl;
+    private _resizeDirections;
     constructor(elem: ElementRef, zone: NgZone, renderer: Renderer2, localization: LocalizationService, draggingService: TileLayoutDraggingService, keyboardNavigationService: TileLayoutKeyboardNavigationService);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -3520,7 +3734,7 @@ declare class TileLayoutDraggingService {
     private cdr;
     private localization;
     reorderable: BehaviorSubject<boolean>;
-    resizable: BehaviorSubject<boolean>;
+    resizable: i0.WritableSignal<boolean>;
     reorder: Subject<TileLayoutReorderEvent>;
     resize: Subject<TileLayoutResizeEvent>;
     tileLayoutSettings: DraggingServiceConfig;
@@ -3585,13 +3799,15 @@ declare class TileLayoutComponent implements OnInit, AfterViewInit, AfterContent
      * Specifies the number of columns ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#size-and-position)).
      * @default 1
      */
-    columns: number;
+    set columns(value: number);
+    get columns(): number;
     /**
      * Sets the width of the columns.
      * Use numeric values for pixels or string values for other CSS units ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#size-and-position)).
      * @default '1fr'
      */
-    columnWidth: string | number;
+    set columnWidth(value: string | number);
+    get columnWidth(): string | number;
     /**
      * Sets the spacing between layout items in pixels.
      * Use an object with `rows` and `columns` properties to set different horizontal and vertical spacing.
@@ -3605,18 +3821,21 @@ declare class TileLayoutComponent implements OnInit, AfterViewInit, AfterContent
      * Enables or disables item reordering ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/reordering)).
      * @default false
      */
-    reorderable: boolean;
+    set reorderable(value: boolean);
+    get reorderable(): boolean;
     /**
      * Enables or disables item resizing ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/resizing)).
      * @default false
      */
-    resizable: boolean;
+    set resizable(value: boolean);
+    get resizable(): boolean;
     /**
      * Sets the height of the rows.
      * Use numeric values for pixels or string values for other CSS units ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-configuration#size-and-position)).
      * @default '1fr'
      */
-    rowHeight: string | number;
+    set rowHeight(value: string | number);
+    get rowHeight(): string | number;
     /**
      *
      * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items are flowed in the TileLayout ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/auto-flow)).
@@ -3624,7 +3843,8 @@ declare class TileLayoutComponent implements OnInit, AfterViewInit, AfterContent
      * For further reference, check the [grid-auto-flow CSS article](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow).
      * @default 'column'
      */
-    autoFlow: TileLayoutFlowMode;
+    set autoFlow(value: TileLayoutFlowMode);
+    get autoFlow(): TileLayoutFlowMode;
     /**
      * Enables or disables [keyboard navigation](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/keyboard-navigation).
      * @default true
@@ -3632,7 +3852,8 @@ declare class TileLayoutComponent implements OnInit, AfterViewInit, AfterContent
      * @remarks
      * This property is related to accessibility.
      */
-    navigable: boolean;
+    set navigable(value: boolean);
+    get navigable(): boolean;
     /**
      * Fires when item reordering is completed ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/reordering)).
      * You can prevent this event to cancel the reorder operation.
@@ -3646,7 +3867,7 @@ declare class TileLayoutComponent implements OnInit, AfterViewInit, AfterContent
     hostClass: boolean;
     hostRole: string;
     get gapStyle(): string;
-    direction: 'ltr' | 'rtl';
+    get direction(): string;
     get currentColStart(): string;
     get currentRowStart(): string;
     get draggedItemWrapper(): HTMLElement;
@@ -3667,7 +3888,15 @@ declare class TileLayoutComponent implements OnInit, AfterViewInit, AfterContent
     licenseMessage?: LicenseMessage;
     private draggable;
     private subs;
+    private _columns;
+    private _columnWidth;
     private _gap;
+    private _reorderable;
+    private _resizable;
+    private _rowHeight;
+    private _autoFlow;
+    private _navigable;
+    private _direction;
     constructor(zone: NgZone, elem: ElementRef, renderer: Renderer2, localization: LocalizationService, draggingService: TileLayoutDraggingService, navigationService: TileLayoutKeyboardNavigationService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -3882,7 +4111,8 @@ declare class GridLayoutComponent implements AfterViewInit, OnChanges {
      * You can define rows by passing an array where the number of elements determines the number of rows or each element defines the size of the corresponding row.
      * For example, you can use CSS units like `px`, `%`, `fr`, or `auto` to define the row sizes.
      */
-    rows: Array<any>;
+    set rows(value: Array<any>);
+    get rows(): Array<any>;
     /**
      * Specifies the number of columns and their widths
      * ([More details](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#rows-and-columns)).
@@ -3890,13 +4120,15 @@ declare class GridLayoutComponent implements AfterViewInit, OnChanges {
      * You can define columns by passing an array where the number of elements determines the number of columns or each element defines the size of the corresponding column.
      * For example, you can use CSS units like `px`, `%`, `fr`, or `auto` to define the column sizes.
      */
-    cols: Array<any>;
+    set cols(value: Array<any>);
+    get cols(): Array<any>;
     /**
      * Specifies the gaps between the elements ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#gap)).
      *
      * @default 0
      */
-    gap: number | string | GridLayoutGapSettings;
+    set gap(value: number | string | GridLayoutGapSettings);
+    get gap(): number | string | GridLayoutGapSettings;
     /**
      * Specifies the horizontal and vertical alignment of the inner GridLayout elements
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/layout#alignment)).
@@ -3904,6 +4136,9 @@ declare class GridLayoutComponent implements AfterViewInit, OnChanges {
     set align(align: AlignSettings);
     get align(): AlignSettings;
     private _align;
+    private _rows;
+    private _cols;
+    private _gap;
     private justifyClass;
     private alignClass;
     constructor(renderer: Renderer2, element: ElementRef, localization: LocalizationService);
@@ -3934,24 +4169,32 @@ declare class GridLayoutItemComponent implements OnChanges {
      * Sets the row of the item in the GridLayout
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/items#size-and-position)).
      */
-    row: number;
+    set row(value: number);
+    get row(): number;
     /**
      * Sets the column of the item in the GridLayout
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/items#size-and-position)).
      */
-    col: number;
+    set col(value: number);
+    get col(): number;
     /**
      * Specifies how many rows the item spans ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/items#size-and-position)).
      *
      * @default 1
      */
-    rowSpan: number;
+    set rowSpan(value: number);
+    get rowSpan(): number;
     /**
      * Specifies how many columns the item spans ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/gridlayout/items#size-and-position)).
      *
      * @default 1
      */
-    colSpan: number;
+    set colSpan(value: number);
+    get colSpan(): number;
+    private _row;
+    private _col;
+    private _rowSpan;
+    private _colSpan;
     constructor(renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
     ngOnChanges(): void;
@@ -3992,15 +4235,19 @@ declare class StackLayoutComponent implements AfterViewInit, OnChanges {
      *
      * @default 0
      */
-    gap: number | string;
+    set gap(value: number | string);
+    get gap(): number | string;
     /**
      * Specifies the orientation of the StackLayout
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/stacklayout/layout#orientation)).
      *
      * @default 'horizontal'
      */
-    orientation: Orientation;
+    set orientation(value: Orientation);
+    get orientation(): Orientation;
     private _align;
+    private _gap;
+    private _orientation;
     private justifyClass;
     private alignClass;
     constructor(renderer: Renderer2, element: ElementRef, localization: LocalizationService);
@@ -4214,20 +4461,34 @@ declare class TimelineCardComponent implements OnChanges, AfterViewInit {
     element: ElementRef;
     private timelineService;
     private renderer;
-    event: TimelineEvent;
-    expanded: boolean;
-    collapsible: boolean;
-    reversed: boolean;
-    orientation: Orientation;
-    navigable: boolean;
-    tabIndex: string;
-    animationDuration: number;
-    index: number;
-    eventWidth: number;
-    eventHeight: number;
-    headerTemplate: TimelineCardHeaderTemplateDirective;
-    bodyTemplate: TimelineCardBodyTemplateDirective;
-    actionsTemplate: TimelineCardActionsTemplateDirective;
+    set event(v: TimelineEvent);
+    get event(): TimelineEvent;
+    set expanded(v: boolean);
+    get expanded(): boolean;
+    set collapsible(v: boolean);
+    get collapsible(): boolean;
+    set reversed(v: boolean);
+    get reversed(): boolean;
+    set orientation(v: Orientation);
+    get orientation(): Orientation;
+    set navigable(v: boolean);
+    get navigable(): boolean;
+    set tabIndex(v: string);
+    get tabIndex(): string;
+    set animationDuration(v: number);
+    get animationDuration(): number;
+    set index(v: number);
+    get index(): number;
+    set eventWidth(v: number);
+    get eventWidth(): number;
+    set eventHeight(v: number);
+    get eventHeight(): number;
+    set headerTemplate(v: TimelineCardHeaderTemplateDirective);
+    get headerTemplate(): TimelineCardHeaderTemplateDirective;
+    set bodyTemplate(v: TimelineCardBodyTemplateDirective);
+    get bodyTemplate(): TimelineCardBodyTemplateDirective;
+    set actionsTemplate(v: TimelineCardActionsTemplateDirective);
+    get actionsTemplate(): TimelineCardActionsTemplateDirective;
     set calloutStyle(value: any);
     calloutElementRef: ElementRef;
     hostClass: boolean;
@@ -4239,6 +4500,20 @@ declare class TimelineCardComponent implements OnChanges, AfterViewInit {
     get ariaExpanded(): any;
     calloutSvgIcon: SVGIcon;
     calloutFontIcon: string;
+    private _event;
+    private _expanded;
+    private _collapsible;
+    private _reversed;
+    private _orientation;
+    private _navigable;
+    private _tabIndex;
+    private _animationDuration;
+    private _index;
+    private _eventWidth;
+    private _eventHeight;
+    private _headerTemplate;
+    private _bodyTemplate;
+    private _actionsTemplate;
     private animationState;
     private animationInProgress;
     constructor(element: ElementRef, timelineService: TimelineService, renderer: Renderer2);
@@ -4264,17 +4539,28 @@ declare class TimelineHorizontalComponent implements OnInit, AfterViewInit, OnCh
     private renderer;
     private timelineService;
     private localization;
-    events: Array<TimelineEvent>;
-    alterMode: boolean;
-    collapsibleEvents: boolean;
-    navigable: boolean;
-    showDateLabels: boolean;
-    animationDuration: number;
-    eventHeight: number;
-    dateFormat: string;
-    headerTemplate: TimelineCardHeaderTemplateDirective;
-    bodyTemplate: TimelineCardBodyTemplateDirective;
-    actionsTemplate: TimelineCardActionsTemplateDirective;
+    set events(v: Array<TimelineEvent>);
+    get events(): Array<TimelineEvent>;
+    set alterMode(v: boolean);
+    get alterMode(): boolean;
+    set collapsibleEvents(v: boolean);
+    get collapsibleEvents(): boolean;
+    set navigable(v: boolean);
+    get navigable(): boolean;
+    set showDateLabels(v: boolean);
+    get showDateLabels(): boolean;
+    set animationDuration(v: number);
+    get animationDuration(): number;
+    set eventHeight(v: number);
+    get eventHeight(): number;
+    set dateFormat(v: string);
+    get dateFormat(): string;
+    set headerTemplate(v: TimelineCardHeaderTemplateDirective);
+    get headerTemplate(): TimelineCardHeaderTemplateDirective;
+    set bodyTemplate(v: TimelineCardBodyTemplateDirective);
+    get bodyTemplate(): TimelineCardBodyTemplateDirective;
+    set actionsTemplate(v: TimelineCardActionsTemplateDirective);
+    get actionsTemplate(): TimelineCardActionsTemplateDirective;
     cardElementRefs: QueryList<ElementRef>;
     circleElementRefs: QueryList<ElementRef>;
     flagElementRefs: QueryList<ElementRef>;
@@ -4283,26 +4569,71 @@ declare class TimelineHorizontalComponent implements OnInit, AfterViewInit, OnCh
     cardComponents: QueryList<TimelineCardComponent>;
     get selectedEvent(): TimelineEvent;
     set selectedEvent(value: TimelineEvent);
-    trackWrapWidth: number;
-    scrollableTrackWidth: number;
-    cardWidth: number;
+    get trackWrapWidth(): number;
+    set trackWrapWidth(v: number);
+    get scrollableTrackWidth(): number;
+    set scrollableTrackWidth(v: number);
+    get cardWidth(): number;
+    set cardWidth(v: number);
+    get calloutStyle(): any;
+    set calloutStyle(v: any);
+    get animationState(): string;
+    set animationState(v: string);
+    get translateValue(): number;
+    set translateValue(v: number);
+    get eventsInInterval(): any[];
+    set eventsInInterval(v: any[]);
+    get selectedCardIndex(): number;
+    set selectedCardIndex(v: number);
+    get selectedEventIndex(): number;
+    set selectedEventIndex(v: number);
+    get tabFlex(): number;
+    set tabFlex(v: number);
+    get tabWidth(): number;
+    set tabWidth(v: number);
+    get visibleTabsCount(): number;
+    set visibleTabsCount(v: number);
+    get firstCircleInView(): number;
+    set firstCircleInView(v: number);
+    get visibleEvents(): any[];
+    set visibleEvents(v: any[]);
+    get trackItems(): any[];
+    set trackItems(v: any[]);
+    get previousTitle(): string;
+    set previousTitle(v: string);
+    get nextTitle(): string;
+    set nextTitle(v: string);
     svgLeftIcon: SVGIcon;
     svgRightIcon: SVGIcon;
-    calloutStyle: any;
-    animationState: string;
-    translateValue: number;
-    eventsInInterval: number[];
-    selectedCardIndex: number;
-    selectedEventIndex: number;
-    tabFlex: number;
-    tabWidth: number;
-    visibleTabsCount: number;
-    firstCircleInView: number;
-    visibleEvents: any[];
-    trackItems: any[];
-    previousTitle: string;
-    nextTitle: string;
     private _selectedEvent;
+    private _calloutStyle;
+    private _animationState;
+    private _translateValue;
+    private _eventsInInterval;
+    private _selectedCardIndex;
+    private _selectedEventIndex;
+    private _tabFlex;
+    private _visibleTabsCount;
+    private _firstCircleInView;
+    private _trackItems;
+    private _previousTitle;
+    private _nextTitle;
+    private _events;
+    private _alterMode;
+    private _collapsibleEvents;
+    private _navigable;
+    private _showDateLabels;
+    private _animationDuration;
+    private _eventHeight;
+    private _dateFormat;
+    private _headerTemplate;
+    private _bodyTemplate;
+    private _actionsTemplate;
+    private _trackWrapWidth;
+    private _scrollableTrackWidth;
+    private _cardWidth;
+    private _tabWidth;
+    private _visibleEvents;
     private subscriptions;
     constructor(cdr: ChangeDetectorRef, _zone: NgZone, renderer: Renderer2, timelineService: TimelineService, localization: LocalizationService);
     ngOnInit(): void;
@@ -4357,21 +4688,43 @@ declare class TimelineHorizontalComponent implements OnInit, AfterViewInit, OnCh
  */
 declare class TimelineVerticalComponent {
     private renderer;
-    events: Array<TimelineEvent>;
-    alterMode: boolean;
-    collapsibleEvents: boolean;
-    navigable: boolean;
-    showDateLabels: boolean;
-    animationDuration: number;
-    eventWidth: number;
-    dateFormat: string;
-    headerTemplate: TimelineCardHeaderTemplateDirective;
-    bodyTemplate: TimelineCardBodyTemplateDirective;
-    actionsTemplate: TimelineCardActionsTemplateDirective;
+    set events(v: Array<TimelineEvent>);
+    get events(): Array<TimelineEvent>;
+    set alterMode(v: boolean);
+    get alterMode(): boolean;
+    set collapsibleEvents(v: boolean);
+    get collapsibleEvents(): boolean;
+    set navigable(v: boolean);
+    get navigable(): boolean;
+    set showDateLabels(v: boolean);
+    get showDateLabels(): boolean;
+    set animationDuration(v: number);
+    get animationDuration(): number;
+    set eventWidth(v: number);
+    get eventWidth(): number;
+    set dateFormat(v: string);
+    get dateFormat(): string;
+    set headerTemplate(v: TimelineCardHeaderTemplateDirective);
+    get headerTemplate(): TimelineCardHeaderTemplateDirective;
+    set bodyTemplate(v: TimelineCardBodyTemplateDirective);
+    get bodyTemplate(): TimelineCardBodyTemplateDirective;
+    set actionsTemplate(v: TimelineCardActionsTemplateDirective);
+    get actionsTemplate(): TimelineCardActionsTemplateDirective;
     cards: QueryList<TimelineCardComponent>;
     dateElementRefs: QueryList<ElementRef>;
     innerDateElementRefs: QueryList<ElementRef>;
     private subscriptions;
+    private _events;
+    private _alterMode;
+    private _collapsibleEvents;
+    private _navigable;
+    private _showDateLabels;
+    private _animationDuration;
+    private _eventWidth;
+    private _dateFormat;
+    private _headerTemplate;
+    private _bodyTemplate;
+    private _actionsTemplate;
     constructor(renderer: Renderer2);
     ngAfterViewInit(): void;
     expand(index: number): void;
@@ -4413,20 +4766,23 @@ declare class TimelineComponent implements AfterContentInit, OnDestroy {
      *
      * @default 'vertical'
      */
-    orientation: Orientation;
+    set orientation(value: Orientation);
+    get orientation(): Orientation;
     /**
      * Specifies whether to render events alternatingly on both sides of the axis.
      * Applicable when `orientation` is set to `vertical`.
      *
      * @default false
      */
-    alterMode: boolean;
+    set alterMode(value: boolean);
+    get alterMode(): boolean;
     /**
      * Specifies whether the event cards can be collapsed.
      *
      * @default true
      */
-    collapsibleEvents: boolean;
+    set collapsibleEvents(value: boolean);
+    get collapsibleEvents(): boolean;
     /**
      * Specifies whether the user can use dedicated shortcuts to interact with the Timeline.
      *
@@ -4435,20 +4791,23 @@ declare class TimelineComponent implements AfterContentInit, OnDestroy {
      * @remarks
      * This property is related to accessibility.
      */
-    navigable: boolean;
+    set navigable(value: boolean);
+    get navigable(): boolean;
     /**
      * Specifies whether an event's date label will be visible.
      *
      * @default true
      */
-    showDateLabels: boolean;
+    set showDateLabels(value: boolean);
+    get showDateLabels(): boolean;
     /**
      * Specifies the time for sliding to the next event in `horizontal` mode and the time for collapsing the event in `vertical` mode.
      * The default animation duration values are `300ms` for `horizontal` mode and `400ms` for `vertical` mode.
      *
      * @default true
      */
-    animation: boolean | number;
+    set animation(value: boolean | number);
+    get animation(): boolean | number;
     /**
      * Specifies the order of the Timeline events.
      * `asc` - chronological order
@@ -4538,6 +4897,12 @@ declare class TimelineComponent implements AfterContentInit, OnDestroy {
     actionsTemplate: TimelineCardActionsTemplateDirective;
     private _events;
     private _modelFields;
+    private _orientation;
+    private _alterMode;
+    private _collapsibleEvents;
+    private _navigable;
+    private _showDateLabels;
+    private _animation;
     private _eventWidth;
     private _eventHeight;
     private _dateFormat;
@@ -4585,11 +4950,15 @@ declare class TimelineMessages extends ComponentMessages {
     /**
      * The title of the previous button in horizontal orientation.
      */
-    previous: string;
+    set previous(value: string);
+    get previous(): string;
     /**
      * The title of the next button in horizontal orientation.
      */
-    next: string;
+    set next(value: string);
+    get next(): string;
+    private _previous;
+    private _next;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimelineMessages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineMessages, "kendo-timeline-messages-base", never, { "previous": { "alias": "previous"; "required": false; }; "next": { "alias": "next"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -4834,13 +5203,25 @@ declare class TimelineModule {
  */
 declare class TabComponent {
     localization: LocalizationService;
-    tab: TabStripTabComponent;
-    index: number;
-    tabStripClosable: boolean;
-    tabStripCloseIcon: string;
-    customTabstripCloseIcon: string;
-    closeSVGIcon: SVGIcon;
+    set tab(value: TabStripTabComponent);
+    get tab(): TabStripTabComponent;
+    set index(value: number);
+    get index(): number;
+    set tabStripClosable(value: boolean);
+    get tabStripClosable(): boolean;
+    set tabStripCloseIcon(value: string);
+    get tabStripCloseIcon(): string;
+    set customTabstripCloseIcon(value: string);
+    get customTabstripCloseIcon(): string;
+    set closeSVGIcon(value: SVGIcon);
+    get closeSVGIcon(): SVGIcon;
     tabClose: EventEmitter<TabCloseEvent>;
+    private _tab;
+    private _index;
+    private _tabStripClosable;
+    private _tabStripCloseIcon;
+    private _customTabstripCloseIcon;
+    private _closeSVGIcon;
     hostClasses: boolean;
     get activeClass(): boolean;
     get disabledClass(): boolean | null;
@@ -4863,8 +5244,12 @@ declare class TabComponent {
 declare class TileLayoutResizeHandleDirective implements OnInit {
     private el;
     private renderer;
-    resizeDirection: string;
-    rtl: boolean;
+    set resizeDirection(value: string);
+    get resizeDirection(): string;
+    set rtl(value: boolean);
+    get rtl(): boolean;
+    private _resizeDirection;
+    private _rtl;
     constructor(el: ElementRef, renderer: Renderer2);
     ngOnInit(): void;
     private setHorizontalPosition;