@natec/mef-dev-ui-kit 0.0.1

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

@@ -0,0 +1,21 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { pgSelectComponent } from "./select.component";
+import * as i0 from "@angular/core";
+export declare class pgOptionComponent implements OnDestroy, OnInit {
+    private _Select;
+    private _disabled;
+    _value: string;
+    _label: string;
+    OptionTemplate: any;
+    set Value(value: string);
+    get Value(): string;
+    set Label(value: string);
+    get Label(): string;
+    set Disabled(value: boolean);
+    get Disabled(): boolean;
+    constructor(_Select: pgSelectComponent);
+    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"], ["*"]>;
+}

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

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

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

@@ -0,0 +1,135 @@
+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 * as i0 from "@angular/core";
+export declare class pgSelectComponent implements OnInit, AfterContentInit, AfterContentChecked, ControlValueAccessor {
+    private _elementRef;
+    private _renderer;
+    private cDRef;
+    private _allowClear;
+    private _disabled;
+    private _isTags;
+    private _isMultiple;
+    private _keepUnListOptions;
+    private _showSearch;
+    _el: HTMLElement;
+    _isOpen: boolean;
+    _prefixCls: string;
+    _classList: string[];
+    _dropDownClassMap: any;
+    _dropDownPrefixCls: string;
+    _selectionClassMap: any;
+    _selectionPrefixCls: string;
+    _size: string;
+    _value: string[] | string;
+    _placeholder: string;
+    _notFoundContent: string;
+    _searchText: string;
+    _triggerWidth: number;
+    _selectedOption: pgOptionComponent;
+    _operatingMultipleOption: pgOptionComponent;
+    _selectedOptions: Set<pgOptionComponent>;
+    _options: pgOptionComponent[];
+    _cacheOptions: pgOptionComponent[];
+    _filterOptions: pgOptionComponent[];
+    _tagsOptions: pgOptionComponent[];
+    _activeFilterOption: pgOptionComponent;
+    _isMultiInit: boolean;
+    _dropDownPosition: "top" | "center" | "bottom";
+    _composing: boolean;
+    _mode: any;
+    onChange: (value: string | string[]) => void;
+    onTouched: () => void;
+    searchInputElementRef: any;
+    trigger: ElementRef;
+    dropdownUl: ElementRef;
+    SearchChange: EventEmitter<string>;
+    change: EventEmitter<string>;
+    OpenChange: EventEmitter<boolean>;
+    ScrollToBottom: EventEmitter<boolean>;
+    Filter: boolean;
+    MaxMultiple: number;
+    FirstDefault: boolean;
+    _cdkOverlay: CdkConnectedOverlay;
+    set AllowClear(value: boolean);
+    get AllowClear(): boolean;
+    set KeepUnListOptions(value: boolean);
+    get KeepUnListOptions(): boolean;
+    set Mode(value: string);
+    set Multiple(value: boolean);
+    get Multiple(): boolean;
+    set PlaceHolder(value: string);
+    get PlaceHolder(): string;
+    set NotFoundContent(value: string);
+    get NotFoundContent(): string;
+    set Size(value: string);
+    get Size(): string;
+    set ShowSearch(value: boolean);
+    get ShowSearch(): boolean;
+    set Tags(value: boolean);
+    get Tags(): boolean;
+    set Disabled(value: boolean);
+    get Disabled(): boolean;
+    set Open(value: boolean);
+    get Open(): boolean;
+    /** new -option insert or new tags insert */
+    addOption: (option: any) => void;
+    /** -option remove or tags remove */
+    removeOption(option: pgOptionComponent): void;
+    /** dropdown position changed */
+    onPositionChange(position: ConnectedOverlayPositionChange): void;
+    compositionStart(): void;
+    compositionEnd(): void;
+    /** clear single selected option */
+    clearSelect($event?: MouseEvent): void;
+    /** click dropdown option by user */
+    clickOption(option: pgOptionComponent, $event?: MouseEvent): void;
+    /** choose option */
+    chooseOption(option: pgOptionComponent, isUserClick?: boolean, $event?: MouseEvent): void;
+    updateWidth(element: HTMLInputElement, text: string): void;
+    /** determine if option in set */
+    isInSet(set: Set<pgOptionComponent>, option: pgOptionComponent): pgOptionComponent;
+    /** cancel select multiple option */ unSelectMultipleOption: (option: any, $event?: any, emitChange?: boolean) => void;
+    /** select multiple option */
+    selectMultipleOption(option: pgOptionComponent, $event?: MouseEvent): void;
+    /** emit multiple options */
+    emitMultipleOptions(): void;
+    /** update selected option when add remove option etc */
+    updateSelectedOption(currentModelValue: string | string[], triggerByNgModel?: boolean): void;
+    forceUpdateSelectedOption(value: string | string[]): void;
+    get Value(): string | string[];
+    set Value(value: string | string[]);
+    clearAllSelectedOption(emitChange?: boolean): void;
+    handleKeyEnterEvent(event: KeyboardEvent): void;
+    handleKeyBackspaceEvent(event: KeyboardEvent): void;
+    handleKeyDownEvent($event: MouseEvent): void;
+    handleKeyUpEvent($event: MouseEvent): void;
+    preOption(option: pgOptionComponent, options: pgOptionComponent[]): pgOptionComponent;
+    nextOption(option: pgOptionComponent, options: pgOptionComponent[]): pgOptionComponent;
+    clearSearchText(): void;
+    updateFilterOption(updateActiveFilter?: boolean): void;
+    onSearchChange(searchValue: string): void;
+    onClick(e: MouseEvent): void;
+    onKeyDown(e: KeyboardEvent): void;
+    closeDropDown(): void;
+    setClassMap(): void;
+    setDropDownClassMap(): void;
+    scrollToActive(): void;
+    flushComponentState(): void;
+    _setTriggerWidth(): void;
+    _getTriggerRect(): ClientRect;
+    writeValue(value: string | string[]): void;
+    registerOnChange(fn: (value: string | string[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    dropDownScroll(ul: HTMLUListElement): void;
+    checkDropDownScroll(): void;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2, cDRef: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    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>;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./option.pipe";
+import * as i2 from "./option.component";
+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>;
+}

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

@@ -0,0 +1,2 @@
+export * from './spec-flow-test/spec-flow-test.component';
+export * from './spec-flow-test.module';

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

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SpecFlowTestComponent 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<SpecFlowTestComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpecFlowTestComponent, "app-spec-flow-test", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,10 @@
+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>;
+}

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

@@ -0,0 +1,2 @@
+export * from './switch.component';
+export * from './switch.module';

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

@@ -0,0 +1,29 @@
+import { OnInit } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class pgSwitchComponent implements OnInit, ControlValueAccessor {
+    private _disabled;
+    _prefixCls: string;
+    _color: string;
+    _innerPrefixCls: string;
+    _classMap: any;
+    _size: string;
+    _checked: boolean;
+    onChange: (value: boolean) => void;
+    onTouched: () => void;
+    set Size(value: string);
+    set Color(value: string);
+    get Size(): string;
+    set Disabled(value: boolean);
+    get Disabled(): boolean;
+    onClick(e: MouseEvent): void;
+    updateValue(value: boolean): void;
+    setClassMap(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (_: boolean) => void): void;
+    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]"]>;
+}

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

@@ -0,0 +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>;
+}

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

