@natec/mef-dev-ui-kit 0.0.698 → 1.1.1

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

@@ -12,6 +12,6 @@ import * as i7 from "../../pg-components/card/card.module";
 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.PgSelectModule, typeof i7.pgCardModule], [typeof i1.CardComponent, typeof i2.CardLongComponent, typeof i3.CardSimpleComponent]>;
+    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]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MefDevCardModule>;
 }

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

@@ -8,6 +8,6 @@ import * as i6 from "@angular/common";
 import * as i7 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.PgSelectModule], [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.ModalModule, typeof i6.CommonModule, typeof i7.MefDevSelectModule], [typeof i1.FillComponent, typeof i2.SlideUpComponent, typeof i3.SlideRightComponent, typeof i4.RightFilterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MefDevModalModule>;
 }

package/lib/markup-kit/page-layouts/page-layouts.module.d.ts

@@ -5,9 +5,8 @@ import * as i3 from "./central-page-row/central-page-row.component";
 import * as i4 from "./table-page/table-page.component";
 import * as i5 from "./manage-page/manage-page.component";
 import * as i6 from "@angular/common";
-import * as i7 from "../../pg-components/tabs/tabs.module";
 export declare class MefDevPageLayoutsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevPageLayoutsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevPageLayoutsModule, [typeof i1.ProfileComponent, typeof i2.CentralPageComponent, typeof i3.CentralPageRowComponent, typeof i4.TablePageComponent, typeof i5.ManagePageComponent], [typeof i6.CommonModule, typeof i7.pgTabsModule], [typeof i1.ProfileComponent, typeof i2.CentralPageComponent, typeof i3.CentralPageRowComponent, typeof i4.TablePageComponent, typeof i5.ManagePageComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevPageLayoutsModule, [typeof i1.ProfileComponent, typeof i2.CentralPageComponent, typeof i3.CentralPageRowComponent, typeof i4.TablePageComponent, typeof i5.ManagePageComponent], [typeof i6.CommonModule], [typeof i1.ProfileComponent, typeof i2.CentralPageComponent, typeof i3.CentralPageRowComponent, typeof i4.TablePageComponent, typeof i5.ManagePageComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MefDevPageLayoutsModule>;
 }

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

@@ -6,6 +6,6 @@ import * as i3 from "../progress/progress.module";
 export declare class pgCardModule {
     static forRoot(): ModuleWithProviders<pgCardModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<pgCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<pgCardModule, [typeof i1.pgCard], [typeof i2.CommonModule, typeof i3.ProgressModule], [typeof i1.pgCard]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<pgCardModule, [typeof i1.pgCard], [typeof i2.CommonModule, typeof i3.MefDevProgressModule], [typeof i1.pgCard]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<pgCardModule>;
 }

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class ProgressComponent {
+export declare class MefDevProgressComponent {
     _value: number;
     _value2: any;
     type: string;
@@ -10,6 +10,6 @@ export declare class ProgressComponent {
     get value(): number;
     get value2(): any;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressComponent, "pg-progress", never, { "type": "type"; "color": "color"; "thick": "thick"; "indeterminate": "indeterminate"; "value": "value"; }, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevProgressComponent, "mefdev-progress", never, { "type": "type"; "color": "color"; "thick": "thick"; "indeterminate": "indeterminate"; "value": "value"; }, {}, never, never>;
 }

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

@@ -2,9 +2,9 @@ import { ModuleWithProviders } from "@angular/core";
 import * as i0 from "@angular/core";
 import * as i1 from "./progress.component";
 import * as i2 from "@angular/common";
-export declare class ProgressModule {
-    static forRoot(): ModuleWithProviders<ProgressModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressModule, [typeof i1.ProgressComponent], [typeof i2.CommonModule], [typeof i1.ProgressComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressModule>;
+export declare class MefDevProgressModule {
+    static forRoot(): ModuleWithProviders<MefDevProgressModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevProgressModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevProgressModule, [typeof i1.MefDevProgressComponent], [typeof i2.CommonModule], [typeof i1.MefDevProgressComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevProgressModule>;
 }

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

@@ -1,7 +1,7 @@
 import { OnDestroy, OnInit } from "@angular/core";
-import { pgSelectComponent } from "./select.component";
+import { MefDevSelectComponent } from "./select.component";
 import * as i0 from "@angular/core";
-export declare class pgOptionComponent implements OnDestroy, OnInit {
+export declare class MefDevOptionComponent implements OnDestroy, OnInit {
     private _Select;
     private _disabled;
     _value: string;
@@ -13,9 +13,9 @@ export declare class pgOptionComponent implements OnDestroy, OnInit {
     get Label(): string;
     set Disabled(value: boolean);
     get Disabled(): boolean;
-    constructor(_Select: pgSelectComponent);
+    constructor(_Select: MefDevSelectComponent);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<pgOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<pgOptionComponent, "pg-option", never, { "Value": "Value"; "Label": "Label"; "Disabled": "Disabled"; }, {}, ["OptionTemplate"], ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevOptionComponent, "mefdev-option", never, { "Value": "Value"; "Label": "Label"; "Disabled": "Disabled"; }, {}, ["OptionTemplate"], ["*"]>;
 }

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

@@ -1,8 +1,8 @@
 import { PipeTransform } from "@angular/core";
-import { pgOptionComponent } from "./option.component";
+import { MefDevOptionComponent } from "./option.component";
 import * as i0 from "@angular/core";
 export declare class OptionPipe implements PipeTransform {
-    transform(options: pgOptionComponent[], value: any): any;
+    transform(options: MefDevOptionComponent[], value: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<OptionPipe, "OptionPipe">;
 }

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

@@ -1,9 +1,9 @@
 import { CdkConnectedOverlay, ConnectedOverlayPositionChange } from "@angular/cdk/overlay";
 import { AfterContentChecked, AfterContentInit, ElementRef, EventEmitter, OnInit, Renderer2, ChangeDetectorRef } from "@angular/core";
 import { ControlValueAccessor } from "@angular/forms";
-import { pgOptionComponent } from "./option.component";
+import { MefDevOptionComponent } from "./option.component";
 import * as i0 from "@angular/core";
-export declare class pgSelectComponent implements OnInit, AfterContentInit, AfterContentChecked, ControlValueAccessor {
+export declare class MefDevSelectComponent implements OnInit, AfterContentInit, AfterContentChecked, ControlValueAccessor {
     private _elementRef;
     private _renderer;
     private cDRef;
@@ -27,14 +27,14 @@ export declare class pgSelectComponent implements OnInit, AfterContentInit, Afte
     _notFoundContent: string;
     _searchText: string;
     _triggerWidth: number;
-    _selectedOption: pgOptionComponent;
-    _operatingMultipleOption: pgOptionComponent;
-    _selectedOptions: Set<pgOptionComponent>;
-    _options: pgOptionComponent[];
-    _cacheOptions: pgOptionComponent[];
-    _filterOptions: pgOptionComponent[];
-    _tagsOptions: pgOptionComponent[];
-    _activeFilterOption: pgOptionComponent;
+    _selectedOption: MefDevOptionComponent;
+    _operatingMultipleOption: MefDevOptionComponent;
+    _selectedOptions: Set<MefDevOptionComponent>;
+    _options: MefDevOptionComponent[];
+    _cacheOptions: MefDevOptionComponent[];
+    _filterOptions: MefDevOptionComponent[];
+    _tagsOptions: MefDevOptionComponent[];
+    _activeFilterOption: MefDevOptionComponent;
     _isMultiInit: boolean;
     _dropDownPosition: "top" | "center" | "bottom";
     _composing: boolean;
@@ -76,7 +76,7 @@ export declare class pgSelectComponent implements OnInit, AfterContentInit, Afte
     /** new -option insert or new tags insert */
     addOption: (option: any) => void;
     /** -option remove or tags remove */
-    removeOption(option: pgOptionComponent): void;
+    removeOption(option: MefDevOptionComponent): void;
     /** dropdown position changed */
     onPositionChange(position: ConnectedOverlayPositionChange): void;
     compositionStart(): void;
@@ -84,15 +84,15 @@ export declare class pgSelectComponent implements OnInit, AfterContentInit, Afte
     /** clear single selected option */
     clearSelect($event?: MouseEvent): void;
     /** click dropdown option by user */
-    clickOption(option: pgOptionComponent, $event?: MouseEvent): void;
+    clickOption(option: MefDevOptionComponent, $event?: MouseEvent): void;
     /** choose option */
-    chooseOption(option: pgOptionComponent, isUserClick?: boolean, $event?: MouseEvent): void;
+    chooseOption(option: MefDevOptionComponent, isUserClick?: boolean, $event?: MouseEvent): void;
     updateWidth(element: HTMLInputElement, text: string): void;
     /** determine if option in set */
-    isInSet(set: Set<pgOptionComponent>, option: pgOptionComponent): pgOptionComponent;
+    isInSet(set: Set<MefDevOptionComponent>, option: MefDevOptionComponent): MefDevOptionComponent;
     /** cancel select multiple option */ unSelectMultipleOption: (option: any, $event?: any, emitChange?: boolean) => void;
     /** select multiple option */
-    selectMultipleOption(option: pgOptionComponent, $event?: MouseEvent): void;
+    selectMultipleOption(option: MefDevOptionComponent, $event?: MouseEvent): void;
     /** emit multiple options */
     emitMultipleOptions(): void;
     /** update selected option when add remove option etc */
@@ -105,8 +105,8 @@ export declare class pgSelectComponent implements OnInit, AfterContentInit, Afte
     handleKeyBackspaceEvent(event: KeyboardEvent): void;
     handleKeyDownEvent($event: MouseEvent): void;
     handleKeyUpEvent($event: MouseEvent): void;
-    preOption(option: pgOptionComponent, options: pgOptionComponent[]): pgOptionComponent;
-    nextOption(option: pgOptionComponent, options: pgOptionComponent[]): pgOptionComponent;
+    preOption(option: MefDevOptionComponent, options: MefDevOptionComponent[]): MefDevOptionComponent;
+    nextOption(option: MefDevOptionComponent, options: MefDevOptionComponent[]): MefDevOptionComponent;
     clearSearchText(): void;
     updateFilterOption(updateActiveFilter?: boolean): void;
     onSearchChange(searchValue: string): void;
@@ -130,6 +130,6 @@ export declare class pgSelectComponent implements OnInit, AfterContentInit, Afte
     ngOnInit(): void;
     ngAfterContentChecked(): void;
     private _updateValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<pgSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<pgSelectComponent, "pg-select", never, { "Filter": "Filter"; "MaxMultiple": "MaxMultiple"; "FirstDefault": "FirstDefault"; "AllowClear": "AllowClear"; "KeepUnListOptions": "KeepUnListOptions"; "Mode": "Mode"; "Multiple": "Multiple"; "PlaceHolder": "PlaceHolder"; "NotFoundContent": "NotFoundContent"; "Size": "Size"; "ShowSearch": "ShowSearch"; "Tags": "Tags"; "Disabled": "Disabled"; "Open": "Open"; }, { "SearchChange": "SearchChange"; "change": "change"; "OpenChange": "OpenChange"; "ScrollToBottom": "ScrollToBottom"; }, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSelectComponent, "mefdev-select", never, { "Filter": "Filter"; "MaxMultiple": "MaxMultiple"; "FirstDefault": "FirstDefault"; "AllowClear": "AllowClear"; "KeepUnListOptions": "KeepUnListOptions"; "Mode": "Mode"; "Multiple": "Multiple"; "PlaceHolder": "PlaceHolder"; "NotFoundContent": "NotFoundContent"; "Size": "Size"; "ShowSearch": "ShowSearch"; "Tags": "Tags"; "Disabled": "Disabled"; "Open": "Open"; }, { "SearchChange": "SearchChange"; "change": "change"; "OpenChange": "OpenChange"; "ScrollToBottom": "ScrollToBottom"; }, never, never>;
 }

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

@@ -5,8 +5,8 @@ import * as i3 from "./select.component";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/forms";
 import * as i6 from "@angular/cdk/overlay";
-export declare class PgSelectModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PgSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PgSelectModule, [typeof i1.OptionPipe, typeof i2.pgOptionComponent, typeof i3.pgSelectComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.OverlayModule], [typeof i1.OptionPipe, typeof i2.pgOptionComponent, typeof i3.pgSelectComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PgSelectModule>;
+export declare class MefDevSelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevSelectModule, [typeof i1.OptionPipe, typeof i2.MefDevOptionComponent, typeof i3.MefDevSelectComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.OverlayModule], [typeof i1.OptionPipe, typeof i2.MefDevOptionComponent, typeof i3.MefDevSelectComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevSelectModule>;
 }

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

@@ -1,6 +1,6 @@
 import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SpecFlowTestComponent implements OnInit {
+export declare class MefDevSpecFlowTestComponent implements OnInit {
     /**
      *  UTC datetime
      */
@@ -17,6 +17,6 @@ export declare class SpecFlowTestComponent implements OnInit {
     ngOnInit(): void;
     setError(error: any): void;
     setSuccess(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SpecFlowTestComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpecFlowTestComponent, "app-spec-flow-test", never, {}, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSpecFlowTestComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSpecFlowTestComponent, "mefdev-spec-flow-test", never, {}, {}, never, never>;
 }

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

@@ -2,9 +2,9 @@ import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./spec-flow-test/spec-flow-test.component";
 import * as i2 from "@angular/common";
-export declare class SpecFlowTestModule {
-    static forRoot(): ModuleWithProviders<SpecFlowTestModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SpecFlowTestModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SpecFlowTestModule, [typeof i1.SpecFlowTestComponent], [typeof i2.CommonModule], [typeof i1.SpecFlowTestComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SpecFlowTestModule>;
+export declare class MefDevSpecFlowTestModule {
+    static forRoot(): ModuleWithProviders<MefDevSpecFlowTestModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSpecFlowTestModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevSpecFlowTestModule, [typeof i1.MefDevSpecFlowTestComponent], [typeof i2.CommonModule], [typeof i1.MefDevSpecFlowTestComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevSpecFlowTestModule>;
 }

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

@@ -1,7 +1,7 @@
 import { OnInit } from "@angular/core";
 import { ControlValueAccessor } from "@angular/forms";
 import * as i0 from "@angular/core";
-export declare class pgSwitchComponent implements OnInit, ControlValueAccessor {
+export declare class MefDevSwitchComponent implements OnInit, ControlValueAccessor {
     private _disabled;
     _prefixCls: string;
     _color: string;
@@ -24,6 +24,6 @@ export declare class pgSwitchComponent implements OnInit, ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<pgSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<pgSwitchComponent, "pg-switch", never, { "Size": "Size"; "Color": "Color"; "Disabled": "Disabled"; }, { "onChange": "onChange"; }, never, ["[checked]", "[unchecked]"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevSwitchComponent, "mefdev-switch", never, { "Size": "Size"; "Color": "Color"; "Disabled": "Disabled"; }, { "onChange": "onChange"; }, never, ["[checked]", "[unchecked]"]>;
 }

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

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./switch.component";
 import * as i2 from "@angular/common";
-export declare class pgSwitchModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<pgSwitchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<pgSwitchModule, [typeof i1.pgSwitchComponent], [typeof i2.CommonModule], [typeof i1.pgSwitchComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<pgSwitchModule>;
+export declare class MefDevSwitchModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevSwitchModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevSwitchModule, [typeof i1.MefDevSwitchComponent], [typeof i2.CommonModule], [typeof i1.MefDevSwitchComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevSwitchModule>;
 }

package/lib/pg-components/tabs/index.d.ts

@@ -1,7 +1,7 @@
-export { pgTabBodyComponent } from './tab-body.component';
-export { pgTabLabelDirective } from './tab-label.directive';
-export { pgTabComponent } from './tab.component';
-export { pgTabsInkBarDirective } from './tabs-ink-bar.directive';
-export { pgTabsNavComponent } from './tabs-nav.component';
-export { pgTabSetComponent } from './tabset.component';
-export { pgTabsModule } from './tabs.module';
+export { MefDevTabBodyComponent } from './tab-body.component';
+export { MefDevTabLabelDirective } from './tab-label.directive';
+export { MefDevTabComponent } from './tab.component';
+export { MefDevTabsInkBarDirective } from './tabs-ink-bar.directive';
+export { MefDevTabsNavComponent } from './tabs-nav.component';
+export { MefDevTabSetComponent, AnimatedInterface, TabChangeEvent, TabPosition, TabPositionMode, TabType, } from './tabset.component';
+export { MefDevTabsModule } from './tabs.module';

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

@@ -1,7 +1,7 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class pgTabBodyComponent {
+export declare class MefDevTabBodyComponent {
     content: TemplateRef<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<pgTabBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<pgTabBodyComponent, "pg-tab-body", never, { "content": "content"; }, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabBodyComponent, "mefdev-tab-body", never, { "content": "content"; }, {}, never, never>;
 }

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

@@ -1,6 +1,6 @@
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class pgTabLabelDirective {
+export declare class MefDevTabLabelDirective {
     elementRef: ElementRef;
     private _disabled;
     set disabled(value: boolean);
@@ -10,6 +10,6 @@ export declare class pgTabLabelDirective {
     getOffsetWidth(): number;
     getOffsetTop(): number;
     getOffsetHeight(): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<pgTabLabelDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<pgTabLabelDirective, "[pg-tab-label]", never, { "disabled": "disabled"; }, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MefDevTabLabelDirective, "[pg-tab-label]", never, { "disabled": "disabled"; }, {}, never>;
 }

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

@@ -1,8 +1,8 @@
 import { EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { pgTabSetComponent } from './tabset.component';
+import { MefDevTabSetComponent } from './tabset.component';
 import * as i0 from "@angular/core";
-export declare class pgTabComponent implements OnDestroy, OnInit {
-    private pgTabSetComponent;
+export declare class MefDevTabComponent implements OnDestroy, OnInit {
+    private MefDevTabSetComponent;
     private disabled;
     position: number | null;
     origin: number | null;
@@ -14,9 +14,9 @@ export declare class pgTabComponent implements OnDestroy, OnInit {
     _tabHeading: TemplateRef<void>;
     _content: TemplateRef<void>;
     get content(): TemplateRef<void> | null;
-    constructor(pgTabSetComponent: pgTabSetComponent);
+    constructor(MefDevTabSetComponent: MefDevTabSetComponent);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<pgTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<pgTabComponent, "pg-tab", never, { "Disabled": "Disabled"; }, { "pgSelect": "pgSelect"; "pgClick": "pgClick"; "pgDeselect": "pgDeselect"; }, ["_tabHeading"], ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabComponent, "mefdev-tab", never, { "Disabled": "Disabled"; }, { "pgSelect": "pgSelect"; "pgClick": "pgClick"; "pgDeselect": "pgDeselect"; }, ["_tabHeading"], ["*"]>;
 }

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

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

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

@@ -2,13 +2,13 @@
 import { Direction, Directionality } from '@angular/cdk/bidi';
 import { AfterContentChecked, AfterContentInit, ElementRef, NgZone, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { pgTabLabelDirective } from './tab-label.directive';
-import { pgTabsInkBarDirective } from './tabs-ink-bar.directive';
+import { MefDevTabLabelDirective } from './tab-label.directive';
+import { MefDevTabsInkBarDirective } from './tabs-ink-bar.directive';
 import * as i0 from "@angular/core";
 export declare type ScrollDirection = 'after' | 'before';
 /** duplicated defined https://github.com/angular/angular-cli/issues/2034 **/
 export declare type TabPositionMode = 'horizontal' | 'vertical';
-export declare class pgTabsNavComponent implements AfterContentChecked, AfterContentInit {
+export declare class MefDevTabsNavComponent implements AfterContentChecked, AfterContentInit {
     _elementRef: ElementRef;
     private _ngZone;
     private _renderer;
@@ -38,8 +38,8 @@ export declare class pgTabsNavComponent implements AfterContentChecked, AfterCon
     set Type(value: string);
     get Type(): string;
     _tabBarExtraContent: TemplateRef<void>;
-    _labelWrappers: QueryList<pgTabLabelDirective>;
-    _inkBar: pgTabsInkBarDirective;
+    _labelWrappers: QueryList<MefDevTabLabelDirective>;
+    _inkBar: MefDevTabsInkBarDirective;
     _tabListContainer: ElementRef;
     _tabList: ElementRef;
     set ShowPagination(value: boolean);
@@ -74,6 +74,6 @@ export declare class pgTabsNavComponent implements AfterContentChecked, AfterCon
     get elementRefOffSetWidthHeight(): number;
     _getLayoutDirection(): Direction;
     _alignInkBarToSelectedTab(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<pgTabsNavComponent, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<pgTabsNavComponent, "pg-tabs-nav", never, { "Size": "Size"; "Animated": "Animated"; "Position": "Position"; "HideBar": "HideBar"; "Type": "Type"; "ShowPagination": "ShowPagination"; "PositionMode": "PositionMode"; "selectedIndex": "selectedIndex"; }, {}, ["_tabBarExtraContent", "_labelWrappers"], ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabsNavComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabsNavComponent, "mefdev-tabs-nav", never, { "Size": "Size"; "Animated": "Animated"; "Position": "Position"; "HideBar": "HideBar"; "Type": "Type"; "ShowPagination": "ShowPagination"; "PositionMode": "PositionMode"; "selectedIndex": "selectedIndex"; }, {}, ["_tabBarExtraContent", "_labelWrappers"], ["*"]>;
 }

package/lib/pg-components/tabs/tabs.module.d.ts

@@ -6,9 +6,8 @@ import * as i4 from "./tab-label.directive";
 import * as i5 from "./tabs-ink-bar.directive";
 import * as i6 from "./tab-body.component";
 import * as i7 from "@angular/common";
-import * as i8 from "@angular/cdk/observers";
-export declare class pgTabsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<pgTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<pgTabsModule, [typeof i1.pgTabComponent, typeof i2.pgTabSetComponent, typeof i3.pgTabsNavComponent, typeof i4.pgTabLabelDirective, typeof i5.pgTabsInkBarDirective, typeof i6.pgTabBodyComponent], [typeof i7.CommonModule, typeof i8.ObserversModule], [typeof i1.pgTabComponent, typeof i2.pgTabSetComponent, typeof i3.pgTabsNavComponent, typeof i4.pgTabLabelDirective, typeof i5.pgTabsInkBarDirective, typeof i6.pgTabBodyComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<pgTabsModule>;
+export declare class MefDevTabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevTabsModule, [typeof i1.MefDevTabComponent, typeof i2.MefDevTabSetComponent, typeof i3.MefDevTabsNavComponent, typeof i4.MefDevTabLabelDirective, typeof i5.MefDevTabsInkBarDirective, typeof i6.MefDevTabBodyComponent], [typeof i7.CommonModule], [typeof i1.MefDevTabComponent, typeof i2.MefDevTabSetComponent, typeof i3.MefDevTabsNavComponent, typeof i4.MefDevTabLabelDirective, typeof i5.MefDevTabsInkBarDirective, typeof i6.MefDevTabBodyComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MefDevTabsModule>;
 }

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

@@ -1,8 +1,8 @@
 /** code from https://github.com/angular/material2 */
 import { AfterContentChecked, AfterViewInit, ElementRef, EventEmitter, OnInit, Renderer2, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
-import { pgTabComponent } from './tab.component';
-import { pgTabsNavComponent } from './tabs-nav.component';
+import { MefDevTabComponent } from './tab.component';
+import { MefDevTabsNavComponent } from './tabs-nav.component';
 import * as i0 from "@angular/core";
 export interface AnimatedInterface {
     inkBar: boolean;
@@ -10,12 +10,12 @@ export interface AnimatedInterface {
 }
 export declare class TabChangeEvent {
     index: number;
-    tab: pgTabComponent;
+    tab: MefDevTabComponent;
 }
 export declare type TabPosition = 'top' | 'bottom' | 'left' | 'right';
 export declare type TabPositionMode = 'horizontal' | 'vertical';
 export declare type TabType = 'line' | 'fillup' | 'linetriangle';
-export declare class pgTabSetComponent implements AfterContentChecked, OnInit, AfterViewInit {
+export declare class MefDevTabSetComponent implements AfterContentChecked, OnInit, AfterViewInit {
     private _renderer;
     _el: any;
     _classMap: any;
@@ -26,13 +26,13 @@ export declare class pgTabSetComponent implements AfterContentChecked, OnInit, A
     _indexToSelect: number | null;
     _selectedIndex: number | null;
     _isViewInit: boolean;
-    _tabs: pgTabComponent[];
+    _tabs: MefDevTabComponent[];
     _tabAnimation: string;
     _extra_tab_class: string;
     _extra_tabcontent_class: string;
     TabBarExtraTemplate: TemplateRef<void>;
     TabBarExtraContent: TemplateRef<void>;
-    _tabNav: pgTabsNavComponent;
+    _tabNav: MefDevTabsNavComponent;
     _tabContent: ElementRef;
     _hostContent: ElementRef;
     Animated: AnimatedInterface | boolean;
@@ -44,7 +44,7 @@ export declare class pgTabSetComponent implements AfterContentChecked, OnInit, A
     SelectChange: EventEmitter<TabChangeEvent>;
     Size: string;
     _type: TabType;
-    tabs: pgTabComponent[];
+    tabs: MefDevTabComponent[];
     set TabPosition(value: TabPosition);
     get TabPosition(): TabPosition;
     set extraTabClass(value: string);
@@ -62,6 +62,6 @@ export declare class pgTabSetComponent implements AfterContentChecked, OnInit, A
     get inkBarAnimated(): boolean;
     get tabPaneAnimated(): boolean;
     constructor(_renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<pgTabSetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<pgTabSetComponent, "pg-tabset", never, { "TabBarExtraTemplate": "TabBarExtraTemplate"; "Animated": "Animated"; "ShowPagination": "ShowPagination"; "Hide": "Hide"; "SelectedIndex": "SelectedIndex"; "Size": "Size"; "TabPosition": "TabPosition"; "extraTabClass": "extraTabClass"; "extraTabContentClass": "extraTabContentClass"; "Type": "Type"; "tabAnimation": "tabAnimation"; }, { "SelectedIndexChange": "SelectedIndexChange"; "SelectChange": "SelectChange"; }, ["TabBarExtraContent"], never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MefDevTabSetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MefDevTabSetComponent, "mefdev-tabset", never, { "TabBarExtraTemplate": "TabBarExtraTemplate"; "Animated": "Animated"; "ShowPagination": "ShowPagination"; "Hide": "Hide"; "SelectedIndex": "SelectedIndex"; "Size": "Size"; "TabPosition": "TabPosition"; "extraTabClass": "extraTabClass"; "extraTabContentClass": "extraTabContentClass"; "Type": "Type"; "tabAnimation": "tabAnimation"; }, { "SelectedIndexChange": "SelectedIndexChange"; "SelectChange": "SelectChange"; }, ["TabBarExtraContent"], never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@natec/mef-dev-ui-kit",
-  "version": "0.0.698",
+  "version": "1.1.1",
   "description": "MEF.DEV UI Kit Library",
   "author": {
     "name": "NATEC"
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@angular/cdk": "^13.3.9",
-    "ngx-bootstrap": "^8.0.0",
+    "ngx-bootstrap": "^5.6.2",
     "ngx-ui-loader": "^13.0.0",
     "tslib": "^2.3.0"
   },

package/public-api.d.ts

@@ -4,9 +4,7 @@ export * from './lib/markup-kit/utils/filtered-field/index';
 export * from './lib/markup-kit/utils/help-block/index';
 export * from './lib/markup-kit/card/index';
 export * from './lib/markup-kit/modals/index';
-export * from './lib/markup-kit/modals/index';
 export * from './lib/markup-kit/page-layouts/index';
-export * from './lib/pg-components/card/index';
 export * from './lib/pg-components/progress/index';
 export * from './lib/pg-components/select/index';
 export * from './lib/pg-components/spec-flow-test/index';

package/src/lib/styles/icons.scss

@@ -1,3 +1,6 @@
+
+@import "node_modules/font-awesome/scss/font-awesome.scss";
+
 /*------------------------------------------------------------------
 Pages Icons
 ------------------------------------------------------------------ */

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

@@ -650,7 +650,7 @@
 }
 
 @function fade($color, $opacity) {
-  @return fade-in($color, $opacity/100%);
+  @return fade-in($color, calc($opacity / 100%));
 }
 
 div.jqxInGridLink {

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

@@ -507,9 +507,9 @@
 // Multiply
 //--------------------------------
 @function blend-multiply ($foreground, $background) {
-  $bm-red: red($background) * red($foreground) / 255;
-  $bm-green: green($background) * green($foreground) / 255;
-  $bm-blue: blue($background) * blue($foreground) / 255;
+  $bm-red: calc(red($background) * red($foreground) / 255);
+  $bm-green: calc(green($background) * green($foreground) / 255);
+  $bm-blue: calc(blue($background) * blue($foreground) / 255);
 
   @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background);
 }
@@ -716,7 +716,7 @@
 @function blend-hardlight-color($foreground, $background) {
   $tmp-blend: $foreground;
   @if $tmp-blend < 128 {
-    $foreground: $background * $tmp-blend * (2 / 255);
+    $foreground: calc($background * $tmp-blend * (2 / 255));
   } @else {
     $foreground: 255 - (255-$background) * (255-$tmp-blend) * (2 / 255);
   }

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

@@ -47,7 +47,7 @@ $color-menu-darker :mix($color-menu, #000, 90%) ;
 //Generating Menu font color
 $menu-mix-temp : mix($color-menu, #fff, 92%) ;
 $menu :blend-hardlight($menu-mix-temp,#fff) ;
-$color-menu-light :$menu !global;
+$color-menu-light :$menu;
 //Menu Font Color
 $color-menu-link-hover:#fff ;
 

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

@@ -534,4 +534,16 @@ a:focus, a:hover, a:active {
 
 .ngx-datatable.material .datatable-body .datatable-row-detail {
     background: #fff;
-}
+}
+
+.dropdown-item {
+  margin-bottom: 0;
+}
+
+.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/_select.scss

@@ -172,7 +172,7 @@ $background-color-base:$color-master-lighter;
         }
       }
       .pg-select-selection__clear {
-        top: $input-height-lg / 2;
+        top: calc($input-height-lg / 2)
       }
     }
   }
@@ -193,7 +193,7 @@ $background-color-base:$color-master-lighter;
         }
       }
       .pg-select-selection__clear {
-        top: $input-height-sm / 2;
+        top: calc($input-height-sm / 2);
       }
     }
   }
@@ -354,7 +354,7 @@ $background-color-base:$color-master-lighter;
     }
 
     .pg-select-selection__clear {
-      top: $input-height-base / 2;
+      top: calc($input-height-base / 2)
     }
   }