@natec/mef-dev-ui-kit 16.0.2 → 16.2.0

package/lib/markup-kit/card/card/card.component.d.ts

@@ -86,5 +86,5 @@ export declare class CardComponent implements OnInit {
      */
     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, false>;
+    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>;
 }

package/lib/markup-kit/card/card-long/card-long.component.d.ts

@@ -131,5 +131,5 @@ export declare class CardLongComponent implements OnInit {
      */
     imgClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardLongComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardLongComponent, "medev-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, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardLongComponent, "medev-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>;
 }

package/lib/markup-kit/card/card-simple/card-simple.component.d.ts

@@ -33,5 +33,5 @@ export declare class CardSimpleComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardSimpleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardSimpleComponent, "medev-card-simple", never, { "isDisabled": { "alias": "disabled"; "required": false; }; }, {}, ["card_title"], ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardSimpleComponent, "medev-card-simple", never, { "isDisabled": { "alias": "disabled"; "required": false; }; }, {}, ["card_title"], ["*"], false, never>;
 }

package/lib/markup-kit/card/card.module.d.ts

@@ -9,7 +9,7 @@ import * as i4 from "@angular/common";
 import * as i5 from "../collapse/collapse.module";
 import * as i6 from "../../pg-components/select/select.module";
 import * as i7 from "../../pg-components/card/card.module";
-export declare const mefDevCardComponents: (typeof CardLongComponent | typeof CardComponent | typeof CardSimpleComponent)[];
+export declare const mefDevCardComponents: (typeof CardComponent | typeof CardLongComponent | typeof CardSimpleComponent)[];
 export declare class MefDevCardModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevCardModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevCardModule, [typeof i1.CardComponent, typeof i2.CardLongComponent, typeof i3.CardSimpleComponent], [typeof i4.CommonModule, typeof i5.MefDevCollapseModule, typeof i6.MefDevSelectModule, typeof i7.pgCardModule], [typeof i1.CardComponent, typeof i2.CardLongComponent, typeof i3.CardSimpleComponent]>;

package/lib/markup-kit/collapse/collapse/collapse.component.d.ts