@@ -0,0 +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';

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { pgTabSetComponent } from './tabset.component';
+import * as i0 from "@angular/core";
+export declare class pgTabComponent implements OnDestroy, OnInit {
+    private pgTabSetComponent;
+    private disabled;
+    position: number | null;
+    origin: number | null;
+    set Disabled(value: boolean);
+    get Disabled(): boolean;
+    pgSelect: EventEmitter<any>;
+    pgClick: EventEmitter<any>;
+    pgDeselect: EventEmitter<any>;
+    _tabHeading: TemplateRef<void>;
+    _content: TemplateRef<void>;
+    get content(): TemplateRef<void> | null;
+    constructor(pgTabSetComponent: pgTabSetComponent);
+    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"], ["*"]>;
+}

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

@@ -0,0 +1,23 @@
+import { ElementRef, NgZone, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare type TabPositionMode = 'horizontal' | 'vertical';
+export declare class pgTabsInkBarDirective {
+    private _renderer;
+    private _elementRef;
+    private _ngZone;
+    private _animated;
+    set Animated(value: boolean);
+    get Animated(): boolean;
+    PositionMode: TabPositionMode;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _ngZone: NgZone);
+    alignToElement(element: HTMLElement): void;
+    show(): void;
+    setDisplay(value: string): void;
+    hide(): void;
+    _getLeftPosition(element: HTMLElement): string;
+    _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>;
+}

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

