@natec/mef-dev-ui-kit 20.0.0-beta.2 → 20.0.1

package/index.d.ts

@@ -1,22 +1,20 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, EventEmitter, ElementRef, ModuleWithProviders, OnInit, OnChanges, AfterContentInit, AfterContentChecked, Renderer2, ChangeDetectorRef, OnDestroy, PipeTransform, AfterViewChecked, SimpleChanges, AfterViewInit, NgZone, QueryList, InjectionToken, ViewContainerRef, Injector, ComponentRef, Optional } from '@angular/core';
+import { TemplateRef, EventEmitter, ElementRef, ModuleWithProviders, OnInit, AfterContentInit, AfterContentChecked, Renderer2, ChangeDetectorRef, OnDestroy, PipeTransform, AfterViewChecked, OnChanges, SimpleChanges, AfterViewInit, NgZone, QueryList, InjectionToken, ViewContainerRef, Injector, ComponentRef, Optional } from '@angular/core';
 import * as i2 from '@angular/common';
-import { DatePipe } from '@angular/common';
 import { Observable, Subscription, Subject } from 'rxjs';
-import * as i3 from '@angular/forms';
-import { ControlValueAccessor, AbstractControl, FormGroupDirective, NgForm, NgControl } from '@angular/forms';
 import * as i6 from '@angular/cdk/overlay';
 import { CdkConnectedOverlay, ConnectedOverlayPositionChange, ScrollStrategy, ComponentType, ViewportRuler, Overlay, ConnectedPosition } from '@angular/cdk/overlay';
-import { Router } from '@angular/router';
+import * as i5 from '@angular/forms';
+import { ControlValueAccessor, AbstractControl, FormGroupDirective, NgForm, NgControl } from '@angular/forms';
 import { Directionality, Direction } from '@angular/cdk/bidi';
+import { FocusableOption, FocusOrigin, ActiveDescendantKeyManager, FocusKeyManager } from '@angular/cdk/a11y';
 import { CdkAccordion, CdkAccordionItem } from '@angular/cdk/accordion';
-import * as i3$1 from '@angular/cdk/portal';
+import * as i3 from '@angular/cdk/portal';
 import { TemplatePortal, ComponentPortal, CdkPortalOutlet, CdkPortal } from '@angular/cdk/portal';
-import { FocusableOption, FocusOrigin, ActiveDescendantKeyManager, FocusKeyManager } from '@angular/cdk/a11y';
 import * as i1$1 from '@angular/cdk/dialog';
 import { DialogConfig, CdkDialogContainer, DialogRef, Dialog } from '@angular/cdk/dialog';
 import * as i1 from '@angular/cdk/scrolling';
-import * as i3$2 from '@angular/cdk/stepper';
+import * as i3$1 from '@angular/cdk/stepper';
 import { CdkStepLabel, StepState, CdkStepHeader, CdkStep, CdkStepper, CdkStepperNext, CdkStepperPrevious } from '@angular/cdk/stepper';
 export { StepState, StepperOrientation } from '@angular/cdk/stepper';
 import { SelectionModel } from '@angular/cdk/collections';
