@progress/kendo-angular-layout 19.1.2-develop.4 → 19.1.2-develop.5

package/stepper/stepper.component.d.ts

@@ -17,20 +17,22 @@ import * as i0 from "@angular/core";
  * Represents the [Kendo UI Stepper component for Angular]({% slug overview_stepper %}).
  *
  * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-stepper [steps]="steps">
- *        </kendo-stepper>
- *    `
+ * ```ts
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-stepper [steps]="steps">
+ *     </kendo-stepper>
+ *   `
  * })
  * class AppComponent {
- *    public steps: Array<StepperStep> = [
- *      { label: 'Step One' }, { label: 'Step Two' }, { label: 'Step Three' }
- *    ];
+ *   public steps: Array<StepperStep> = [
+ *     { label: 'Step One' }, { label: 'Step Two' }, { label: 'Step Three' }
+ *   ];
  * }
  * ```
+ * @remarks
+ * Supported children components are: {@link StepperCustomMessagesComponent}.
  */
 export declare class StepperComponent implements OnChanges, OnDestroy {
     private renderer;
@@ -45,10 +47,7 @@ export declare class StepperComponent implements OnChanges, OnDestroy {
     /**
      * Specifies the type of the steps in the Stepper.
      *
-     * The possible values are:
-     * * (Default) `indicator`
-     * * `label`
-     * * `full`
+     * @default 'indicator'
      */
     stepType: StepType;
     /**
@@ -61,65 +60,59 @@ export declare class StepperComponent implements OnChanges, OnDestroy {
      * Specifies the orientation of the Stepper
      * ([see example]({% slug orientation_stepper %})).
      *
-     * The possible values are:
-     * * (Default) `horizontal`
-     * * `vertical`
+     * @default 'horizontal'
      */
     orientation: StepperOrientation;
     /**
-     * The index of the current step.
+     * Specifies the index of the current step.
      */
     set currentStep(value: number);
     get currentStep(): number;
     /**
-     * The collection of steps that will be rendered in the Stepper.
-     * ([see example]({% slug step_appearance_stepper %}))
+     * Specifies the collection of steps that will be rendered in the Stepper
+     * ([see example]({% slug step_appearance_stepper %})).
      */
     set steps(steps: any[]);
     get steps(): any[];
     /**
-     * Defines an SVG icon to be rendered inside the step indicator instead of the default numeric or text content.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * Specifies an SVG icon to be rendered inside the step indicator instead of the default numeric or text content.
+     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
      */
     set svgIcon(icon: SVGIcon);
     get svgIcon(): SVGIcon;
     /**
-     * Defines an SVGIcon to be rendered for the success icon.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * Specifies an SVG icon to be rendered for the success icon.
+     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
      */
     successSVGIcon: SVGIcon;
     /**
-     * Defines an SVGIcon to be rendered for the error icon.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * Specifies an SVG icon to be rendered for the error icon.
+     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
      */
     errorSVGIcon: SVGIcon;
     /**
-     * Specifies a custom icon that will be rendered inside the step
-     * for valid previous steps.
+     * Specifies an SVG icon that will be rendered inside the step for valid previous steps.
+     * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
      */
     successIcon: string;
     /**
-     * Specifies a custom icon that will be rendered inside the step
-     * for invalid previous steps.
-     */
+    * Specifies an SVG icon that will be rendered inside the step for invalid previous steps.
+    * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+    */
     errorIcon: string;
     /**
-     * Specifies the duration of the progress indicator animation in milliseconds. Defaults to `400ms`.
+     * Specifies the duration of the progress indicator animation in milliseconds.
      *
-     * The possible values are:
-     *  * Boolean
-     *    * (Default) `true`
-     *    * false
-     *  * Number
+     * @default true
      */
     animation?: boolean | number;
     /**
-     * Fires when a step is about to be activated. This event is preventable.
+     * Fires when a step is about to be activated. You can prevent this event.
      */
     activate: EventEmitter<StepperActivateEvent>;
     /**
      * Fires when the `currentStep` property of the component was updated.
-     * Used to provide a two-way binding for the `currentStep` property.
+     * Use this event to provide a two-way binding for the `currentStep` property.
      */
     currentStepChange: EventEmitter<number>;
     /**

package/stepper/template-directives/indicator-template.directive.d.ts

@@ -5,9 +5,18 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the content of the Step indicator.
+ * Use this template to define custom content for the step indicator.
  * To define the template, nest an `<ng-template>` tag
  * with the `kendoStepperIndicatorTemplate` directive inside the `<kendo-stepper>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-stepper>
+ *   <ng-template kendoStepperIndicatorTemplate let-step="step" let-index="index">
+ *     <span>{{ index + 1 }}</span>
+ *   </ng-template>
+ * </kendo-stepper>
+ * ```
  */
 export declare class StepperIndicatorTemplateDirective {
     templateRef: TemplateRef<any>;

package/stepper/template-directives/label-template.directive.d.ts

@@ -5,9 +5,18 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the content of the Step label.
+ * Use this template to define custom content for the step label.
  * To define the template, nest an `<ng-template>` tag
  * with the `kendoStepperLabelTemplate` directive inside the `<kendo-stepper>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-stepper>
+ *   <ng-template kendoStepperLabelTemplate let-step="step" let-index="index">
+ *     <span class="custom-label">{{ step.label }}</span>
+ *   </ng-template>
+ * </kendo-stepper>
+ * ```
  */
 export declare class StepperLabelTemplateDirective {
     templateRef: TemplateRef<any>;

package/stepper/template-directives/step-template.directive.d.ts

@@ -5,9 +5,20 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the content of the whole Step.
+ * Use this template to define custom content for the entire step.
  * To define the template, nest an `<ng-template>` tag
  * with the `kendoStepperStepTemplate` directive inside the `<kendo-stepper>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-stepper>
+ *   <ng-template kendoStepperStepTemplate let-step="step" let-index="index">
+ *     <div class="custom-step">
+ *       <span>{{ step.label }}</span>
+ *     </div>
+ *   </ng-template>
+ * </kendo-stepper>
+ * ```
  */
 export declare class StepperStepTemplateDirective {
     templateRef: TemplateRef<any>;

package/stepper.module.d.ts

@@ -9,8 +9,20 @@ import * as i3 from "./stepper/template-directives/indicator-template.directive"
 import * as i4 from "./stepper/template-directives/label-template.directive";
 import * as i5 from "./stepper/template-directives/step-template.directive";
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Stepper component.
+ * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Stepper component.
+ *
+ * Use this module to add the Stepper component to your NgModule-based Angular application.
+ *
+ * @example
+ * ```typescript
+ * import { StepperModule } from '@progress/kendo-angular-layout';
+ * import { NgModule } from '@angular/core';
+ *
+ * @NgModule({
+ *   imports: [StepperModule]
+ * })
+ * export class AppModule { }
+ * ```
  */
 export declare class StepperModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;

package/tabstrip/directives/tab-content.directive.d.ts

@@ -6,32 +6,20 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the content template of the Kendo UI TabStrip.
- * To define the template, nest a `<ng-template>` tag with the `kendoTabContent` inside the component tag.
+ * To define the template, nest an `<ng-template>` tag with the `kendoTabContent` directive inside the component tag.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-tabstrip [ngStyle]="{'width': '400px'}" [animate]="true">
- *           <kendo-tabstrip-tab title="Paris" [selected]="true">
- *             <ng-template kendoTabContent>
- *               <h3>Content 1</h3>
- *             </ng-template>
- *           </kendo-tabstrip-tab>
- *
- *           <kendo-tabstrip-tab title="Sofia">
- *             <ng-template kendoTabContent>
- *               <h3>Content 2</h3>
- *             </ng-template>
- *           </kendo-tabstrip-tab>
- *         </kendo-tabstrip>
- *     `
- * })
- *
- * class AppComponent {}
- *
+ * ```html
+ * <kendo-tabstrip>
+ *   <kendo-tabstrip-tab title="First Tab">
+ *     <ng-template kendoTabContent>
+ *       <div class="tab-content">
+ *         <h2>Welcome</h2>
+ *         <p>This is the content of the first tab.</p>
+ *       </div>
+ *     </ng-template>
+ *   </kendo-tabstrip-tab>
+ * </kendo-tabstrip>
  * ```
  */
 export declare class TabContentDirective {

package/tabstrip/directives/tab-title.directive.d.ts

@@ -6,37 +6,18 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the title template of the Kendo UI TabStrip.
- * To define the template, nest a `<ng-template>` tag with the `kendoTabTitle` directive inside the component tag.
- *
- * > The `kendoTabTitle` directive overrides the TabStripTab [title]({% slug api_layout_tabstriptabcomponent %}#toc-title) option.
+ * To define the template, nest an `<ng-template>` tag with the `kendoTabTitle` directive inside the component tag.
+ * The `kendoTabTitle` directive overrides the TabStripTab [`title`]({% slug api_layout_tabstriptabcomponent %}#toc-title) option.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-tabstrip>
- *           <kendo-tabstrip-tab [selected]="true">
- *             <ng-template kendoTabTitle>
- *               <h4>Custom Title</h4>
- *             </ng-template>
- *             <ng-template kendoTabContent>
- *               <h3>Content 1</h3>
- *             </ng-template>
- *           </kendo-tabstrip-tab>
- *
- *           <kendo-tabstrip-tab title="Sofia">
- *             <ng-template kendoTabContent>
- *               <h3>Content 2</h3>
- *             </ng-template>
- *           </kendo-tabstrip-tab>
- *         </kendo-tabstrip>
- *     `
- * })
- *
- * class AppComponent {}
- *
+ * ```html
+ * <kendo-tabstrip>
+ *   <kendo-tabstrip-tab>
+ *     <ng-template kendoTabTitle>
+ *       <span class="custom-title">My Custom Title</span>
+ *     </ng-template>
+ *   </kendo-tabstrip-tab>
+ * </kendo-tabstrip>
  * ```
  */
 export declare class TabTitleDirective {

package/tabstrip/events/select-event.d.ts

@@ -5,7 +5,7 @@
 import { PreventableEvent } from "@progress/kendo-angular-common";
 /**
  * Arguments for the `select` event of the TabStrip.
- * The `select` event fires when a tab is selected (clicked).
+ * The `select` event fires when tab is selected (clicked).
  */
 export declare class SelectEvent extends PreventableEvent {
     index: number;
@@ -14,6 +14,8 @@ export declare class SelectEvent extends PreventableEvent {
      * Constructs the event arguments for the `select` event.
      * @param index - The index of the selected tab.
      * @param title - The title of the selected tab.
+     *
+     * @hidden
      */
     constructor(index: number, title: string);
 }

package/tabstrip/events/tabclose-event.d.ts

@@ -5,7 +5,7 @@
 import { TabStripTabComponent } from "../models/tabstrip-tab.component";
 /**
  * Arguments for the `tabClose` event of the TabStrip.
- * The `tabClose` event fires when the close button of the tab is clicked.
+ * The `tabClose` event fires when a tab is closed (clicked on the close button).
  *
  */
 export declare class TabCloseEvent {
@@ -15,6 +15,7 @@ export declare class TabCloseEvent {
      * Constructs the event arguments for the `tabClose` event.
      * @param index - The index of the closed tab.
      * @param tab - The closed tab instance
+     * @hidden
      */
     constructor(index: number, tab: TabStripTabComponent);
 }

package/tabstrip/events/tabscroll-event.d.ts

@@ -5,12 +5,12 @@
 import { PreventableEvent } from "@progress/kendo-angular-common";
 /**
  * Arguments for the `tabScroll` event of the TabStrip.
- * The `tabScroll` event fires when the tabs are being scrolled.
+ * The `tabScroll` event fires when you scroll the tabs.
  *
  */
 export declare class TabScrollEvent extends PreventableEvent {
     /**
-     * The DOM event that triggered the tab scroll.
+     * The original DOM event that caused the tab scroll.
      */
     originalEvent: any;
     /**

package/tabstrip/localization/custom-messages.component.d.ts

@@ -6,8 +6,17 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { TabStripMessages } from './messages';
 import * as i0 from "@angular/core";
 /**
- * Custom component messages override default component messages
- * ([see example]({% slug rtl_layout %})).
+ * Represents the custom messages component for the TabStrip.
+ * It allows you to override the default messages used in the TabStrip component ([see example]({% slug rtl_layout %})).
+ *
+ * ```html
+ * <kendo-tabstrip>
+ *   <kendo-tabstrip-messages
+ *     closeTitle="Close this tab"
+ *     previousTabButton="Go to previous tab"
+ *   </kendo-tabstrip-messages>
+ * </kendo-tabstrip>
+ * ```
  */
 export declare class TabStripCustomMessagesComponent extends TabStripMessages {
     protected service: LocalizationService;

package/tabstrip/localization/messages.d.ts

@@ -9,15 +9,15 @@ import * as i0 from "@angular/core";
  */
 export declare class TabStripMessages extends ComponentMessages {
     /**
-     * The title for the **Close** button in the TabStrip tab.
+     * Sets the title for the **Close** button in the TabStrip tab.
      */
     closeTitle: string;
     /**
-     * The title for the **Previous Tab** button when the Tabstrip is scrollable.
+     * Sets the title for the **Previous Tab** button when the TabStrip is scrollable.
      */
     previousTabButton: string;
     /**
-     * The title for the **Next Tab** button when the Tabstrip is scrollable.
+     * Sets the title for the **Next Tab** button when the TabStrip is scrollable.
      */
     nextTabButton: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabStripMessages, never>;

package/tabstrip/models/scroll-buttons-visibility.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies when the TabStrip scroll buttons will be rendered.
+ * Defines the visibility of the scroll buttons in a TabStrip component.
  */
 export type TabStripScrollButtonsVisibility = 'hidden' | 'visible' | 'auto';

package/tabstrip/models/scrollable-settings.d.ts

@@ -5,63 +5,58 @@
 import { SVGIcon } from "@progress/kendo-svg-icons";
 import { TabStripScrollButtonsVisibility } from "./scroll-buttons-visibility";
 /**
- * The settings for the scrollable functionality of the TabStrip. ([see example]({% slug scrollable_tabstrip %}))
+ * Configures the scrollable functionality of the TabStrip. ([See example]({% slug scrollable_tabstrip %})).
  */
 export interface TabStripScrollableSettings {
     /**
      * Determines whether the TabStrip will be scrollable.
+     *
      * @default true
      */
     enabled?: boolean;
     /**
-     * Determines the TabStrip scroll buttons visibility mode. The possible options are:
-     * - 'auto'(default) - The scroll buttons will be rendered only when the tabs list overflows its container.
-     * - 'visible' - The scroll buttons will be always visible.
-     * - 'hidden' - No scroll buttons will be rendered.
+     * Controls when the TabStrip scroll buttons appear.
      */
     scrollButtons?: TabStripScrollButtonsVisibility;
     /**
-     * Determines whether the TabStrip will be scrolled with the mouse or other pointer devices such as touchpads and touch screens.
+     * Enables scrolling with the mouse wheel, touchpad, and touch gestures on touch screens.
      * @default true
      */
     mouseScroll?: boolean;
     /**
-     * Sets the tab list scroll speed in pixels when clicking the scroll buttons.
+     * Sets how many pixels the tab list scrolls when you click the scroll buttons.
      * @default 100
      */
     buttonScrollSpeed?: number;
     /**
-     * Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the span element of the prev scroll button.
-     *
-     * Allows the usage of custom icons.
+     * Sets custom CSS classes for the previous scroll button icon.
+     * You can define a single class or multiple classes separated by spaces.
+     * Use this to apply custom icons.
      */
     prevButtonIcon?: string;
     /**
-     * Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the span element of the next scroll button.
-     *
-     * Allows the usage of custom icons.
+     * Sets custom CSS classes for the next scroll button icon.
+     * You can define a single class or multiple classes separated by spaces.
+     * Use this to apply custom icons.
      */
     nextButtonIcon?: string;
     /**
-     * Defines an SVGIcon to be rendered for the previous button icon.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * Sets an SVG icon for the previous button.
+     * You can use an [existing Kendo SVG icon](slug:svgicon_list) or provide a custom one.
      */
     prevSVGButtonIcon?: SVGIcon;
     /**
-     * Defines an SVGIcon to be rendered for the next button icon.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * Sets an SVG icon for the next button.
+     * You can use an [existing Kendo SVG icon](slug:svgicon_list) or provide a custom one.
      */
     nextSVGButtonIcon?: SVGIcon;
     /**
-     * Determines the TabStrip scroll buttons position. The possible options are:
-     * - 'start'—The scroll buttons will be rendered at the start before all tabs.
-     * - 'end'—The scroll buttons will be rendered at the end after all tabs.
-     * - 'split'(default)—The scroll buttons will be rendered at each side of the tabs.
+     * Specifies where to position the scroll buttons.
      */
     scrollButtonsPosition?: TabStripScrollButtonsPosition;
 }
 /**
- * The available options for the `scrollButtonsPosition` option.
+ * Specifies where to position the scroll buttons.
  */
 export type TabStripScrollButtonsPosition = 'start' | 'end' | 'split';
 /**

package/tabstrip/models/size.d.ts

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the possible sizes of the TabStrip ([see example](slug:sizing_tabstrip)).
+ * Specifies the size of the TabStrip ([see example](slug:sizing_tabstrip)).
  */
 export type TabStripSize = 'small' | 'medium' | 'large' | 'none';

package/tabstrip/models/tab-alignment.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the alignment of the tabs
+ * Specifies how to align the tabs
  * ([see example](slug:tabs_tabstrip#toc-tab-alignment)).
  */
 export type TabAlignment = 'start' | 'end' | 'center' | 'justify' | 'stretched';

package/tabstrip/models/tab-position.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the position of the tabs
+ * Specifies where to position the tabs
  * ([see example](slug:tabs_tabstrip#toc-tab-position)).
  */
 export type TabPosition = 'top' | 'left' | 'right' | 'bottom';

package/tabstrip/models/tabstrip-tab.component.d.ts

@@ -9,52 +9,65 @@ import { TabTitleDirective } from '../directives/tab-title.directive';
 import { TabTemplateDirective } from '../directives/tab.directive';
 import * as i0 from "@angular/core";
 /**
- * Represents the tab component of the TabStrip.
+ * Represents the Kendo UI TabStrip tab component.
+ * Use this component to define individual tabs within a TabStrip.
+ *
+ * @example
+ * ```html
+ * <kendo-tabstrip>
+ *   <kendo-tabstrip-tab title="Home" [selected]="true">
+ *     <ng-template kendoTabContent>
+ *       Home content here
+ *     </ng-template>
+ *   </kendo-tabstrip-tab>
+ * </kendo-tabstrip>
+ * ```
  */
 export declare class TabStripTabComponent {
     /**
-     * Sets the tab title ([see example](slug:tabs_tabstrip#toc-tab-titles)).
+     * Sets the title text for the tab ([see example](slug:tabs_tabstrip#toc-tab-titles)).
      */
     title: string;
     /**
-     * Used to disable a tab ([see example]({% slug tabs_tabstrip %}#toc-disabled-tabs)).
+     * Disables the tab and prevents user interaction ([see example]({% slug tabs_tabstrip %}#toc-disabled-tabs)).
      *
-     * Defaults to `false`.
+     * @default false
      */
     disabled: boolean;
     /**
-     * The CSS classes that will be rendered on the `tab` element.
-     * Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']).
+     * Specifies the CSS classes to apply to the `tab` element.
+     * Accepts the same values as [`ngClass`](link:site.data.urls.angular['ngclassapi']).
      */
     cssClass: any;
     /**
-     * The CSS styles that will be rendered on the `tab` element.
-     * Supports the type of values that are supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
+     * Specifies the CSS styles to apply to the `tab` element.
+     * Accepts the same values as [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
      */
     cssStyle: any;
     /**
-     * Determines which tab will be selected upon the initial loading of the TabStrip
+     * Selects the tab when the TabStrip loads
      * ([see example](slug:tabs_tabstrip#toc-selected-tab)).
      */
     selected: boolean;
     /**
-     * When set to `true`, a close button will be rendered inside the tab.
-     * This option overrides the value of the TabStrip `closable` option.
+     * Shows a close button inside the tab when set to `true`.
+     * This setting overrides the TabStrip `closable` option.
      */
     closable: boolean;
     /**
-     * Defines the name for an existing font icon in the Kendo UI theme for the close icon.
-     * This option overrides the value of the TabStrip `closeIcon` option.
+     * 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;
     /**
-     * Allows the usage of custom icons by defining a custom CSS class, or multiple classes separated by spaces.
-     * This option overrides the value of the TabStrip `closeIcon` option.
+     * 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;
     /**
-     * Defines an SVGIcon to be rendered for the close icon.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     * Sets an SVG icon for the close button.
+     * You can use an [existing Kendo SVG icon](slug:svgicon_list) or provide a custom one.
      */
     closeSVGIcon: SVGIcon;
     get tabContent(): TabContentDirective;