@@ -0,0 +1,79 @@
+/** code from https://github.com/angular/material2 */
+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 * 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 {
+    _elementRef: ElementRef;
+    private _ngZone;
+    private _renderer;
+    private _dir;
+    private _animated;
+    private _hideBar;
+    private _showPagination;
+    _showPaginationControls: boolean;
+    _disableScrollAfter: boolean;
+    _disableScrollBefore: boolean;
+    _scrollDistance: number;
+    _selectedIndexChanged: boolean;
+    _realignInkBar: Subscription | null;
+    _tabLabelCount: number;
+    _scrollDistanceChanged: boolean;
+    _selectedIndex: number;
+    _tabPositionMode: TabPositionMode;
+    _tabPosition: string;
+    Size: string;
+    _type: string;
+    set Animated(value: boolean);
+    get Animated(): boolean;
+    set Position(value: string);
+    get Position(): string;
+    set HideBar(value: boolean);
+    get HideBar(): boolean;
+    set Type(value: string);
+    get Type(): string;
+    _tabBarExtraContent: TemplateRef<void>;
+    _labelWrappers: QueryList<pgTabLabelDirective>;
+    _inkBar: pgTabsInkBarDirective;
+    _tabListContainer: ElementRef;
+    _tabList: ElementRef;
+    set ShowPagination(value: boolean);
+    get ShowPagination(): boolean;
+    set PositionMode(value: TabPositionMode);
+    get PositionMode(): TabPositionMode;
+    set selectedIndex(value: number);
+    get selectedIndex(): number;
+    constructor(_elementRef: ElementRef, _ngZone: NgZone, _renderer: Renderer2, _dir: Directionality);
+    _onContentChanges(): void;
+    _scrollHeader(scrollDir: ScrollDirection): void;
+    ngAfterContentChecked(): void;
+    ngAfterContentInit(): void;
+    _updateTabScrollPosition(): void;
+    _updatePagination(): void;
+    _checkPaginationEnabled(): void;
+    _scrollToLabel(labelIndex: number): void;
+    _checkScrollingControls(): void;
+    /**
+     * Determines what is the maximum length in pixels that can be set for the scroll distance. This
+     * is equal to the difference in width between the tab list container and tab header container.
+     *
+     * This is an expensive call that forces a layout reflow to compute box and scroll metrics and
+     * should be called sparingly.
+     */
+    _getMaxScrollDistance(): number;
+    /** Sets the distance in pixels that the tab header should be transformed in the X-axis. */
+    set scrollDistance(v: number);
+    get scrollDistance(): number;
+    get viewWidthHeightPix(): number;
+    get tabListScrollWidthHeightPix(): number;
+    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"], ["*"]>;
+}

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tab.component";
+import * as i2 from "./tabset.component";
+import * as i3 from "./tabs-nav.component";
+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>;
+}

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