@@ -70,5 +70,5 @@ export declare class CollapseComponent {
     clickHeader($event: MouseEvent): void;
     constructor(_collapseSet: CollapseSetComponent, _elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapseComponent, [{ host: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CollapseComponent, "mefdev-collapse", never, { "Disabled": { "alias": "Disabled"; "required": false; }; "Active": { "alias": "Active"; "required": false; }; }, { "stateChange": "stateChange"; }, ["CardTitle"], ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CollapseComponent, "mefdev-collapse", never, { "Disabled": { "alias": "Disabled"; "required": false; }; "Active": { "alias": "Active"; "required": false; }; }, { "stateChange": "stateChange"; }, ["CardTitle"], ["*"], false, never>;
 }

package/lib/markup-kit/collapse/collapse-set/collapse-set.component.d.ts

@@ -64,5 +64,5 @@ export declare class CollapseSetComponent {
      */
     addTab(collapse: CollapseComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapseSetComponent, never>;
-    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, false>;
+    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>;
 }

package/lib/markup-kit/modals/fill/fill.component.d.ts

@@ -1,5 +1,4 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { ModalDirective } from 'ngx-bootstrap/modal';
+import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
   * Fill Component for a modal window.
@@ -22,6 +21,8 @@ import * as i0 from "@angular/core";
   * <example-url>https://mef.dev/ui_kit_demo/view/modals/fill</example-url>
   */
 export declare class FillComponent implements OnInit {
+    protected visible: boolean;
+    protected dialog?: ElementRef;
     /**
     * The header template of the modal window.
     * ```
@@ -44,37 +45,36 @@ export declare class FillComponent implements OnInit {
     * ```
     */
     modal_footer: TemplateRef<void>;
-    /**
-     * Reference to the ModalDirective element from ngx-bootstrap.
-     */
-    fadInModal?: ModalDirective;
     /**
      * Input parameter that determines whether to show the modal window.
      */
     set show(val: boolean);
     /**
-     * Event emitter triggered when the modal window is closed.
-     * Emits a boolean value indicating whether the modal window is closed.
+     * Event emitted when the modal is change state.
+     * Emits a boolean value indicating if the modal is closed(false), or open(true).
      * Example:
      * ```
-     * <mefdev-fill-modal (isClouse)="onModalClosed($event)"></mefdev-fill-modal>
+     * <mefdev-fill-modal (visibleChange)="onModalClosed($event)"></mefdev-fill-modal>
      * ```
      */
-    isClouse: EventEmitter<boolean>;
+    visibleChange: EventEmitter<boolean>;
     constructor();
     ngOnInit(): void;
     /**
-   * Event emitter for when the modal is closed.
-   */
-    modalIsCloused(): void;
+     * Shows the modal state.
+     * Return a boolean value indicating if the modal is closed(false), or open(true)
+     */
+    getModalState(): boolean;
     /**
-    * Shows the modal window.
-    */
+     * Shows the modal.
+     * Call this method to open the modal window.
+     */
     showModal(): void;
     /**
-     * Hides the modal window.
+     * Hides the modal.
+     * Call this method to close the modal window.
      */
     hideModal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FillComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FillComponent, "mefdev-fill-modal", never, { "show": { "alias": "show"; "required": false; }; }, { "isClouse": "isClouse"; }, ["modal_header", "modal_footer"], ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FillComponent, "mefdev-fill-modal", never, { "show": { "alias": "show"; "required": false; }; }, { "visibleChange": "visibleChange"; }, ["modal_header", "modal_footer"], ["*"], false, never>;
 }

package/lib/markup-kit/modals/markup-kit.module.d.ts

@@ -3,11 +3,10 @@ import * as i1 from "./fill/fill.component";
 import * as i2 from "./slide-up/slide-up.component";
 import * as i3 from "./slide-right/slide-right.component";
 import * as i4 from "./right-filter/right-filter.component";
-import * as i5 from "ngx-bootstrap/modal";
-import * as i6 from "@angular/common";
-import * as i7 from "../../pg-components/select/select.module";
+import * as i5 from "@angular/common";
+import * as i6 from "../../pg-components/select/select.module";
 export declare class MefDevModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevModalModule, [typeof i1.FillComponent, typeof i2.SlideUpComponent, typeof i3.SlideRightComponent, typeof i4.RightFilterComponent], [typeof i5.ModalModule, typeof i6.CommonModule, typeof i7.MefDevSelectModule], [typeof i1.FillComponent, typeof i2.SlideUpComponent, typeof i3.SlideRightComponent, typeof i4.RightFilterComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevModalModule, [typeof i1.FillComponent, typeof i2.SlideUpComponent, typeof i3.SlideRightComponent, typeof i4.RightFilterComponent], [typeof i5.CommonModule, typeof i6.MefDevSelectModule], [typeof i1.FillComponent, typeof i2.SlideUpComponent, typeof i3.SlideRightComponent, typeof i4.RightFilterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MefDevModalModule>;
 }

package/lib/markup-kit/modals/right-filter/right-filter.component.d.ts

@@ -22,5 +22,5 @@ export declare class RightFilterComponent implements OnInit {
      */
     modalIsCloused(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RightFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RightFilterComponent, "mefdev-right-filter", never, {}, {}, never, ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RightFilterComponent, "mefdev-right-filter", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/markup-kit/modals/slide-right/slide-right.component.d.ts

@@ -1,5 +1,4 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { ModalDirective } from 'ngx-bootstrap/modal';
+import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { ModalSize } from '../modal-size.enum';
 import * as i0 from "@angular/core";
 /**
@@ -23,6 +22,8 @@ import * as i0 from "@angular/core";
   * <example-url>https://mef.dev/ui_kit_demo/view/modals/slide-right</example-url>
   */
 export declare class SlideRightComponent implements OnInit {
+    protected visible: boolean;
+    protected dialog: ElementRef;
     /**
      * Reference to the template for the modal header.
      * Use this template to customize the header of the modal.
@@ -33,10 +34,6 @@ export declare class SlideRightComponent implements OnInit {
      * Use this template to customize the footer of the modal.
      */
     modal_footer: TemplateRef<void>;
-    /**
-    * Reference to the modal directive.
-    */
-    slideRight: ModalDirective;
     /**
      * Size of the modal.
      * Defaults to `ModalSize.md`.
@@ -49,27 +46,31 @@ export declare class SlideRightComponent implements OnInit {
      */
     set show(val: boolean);
     /**
-     * Event emitted when the modal is closed.
-     * Emits a boolean value indicating if the modal is closed.
+     * Event emitted when the modal is change state.
+     * Emits a boolean value indicating if the modal is closed(false), or open(true).
+     * Example:
+     * ```
+     * <mefdev-fill-modal (visibleChange)="onModalClosed($event)"></mefdev-fill-modal>
+     * ```
      */
-    isClouse: EventEmitter<boolean>;
+    visibleChange: EventEmitter<boolean>;
     constructor();
     ngOnInit(): void;
     /**
-    * Event handler for when the modal is closed.
-    * Emits the `isClosed` event with a value of `true`.
-    */
-    modalIsCloused(): void;
+     * Shows the modal state.
+     * Return a boolean value indicating if the modal is closed(false), or open(true)
+     */
+    getModalState(): boolean;
     /**
-    * Shows the modal.
-    * Call this method to open the modal window.
-    */
+     * Shows the modal.
+     * Call this method to open the modal window.
+     */
     showModal(): void;
     /**
-    * Hides the modal.
-    * Call this method to close the modal window.
-    */
+     * Hides the modal.
+     * Call this method to close the modal window.
+     */
     hideModal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideRightComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SlideRightComponent, "mefdev-slide-right-modal", never, { "size": { "alias": "size"; "required": false; }; "show": { "alias": "show"; "required": false; }; }, { "isClouse": "isClouse"; }, ["modal_header", "modal_footer"], ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideRightComponent, "mefdev-slide-right-modal", never, { "size": { "alias": "size"; "required": false; }; "show": { "alias": "show"; "required": false; }; }, { "visibleChange": "visibleChange"; }, ["modal_header", "modal_footer"], ["*"], false, never>;
 }

package/lib/markup-kit/modals/slide-up/slide-up.component.d.ts

@@ -1,6 +1,4 @@
 import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { ModalDirective } from 'ngx-bootstrap/modal';
-import { ModalSize } from '../modal-size.enum';
 import * as i0 from "@angular/core";
 /**
 * A component representing a slide-up modal window.
@@ -8,7 +6,7 @@ import * as i0 from "@angular/core";
 * Example of usage:
 *
 * ```
-* <mefdev-slide-up-modal [size]="ModalSize.lg" [show]="showModal">
+* <mefdev-slide-up-modal [show]="showModal">
 *   <ng-template #modal_header>
 *     <h4>Modal Header</h4>
 *   </ng-template>
@@ -23,6 +21,7 @@ import * as i0 from "@angular/core";
 * <example-url>https://mef.dev/ui_kit_demo/view/modals/slide-up</example-url>
 */
 export declare class SlideUpComponent implements OnInit {
+    protected visible: boolean;
     /**
      * Reference to the template for the modal header.
      * Use this template to customize the header of the modal.
@@ -33,37 +32,27 @@ export declare class SlideUpComponent implements OnInit {
      * Use this template to customize the footer of the modal.
      */
     modal_footer: TemplateRef<void>;
-    /**
-    * Reference to the modal directive.
-    */
-    mdSlideUp: ModalDirective;
-    /**
-     * Size of the modal.
-     * Defaults to `ModalSize.md`.
-     * Possible values: `ModalSize.sm`, `ModalSize.md`, `ModalSize.lg`, `ModalSize.xl`.
-     */
-    size: ModalSize;
     /**
      * Flag indicating whether the modal should be shown or hidden.
      * Set it to `true` to show the modal and `false` to hide it.
      */
     set show(val: boolean);
     /**
-     * Event emitted when the modal is closed.
-     * Emits a boolean value indicating if the modal is closed.
+     * Event emitted when the modal is change state.
+     * Emits a boolean value indicating if the modal is closed(false), or open(true).
      */
-    isClouse: EventEmitter<boolean>;
+    visibleChange: EventEmitter<boolean>;
     constructor();
     ngOnInit(): void;
     /**
-    * Event handler for when the modal is closed.
-    * Emits the `isClosed` event with a value of `true`.
-    */
-    modalIsCloused(): void;
+     * Shows the modal state.
+     * Return a boolean value indicating if the modal is closed(false), or open(true)
+     */
+    getModalState(): boolean;
     /**
-       * Shows the modal.
-       * Call this method to open the modal window.
-       */
+     * Shows the modal.
+     * Call this method to open the modal window.
+     */
     showModal(): void;
     /**
      * Hides the modal.
@@ -71,5 +60,5 @@ export declare class SlideUpComponent implements OnInit {
      */
     hideModal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideUpComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SlideUpComponent, "mefdev-slide-up-modal", never, { "size": { "alias": "size"; "required": false; }; "show": { "alias": "show"; "required": false; }; }, { "isClouse": "isClouse"; }, ["modal_header", "modal_footer"], ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideUpComponent, "mefdev-slide-up-modal", never, { "show": { "alias": "show"; "required": false; }; }, { "visibleChange": "visibleChange"; }, ["modal_header", "modal_footer"], ["*"], false, never>;
 }

package/lib/markup-kit/page-layouts/central-page/central-page.component.d.ts

@@ -33,5 +33,5 @@ export declare class CentralPageComponent implements OnInit, OnDestroy, AfterVie
     */
     ngAfterViewChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CentralPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CentralPageComponent, "mefdev-central-page", never, { "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CentralPageComponent, "mefdev-central-page", never, { "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.d.ts

@@ -17,5 +17,5 @@ export declare class CentralPageRowComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CentralPageRowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CentralPageRowComponent, "mefdev-central-page-row", never, {}, {}, never, ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CentralPageRowComponent, "mefdev-central-page-row", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/markup-kit/page-layouts/manage-page/manage-page.component.d.ts

@@ -54,5 +54,5 @@ export declare class ManagePageComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ManagePageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ManagePageComponent, "mefdev-manage-page", never, { "startTabInd": { "alias": "startTabInd"; "required": false; }; }, {}, ["card_title", "tabs_block"], ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ManagePageComponent, "mefdev-manage-page", never, { "startTabInd": { "alias": "startTabInd"; "required": false; }; }, {}, ["card_title", "tabs_block"], ["*"], false, never>;
 }

package/lib/markup-kit/page-layouts/profile/profile.component.d.ts

@@ -103,5 +103,5 @@ export declare class ProfileComponent implements OnInit {
         '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, false>;
+    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>;
 }

package/lib/markup-kit/page-layouts/table-page/table-page.component.d.ts

@@ -28,5 +28,5 @@ export declare class TablePageComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TablePageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TablePageComponent, "mefdev-table-page", never, {}, {}, ["filter_colum"], ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TablePageComponent, "mefdev-table-page", never, {}, {}, ["filter_colum"], ["*"], false, never>;
 }

package/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.d.ts

@@ -38,5 +38,5 @@ export declare class FilteredFieldContainerComponent implements OnInit {
     onDiscard(item: FiltredItemModel): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilteredFieldContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilteredFieldContainerComponent, "mefdev-filtered-field-container", never, {}, {}, never, never, false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilteredFieldContainerComponent, "mefdev-filtered-field-container", never, {}, {}, never, never, false, never>;
 }

package/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.d.ts

@@ -52,5 +52,5 @@ export declare class FilteredFieldItemComponent implements OnInit {
      */
     onDiscard(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilteredFieldItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilteredFieldItemComponent, "mefdev-filtered-field-item", never, { "item": { "alias": "item"; "required": false; }; }, { "discard": "discard"; "openFilter": "openFilter"; }, never, never, false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilteredFieldItemComponent, "mefdev-filtered-field-item", never, { "item": { "alias": "item"; "required": false; }; }, { "discard": "discard"; "openFilter": "openFilter"; }, never, never, false, never>;
 }

package/lib/markup-kit/utils/help-block/help-block.component.d.ts

@@ -33,5 +33,5 @@ export declare class HelpBlockComponent implements OnInit {
     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, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HelpBlockComponent, "mefdev-help-block", never, { "title": { "alias": "title"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -237,5 +237,5 @@ export declare class pgCard {
     */
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<pgCard, never>;
-    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>;
+    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>;
 }

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

@@ -46,5 +46,5 @@ export declare class MefDevProgressComponent {
     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, 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>;
 }

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

@@ -50,5 +50,5 @@ export declare class MefDevOptionComponent implements OnDestroy, OnInit {
    */
     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, 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>;
 }

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": { "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>;
+    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>;
 }

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, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSpecFlowTestComponent, "mefdev-spec-flow-test", never, {}, {}, never, never, false, never>;
 }

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

@@ -181,5 +181,5 @@ export declare class MefDevSwitchComponent implements OnInit, ControlValueAccess
     setDisabledState(isDisabled: boolean): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSwitchComponent, never>;
-    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>;
+    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>;
 }

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

@@ -9,5 +9,5 @@ export declare class MefDevTabBodyComponent {
    */
     content: TemplateRef<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabBodyComponent, "mefdev-tab-body", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, never, false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabBodyComponent, "mefdev-tab-body", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, never, false, never>;
 }

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": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MefDevTabLabelDirective, "[mefdev-tab-label]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -63,5 +63,5 @@ export declare class MefDevTabComponent implements OnDestroy, OnInit {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabComponent, "mefdev-tab", never, { "Disabled": { "alias": "Disabled"; "required": false; }; }, { "pgSelect": "pgSelect"; "pgClick": "pgClick"; "pgDeselect": "pgDeselect"; }, ["_tabHeading"], ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabComponent, "mefdev-tab", never, { "Disabled": { "alias": "Disabled"; "required": false; }; }, { "pgSelect": "pgSelect"; "pgClick": "pgClick"; "pgDeselect": "pgDeselect"; }, ["_tabHeading"], ["*"], false, never>;
 }

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

@@ -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": { "alias": "Animated"; "required": false; }; "PositionMode": { "alias": "PositionMode"; "required": false; }; }, {}, never, never, false, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MefDevTabsInkBarDirective, "[mefdev-tabs-ink-bar]", never, { "Animated": { "alias": "Animated"; "required": false; }; "PositionMode": { "alias": "PositionMode"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -75,5 +75,5 @@ export declare class MefDevTabsNavComponent implements AfterContentChecked, Afte
     _getLayoutDirection(): Direction;
     _alignInkBarToSelectedTab(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabsNavComponent, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabsNavComponent, "mefdev-tabs-nav", never, { "Size": { "alias": "Size"; "required": false; }; "Animated": { "alias": "Animated"; "required": false; }; "Position": { "alias": "Position"; "required": false; }; "HideBar": { "alias": "HideBar"; "required": false; }; "Type": { "alias": "Type"; "required": false; }; "ShowPagination": { "alias": "ShowPagination"; "required": false; }; "PositionMode": { "alias": "PositionMode"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, {}, ["_tabBarExtraContent", "_labelWrappers"], ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabsNavComponent, "mefdev-tabs-nav", never, { "Size": { "alias": "Size"; "required": false; }; "Animated": { "alias": "Animated"; "required": false; }; "Position": { "alias": "Position"; "required": false; }; "HideBar": { "alias": "HideBar"; "required": false; }; "Type": { "alias": "Type"; "required": false; }; "ShowPagination": { "alias": "ShowPagination"; "required": false; }; "PositionMode": { "alias": "PositionMode"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, {}, ["_tabBarExtraContent", "_labelWrappers"], ["*"], false, never>;
 }

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

@@ -133,5 +133,5 @@ export declare class MefDevTabSetComponent implements AfterContentChecked, OnIni
     get tabPaneAnimated(): boolean;
     constructor(_renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabSetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabSetComponent, "mefdev-tabset", never, { "TabBarExtraTemplate": { "alias": "TabBarExtraTemplate"; "required": false; }; "Animated": { "alias": "Animated"; "required": false; }; "ShowPagination": { "alias": "ShowPagination"; "required": false; }; "Hide": { "alias": "Hide"; "required": false; }; "SelectedIndex": { "alias": "SelectedIndex"; "required": false; }; "Size": { "alias": "Size"; "required": false; }; "TabPosition": { "alias": "TabPosition"; "required": false; }; "extraTabClass": { "alias": "extraTabClass"; "required": false; }; "extraTabContentClass": { "alias": "extraTabContentClass"; "required": false; }; "Type": { "alias": "Type"; "required": false; }; "tabAnimation": { "alias": "tabAnimation"; "required": false; }; }, { "SelectedIndexChange": "SelectedIndexChange"; "SelectChange": "SelectChange"; }, ["TabBarExtraContent"], never, false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabSetComponent, "mefdev-tabset", never, { "TabBarExtraTemplate": { "alias": "TabBarExtraTemplate"; "required": false; }; "Animated": { "alias": "Animated"; "required": false; }; "ShowPagination": { "alias": "ShowPagination"; "required": false; }; "Hide": { "alias": "Hide"; "required": false; }; "SelectedIndex": { "alias": "SelectedIndex"; "required": false; }; "Size": { "alias": "Size"; "required": false; }; "TabPosition": { "alias": "TabPosition"; "required": false; }; "extraTabClass": { "alias": "extraTabClass"; "required": false; }; "extraTabContentClass": { "alias": "extraTabContentClass"; "required": false; }; "Type": { "alias": "Type"; "required": false; }; "tabAnimation": { "alias": "tabAnimation"; "required": false; }; }, { "SelectedIndexChange": "SelectedIndexChange"; "SelectChange": "SelectChange"; }, ["TabBarExtraContent"], never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@natec/mef-dev-ui-kit",
-  "version": "16.0.2",
+  "version": "16.2.0",
   "description": "MEF.DEV UI Kit Library",
   "author": {
     "name": "NATEC"
@@ -31,10 +31,10 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^16.0.4",
-    "@angular/common": "^16.1.0",
-    "@angular/forms": "^16.1.0",
-    "@angular/core": "^16.1.0"
+    "@angular/cdk": "^16.1.5",
+    "@angular/common": "^16.1.5",
+    "@angular/forms": "^16.1.5",
+    "@angular/core": "^16.1.5"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/src/lib/styles/fonts.scss

@@ -1,6 +1,6 @@
 
 .h1, h1 {
-    font-family: montserrat;
+    font-family: Montserrat;
     font-size: 24px;
     line-height: 29px;
     font-weight: 700;
@@ -8,14 +8,14 @@
     color: #000000;
 }
 .h2, h2 {
-    font-family: montserrat;
+    font-family: Montserrat;
     font-size: 24px;
     line-height: 29px;
     font-weight: 700;
     color: #000000;
 }
 .h3, h3 {
-    font-family: montserrat;
+    font-family: Montserrat;
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -23,7 +23,7 @@
     color: #000000;
 }
 .h4, h4 {
-    font-family: montserrat;
+    font-family: Montserrat;
     font-weight: 300;
     font-size: 13px;
     line-height: 20px;
@@ -31,14 +31,14 @@
     color: #000000;
 }
 .h5, h5 {
-    font-family: montserrat;
+    font-family: Montserrat;
     font-weight: 600;
     font-size: 13px;
     line-height: 20px;
     color: #000000;
 }
 .h6, h6 {
-    font-family: montserrat;
+    font-family: Montserrat;
     font-weight: 500;
     font-size: 12px;
     line-height: 20px;

package/src/lib/styles/pg/core.scss

@@ -470,8 +470,4 @@ a:focus, a:hover, a:active {
 
 .ngx-datatable .datatable-header .datatable-header-cell.sortable .sort-btn.datatable-icon-up:after {
   display: block;
-}
-
-.tab-wrapper{
-  overflow: inherit;
-}
+}

package/src/lib/styles/pg/modules/_breadcrumb.scss

@@ -2,7 +2,7 @@
 ------------------------------------
 */
 .breadcrumb {
-  font-family: montserrat;
+  font-family: Montserrat;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;

package/src/lib/styles/pg/modules/_buttons.scss

@@ -9,7 +9,7 @@
     border-radius: 5px !important;
     color: $text_color !important;
     background-color: $main_color !important;
-    font-family: montserrat !important;
+    font-family: Montserrat !important;
     font-weight: 500 !important;
     font-size: 14px !important;
     line-height: 24px !important;