@natec/mef-dev-ui-kit 14.0.0 → 16.0.0

package/lib/pg-components/card/card.components.d.ts

@@ -1,60 +1,241 @@
 import { ElementRef, TemplateRef, EventEmitter } from "@angular/core";
 import * as i0 from "@angular/core";
+/**
+ * Component representing a custom card.
+ * It provides various styling and animation options for the card layout.
+ *
+ * Example usage:
+ * ```
+ * <pgcard [Title]="'Card Title'" [Type]="'default'" [MinimalHeader]="false" [ProgressType]="'circle'">
+ *   Card content goes here...
+ * </pgcard>
+ * ```
+ */
 export declare class pgCard {
+    /**
+     * Indicates whether the card is collapsed or not.
+     * Default: false
+    */
     _isCollapsed: boolean;
+    /**
+     * Indicates whether the card is maximized or not.
+     * Default: false
+    */
     _isMaximixed: boolean;
+    /**
+     * Indicates whether the card is in loading state or not.
+     * Default: false
+    */
     _isLoading: boolean;
+    /**
+     * Indicates whether the card has a minimal header or not.
+     * Default: false
+    */
     _minimalHeader: boolean;
+    /**
+     * The message to be displayed in the card.
+    */
     _message: string;
+    /**
+     * The type of message to be displayed in the card (e.g., success, danger, warning).
+     * Default: "danger"
+    */
     _messageType: string;
+    /**
+     * Indicates whether the message in the card is visible or not.
+     * Default: false
+    */
     _messageVisible: boolean;
+    /**
+     * The type of progress indicator to be displayed in the card (e.g., circle, bar, none).
+     * Default: "circle"
+    */
     _progressType: string;
+    /**
+     * The color of the progress indicator in the card.
+    */
     _progressColor: string;
+    /**
+     * Indicates whether the tools (e.g., refresh, close, maximize) are shown in the card header or not.
+     * Default: true
+    */
     _showTools: boolean;
     _close_card: boolean;
     _refresh: boolean;
     _refreshColor: string;
+    /**
+     * Indicates whether the close button in the card is visible or not.
+     * Default: true
+    */
     _close: boolean;
+    /**
+     * Indicates whether the toggle button in the card is visible or not.
+     * Default: true
+    */
     _toggle: boolean;
+    /**
+     * Indicates whether the maximize button in the card is visible or not.
+     * Default: true
+    */
     _maximize: boolean;
+    /**
+     * The timeout value in milliseconds for the loading state of the card.
+     * If set to 0, the loading state will not automatically turn off.
+     * Default: 0
+    */
     _timeout: number;
+    /**
+     * The title text to be displayed in the card header.
+    */
     _titleText: string;
+    /**
+     * The border style of the card.
+    */
     _card_border_style: string;
+    /**
+     * The type of the card (e.g., default, bordered, minimal).
+     * Default: "default"
+    */
     _type: string;
+    /**
+     * Additional CSS class(es) to be added to the card header.
+    */
     _extraHeaderClass: string;
+    /**
+     * Additional CSS class(es) to be added to the card body.
+    */
     _extraBodyClass: string;
+    /**
+     * Additional CSS class(es) to be added to the card.
+    */
     _additionalClasses: string;
+    /**
+     * ViewChild reference to the host content element.
+    */
     _hostContent: ElementRef;
+    /**
+     * ViewChild reference to the minimal circle loading element.
+    */
     minimalCircleLoading: ElementRef;
+    /**
+     * ViewChild reference to the minimal circle loading trigger element.
+    */
     minimalCircleLoadingTrigger: ElementRef;
+    /**
+     * ContentChild reference to the CardTitle template.
+    */
     CardTitle: TemplateRef<void>;
+    /**
+     * ContentChild reference to the CardExtraControls template.
+    */
     CardExtraControls: TemplateRef<void>;
+    /**
+     * The title text to be displayed in the card header.
+    */
     set Title(value: string);
     get Title(): string;
+    /**
+     * The type of the card (e.g., default, bordered, minimal).
+     * Default: "default"
+    */
     set Type(value: string);
+    /**
+     * Indicates whether the card has a minimal header or not.
+     * Default: false
+    */
     set MinimalHeader(value: boolean);
+    /**
+     * The type of progress indicator to be displayed in the card (e.g., circle, bar, none).
+     * Default: "circle"
+    */
     set ProgressType(value: string);
+    /**
+     * The color of the progress indicator in the card.
+    */
     set ProgressColor(value: string);
+    /**
+     * Indicates whether the card should have a refresh button or not.
+    */
     set Refresh(value: boolean);
+    /**
+     * The color of the refresh button in the card (e.g., light, dark).
+     * Default: "light"
+    */
     set RefreshColor(value: string);
+    /**
+     * Indicates whether the card should have a maximize button or not.
+    */
     set Maximize(value: boolean);
+    /**
+     * Indicates whether the card should have a close button or not.
+    */
     set Close(value: boolean);
+    /**
+     * Indicates whether the card should have a toggle button or not.
+    */
     set Toggle(value: boolean);
+    /**
+     * Additional CSS class(es) to be added to the card header.
+    */
     set HeaderClass(value: string);
+    /**
+     * Additional CSS class(es) to be added to the card body.
+    */
     set BodyClass(value: string);
+    /**
+     * Additional CSS class(es) to be added to the card.
+    */
     set AdditionalClasses(value: string);
+    /**
+     * Indicates whether the tools (e.g., refresh, close, maximize) are shown in the card header or not.
+    */
     set Controls(value: boolean);
+    /**
+     * Indicates whether the message in the card is visible or not.
+    */
     set ShowMessage(value: boolean);
+    /**
+     * The message text to be displayed in the card.
+    */
     set Message(value: string);
+    /**
+     * Indicates whether the loading indicator is shown in the card or not.
+    */
     set Loading(value: boolean);
+    /**
+     * The timeout duration for the loading indicator (in milliseconds).
+     * If set to 0, the loading indicator will be displayed indefinitely until manually dismissed.
+     * Default: 0
+    */
     set TimeOut(value: number);
+    /**
+     * The border style of the card.
+    */
     set CardBorderStyle(value: string);
+    /**
+     * Event emitted when the refresh button is clicked.
+    */
     onRefresh: EventEmitter<void>;
+    /**
+     * Toggles the collapsed state of the card.
+    */
     toggle(): void;
+    /**
+     * Maximizes or restores the card to its original position.
+    */
     maximize(): void;
+    /**
+     * Dismisses the message in the card.
+    */
     alertDismiss(): void;
+    /**
+     * Triggers the refresh action of the card.
+    */
     refresh(): void;
+    /**
+     * Closes the card.
+    */
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<pgCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<pgCard, "pgcard", never, { "Title": "Title"; "Type": "Type"; "MinimalHeader": "MinimalHeader"; "ProgressType": "ProgressType"; "ProgressColor": "ProgressColor"; "Refresh": "Refresh"; "RefreshColor": "RefreshColor"; "Maximize": "Maximize"; "Close": "Close"; "Toggle": "Toggle"; "HeaderClass": "HeaderClass"; "BodyClass": "BodyClass"; "AdditionalClasses": "AdditionalClasses"; "Controls": "Controls"; "ShowMessage": "ShowMessage"; "Message": "Message"; "Loading": "Loading"; "TimeOut": "TimeOut"; "CardBorderStyle": "CardBorderStyle"; }, { "onRefresh": "onRefresh"; }, ["CardTitle", "CardExtraControls"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<pgCard, "pgcard", never, { "Title": { "alias": "Title"; "required": false; }; "Type": { "alias": "Type"; "required": false; }; "MinimalHeader": { "alias": "MinimalHeader"; "required": false; }; "ProgressType": { "alias": "ProgressType"; "required": false; }; "ProgressColor": { "alias": "ProgressColor"; "required": false; }; "Refresh": { "alias": "Refresh"; "required": false; }; "RefreshColor": { "alias": "RefreshColor"; "required": false; }; "Maximize": { "alias": "Maximize"; "required": false; }; "Close": { "alias": "Close"; "required": false; }; "Toggle": { "alias": "Toggle"; "required": false; }; "HeaderClass": { "alias": "HeaderClass"; "required": false; }; "BodyClass": { "alias": "BodyClass"; "required": false; }; "AdditionalClasses": { "alias": "AdditionalClasses"; "required": false; }; "Controls": { "alias": "Controls"; "required": false; }; "ShowMessage": { "alias": "ShowMessage"; "required": false; }; "Message": { "alias": "Message"; "required": false; }; "Loading": { "alias": "Loading"; "required": false; }; "TimeOut": { "alias": "TimeOut"; "required": false; }; "CardBorderStyle": { "alias": "CardBorderStyle"; "required": false; }; }, { "onRefresh": "onRefresh"; }, ["CardTitle", "CardExtraControls"], ["*"], false, never, false>;
 }

package/lib/pg-components/progress/progress.component.d.ts

@@ -1,15 +1,50 @@
 import * as i0 from "@angular/core";
+/**
+ * Component representing a progress bar.
+ *
+ * Example of usage:
+ *
+ * ```
+ * <mefdev-progress type="linear" color="blue" [thick]="true"></mefdev-progress>
+ * <mefdev-progress type="circle" color="red" [indeterminate]="true"></mefdev-progress>
+ * ```
+ */
 export declare class MefDevProgressComponent {
     _value: number;
     _value2: any;
+    /**
+     * The type of progress bar.
+     * Possible values: "linear" | "circle".
+     * Default value: "linear".
+     */
     type: string;
+    /**
+     * The color of the progress bar.
+     * Possible values: any valid CSS color value.
+     * Default value: none.
+     */
     color: string;
+    /**
+     * Determines whether the progress bar is thick.
+     * Default value: false.
+     */
     thick: boolean;
+    /**
+     * Determines whether the progress bar is indeterminate.
+     * Default value: false.
+     */
     indeterminate: boolean;
+    /**
+     * The value of the progress bar.
+     * For the "circle" type, it should be a number between 0 and 100.
+     */
     set value(value: number);
     get value(): number;
+    /**
+     * Additional value property.
+     */
     get value2(): any;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevProgressComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevProgressComponent, "mefdev-progress", never, { "type": "type"; "color": "color"; "thick": "thick"; "indeterminate": "indeterminate"; "value": "value"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevProgressComponent, "mefdev-progress", never, { "type": { "alias": "type"; "required": false; }; "color": { "alias": "color"; "required": false; }; "thick": { "alias": "thick"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never, false>;
 }

package/lib/pg-components/select/option.component.d.ts

@@ -3,22 +3,52 @@ import { MefDevSelectComponent } from "./select.component";
 import * as i0 from "@angular/core";
 /**
  * @skipTemplateDoc true
+ * Component for representing an option in a dropdown list.
+ *
+ *```
+ * <mefdev-select>
+ * <mefdev-option Value="1" Label="Option 1"></mefdev-option>
+ * <mefdev-option Value="2" Label="Option 2"></mefdev-option>
+ * <mefdev-option Value="3" Label="Option 3"></mefdev-option>
+ * </mefdev-select>
+ *```
+ *
  */
 export declare class MefDevOptionComponent implements OnDestroy, OnInit {
     private _Select;
     private _disabled;
     _value: string;
     _label: string;
+    /**
+    * Template for the content of the option.
+    */
     OptionTemplate: any;
+    /**
+ * The value of the option.
+ */
     set Value(value: string);
     get Value(): string;
+    /**
+   * The label of the option.
+   */
     set Label(value: string);
     get Label(): string;
+    /**
+   * Indicates whether the option is disabled.
+   */
     set Disabled(value: boolean);
     get Disabled(): boolean;
     constructor(_Select: MefDevSelectComponent);
+    /**
+   * Initialization lifecycle hook.
+   * Adds the option to the dropdown list.
+   */
     ngOnInit(): void;
+    /**
+   * Destruction lifecycle hook.
+   * Removes the option from the dropdown list.
+   */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevOptionComponent, "mefdev-option", never, { "Value": "Value"; "Label": "Label"; "Disabled": "Disabled"; }, {}, ["OptionTemplate"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevOptionComponent, "mefdev-option", never, { "Value": { "alias": "Value"; "required": false; }; "Label": { "alias": "Label"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; }, {}, ["OptionTemplate"], ["*"], false, never, false>;
 }

package/lib/pg-components/select/select.component.d.ts

@@ -135,5 +135,5 @@ export declare class MefDevSelectComponent implements OnInit, AfterContentInit,
     ngAfterContentChecked(): void;
     private _updateValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSelectComponent, "mefdev-select", never, { "Filter": "Filter"; "MaxMultiple": "MaxMultiple"; "FirstDefault": "FirstDefault"; "AllowClear": "AllowClear"; "KeepUnListOptions": "KeepUnListOptions"; "Mode": "Mode"; "Multiple": "Multiple"; "PlaceHolder": "PlaceHolder"; "NotFoundContent": "NotFoundContent"; "Size": "Size"; "ShowSearch": "ShowSearch"; "Tags": "Tags"; "Disabled": "Disabled"; "Open": "Open"; }, { "SearchChange": "SearchChange"; "change": "change"; "OpenChange": "OpenChange"; "ScrollToBottom": "ScrollToBottom"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSelectComponent, "mefdev-select", never, { "Filter": { "alias": "Filter"; "required": false; }; "MaxMultiple": { "alias": "MaxMultiple"; "required": false; }; "FirstDefault": { "alias": "FirstDefault"; "required": false; }; "AllowClear": { "alias": "AllowClear"; "required": false; }; "KeepUnListOptions": { "alias": "KeepUnListOptions"; "required": false; }; "Mode": { "alias": "Mode"; "required": false; }; "Multiple": { "alias": "Multiple"; "required": false; }; "PlaceHolder": { "alias": "PlaceHolder"; "required": false; }; "NotFoundContent": { "alias": "NotFoundContent"; "required": false; }; "Size": { "alias": "Size"; "required": false; }; "ShowSearch": { "alias": "ShowSearch"; "required": false; }; "Tags": { "alias": "Tags"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; "Open": { "alias": "Open"; "required": false; }; }, { "SearchChange": "SearchChange"; "change": "change"; "OpenChange": "OpenChange"; "ScrollToBottom": "ScrollToBottom"; }, never, never, false, never, false>;
 }

package/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.d.ts

@@ -18,5 +18,5 @@ export declare class MefDevSpecFlowTestComponent implements OnInit {
     setError(error: any): void;
     setSuccess(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSpecFlowTestComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSpecFlowTestComponent, "mefdev-spec-flow-test", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSpecFlowTestComponent, "mefdev-spec-flow-test", never, {}, {}, never, never, false, never, false>;
 }

package/lib/pg-components/switch/switch.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
   * @skipTemplateDoc: true
   * Example of usage:
   * <example-url>https://mef.dev/ui_kit_demo/view/switch</example-url>
-  */
+*/
 export declare class MefDevSwitchComponent implements OnInit, ControlValueAccessor {
     private _disabled;
     _prefixCls: string;
@@ -15,22 +15,171 @@ export declare class MefDevSwitchComponent implements OnInit, ControlValueAccess
     _classMap: any;
     _size: string;
     _checked: boolean;
+    /**
+   * Event emitted when the value of the switch changes.
+   *
+   * @output
+   * @param value The new value of the switch.
+   *
+   * Usage example:
+   * ```
+   * <mefdev-switch (onChange)="handleSwitchChange($event)"></mefdev-switch>
+   * ```
+   */
     onChange: (value: boolean) => void;
     onTouched: () => void;
+    /**
+   * Sets the value of the switch.
+   *
+   * @input
+   * @param value The value of the switch.
+   *
+   * Usage example:
+   * ```
+   * <mefdev-switch [Value]="true"></mefdev-switch>
+   * ```
+   */
     set Value(value: boolean);
+    /**
+   * Sets the size of the switch.
+   *
+   * @input
+   * @param value The size of the switch (e.g., "small", "large").
+   *
+   * Usage example:
+   * ```
+   * <mefdev-switch [Size]="'small'"></mefdev-switch>
+   * ```
+   */
     set Size(value: string);
+    /**
+   * Sets the color of the switch.
+   *
+   * @input
+   * @param value The color of the switch (e.g., "primary", "secondary").
+   *
+   * Usage example:
+   * ```
+   * <mefdev-switch [Color]="'primary'"></mefdev-switch>
+   * ```
+   */
     set Color(value: string);
+    /**
+   * Gets the current size of the switch.
+   *
+   * @input
+   * @returns The size of the switch.
+   *
+   * Usage example:
+   * ```
+   * const size = mySwitchComponent.Size;
+   * ```
+   */
     get Size(): string;
+    /**
+   * Sets the disabled state of the switch.
+   *
+   * @input
+   * @param value The disabled state of the switch.
+   *
+   * Usage example:
+   * ```
+   * <mefdev-switch [Disabled]="true"></mefdev-switch>
+   * ```
+   */
     set Disabled(value: boolean);
+    /**
+ * Gets the current disabled state of the switch.
+ *
+ * @input
+ * @returns The disabled state of the switch.
+ *
+ * Usage example:
+ * ```
+ * const disabled = mySwitchComponent.Disabled;
+ * ```
+ */
     get Disabled(): boolean;
+    /**
+   * Handles the click event of the switch.
+   *
+   * @param e The click event object.
+   *
+   * Usage example:
+   * ```
+   * <mefdev-switch (click)="handleSwitchClick($event)"></mefdev-switch>
+   * ```
+   */
     onClick(e: MouseEvent): void;
+    /**
+     * Updates the value of the switch.
+     *
+     * @param value The new value of the switch.
+     *
+     * Usage example:
+     * ```
+     * this.updateValue(true);
+     * ```
+     */
     updateValue(value: boolean): void;
+    /**
+   * Sets the class map for the switch.
+   *
+   * Usage example:
+   * ```
+   * this.setClassMap();
+   * ```
+   */
     setClassMap(): void;
+    /**
+     * Writes a new value to the switch.
+     *
+     * @param value The new value of the switch.
+     *
+     * Usage example:
+     * ```
+     * this.writeValue(true);
+     * ```
+     */
     writeValue(value: boolean): void;
+    /**
+   * Registers a callback function to be executed when the switch value changes.
+   *
+   * @param fn The callback function.
+   *
+   * Usage example:
+   * ```
+   * this.registerOnChange(value => {
+   *   // Do something with the new value
+   * });
+   * ```
+   */
     registerOnChange(fn: (_: boolean) => void): void;
+    /**
+   * Registers a callback function to be executed when the switch is touched.
+   *
+   * @param fn The callback function.
+   *
+   * Usage example:
+   * ```
+   * this.registerOnTouched(() => {
+   *   // Do something when the switch is touched
+   * });
+   * ```
+   */
     registerOnTouched(fn: () => void): void;
+    /**
+   * Sets the disabled state of the switch.
+   *
+   * @param isDisabled The disabled state of the switch.
+   *
+   * Usage example:
+   * ```
+   * this.setDisabledState(true);
+   * ```
+   */
     setDisabledState(isDisabled: boolean): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSwitchComponent, "mefdev-switch", never, { "Value": "Value"; "Size": "Size"; "Color": "Color"; "Disabled": "Disabled"; }, { "onChange": "onChange"; }, never, ["[checked]", "[unchecked]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSwitchComponent, "mefdev-switch", never, { "Value": { "alias": "Value"; "required": false; }; "Size": { "alias": "Size"; "required": false; }; "Color": { "alias": "Color"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; }, { "onChange": "onChange"; }, never, ["[checked]", "[unchecked]"], false, never, false>;
 }

package/lib/pg-components/tabs/tab-body.component.d.ts

@@ -1,7 +1,13 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Component representing the body of a tab, which displays the tab's content.
+ */
 export declare class MefDevTabBodyComponent {
+    /**
+   * The content of the tab, which can be passed as a template.
+   */
     content: TemplateRef<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabBodyComponent, "mefdev-tab-body", never, { "content": "content"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabBodyComponent, "mefdev-tab-body", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, never, false, never, false>;
 }

package/lib/pg-components/tabs/tab-label.directive.d.ts

@@ -11,5 +11,5 @@ export declare class MefDevTabLabelDirective {
     getOffsetTop(): number;
     getOffsetHeight(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabLabelDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MefDevTabLabelDirective, "[pg-tab-label]", never, { "disabled": "disabled"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MefDevTabLabelDirective, "[pg-tab-label]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never, false>;
 }

package/lib/pg-components/tabs/tab.component.d.ts

@@ -6,17 +6,62 @@ export declare class MefDevTabComponent implements OnDestroy, OnInit {
     private disabled;
     position: number | null;
     origin: number | null;
+    /**
+     * Sets the disabled state of the tab.
+     *```html
+     * <mefdev-tab [Disabled]="true"></mefdev-tab>
+     * ```
+     */
     set Disabled(value: boolean);
+    /**
+    * Gets the disabled state of the tab.
+    */
     get Disabled(): boolean;
+    /**
+     * Event emitted when the tab is selected.
+     *```html
+     * <mefdev-tab (pgSelect)="onTabSelect()"></mefdev-tab>
+     * ```
+     */
     pgSelect: EventEmitter<any>;
+    /**
+     * Event emitted when the tab is clicked.
+     *```html
+     * <mefdev-tab (pgClick)="onTabClick()"></mefdev-tab>
+     * ```
+     */
     pgClick: EventEmitter<any>;
+    /**
+     * Event emitted when the tab is deselected.
+     *```html
+     * <mefdev-tab (pgDeselect)="onTabDeselect()"></mefdev-tab>
+     *```
+     */
     pgDeselect: EventEmitter<any>;
+    /**
+     * Reference to the template for the tab heading.
+     */
     _tabHeading: TemplateRef<void>;
+    /**
+     * Reference to the template for the tab content.
+     */
     _content: TemplateRef<void>;
+    /**
+     * Gets the template for the tab content.
+     *```html
+     * <ng-container *ngTemplateOutlet="content"></ng-container>
+     *```
+     */
     get content(): TemplateRef<void> | null;
     constructor(MefDevTabSetComponent: MefDevTabSetComponent);
+    /**
+     * Initializes the tab component.
+     */
     ngOnInit(): void;
+    /**
+     * Cleans up resources when the tab component is destroyed.
+     */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabComponent, "mefdev-tab", never, { "Disabled": "Disabled"; }, { "pgSelect": "pgSelect"; "pgClick": "pgClick"; "pgDeselect": "pgDeselect"; }, ["_tabHeading"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabComponent, "mefdev-tab", never, { "Disabled": { "alias": "Disabled"; "required": false; }; }, { "pgSelect": "pgSelect"; "pgClick": "pgClick"; "pgDeselect": "pgDeselect"; }, ["_tabHeading"], ["*"], false, never, false>;
 }

package/lib/pg-components/tabs/tabs-ink-bar.directive.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, NgZone, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare type TabPositionMode = 'horizontal' | 'vertical';
+export type TabPositionMode = 'horizontal' | 'vertical';
 export declare class MefDevTabsInkBarDirective {
     private _renderer;
     private _elementRef;
@@ -19,5 +19,5 @@ export declare class MefDevTabsInkBarDirective {
     _getTopPosition(element: HTMLElement): string;
     _getElementHeight(element: HTMLElement): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabsInkBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MefDevTabsInkBarDirective, "[pg-tabs-ink-bar]", never, { "Animated": "Animated"; "PositionMode": "PositionMode"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MefDevTabsInkBarDirective, "[pg-tabs-ink-bar]", never, { "Animated": { "alias": "Animated"; "required": false; }; "PositionMode": { "alias": "PositionMode"; "required": false; }; }, {}, never, never, false, never, false>;
 }