@@ -0,0 +1,67 @@
+/** 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 * as i0 from "@angular/core";
+export interface AnimatedInterface {
+    inkBar: boolean;
+    tabPane: boolean;
+}
+export declare class TabChangeEvent {
+    index: number;
+    tab: pgTabComponent;
+}
+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 {
+    private _renderer;
+    _el: any;
+    _classMap: any;
+    _prefixCls: string;
+    _width: any;
+    _tabPosition: TabPosition;
+    _tabPositionMode: TabPositionMode;
+    _indexToSelect: number | null;
+    _selectedIndex: number | null;
+    _isViewInit: boolean;
+    _tabs: pgTabComponent[];
+    _tabAnimation: string;
+    _extra_tab_class: string;
+    _extra_tabcontent_class: string;
+    TabBarExtraTemplate: TemplateRef<void>;
+    TabBarExtraContent: TemplateRef<void>;
+    _tabNav: pgTabsNavComponent;
+    _tabContent: ElementRef;
+    _hostContent: ElementRef;
+    Animated: AnimatedInterface | boolean;
+    ShowPagination: boolean;
+    Hide: boolean;
+    set SelectedIndex(value: number | null);
+    get SelectedIndex(): number | null;
+    get SelectedIndexChange(): Observable<number>;
+    SelectChange: EventEmitter<TabChangeEvent>;
+    Size: string;
+    _type: TabType;
+    tabs: pgTabComponent[];
+    set TabPosition(value: TabPosition);
+    get TabPosition(): TabPosition;
+    set extraTabClass(value: string);
+    set extraTabContentClass(value: string);
+    set Type(value: TabType);
+    set tabAnimation(value: string);
+    get Type(): TabType;
+    _setPosition(value: TabPosition): void;
+    _setClassMap(): void;
+    clickLabel(index: number): void;
+    ngOnInit(): void;
+    ngAfterContentChecked(): void;
+    ngAfterViewInit(): void;
+    private _createChangeEvent;
+    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>;
+}

package/lib/pg-components/util/convert.d.ts

@@ -0,0 +1 @@
+export declare function toBoolean(value: any): boolean;

package/lib/pg-components/util/request-animation.d.ts

@@ -0,0 +1 @@
+export declare const reqAnimFrame: typeof requestAnimationFrame;

package/mef-dev-ui-kit.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="mef-dev-ui-kit" />
+export * from './public-api';

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@natec/mef-dev-ui-kit",
+  "version": "0.0.1",
+  "description": "Mef.dev UI kit library",
+  "author": {
+    "name": "NatecRD"
+  },
+  "keywords": [
+    "Angular",
+    "Plugin",
+    "mef.dev"
+  ],
+  "peerDependencies": {
+    "@angular/common": "^13.2.0",
+    "@angular/core": "^13.2.0"
+  },
+  "dependencies": {
+    "@angular/cdk": "^13.3.9",
+    "@ngx-translate/core": "^14.0.0",
+    "ngx-bootstrap": "^8.0.0",
+    "ngx-ui-loader": "^13.0.0",
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/mef-dev-ui-kit.mjs",
+  "es2020": "fesm2020/mef-dev-ui-kit.mjs",
+  "esm2020": "esm2020/mef-dev-ui-kit.mjs",
+  "fesm2020": "fesm2020/mef-dev-ui-kit.mjs",
+  "fesm2015": "fesm2015/mef-dev-ui-kit.mjs",
+  "typings": "mef-dev-ui-kit.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./mef-dev-ui-kit.d.ts",
+      "esm2020": "./esm2020/mef-dev-ui-kit.mjs",
+      "es2020": "./fesm2020/mef-dev-ui-kit.mjs",
+      "es2015": "./fesm2015/mef-dev-ui-kit.mjs",
+      "node": "./fesm2015/mef-dev-ui-kit.mjs",
+      "default": "./fesm2020/mef-dev-ui-kit.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,14 @@
+export * from './lib/markup-kit/collapse/index';
+export * from './lib/markup-kit/utils/loader/index';
+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';
+export * from './lib/pg-components/switch/index';
+export * from './lib/pg-components/tabs/index';

package/src/lib/styles/designe-colors.scss

@@ -0,0 +1,68 @@
+$Dark-Gray-1: #373737;
+$Dark-Gray-2: #4D4D4D;
+$Red: #CF0106;
+$Green: #28B446;
+$Light-Gray-1: #929292;
+$Light-Gray-2: #EAEAEA;
+$Light-Gray-3: #F3F3F3;
+$White: #FFFFFF;
+$Link: #0185CF;
+
+.color-Dark-Gray-1{
+    color: $Dark-Gray-1 !important;
+}
+
+.color-Dark-Gray-2{
+    color: $Dark-Gray-2 !important;
+}
+.color-Red{
+    color: $Red !important;
+}
+.color-Green{
+    color: $Green !important;
+}
+.color-Light-Gray-1{
+    color: $Light-Gray-1 !important;
+}
+.color-Light-Gray-2{
+    color: $Light-Gray-2 !important;
+}
+.color-Light-Gray-3{
+    color: $Light-Gray-3 !important;
+}
+.color-White{
+    color: $White !important;
+}
+.color-Link{
+    color: $Link !important;
+}
+
+
+.b-color-Dark-Gray-1{
+    background-color: $Dark-Gray-1 !important;
+}
+
+.b-color-Dark-Gray-2{
+    background-color: $Dark-Gray-2 !important;
+}
+.b-color-Red{
+    background-color: $Red !important;
+}
+.b-color-Green{
+    background-color: $Green !important;
+}
+.b-color-Light-Gray-1{
+    background-color: $Light-Gray-1 !important;
+}
+.b-color-Light-Gray-2{
+    background-color: $Light-Gray-2 !important;
+}
+.b-color-Light-Gray-3{
+    background-color: $Light-Gray-3 !important;
+}
+.b-color-White{
+    background-color: $White !important;
+}
+.b-color-Link{
+    background-color: $Link !important;
+}