@@ -160,7 +158,7 @@ declare class CollapseSetComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<CollapseSetComponent, "mefdev-collapse-set", never, { "expandAny": { "alias": "expandAny"; "required": false; }; "Accordion": { "alias": "Accordion"; "required": false; }; "Horizontal": { "alias": "Horizontal"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare const mefDevCollapseModuleComponents: (typeof CollapseComponent | typeof CollapseSetComponent)[];
+declare const mefDevCollapseModuleComponents: (typeof CollapseSetComponent | typeof CollapseComponent)[];
 declare class MefDevCollapseModule {
     static forRoot(): ModuleWithProviders<MefDevCollapseModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevCollapseModule, never>;
@@ -302,464 +300,39 @@ declare class MefDevFilteredFieldModule {
 }
 
 /**
-* A component representing a help block with smooth expand animation.
-*
-*  Example of usage:
-*```
-* <mefdev-help-block [title]="'Help'">
-*  Content goes here...
-*    <ng-content></ng-content>
-* </mefdev-help-block>
-*```
-* <example-url>https://platform.mef.dev/ui_kit_demo/view/utils/help_block</example-url>
-*/
-declare class HelpBlockComponent implements OnInit {
-    /**
-     * Indicates whether the help block is visible.
-     */
-    isVisible: boolean;
-    /**
-      * Indicates whether the help block is expanded.
-    */
-    expanded: boolean;
-    /**
-      * The title of the help block.
-      *```
-      * <mefdev-help-block [title]="'Help Block'">
-      *    Content goes here...
-      * </mefdev-help-block>
-      *```
-      */
-    title: string;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HelpBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HelpBlockComponent, "mefdev-help-block", never, { "title": { "alias": "title"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-declare class MefDevHelpBlockModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevHelpBlockModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevHelpBlockModule, [typeof HelpBlockComponent], [typeof i2.CommonModule, typeof MefDevCollapseModule], [typeof HelpBlockComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevHelpBlockModule>;
-}
-
-/**
- * Datepicker Component for selecting dates.
- *
- * This component allows users to pick a date from a calendar interface.
- * It supports various configuration options such as language, date format, and date range.
- *
- * @example
- * <mefdev-datepicker
- *   [labelContentText]="'Select your date'"
- *   [lang]="'uk'"
- *   [dateFormat]="'dd/MM/yyyy'"
- *   [range]="{startYear: 1900, toYear: 300}"
- *   [disabled]="false"
- *   (dateChanged)="onDateChanged($event)"
- *   [topOffset]="'20'"
- *   [leftOffset]="'10'">
- * </mefdev-datepicker>
- *
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/utils/datepicker</example-url>
- */
-declare class DatepickerComponent implements OnChanges, OnInit {
-    private datePipe;
-    private elementRef;
-    /**
-     * A flag that checks whether a valid date has been entered and whether the entered date exists.
-     * If the two previous conditions are not true, the datepicker will be highlighted in red
-     */
-    isUserDateValid: boolean;
-    /**
-     * Flag to determine if the calendar is open or closed.
-     * Default value: false (closed).
-     */
-    isCalendarOpen: boolean;
-    /**
-     * The currently selected date.
-     * Default value: Today's date.
-     */
-    selectedDate: Date;
-    /**
-     * The formatted date for display in the input.
-     * Default value: Formatted representation of the selected date.
-     */
-    formattedDate: any;
-    /**
-     * Track the edited date separately when in editing mode.
-     * Default value: An empty string.
-     */
-    editedDate: string;
-    /**
-     * Flag to determine if the month dropdown is open or closed.
-     * Default value: true (open).
-     */
-    isMonthDropdownOpen: boolean;
-    /**
-     * Flag to determine if the year dropdown is open or closed.
-     * Default value: true (open).
-     */
-    isYearDropdownOpen: boolean;
-    /**
-     * The selected month (0-11).
-     * Default value: The month of the selected date.
-     */
-    selectedDateMonth: number;
-    /**
-     * The selected year.
-     * Default value: The year of the selected date.
-     */
-    selectedDateYear: number;
-    /**
-     * An array of years for the year dropdown.
-     * Default value: An array of years within the specified range.
-     */
-    years: number[];
-    /**
-     * Label text for the datepicker.
-     * Default value: 'en' (English).
-     * @example
-     * <mefdev-datepicker
-     *   [labelContentText] = "'Chose your date'">
-     * </mefdev-datepicker>
-     */
-    labelContentText: string;
-    /**
-     * The language/locale for the datepicker.
-     * Default value: 'en' (English).
-     * @example
-     * <mefdev-datepicker
-     *   [lang] = "'uk'">
-     * </mefdev-datepicker>
-     */
-    lang: string;
-    /**
-     * The date format for displaying the selected date.
-     * Default value: 'EEE MMM dd yyyy'.
-     * @example
-     * <mefdev-datepicker
-     *   [dateFormat]="'dd/MM/yyyy'">
-     * </mefdev-datepicker>
-     */
-    dateFormat: string;
-    /**
-     * The range of years available in the year dropdown.
-     * Default value: { startYear: 1900, toYear: 300 }.
-     * @example
-     * <mefdev-datepicker
-     *   [range]="{startYear: 1900, toYear: 300}">
-     * </mefdev-datepicker>
-     */
-    yearsRange: {
-        startYear: number;
-        toYear: number;
-    };
-    /**
-     * Whether the datepicker is disabled or not.
-     * Default value: false (enabled).
-     * @example
-     * <mefdev-datepicker
-     *   [disabled]="false">
-     * </mefdev-datepicker>
-     */
-    disabled: boolean;
-    /**
-     * The top offset for positioning the datepicker.
-     * Default value: '20'.
-     * @example
-     * <mefdev-datepicker
-     *   [topOffset]="'20'">
-     * </mefdev-datepicker>
-     */
-    topOffset: string;
-    /**
-     * The left offset for positioning the datepicker.
-     * Default value: '10'.
-     * @example
-     * <mefdev-datepicker
-     *   [leftOffset]="'10'">
-     * </mefdev-datepicker>
-     */
-    leftOffset: string;
-    /**
-     * Event emitted when the selected date in the datepicker changes.
-     * It emits a `Date` object representing the selected date.
-     * @example
-     * <mefdev-datepicker
-     *   (dateChanged)="onDateChanged($event)">
-     * </mefdev-datepicker>
-     */
-    dateChanged: EventEmitter<Date>;
-    /**
-     * Regular expression to validate user input for date in the format "dd/MM/yyyy".
-     * - The day (dd) should be between 01 and 31.
-     * - The month (MM) should be between 01 and 12.
-     * - The year (yyyy) should be a 4-digit number.
-     */
-    private dateRegExp;
-    /**
-     * The string entered by the user for date input.
-     * This variable stores the user's input as they type in the date field.
-     */
-    userInput: string;
-    /**
-     * Host listener for document click events to handle calendar interaction.
-     * This function checks if a click event occurred within the calendar or input elements.
-     * - If the click occurred within the calendar, no action is taken.
-     * - If the click occurred within the input element and the component is not in editing mode,
-     *   it opens the calendar.
-     * @param event The MouseEvent object representing the click event.
-     */
-    onClick(event: MouseEvent): void;
+  * Component for displaying a simple card with a title.
+  *
+  * Example of usage:
+  *```
+  * <mefdev-card-simple [disabled]="true">
+  *   <ng-template #card_title>
+  *     <!-- Content for the card title -->
+  *   </ng-template>
+  * </mefdev-card-simple>
+  *```
+  *
+  * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/card/card_simple</example-url>
+  */
+declare class CardSimpleComponent implements OnInit {
     /**
-     * Constructor for the DatepickerComponent class.
-     * @param datePipe A service for formatting and parsing dates.
-     * @param elementRef A reference to the element on which this component is attached.
-     * It is used to access DOM elements.
+     * Determines whether the card is disabled or not.
      */
-    constructor(datePipe: DatePipe, elementRef: ElementRef);
+    isDisabled: boolean;
     /**
-     * Lifecycle hook called after the component is initialized.
-     * It initializes the years for the year select dropdown.
+     * Template for displaying the title of the card.
+     *```
+     * <mefdev-card-simple>
+     *   <ng-template #card_title>
+     *     <h3>Card Title</h3>
+     *   </ng-template>
+     * </mefdev-card-simple>
+     *```
      */
+    card_title: TemplateRef<void>;
+    constructor();
     ngOnInit(): void;
-    /**
-     * Lifecycle hook called whenever the input properties of the component change.
-     * It updates the input value.
-     */
-    ngOnChanges(): void;
-    /**
-     * An array of month names based on the selected language.
-     * It provides localized month names for display in the datepicker.
-     */
-    private get months();
-    /**
-     * An array of weekday names based on the selected language.
-     * It provides localized weekday names for display in the datepicker.
-     */
-    private get weekdays();
-    /**
-     * Initialize the list of years to be displayed in the year dropdown.
-     * This method populates the 'years' array with a range of years based on the provided 'yearsRange' configuration.
-     * @example
-     * ```
-     * // Assuming 'yearsRange' is { startYear: 1900, toYear: 300 }
-     * // After calling initializeYears(), 'years' might contain [1900, 1901, ..., 300]
-     * this.initializeYears();
-     * ```
-     */
-    private initializeYears;
-    /**
-     * Toggle the editing mode for the date input. When enabled, the user can edit the date directly in the input field.
-     */
-    toggleEdit(): void;
-    /**
-     * Get a list of month names in the specified language and format.
-     * @param locales - An optional parameter specifying the locale or locales to use for formatting.
-     * @param format - The format for month names, either "long" (default) or "short".
-     * @returns An array of month names based on the provided format and locale.
-     * ```
-     * // Get a list of month names in the default language and long format
-     * const months = this.getMonthList(this.lang);
-     * ```
-     */
-    private getMonthList;
-    /**
-     * Get a list of weekday names in the specified language and format.
-     * @param locales - An optional parameter specifying the locale or locales to use for formatting.
-     * @param format - The format for weekday names, either "short" (default) or "long".
-     * @returns An array of weekday names based on the provided format and locale.
-     * ```
-     * // Get a list of weekday names in the default language and short format
-     * const weekdays = this.getWeekdayList();
-     * ```
-     */
-    private getWeekdayList;
-    /**
-     * Save the edited date input by the user, provided it matches the specified date format.
-     * This method checks if the entered date is in a valid format, disables the editing mode, and applies
-     * the edited date to the 'selectedDate'. It then reformats the selected date and closes the calendar.
-     * ```
-     * // Save the edited date and update the selected date
-     * this.saveEditedDate();
-     * ```
-     */
-    private saveEditedDate;
-    /**
-     * Handle user input in the editable input field for date editing. This method captures the input value
-     * and stores it in the 'editedDate' variable. If the input matches the valid date format, it updates
-     * 'selectedDateMonth' and 'selectedDateYear' accordingly.
-     * @param event - The input event containing the user's input.
-     * ```
-     * // Handle user input in the editable input field
-     * this.onDateInput(event);
-     * ```
-     */
-    onDateInput(event: any): void;
-    /**
-     * Toggle the visibility of the month dropdown in the calendar interface.
-     * This method is used to open or close the dropdown for selecting months.
-     * @param event - The event triggering the toggle action (e.g., a click event).
-     * ```
-     * // Toggle the visibility of the month dropdown
-     * this.toggleMonthDropdown(event);
-     * ```
-     */
-    private toggleMonthDropdown;
-    /**
-     * Toggle the visibility of the year dropdown in the calendar interface.
-     * This method is used to open or close the dropdown for selecting years.
-     * @param event - The event triggering the toggle action (e.g., a click event).
-     * ```
-     * // Toggle the visibility of the year dropdown
-     * this.toggleYearDropdown(event);
-     * ```
-     */
-    private toggleYearDropdown;
-    /**
-     * Handle the change of the selected month in the calendar interface.
-     * This method updates the input value, sets the selected date to the first day of the chosen month,
-     * and recalculates the calendar display accordingly.
-     * ```
-     * // Handle the change of the selected month
-     * this.onMonthChange();
-     * ```
-     */
-    private onMonthChange;
-    /**
-     * Handle the change of the selected year in the calendar interface.
-     * This method updates the input value, sets the selected date to the first day of the chosen year,
-     * reformats the selected date, and recalculates the calendar display.
-     * ```
-     * // Handle the change of the selected year
-     * this.onYearChange();
-     * ```
-     */
-    private onYearChange;
-    /**
-     * Select a date in the calendar interface and perform necessary updates.
-     * This method sets the selected date, formats it, closes the calendar, and emits a dateChanged event.
-     * It also updates the selected month and year dropdown values.
-     * @param date - The date to be selected in the calendar.
-     */
-    selectDate(date: Date): void;
-    /**
-     * Format the selected date based on the chosen date format and language.
-     * This method uses the Angular DatePipe to format the selected date and updates the formattedDate variable.
-     * ```
-     * // Format the selected date
-     * this.formatDate();
-     * ```
-     */
-    private formatDate;
-    /**
-     * Format the selected date based on the chosen date format, language, and locale.
-     * This method uses the Angular DatePipe to format the selected date with the specified language and updates the formatted date as a string.
-     * @returns A formatted date string.
-     * ```
-     * // Format the selected date with language
-     * const formatted = this.formatSelectedDate();
-     * ```
-     */
-    private formatSelectedDate;
-    /**
-     * Update the input value displayed in the calendar interface.
-     * This method updates the input value to either the edited date or the formatted selected date,
-     * depending on whether the user is in edit mode or not.
-     * ```
-     * // Update the input value
-     * this.updateInputValue();
-     * ```
-     */
-    private updateInputValue;
-    /**
-     * Get an array of arrays representing the days of the current month.
-     * Each sub-array contains the day data for a week, and each day data object includes the date and whether it belongs to the current month.
-     * @returns An array of arrays representing the days of the current month.
-     * ```
-     * // Get an array of arrays representing the days of the current month
-     * const calendar = this.calendarDays;
-     * ```
-     */
-    private get calendarDays();
-    /**
-     * Get the date of the previous month to display in empty cells of the current month.
-     * This method returns the date of the previous month if the provided date is not in the current month.
-     * If the provided date is in the current month, it returns the date's day as a string.
-     * @param date - The date to evaluate.
-     * @returns The date of the previous month or a day string.
-     * ```
-     * // Get the previous month's date to display in empty cells
-     * const previousMonthDate = this.getPreviousMonthDate(new Date(2023, 8, 1));
-     * ```
-     */
-    private getPreviousMonthDate;
-    /**
-     * Navigate to the previous month in the calendar interface.
-     * This method updates the selectedDate, formats it, and recalculates the first day of the calendar.
-     * ```
-     * // Navigate to the previous month
-     * this.getPreviousMonth();
-     * ```
-     */
-    private getPreviousMonth;
-    /**
-     * Navigate to the next month in the calendar interface.
-     * This method updates the selectedDate, formats it, and recalculates the first day of the calendar.
-     * ```
-     * // Navigate to the next month
-     * this.getNextMonth();
-     * ```
-     */
-    private getNextMonth;
-    /**
-     * Get the number of days in a given month of a specific year.
-     * @param year - The year for which you want to determine the number of days.
-     * @param month - The month (0-based index) for which you want to determine the number of days.
-     * @returns The number of days in the specified month of the given year.
-     */
-    private daysInMonth;
-    /**
-     * Calculate the structure of days in a month for the calendar display.
-     * This method generates a matrix of day data objects representing the days in the calendar.
-     * Each day data object contains the date and whether it belongs to the current month.
-     * @returns A matrix of day data objects for the calendar display.
-     */
-    private calculateFirstDayOfCalendar;
-    /**
-     * Check if a given date is the currently selected date in the calendar.
-     * @param date - The date to check.
-     * @returns `true` if the provided date matches the selected date, otherwise `false`.
-     * ```
-     * // Check if a date is selected
-     * const isSelected = this.isDateSelected(someDate);
-     * ```
-     */
-    private isDateSelected;
-    /**
-     * Check if a date string is valid based on the specified date format.
-     * It also checks whether the specified number, month is correct and whether the specified one exists among calendar years
-     * @param inputDate - The date string to validate.
-     * @returns `true` if the input date string is valid, otherwise `false`.
-     * ```
-     * // Check if a date string is valid
-     * const isValidDate = this.isDateValid('05/25/2023');
-     * ```
-     */
-    private isDateValid;
-    /**
-     * Check if a given date is today's date.
-     * @param date - The date to check.
-     * @returns `true` if the provided date is today's date, otherwise `false`.
-     * ```
-     * // Check if a date is today's date
-     * const isToday = this.isDateToday(someDate);
-     * ```
-     */
-    private isDateToday;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "mefdev-datepicker", never, { "labelContentText": { "alias": "labelContentText"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "yearsRange": { "alias": "range"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "topOffset": { "alias": "topOffset"; "required": false; }; "leftOffset": { "alias": "leftOffset"; "required": false; }; }, { "dateChanged": "dateChanged"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardSimpleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardSimpleComponent, "mefdev-card-simple", never, { "isDisabled": { "alias": "disabled"; "required": false; }; }, {}, ["card_title"], ["*", "[card-actions]"], false, never>;
 }
 
 /**
@@ -890,653 +463,81 @@ declare class MefDevSelectComponent implements OnInit, AfterContentInit, AfterCo
     checkDropDownScroll(): void;
     constructor(_elementRef: ElementRef, _renderer: Renderer2, cDRef: ChangeDetectorRef);
     ngAfterContentInit(): void;
-    ngOnInit(): void;
-    ngAfterContentChecked(): void;
-    private _updateValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSelectComponent, never>;
-    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>;
-}
-
-/**
- * @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>
- *```
- *
- */
-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": { "alias": "Value"; "required": false; }; "Label": { "alias": "Label"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; }, {}, ["OptionTemplate"], ["*"], false, never>;
-}
-
-declare class OptionPipe implements PipeTransform {
-    transform(options: MefDevOptionComponent[], value: any): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<OptionPipe, "OptionPipe", false>;
-}
-
-declare class MefDevSelectModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevSelectModule, [typeof OptionPipe, typeof MefDevOptionComponent, typeof MefDevSelectComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i6.OverlayModule], [typeof OptionPipe, typeof MefDevOptionComponent, typeof MefDevSelectComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevSelectModule>;
-}
-
-declare class MefDevDatepickerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevDatepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevDatepickerModule, [typeof DatepickerComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i2.DatePipe, typeof MefDevSelectModule], [typeof DatepickerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevDatepickerModule>;
-}
-
-/**
-  * Component for displaying a card with a title, image, and description.
-  *
-  * Example of usage:
-  *
-  * ```
-  * <mefdev-card>
-  *   <ng-template #card_title>
-  *     <!-- Content for the card title -->
-  *   </ng-template>
-  *   <ng-template #card_footer>
-  *     <!-- Content for the card footer -->
-  *   </ng-template>
-  * </mefdev-card>
-  * ```
-  *
-  * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/card/card</example-url>
-  */
-declare class CardComponent implements OnInit {
-    private router;
-    /**
-    * The template reference to the content of the card title.
-    *
-    * @usageNotes
-    * ```
-    * <mefdev-card>
-    *   <ng-template #card_title>
-    *     <!-- Content for the card title -->
-    *   </ng-template>
-    * </mefdev-card>
-    * ```
-     */
-    card_title: TemplateRef<void>;
-    /**
-     * The template reference to the content of the card footer.
-     * @usageNotes
-     * ```
-     * <mefdev-card>
-     *   <ng-template #card_footer>
-     *     <!-- Content for the card footer -->
-     *   </ng-template>
-     * </mefdev-card>
-     * ```
-     */
-    card_footer: TemplateRef<void>;
-    /**
-     * The type of the card.
-     * @usageNotes
-     * ```
-     * <mefdev-card [card_type] = "'type'"></mefdev-card>
-     * ```
-     */
-    card_type: string;
-    /**
-     * The path to the image.
-     * @usageNotes
-     * ```
-     * <mefdev-card [img] = "'img/path/img.png'"></mefdev-card>
-     * ```
-     */
-    img: string;
-    /**
-     * The path, where user goes after click at the image.
-     * @usageNotes
-     * ```
-     * <mefdev-card [imgUrl] = "'Img.url'"></mefdev-card>
-     * ```
-     */
-    imgUrl: string;
-    /**
-     * The description of the card.
-     * @usageNotes
-     * ```
-     * <mefdev-card [description] = "'description'"></mefdev-card>
-     * ```
-     */
-    description: string;
-    constructor(router: Router);
-    ngOnInit(): void;
-    /**
-     * Event handler for image click.
-     * Navigates to the specified URL.
-     */
-    imgClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "mefdev-card", never, { "card_type": { "alias": "card_type"; "required": false; }; "img": { "alias": "img"; "required": false; }; "imgUrl": { "alias": "imgUrl"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, ["card_title", "card_footer"], never, false, never>;
-}
-
-declare enum CartTypeColors {
-    UNSET = "UNSET",
-    RED = "RED",
-    GREEN = "GREEN"
-}
-
-/**
-* Component for displaying a long card with a title, parameters, and description.
-*
-* Example of usage:
-*
-* ```
-* <mefdev-card-long
-*     [type_text]="'Type Text'"
-*     [type_color]="CartTypeColors.RED"
-*     [img]="'path/to/image.jpg'"
-*     [imgUrl]="'path/to/image'"
-*     [description]="'Card description'">
-*
-*     <ng-template #title>
-*       <!-- Content for the card title -->
-*     </ng-template>
-
-*     <ng-template #params>
-*       <!-- Content for the card parameters -->
-*     </ng-template>
-
-*     <ng-template #second_col>
-*       <!-- Content for the second column -->
-*     </ng-template>
-
-*     <ng-template #third_col>
-*       <!-- Content for the third column -->
-*     </ng-template>
-* </mefdev-card-long>
-* ```
-*
-* <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/card/card_long</example-url>
-*/
-declare class CardLongComponent implements OnInit {
-    private router;
-    /**
-     * Template for displaying the title of the card.
-      * ```
-      * <mefdev-card-long>
-      *   <ng-template #title>
-      *     <!-- Content for the card title -->
-      *   </ng-template>
-      * </mefdev-card-long>
-      * ```
-     */
-    title: TemplateRef<void>;
-    /**
-   * Template for displaying the parameters of the card.
-    * ```
-    * <mefdev-card-long>
-    *   <ng-template #params>
-    *     <!-- Content for the card params -->
-    *   </ng-template>
-    * </mefdev-card-long>
-    * ```
-   */
-    params: TemplateRef<void>;
-    /**
-      * Template for displaying the content of the second column.
-      * ```
-      * <mefdev-card-long>
-      *   <ng-template #second_col>
-      *     <!-- Content for the card second column -->
-      *   </ng-template>
-      * </mefdev-card-long>
-      * ```
-     */
-    second_col: TemplateRef<void>;
-    /**
-      * Template for displaying the content of the third column.
-      * ```
-      * <mefdev-card-long>
-      *   <ng-template #third_col>
-      *     <!-- Content for the card third column -->
-      *   </ng-template>
-      * </mefdev-card-long>
-      * ```
-     */
-    third_col: TemplateRef<void>;
-    /**
-     * The text for the card type.
-     * @usageNotes
-     * ```
-     * <mefdev-card-long type_text = "'Type'"></<mefdev-card-long>
-     * ```
-     */
-    type_text: string;
-    /**
-     * The color of the card type.
-     * @usageNotes
-     * ```
-     * <mefdev-card-long type_color = "'RED'"></<mefdev-card-long>
-     * ```
-     * Colors: RED, UNSET, GREEN
-  
-     */
-    type_color: CartTypeColors;
-    /**
-     * The path to the image.
-     * @usageNotes
-     * ```
-     * <mefdev-card-long [img] = "'img/path/img.png'"></mefdev-card-long>
-     * ```
-     */
-    img: string;
-    /**
-    * The path, where user goes after click at the image.
-    * @usageNotes
-    * ```
-    * <mefdev-card-long [imgUrl] = "'Img.url'"></mefdev-card-long>
-    * ```
-    */
-    imgUrl: string;
-    /**
-     * The description of the card.
-     * @usageNotes
-     * ```
-     * <mefdev-card-long [description] = "'description'"></mefdev-card-long>
-     * ```
-     */
-    description: string;
-    constructor(router: Router);
-    ngOnInit(): void;
-    /**
-     * Event handler for image click.
-     * Navigates to the specified URL.
-     */
-    imgClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardLongComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardLongComponent, "mefdev-card-long", never, { "type_text": { "alias": "type_text"; "required": false; }; "type_color": { "alias": "type_color"; "required": false; }; "img": { "alias": "img"; "required": false; }; "imgUrl": { "alias": "imgUrl"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, ["title", "params", "second_col", "third_col"], never, false, never>;
-}
-
-/**
-  * Component for displaying a simple card with a title.
-  *
-  * Example of usage:
-  *```
-  * <mefdev-card-simple [disabled]="true">
-  *   <ng-template #card_title>
-  *     <!-- Content for the card title -->
-  *   </ng-template>
-  * </mefdev-card-simple>
-  *```
-  *
-  * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/card/card_simple</example-url>
-  */
-declare class CardSimpleComponent implements OnInit {
-    /**
-     * Determines whether the card is disabled or not.
-     */
-    isDisabled: boolean;
-    /**
-     * Template for displaying the title of the card.
-     *```
-     * <mefdev-card-simple>
-     *   <ng-template #card_title>
-     *     <h3>Card Title</h3>
-     *   </ng-template>
-     * </mefdev-card-simple>
-     *```
-     */
-    card_title: TemplateRef<void>;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardSimpleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardSimpleComponent, "mefdev-card-simple", never, { "isDisabled": { "alias": "disabled"; "required": false; }; }, {}, ["card_title"], ["*"], false, never>;
-}
-
-/**
- * Component representing a custom card.
- * It provides various styling and animation options for the card layout.
- *
- * Example usage:
- * ```
- * <mefdev-inner-card [Title]="'Card Title'" [Type]="'default'" [MinimalHeader]="false" [ProgressType]="'circle'">
- *   Card content goes here...
- * </mefdev-inner-card>
- * ```
- */
-declare class MefdevInnerCard {
-    /**
-     * 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<MefdevInnerCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefdevInnerCard, "mefdev-inner-card", 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>;
+    ngOnInit(): void;
+    ngAfterContentChecked(): void;
+    private _updateValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSelectComponent, never>;
+    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>;
 }
 
 /**
- * Component representing a progress bar.
+ * @skipTemplateDoc true
+ * Component for representing an option in a dropdown list.
  *
- * Example of usage:
+ *```
+ * <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>
+ *```
  *
- * ```
- * <mefdev-progress type="linear" color="blue" [thick]="true"></mefdev-progress>
- * <mefdev-progress type="circle" color="red" [indeterminate]="true"></mefdev-progress>
- * ```
  */
-declare class MefDevProgressComponent {
-    _value: number;
-    _value2: any;
+declare class MefDevOptionComponent implements OnDestroy, OnInit {
+    private _Select;
+    private _disabled;
+    _value: string;
+    _label: string;
     /**
-     * The type of progress bar.
-     * Possible values: "linear" | "circle".
-     * Default value: "linear".
-     */
-    type: string;
+    * Template for the content of the option.
+    */
+    OptionTemplate: any;
     /**
-     * The color of the progress bar.
-     * Possible values: any valid CSS color value.
-     * Default value: none.
-     */
-    color: string;
+ * The value of the option.
+ */
+    set Value(value: string);
+    get Value(): string;
     /**
-     * Determines whether the progress bar is thick.
-     * Default value: false.
-     */
-    thick: boolean;
+   * The label of the option.
+   */
+    set Label(value: string);
+    get Label(): string;
     /**
-     * Determines whether the progress bar is indeterminate.
-     * Default value: false.
-     */
-    indeterminate: boolean;
+   * Indicates whether the option is disabled.
+   */
+    set Disabled(value: boolean);
+    get Disabled(): boolean;
+    constructor(_Select: MefDevSelectComponent);
     /**
-     * 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;
+   * Initialization lifecycle hook.
+   * Adds the option to the dropdown list.
+   */
+    ngOnInit(): void;
     /**
-     * Additional value property.
-     */
-    get value2(): any;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevProgressComponent, never>;
-    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>;
+   * 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": { "alias": "Value"; "required": false; }; "Label": { "alias": "Label"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; }, {}, ["OptionTemplate"], ["*"], false, never>;
 }
 
-declare class MefDevProgressModule {
-    static forRoot(): ModuleWithProviders<MefDevProgressModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevProgressModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevProgressModule, [typeof MefDevProgressComponent], [typeof i2.CommonModule], [typeof MefDevProgressComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevProgressModule>;
+declare class OptionPipe implements PipeTransform {
+    transform(options: MefDevOptionComponent[], value: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OptionPipe, "OptionPipe", false>;
 }
 
-declare class MefdevInnerCardModule {
-    static forRoot(): ModuleWithProviders<MefdevInnerCardModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MefdevInnerCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefdevInnerCardModule, [typeof MefdevInnerCard], [typeof i2.CommonModule, typeof MefDevProgressModule], [typeof MefdevInnerCard]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MefdevInnerCardModule>;
+declare class MefDevSelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevSelectModule, [typeof OptionPipe, typeof MefDevOptionComponent, typeof MefDevSelectComponent], [typeof i2.CommonModule, typeof i5.FormsModule, typeof i6.OverlayModule], [typeof OptionPipe, typeof MefDevOptionComponent, typeof MefDevSelectComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevSelectModule>;
 }
 
-declare const mefDevCardComponents: (typeof CardComponent | typeof CardLongComponent | typeof CardSimpleComponent)[];
+declare const mefDevCardComponents: (typeof CardSimpleComponent)[];
 declare class MefDevCardModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevCardModule, [typeof CardComponent, typeof CardLongComponent, typeof CardSimpleComponent], [typeof i2.CommonModule, typeof MefDevCollapseModule, typeof MefDevSelectModule, typeof MefdevInnerCardModule], [typeof CardComponent, typeof CardLongComponent, typeof CardSimpleComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevCardModule, [typeof CardSimpleComponent], [typeof i2.CommonModule, typeof MefDevCollapseModule, typeof MefDevSelectModule], [typeof CardSimpleComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MefDevCardModule>;
 }
 
@@ -1793,112 +794,6 @@ declare class MefDevModalModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MefDevModalModule>;
 }
 
-/**
- * A component representing a user profile.
- *
- * Example of usage:
- *
- * ```
- * <mefdev-profile
- *   [name]="'John Doe'"
- *   [img]="'assets/profile.png'"
- *   [shortDescription]="'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'"
- *   [header]="'User Profile'"
- *   [circleImg]="'true'">
- *   <ng-template #first_colum>
- *     <!-- Content for the first column -->
- *   </ng-template>
- *   <ng-template #second_colum>
- *     <!-- Content for the second column -->
- *   </ng-template>
- *   <ng-template #footer>
- *     <!-- Content for the footer -->
- *   </ng-template>
- * </mefdev-profile>
- * ```
- *
-  * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_layouts/profile</example-url>
-  */
-declare class ProfileComponent implements OnInit {
-    /**
-    * The template reference to the content of the first column.
-    *```
-    *   <ng-template #first_colum>
-    *     <!-- Content for the first column -->
-    *   </ng-template>
-    *```
-    */
-    first_colum: TemplateRef<void>;
-    /**
-     * The template reference to the content of the second column.
-    *```
-    *   <ng-template #second_colum>
-    *     <!-- Content for the second column -->
-    *   </ng-template>
-    *```
-     */
-    second_colum: TemplateRef<void>;
-    /**
-  * The template reference to the content of the footer.
-  *```
-  *   <ng-template #footer>
-  *     <!-- Content for the footer -->
-  *   </ng-template>
-  *```
-  */
-    footer: TemplateRef<void>;
-    /**
-     * The name of the user.
-     * ```
-     * <mefdev-profile [name]="'John Doe'"></mefdev-profile>
-     * ```
-     */
-    name: string;
-    /**
-    * The URL of the user's profile image.
-    * ```
-    * <mefdev-profile [img]="'assets/profile.png'"></mefdev-profile>
-    * ```
-    */
-    img: string;
-    /**
-     * A short description of the user.
-     * ```
-     * <mefdev-profile [shortDescription]="'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'"></mefdev-profile>
-     * ```
-     */
-    shortDescription: string;
-    /**
-     * The header title of the profile component.
-     * ```
-     * <mefdev-profile [header]="'User Profile'"></mefdev-profile>
-     * ```
-     */
-    header: string;
-    /**
-     * A flag indicating whether to display the profile image as a circle. Default "false".
-     * ```
-     * <mefdev-profile [circleImg]="'true'"></mefdev-profile>
-     * ```
-     */
-    circleImg: boolean;
-    constructor();
-    ngOnInit(): void;
-    get sizeStyle(): {
-        'border-top-left-radius'?: undefined;
-        'border-top-right-radius'?: undefined;
-        'border-bottom-right-radius'?: undefined;
-        'border-bottom-left-radius'?: undefined;
-    } | {
-        'border-top-left-radius': string;
-        'border-top-right-radius': string;
-        'border-bottom-right-radius': string;
-        'border-bottom-left-radius': string;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProfileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileComponent, "mefdev-profile", never, { "name": { "alias": "name"; "required": false; }; "img": { "alias": "img"; "required": false; }; "shortDescription": { "alias": "shortDescription"; "required": false; }; "header": { "alias": "header"; "required": false; }; "circleImg": { "alias": "circleImg"; "required": false; }; }, {}, ["first_colum", "second_colum", "footer"], never, false, never>;
-}
-
 /**
   * A component representing a central page layout.
   *
@@ -2045,7 +940,7 @@ declare class ManagePageComponent implements OnInit {
 
 declare class MefDevPageLayoutsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevPageLayoutsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevPageLayoutsModule, [typeof ProfileComponent, typeof CentralPageComponent, typeof CentralPageRowComponent, typeof TablePageComponent, typeof ManagePageComponent], [typeof i2.CommonModule], [typeof ProfileComponent, typeof CentralPageComponent, typeof CentralPageRowComponent, typeof TablePageComponent, typeof ManagePageComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevPageLayoutsModule, [typeof CentralPageComponent, typeof CentralPageRowComponent, typeof TablePageComponent, typeof ManagePageComponent], [typeof i2.CommonModule], [typeof CentralPageComponent, typeof CentralPageRowComponent, typeof TablePageComponent, typeof ManagePageComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MefDevPageLayoutsModule>;
 }
 
@@ -2329,106 +1224,74 @@ declare class StepExecutorComponent implements AfterViewInit {
 
 declare class MefDevStepExecutorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevStepExecutorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevStepExecutorModule, [typeof StepExecutorComponent, typeof MefdevExecutorPageComponent, typeof StageComponent], [typeof MefDevModalModule, typeof i2.CommonModule, typeof i3.FormsModule], [typeof StepExecutorComponent, typeof MefdevExecutorPageComponent, typeof StageComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevStepExecutorModule, [typeof StepExecutorComponent, typeof MefdevExecutorPageComponent, typeof StageComponent], [typeof MefDevModalModule, typeof i2.CommonModule, typeof i5.FormsModule], [typeof StepExecutorComponent, typeof MefdevExecutorPageComponent, typeof StageComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MefDevStepExecutorModule>;
 }
 
+declare class MefdevDropdownMenuComponent {
+    private _eref;
+    label: TemplateRef<void>;
+    protected isOpen: boolean;
+    constructor(_eref: ElementRef);
+    onClick($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefdevDropdownMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefdevDropdownMenuComponent, "mefdev-dropdown-menu", never, {}, {}, ["label"], ["*"], false, never>;
+}
+
+declare class MefDevDropDownMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevDropDownMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevDropDownMenuModule, [typeof MefdevDropdownMenuComponent], [typeof i2.CommonModule], [typeof MefdevDropdownMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevDropDownMenuModule>;
+}
+
 /**
- * Component for a slider that allows selecting a range of values.
- * @example
- * <mefdev-slider
- *  [disabled]="false"
- *  [range] = "{min: 1, max: 10000}"
- *  [id]= "'slider1'"
- *  (valueChange)="onChildValueChange($event)"
- *  ></mefdev-slider>
+ * Component representing a progress bar.
  *
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/controls/slider</example-url>
-*/
-declare class MefDevSliderComponent {
-    private _range;
-    /**
-     * Unique id for each slider. Use it, if u need more than one slider independent from another on the same page.
-     * @example
-     * <mefdev-slider
-     *  [id]= "'slider1'"
-     * ></mefdev-slider>
-    */
-    id: string;
-    /**
-     * Input Object {min, max} container of the slider
-     * @example
-     * @interval
-     * <mefdev-slider
-     *  [range] = "{min: 1, max: 10000}"
-     * ></mefdev-slider>
-    */
-    set range(range: {
-        min: number;
-        max: number;
-    });
-    get range(): {
-        min: number;
-        max: number;
-    };
+ * Example of usage:
+ *
+ * ```
+ * <mefdev-progress type="linear" color="blue" [thick]="true"></mefdev-progress>
+ * <mefdev-progress type="circle" color="red" [indeterminate]="true"></mefdev-progress>
+ * ```
+ */
+declare class MefDevProgressComponent {
+    _value: number;
+    _value2: any;
     /**
-     * The minimum value of the slider.
-    */
-    minValue: number;
+     * The type of progress bar.
+     * Possible values: "linear" | "circle".
+     * Default value: "linear".
+     */
+    type: string;
     /**
-     * The maximum value of the slider.
-    */
-    maxValue: number;
+     * The color of the progress bar.
+     * Possible values: any valid CSS color value.
+     * Default value: none.
+     */
+    color: string;
     /**
-     * Property indicating whether the component is disabled.
-     * @example
-     * <mefdev-slider
-     *  [disabled]="true"
-     * ></mefdev-slider>
-    */
-    disabled: boolean;
+     * Determines whether the progress bar is thick.
+     * Default value: false.
+     */
+    thick: boolean;
     /**
-     * Event emitted when the values of the slider change.
-     * It passes an object with `minValue` and `maxValue` properties.
-     * @event MefDevSliderComponent#valueChange
-     * @type {EventEmitter<{ minValue: number; maxValue: number }>}
-     * @example
-     * <mefdev-slider
-     *  (valueChange)="onChildValueChange($event)"
-     * ></mefdev-slider>
-    */
-    valueChange: EventEmitter<{
-        minValue: number;
-        maxValue: number;
-    }>;
-    /**
-     * Method called when the values of the slider change.
-     * Emits the `valueChange` event and calls methods to handle changes in the minimum and maximum values.
-     * @fires MefDevSliderComponent#valueChange
-    */
-    onValueChange(): void;
+     * Determines whether the progress bar is indeterminate.
+     * Default value: false.
+     */
+    indeterminate: boolean;
     /**
-     * Method to handle changes in the minimum value.
-     * Converts a string to a number and removes all non-numeric characters.
-     * Then, emits the `valueChange` event and updates the value of the "fromSlider" slider.
-     * @fires MefDevSliderComponent#valueChange
-    */
-    onMinValueChange(): void;
+     * 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;
     /**
-     * Method to handle changes in the maximum value.
-     * Converts a string to a number and removes all non-numeric characters.
-     * Then, emits the `valueChange` event and updates the value of the "toSlider" slider.
-     * @fires MefDevSliderComponent#valueChange
-    */
-    onMaxValueChange(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSliderComponent, "mefdev-slider", never, { "id": { "alias": "id"; "required": false; }; "range": { "alias": "range"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
-}
-
-declare class MefDevSliderModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSliderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevSliderModule, [typeof MefDevSliderComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof MefDevSliderComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevSliderModule>;
+     * Additional value property.
+     */
+    get value2(): any;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevProgressComponent, never>;
+    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>;
 }
 
 declare class ProgressConfig {
@@ -2438,32 +1301,11 @@ declare class ProgressConfig {
     static ɵprov: i0.ɵɵInjectableDeclaration<ProgressConfig>;
 }
 
-declare class MefDevSpecFlowTestComponent implements OnInit {
-    /**
-     *  UTC datetime
-     */
-    ResponseTimestamp: any;
-    /**
-     * 0/1 1 - ошибка, 0 - успех (200, 201 и тд)
-     */
-    ResponseError: any;
-    /**
-     * string для ResponseError=1
-     */
-    ReportError: any;
-    constructor();
-    ngOnInit(): void;
-    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, never>;
-}
-
-declare class MefDevSpecFlowTestModule {
-    static forRoot(): ModuleWithProviders<MefDevSpecFlowTestModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSpecFlowTestModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevSpecFlowTestModule, [typeof MefDevSpecFlowTestComponent], [typeof i2.CommonModule], [typeof MefDevSpecFlowTestComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevSpecFlowTestModule>;
+declare class MefDevProgressModule {
+    static forRoot(): ModuleWithProviders<MefDevProgressModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevProgressModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevProgressModule, [typeof MefDevProgressComponent], [typeof i2.CommonModule], [typeof MefDevProgressComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevProgressModule>;
 }
 
 /**
@@ -3205,7 +2047,7 @@ declare class Accordion extends CdkAccordion implements AccordionBase, AfterCont
     static ngAcceptInputType_hideToggle: unknown;
 }
 
-declare const components: (typeof ExpansionPanelActionRow)[];
+declare const components: (typeof ExpansionPanelDescription)[];
 declare class MDCollapseModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MDCollapseModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MDCollapseModule, never, [typeof i2.CommonModule, typeof Accordion, typeof MDExpansionPanel, typeof ExpansionPanelActionRow, typeof MDExpansionPanelHeader, typeof ExpansionPanelTitle, typeof ExpansionPanelDescription, typeof MDExpansionPanelContent], [typeof Accordion, typeof MDExpansionPanel, typeof ExpansionPanelActionRow, typeof MDExpansionPanelHeader, typeof ExpansionPanelTitle, typeof ExpansionPanelDescription, typeof MDExpansionPanelContent]>;
@@ -3806,7 +2648,7 @@ declare class MDDialogActions extends DialogLayoutSection {
 
 declare class MDModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MDModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MDModalModule, never, [typeof i1$1.DialogModule, typeof i6.OverlayModule, typeof i3$1.PortalModule, typeof MDDialogContainer, typeof MDDialogClose, typeof MDDialogTitle, typeof MDDialogActions, typeof MDDialogContent], [typeof MDDialogContainer, typeof MDDialogClose, typeof MDDialogTitle, typeof MDDialogActions, typeof MDDialogContent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MDModalModule, never, [typeof i1$1.DialogModule, typeof i6.OverlayModule, typeof i3.PortalModule, typeof MDDialogContainer, typeof MDDialogClose, typeof MDDialogTitle, typeof MDDialogActions, typeof MDDialogContent], [typeof MDDialogContainer, typeof MDDialogClose, typeof MDDialogTitle, typeof MDDialogActions, typeof MDDialogContent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MDModalModule>;
 }
 
@@ -3987,6 +2829,9 @@ declare class MDStepFooter {
     static ɵdir: i0.ɵɵDirectiveDeclaration<MDStepFooter, "[mdStepFooter]", never, {}, {}, never, never, true, never>;
 }
 
+type MDPaginatedStepHeaderItem = FocusableOption & {
+    elementRef: ElementRef;
+};
 /**
  * ErrorStateMatcher that shows errors only once a control is dirty
  * (or when the parent form was submitted). Useful for “show on edit”.
@@ -4042,7 +2887,7 @@ declare class MDStep extends CdkStep implements ErrorStateMatcher, AfterContentI
  * - Tracks and emits animation lifecycle.
  * - Supports custom icon overrides via <ng-template mdStepperIcon name="...">.
  */
-declare class MDStepper extends CdkStepper implements AfterViewInit, AfterContentInit, OnDestroy {
+declare class MDStepper extends CdkStepper implements AfterViewInit, AfterContentInit, AfterViewChecked, OnDestroy {
     /** Run transition listeners outside Angular for perf. */
     private _ngZone;
     /** Used to set up/tear down transitionend listeners. */
@@ -4078,7 +2923,8 @@ declare class MDStepper extends CdkStepper implements AfterViewInit, AfterConten
     private _animationDuration;
     /** SSR guard (avoid DOM APIs when not in browser). */
     protected _isServer: boolean;
-    constructor(...args: unknown[]);
+    private _sharedResizeObserver;
+    constructor();
     /**
      * After content init:
      * - Collect custom icon templates.
@@ -4086,6 +2932,44 @@ declare class MDStepper extends CdkStepper implements AfterViewInit, AfterConten
      * - Toggle animating flag on selected index changes and prepare CSS listeners.
      */
     ngAfterContentInit(): void;
+    ngAfterViewChecked(): void;
+    private _stopScrolling;
+    private _eventCleanups;
+    private _selectedIndexChanged;
+    private _stepLabelCount;
+    private changeDetectorRef;
+    private _platform;
+    disablePagination: boolean;
+    get selectedIndex(): number;
+    set selectedIndex(v: number);
+    _stepHeaderElRef: ElementRef<HTMLElement>;
+    _stepListContainer: ElementRef<HTMLElement>;
+    _stepList: ElementRef<HTMLElement>;
+    _stepListInner: ElementRef<HTMLElement>;
+    _nextPaginator: ElementRef<HTMLElement>;
+    _previousPaginator: ElementRef<HTMLElement>;
+    private _scrollDistanceChanged;
+    private _scrollDistance;
+    _showPaginationControls: boolean;
+    _disableScrollAfter: boolean;
+    _disableScrollBefore: boolean;
+    get scrollDistance(): number;
+    set scrollDistance(value: number);
+    _handlePaginatorClick(direction: ScrollDirection$1): void;
+    _handlePaginatorPress(direction: ScrollDirection$1, mouseEvent?: MouseEvent): void;
+    _scrollHeader(direction: ScrollDirection$1): {
+        maxScrollDistance: number;
+        distance: number;
+    };
+    _stopInterval(): void;
+    _scrollToLabel(labelIndex: number): void;
+    private _itemsResized;
+    private _scrollTo;
+    _checkScrollingControls(): void;
+    _getMaxScrollDistance(): number;
+    _updateTabScrollPosition(): void;
+    updatePagination(): void;
+    _checkPaginationEnabled(): void;
     /**
      * After view init:
      * - Emit initial animationDone once containers are rendered.
@@ -4105,7 +2989,7 @@ declare class MDStepper extends CdkStepper implements AfterViewInit, AfterConten
     /** Clear the animating flag and emit animationDone to consumers. */
     private _onAnimationDone;
     static ɵfac: i0.ɵɵFactoryDeclaration<MDStepper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MDStepper, "md-stepper, md-vertical-stepper, md-horizontal-stepper, [mdStepper]", ["mdStepper", "mdVerticalStepper", "mdHorizontalStepper"], { "labelPosition": { "alias": "labelPosition"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; }, { "animationDone": "animationDone"; }, ["footer", "_steps", "_icons"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MDStepper, "md-stepper, md-vertical-stepper, md-horizontal-stepper, [mdStepper]", ["mdStepper", "mdVerticalStepper", "mdHorizontalStepper"], { "labelPosition": { "alias": "labelPosition"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "disablePagination": { "alias": "disablePagination"; "required": false; }; }, { "animationDone": "animationDone"; }, ["footer", "_steps", "_icons"], ["*"], true, never>;
 }
 
 /**
@@ -4137,7 +3021,7 @@ declare class MDStepperPrevious extends CdkStepperPrevious {
 
 declare class MDStepExecutorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MDStepExecutorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MDStepExecutorModule, never, [typeof i2.CommonModule, typeof i3$1.PortalModule, typeof i3$2.CdkStepperModule, typeof MDStep, typeof MDStepLabel, typeof MDStepper, typeof MDStepperNext, typeof MDStepperPrevious, typeof MDStepHeader, typeof MDStepperIcon, typeof MDStepContent, typeof MDStepFooter], [typeof i2.CommonModule, typeof MDStep, typeof MDStepLabel, typeof MDStepper, typeof MDStepperNext, typeof MDStepperPrevious, typeof MDStepHeader, typeof MDStepperIcon, typeof MDStepContent, typeof MDStepFooter]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MDStepExecutorModule, never, [typeof i2.CommonModule, typeof i3.PortalModule, typeof i3$1.CdkStepperModule, typeof MDStep, typeof MDStepLabel, typeof MDStepper, typeof MDStepperNext, typeof MDStepperPrevious, typeof MDStepHeader, typeof MDStepperIcon, typeof MDStepContent, typeof MDStepFooter], [typeof i2.CommonModule, typeof MDStep, typeof MDStepLabel, typeof MDStepper, typeof MDStepperNext, typeof MDStepperPrevious, typeof MDStepHeader, typeof MDStepperIcon, typeof MDStepContent, typeof MDStepFooter]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MDStepExecutorModule>;
 }
 
@@ -4522,7 +3406,7 @@ declare class PseudoCheckbox {
 
 declare class MDSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MDSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MDSelectModule, never, [typeof i2.CommonModule, typeof i3.FormsModule, typeof i6.OverlayModule, typeof MDOption, typeof MDOptionGroup, typeof MDSelect, typeof PseudoCheckbox], [typeof MDOption, typeof MDOptionGroup, typeof MDSelect]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MDSelectModule, never, [typeof i2.CommonModule, typeof i5.FormsModule, typeof i6.OverlayModule, typeof MDOption, typeof MDOptionGroup, typeof MDSelect, typeof PseudoCheckbox], [typeof MDOption, typeof MDOptionGroup, typeof MDSelect]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MDSelectModule>;
 }
 
@@ -5529,6 +4413,6 @@ declare class MDTabsModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MDTabsModule>;
 }
 
-export { ACCORDION, Accordion, CARD_CONFIG, CardComponent, CardLongComponent, CardSimpleComponent, CartTypeColors, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, DIALOG_DATA, DIALOG_DEFAULT_OPTIONS, DIALOG_SCROLL_STRATEGY, DatepickerComponent, DialogState, EXPANSION_PANEL_DEFAULT_OPTIONS, ErrorStateMatcher, ExpansionPanelActionRow, ExpansionPanelDescription, ExpansionPanelTitle, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, HelpBlockComponent, INK_BAR_POSITIONER, INK_BAR_POSITIONER_FACTORY, InkBar, MDCard, MDCardActions, MDCardAvatar, MDCardContent, MDCardFooter, MDCardHeader, MDCardImage, MDCardLgImage, MDCardMdImage, MDCardModule, MDCardSmImage, MDCardSubtitle, MDCardTitle, MDCardTitleGroup, MDCardXlImage, MDCollapseModule, MDDialog, MDDialogActions, MDDialogClose, MDDialogContainer, MDDialogContent, MDDialogTitle, MDExpansionPanel, MDExpansionPanelContent, MDExpansionPanelHeader, MDModalModule, MDOption, MDOptionGroup, MDOptionSelectionChange, MDSelect, MDSelectModule, MDSelectTrigger, MDStep, MDStepContent, MDStepExecutorModule, MDStepFooter, MDStepHeader, MDStepLabel, MDStepper, MDStepperIcon, MDStepperNext, MDStepperPrevious, MDSwitch, MDSwitchModule, MDTab, MDTabBody, MDTabChangeEvent, MDTabContent, MDTabGroup, MDTabHeader, MDTabLabel, MDTabLabelWrapper, MDTabsModule, MD_EXPANSION_PANEL, MD_SELECT_TRIGGER, MD_TAB, MD_TAB_LABEL, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevDatepickerModule, MefDevDialogConfig, MefDevDialogRef, MefDevFilteredFieldModule, MefDevHelpBlockModule, MefDevModalModule, MefDevOptionComponent, MefDevPageLayoutsModule, MefDevProgressComponent, MefDevProgressModule, MefDevSelectComponent, MefDevSelectModule, MefDevSliderComponent, MefDevSliderModule, MefDevSpecFlowTestComponent, MefDevSpecFlowTestModule, MefDevStepExecutorModule, MefDevSwitchComponent, MefDevSwitchModule, MefDevTabBodyComponent, MefDevTabComponent, MefDevTabLabelDirective, MefDevTabSetComponent, MefDevTabsInkBarDirective, MefDevTabsModule, MefDevTabsNavComponent, MefdevExecutorPageComponent, MefdevInnerCard, MefdevInnerCardModule, ModalSize, OptionPipe, PaginatedTabHeader, ProfileComponent, ProgressConfig, PseudoCheckbox, RightFilterComponent, STEPPER_INTL_PROVIDER, STEPPER_INTL_PROVIDER_FACTORY, SelectChange, ShowOnDirtyErrorStateMatcher, SlideRightComponent, SlideUpComponent, StageComponent, StepExecutorComponent, StepperIntl, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TabBodyPortal, TabChangeEvent, TablePageComponent, _closeDialogVia, _countGroupLabelsBeforeOption, _getOptionScrollPosition, components, mefDevCardComponents, mefDevCollapseModuleComponents };
-export type { AccordionBase, AccordionDisplayMode, AccordionTogglePosition, AnimatedInterface, AutoFocusTarget, CardAppearance, CardConfig, DialogPosition, DialogRole, ExpansionPanelBase, ExpansionPanelDefaultOptions, ExpansionPanelState, PseudoCheckboxState, ScrollDirection, StepperIconContext, TabBodyOriginState, TabBodyPositionState, TabGroupBaseHeader, TabHeaderPosition, TabPosition, TabPositionMode, TabType, TabsConfig, ToggleSwitchChangeEvent };
+export { ACCORDION, Accordion, CARD_CONFIG, CardSimpleComponent, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, DIALOG_DATA, DIALOG_DEFAULT_OPTIONS, DIALOG_SCROLL_STRATEGY, DialogState, EXPANSION_PANEL_DEFAULT_OPTIONS, ErrorStateMatcher, ExpansionPanelActionRow, ExpansionPanelDescription, ExpansionPanelTitle, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, INK_BAR_POSITIONER, INK_BAR_POSITIONER_FACTORY, InkBar, MDCard, MDCardActions, MDCardAvatar, MDCardContent, MDCardFooter, MDCardHeader, MDCardImage, MDCardLgImage, MDCardMdImage, MDCardModule, MDCardSmImage, MDCardSubtitle, MDCardTitle, MDCardTitleGroup, MDCardXlImage, MDCollapseModule, MDDialog, MDDialogActions, MDDialogClose, MDDialogContainer, MDDialogContent, MDDialogTitle, MDExpansionPanel, MDExpansionPanelContent, MDExpansionPanelHeader, MDModalModule, MDOption, MDOptionGroup, MDOptionSelectionChange, MDSelect, MDSelectModule, MDSelectTrigger, MDStep, MDStepContent, MDStepExecutorModule, MDStepFooter, MDStepHeader, MDStepLabel, MDStepper, MDStepperIcon, MDStepperNext, MDStepperPrevious, MDSwitch, MDSwitchModule, MDTab, MDTabBody, MDTabChangeEvent, MDTabContent, MDTabGroup, MDTabHeader, MDTabLabel, MDTabLabelWrapper, MDTabsModule, MD_EXPANSION_PANEL, MD_SELECT_TRIGGER, MD_TAB, MD_TAB_LABEL, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevDialogConfig, MefDevDialogRef, MefDevDropDownMenuModule, MefDevFilteredFieldModule, MefDevModalModule, MefDevOptionComponent, MefDevPageLayoutsModule, MefDevProgressComponent, MefDevProgressModule, MefDevSelectComponent, MefDevSelectModule, MefDevStepExecutorModule, MefDevSwitchComponent, MefDevSwitchModule, MefDevTabBodyComponent, MefDevTabComponent, MefDevTabLabelDirective, MefDevTabSetComponent, MefDevTabsInkBarDirective, MefDevTabsModule, MefDevTabsNavComponent, MefdevDropdownMenuComponent, MefdevExecutorPageComponent, ModalSize, OptionPipe, PaginatedTabHeader, ProgressConfig, PseudoCheckbox, RightFilterComponent, STEPPER_INTL_PROVIDER, STEPPER_INTL_PROVIDER_FACTORY, SelectChange, ShowOnDirtyErrorStateMatcher, SlideRightComponent, SlideUpComponent, StageComponent, StepExecutorComponent, StepperIntl, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TabBodyPortal, TabChangeEvent, TablePageComponent, _closeDialogVia, _countGroupLabelsBeforeOption, _getOptionScrollPosition, components, mefDevCardComponents, mefDevCollapseModuleComponents };
+export type { AccordionBase, AccordionDisplayMode, AccordionTogglePosition, AnimatedInterface, AutoFocusTarget, CardAppearance, CardConfig, DialogPosition, DialogRole, ExpansionPanelBase, ExpansionPanelDefaultOptions, ExpansionPanelState, MDPaginatedStepHeaderItem, PseudoCheckboxState, ScrollDirection, StepperIconContext, TabBodyOriginState, TabBodyPositionState, TabGroupBaseHeader, TabHeaderPosition, TabPosition, TabPositionMode, TabType, TabsConfig, ToggleSwitchChangeEvent };
 //# sourceMappingURL=index.d.ts.map