@acorex/components 5.0.5 → 5.0.9

package/src/lib/selectbox/selectbox.component.html

@@ -1,63 +0,0 @@
-<ax-drop-down (onOpened)="_emitOnOpenedEvent()" (onClosed)="_emitOnClosedEvent()">
-    <ng-container input>
-        <ng-content select="ax-prefix">
-        </ng-content>
-        <div class="ax-select-box-selection" [tabindex]="tabIndex" (focus)="_emitOnFocusEvent($event)"
-            (blur)="_emitOnBlurEvent($event)">
-            <div class="ax-dropdown-chips">
-                <div *ngFor="let item of selectedItems"
-                    [ngClass]="{'ax-badge ax-primary ax-m-1': multiple,'ax-badge':!multiple}"
-                    [title]="_getItemDisplayTextTemplte(item)">
-                    <span> {{ _getItemDisplayTextTemplte(item) }}</span>
-                    <i class="ax-ic ax-ic-close ax-text-base" (click)="_handleOnRemoveItemClick($event,item)"
-                        *ngIf=" (readonly!=true) && multiple && disabled!=true && (allowNull==true || (selectedItems.length> 1))">
-                    </i>
-
-                </div>
-            </div>
-            <!-- <div class="ax-selectbox-input">
-                <input type="text" [tabindex]="tabIndex" (focus)="_emitOnFocusEvent($event)" (blur)="_emitOnBlurEvent($event)" (keydown)="_handleKeydown($event)">
-            </div> -->
-            <ng-content select="ax-suffix">
-            </ng-content>
-        </div>
-    </ng-container>
-    <div class="ax-list ax-list-container" panel>
-        <div class="ax-list-items-container ax-vertical ax-default" (scroll)="_handleListScroll($event)" #listContainer>
-            <ng-container *ngFor="let item of displayItems;let i = index;trackBy : _trackByFunction">
-                <ng-container *ngIf="itemTemplate; else elseTemplate">
-                    <div class="ax-list-item" (click)="_handleOnItemClick($event,item)">
-                        <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item,direction:direction}">
-                        </ng-container>
-                    </div>
-                </ng-container>
-                <ng-template #elseTemplate>
-                    <div class="ax-list-item" [class.ax-state-selected]="isItemSelected(item)" [attr.tabindex]="i"
-                        (click)="_handleOnItemClick($event,item)">
-                        {{ _getItemDisplayTextTemplte(item) }}
-                    </div>
-                </ng-template>
-            </ng-container>
-            <ng-container *ngIf="(displayItems==null || displayItems.length==0) && !isLoading">
-                <ng-container *ngIf="emptyTemplate; else elseEmptyTemplate">
-                    <ng-container *ngTemplateOutlet="elseEmptyTemplate">
-                    </ng-container>
-                </ng-container>
-                <ng-template #elseTemplate>
-                    Empty!
-                </ng-template>
-            </ng-container>
-            <ng-container *ngIf="isLoading">
-                <ng-container *ngIf="loadingTemplate; else elseLoadingTemplate">
-                    <ng-container *ngTemplateOutlet="loadingTemplate">
-                    </ng-container>
-                </ng-container>
-                <ng-template #elseLoadingTemplate>
-                    <div class="ax-list-loading-container">
-                        <div><i class="fas fa-spinner ax-animate-spin"></i> Loading ...</div>
-                    </div>
-                </ng-template>
-            </ng-container>
-        </div>
-    </div>
-</ax-drop-down>

package/src/lib/selectbox/selectbox.component.ts

@@ -1,211 +0,0 @@
-import { Overlay } from '@angular/cdk/overlay';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostListener, NgZone, ViewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';
-import { AXBaseSelectionDropdownMixin } from '../base';
-import { DropdownComponentInterface } from '../base/mixin/dropdown-mixin.class';
-import { AXDropdownComponent } from '../dropdown';
-
-@Component({
-    selector: 'ax-select-box',
-    templateUrl: 'selectbox.component.html',
-    inputs: ['disabled', 'readonly', 'tabIndex', 'size', 'fitParent', 'value', 'items', 'multiple', 'allowNull', 'valueField', 'textField'],
-    outputs: ['onOpened', 'onClosed', 'valueChange', 'onValueChanged', 'onBlur', 'onFocus'],
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    host: { 'class': 'ax-select-box' }
-})
-export class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin implements DropdownComponentInterface {
-
-    @ViewChild(AXDropdownComponent)
-    private dropdown: AXDropdownComponent;
-
-    @ViewChild('listContainer', { static: true })
-    private listContainer: ElementRef<HTMLDivElement>;
-
-
-    _currentfocusedIndex: number = -1;
-
-    constructor(
-        elementRef: ElementRef,
-        cdr: ChangeDetectorRef,
-        private zone: NgZone
-    ) {
-        super(elementRef, cdr);
-    }
-
-    open(): void {
-        this.dropdown.open();
-    }
-    close(): void {
-        this.dropdown.close();
-    }
-    toggle(): void {
-        this.dropdown.toggle();
-    }
-
-
-    onViewInit() {
-        this.dropdown.onOpened.subscribe(() => {
-            this._focusSelectedItem();
-        });
-    }
-
-    get isOpen(): boolean {
-        return this.dropdown.isOpen;
-    }
-
-
-    _handleOnItemClick(e: MouseEvent, item: any) {
-        this.close();
-        this.toggleSelect(item);
-    }
-
-    _handleListScroll(e: Event) {
-        const list = e.target as HTMLDivElement;
-        if ((list.scrollTop < list.scrollHeight - list.clientHeight)) {
-            return;
-        }
-        this._fetchData();
-    }
-
-    private _checkForLoadData() {
-        const list = this.listContainer.nativeElement;
-        if (this.loadedCount < this.totalCount && list.clientHeight < list.parentElement.clientHeight) {
-            this._fetchData();
-        }
-    }
-
-    _onDataLoaded() {
-        setTimeout(() => {
-            this._checkForLoadData();
-        }, 100);
-    }
-
-    _handleOnRemoveItemClick(e: MouseEvent, item: any) {
-        this.unselectItems(item)
-        e.stopPropagation();
-    }
-
-    @HostListener('document:keydown', ['$event'])
-    _handleKeydown(e: KeyboardEvent) {
-        if (!(
-            this._getHostElement() == document.activeElement ||
-            this._getHostElement().contains(document.activeElement) ||
-            this.listContainer.nativeElement.contains(document.activeElement)
-        )) {
-            return;
-        }
-
-        if (e.key === 'Escape' || this.disabled || this.readonly) {
-            this.close();
-            e.preventDefault();
-            return;
-        }
-        const isLetter = new RegExp(/[a-zA-Z0-9\-]/).test(String.fromCharCode(e.keyCode));
-        if (e.key === 'Backspace' && e.type === 'keydown' &&
-            ((this.allowNull === true && this.selectedItems.length > 0) ||
-                (this.allowNull !== true && this.selectedItems.length > 1))) {
-            this.isUserInput = true;
-            this.unselectItems(this.selectedItems.pop());
-            e.preventDefault();
-            return;
-        }
-        else if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && this.displayItems.length > 0 && !this.dropdown.isOpen && e.type === 'keydown') {
-            if (this.multiple) {
-                this.open();
-            }
-            else {
-                this.isUserInput = true;
-                if (e.ctrlKey) {
-                    this.open();
-                }
-                else {
-                    this._selectedItemByIndex(this._currentfocusedIndex + (e.key === 'ArrowDown' ? 1 : -1));
-                }
-            }
-            e.preventDefault();
-            return;
-        }
-        else if (isLetter) {
-            this.text = e.key;
-            this.open();
-            e.preventDefault();
-            return;
-        }
-        if (this.dropdown.isOpen) {
-            if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && this.displayItems.length > 0) {
-                this.isUserInput = true;
-                this._focusItemByNav((e.key === 'ArrowDown' ? 1 : -1));
-                if (!this.multiple) {
-                    this.selectItems(this.displayItems[this._currentfocusedIndex]);
-                }
-                e.preventDefault();
-                return;
-            }
-            if ((e.key === 'Enter' || e.code === 'Space')) {
-                const focusedItem = this.displayItems[this._currentfocusedIndex];
-                if (focusedItem) {
-                    if (this.multiple) {
-                        this.isUserInput = true;
-                        this.toggleSelect(focusedItem);
-                    }
-                    else {
-                        this.isUserInput = true;
-                        this.selectItems(focusedItem);
-                        this.close();
-                    }
-                }
-                e.preventDefault();
-                return;
-            }
-        }
-    }
-
-
-    private _focusItemByNav(sign: -1 | 1 | null = null): void {
-        if (sign == null) {
-            const lastSelectedItem = this.selectedItems[this.selectedItems.length - 1];
-            this._currentfocusedIndex = lastSelectedItem ? this.displayItems.findIndex(c => c[this.valueField] == lastSelectedItem[this.valueField]) : 0;
-        }
-        else {
-            sign === -1 ? this._currentfocusedIndex-- : this._currentfocusedIndex++;
-        }
-        if (this._currentfocusedIndex < 0) {
-            this._currentfocusedIndex = 0;
-        }
-        if (this._currentfocusedIndex > this.displayItems.length - 1) {
-            this._currentfocusedIndex = this.displayItems.length - 1;
-        }
-
-        // set scroll
-        this._focusItemByIndex(this._currentfocusedIndex);
-    }
-
-    private _focusItemByIndex(inedx: number) {
-        if (this.listContainer) {
-            this.zone.runOutsideAngular(() => {
-                const itemDiv = this.listContainer.nativeElement.querySelector<HTMLElement>(`.ax-list-item:nth-child(${inedx + 1})`);
-                if (itemDiv) {
-                    itemDiv.focus();
-                    itemDiv.scrollIntoView({ behavior: 'auto' });
-                }
-            });
-        }
-    }
-
-    private _focusSelectedItem() {
-        const lastSelectedItem = this.selectedItems[this.selectedItems.length - 1];
-        this._currentfocusedIndex = lastSelectedItem ? this.displayItems.findIndex(c => c[this.valueField] == lastSelectedItem[this.valueField]) : 0;
-        this._focusItemByIndex(this._currentfocusedIndex);
-    }
-
-    private _selectedItemByIndex(index: number) {
-        if (index < 0) {
-            index = 0;
-        }
-        if (index > this.displayItems.length - 1) {
-            index = this.displayItems.length - 1;
-        }
-        this.selectItems(this.displayItems[index]);
-        this._currentfocusedIndex = index;
-    }
-}

package/src/lib/selectbox/selectbox.module.ts

@@ -1,15 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { AXButtonModule } from '../button';
-import { AXDropdownModule } from '../dropdown';
-
-import { AXSelectBoxComponent } from './selectbox.component';
-
-@NgModule({
-    imports: [CommonModule, AXDropdownModule, FormsModule],
-    exports: [AXSelectBoxComponent],
-    declarations: [AXSelectBoxComponent],
-    providers: [],
-})
-export class AXSelectBoxModule { }

package/src/lib/selection-list/selection-list.component.html

@@ -1,31 +0,0 @@
-<div class="ax-selection-list ax-{{direction}}">
-    <ng-container *ngIf="multiple; then checkboxList; else radioButtonList"></ng-container>
-    <ng-template #checkboxList>
-        <ng-container *ngFor="let item of displayItems;let i = index">
-            <div class="ax-flex ax-items-start ax-checkbox-container ax-mb-2">
-                <div class="ax-flex ax-items-center ax-h-5">
-                    <input [id]="'ax-checkbox'+i" class="ax-checkbox" type="checkbox" (change)="_handleOnItemValueChange(item, $event)" [checked]="isItemSelected(item)" [disabled]="disabled || item.disabled" [readonly]="readonly || item.readonly">
-                </div>
-                <div class="ax-ms-3 ax-text-sm">
-                    <label [for]="'ax-checkbox'+i" class="ax-font-medium ax-text-light-700"> {{item[textField]}}</label>
-                    <p class="ax-text-light-500"> {{item.hint}}</p>
-                </div>
-            </div>
-        </ng-container>
-    </ng-template>
-    <ng-template #radioButtonList>
-        <ng-container *ngFor="let item of displayItems;let i = index">
-            <div class="ax-flex ax-items-start ax-radio-container ax-mb-2">
-                <div class="ax-flex ax-items-center ax-h-5">
-                    <input [id]="'ax-radio-'+i" class="ax-radio" type="radio" [attr.name]="'g'+id" (change)="_handleOnItemValueChange(item, $event)" [checked]="isItemSelected(item)" [disabled]="disabled || item.disabled" [readonly]="readonly || item.readonly">
-                </div>
-                <div class="ax-ms-3 ax-text-sm">
-                    <label [for]="'ax-radio-'+i" class="ax-font-medium ax-text-light-700"> {{item[textField]}}</label>
-                    <p class="ax-text-light-500"> {{item.hint}}</p>
-                </div>
-            </div>
-        </ng-container>
-    </ng-template>
-    <ng-content select="ax-validation-rule">
-    </ng-content>
-</div>

package/src/lib/selection-list/selection-list.component.ts

@@ -1,56 +0,0 @@
-import {
-  Component,
-  ChangeDetectionStrategy,
-  ViewEncapsulation,
-  ElementRef,
-  ChangeDetectorRef,
-  Input,
-} from '@angular/core';
-import { AXBaseSelectionValueMixin, AXDirection } from '../base';
-
-@Component({
-  selector: 'ax-selection-list',
-  templateUrl: './selection-list.component.html',
-  inputs: [
-    'disabled',
-    'readonly',
-    'tabIndex',
-    'size',
-    'value',
-    'valueField',
-    'textField',
-    'multiple',
-    'items',
-    'selectionMode',
-    'cssClass'
-  ],
-  outputs: ['valueChange', 'onValueChanged', 'onBlur', 'onFocus'],
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class AXSelectionListComponent extends AXBaseSelectionValueMixin {
-  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {
-    super(elementRef, cdr);
-  }
-
-  @Input()
-  direction: AXDirection = 'horizontal';
-
-
-  _handleOnItemValueChange(item: any, e: Event) {
-    if (this.readonly || this.disabled) {
-      e.preventDefault();
-      e.stopPropagation();
-    } else {
-      (e.target as any).checked ? this.selectItems(item) : this.unselectItems(item);
-    }
-  }
-
-  // _handleOnClickEvent(e: MouseEvent) {
-  //
-  //   if (this.readonly || this.disabled) {
-  //     e.preventDefault();
-  //     e.stopPropagation();
-  //   }
-  // }
-}

package/src/lib/selection-list/selection-list.module.ts

@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AXSelectionListComponent } from './selection-list.component';
-import { AXCheckBoxModule } from '../checkbox/checkbox.module';
-import { FormsModule } from '@angular/forms';
-
-@NgModule({
-  declarations: [AXSelectionListComponent],
-  imports: [CommonModule, FormsModule, AXCheckBoxModule],
-  exports: [AXSelectionListComponent],
-  providers: []
-})
-export class AXSelectionListModule { }

package/src/lib/side-menu/side-menu.component.html

@@ -1,2 +0,0 @@
-
-<div>Hi ax-side-menu</div>

package/src/lib/side-menu/side-menu.component.ts

@@ -1,20 +0,0 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXBaseComponentMixin } from '../base';
-
-@Component({
-    selector: 'ax-side-menu',
-    templateUrl: './side-menu.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    host : { class: 'ax-side-menu' }
-})
-export class AXSideMenuComponent extends AXBaseComponentMixin {
-
-    constructor(
-        elementRef: ElementRef, 
-        cdr: ChangeDetectorRef
-    ) {
-        super(elementRef, cdr);
-    }
-
-}

package/src/lib/side-menu/side-menu.module.ts

@@ -1,14 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AXSideMenuComponent } from './side-menu.component';
-
-const COMPONENT = [AXSideMenuComponent];
-const MODULES = [CommonModule];
-
-@NgModule({
-    declarations: [...COMPONENT],
-    imports: [...MODULES],
-    exports: [...COMPONENT],
-    providers: [],
-})
-export class AXSideMenuModule { }

package/src/lib/switch/switch.component.html

@@ -1,8 +0,0 @@
-<label class="ax-switch {{cssClass}} ax-{{size}}" [class.ax-state-disabled]="disabled"
-    [class.ax-state-readonly]="readonly" [attr.style]="cssStyle" (click)="handleOnClickEvent($event)">
-    <input type="checkbox" [(ngModel)]="value" [disabled]="disabled" [readonly]="readonly" [tabindex]="tabIndex"
-        (focus)="_emitOnFocusEvent($event)" (blur)="_emitOnBlurEvent($event)">
-    <span class="ax-switch-slider"></span>
-</label>
-<ng-content select="ax-validation-rule">
-</ng-content>

package/src/lib/switch/switch.component.ts

@@ -1,25 +0,0 @@
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ViewEncapsulation, ElementRef } from '@angular/core';
-import { AXBaseValueComponentMixin } from '../base';
-import { VALUE_INPUTS, VALUE_OUTPUT } from '../base/mixin/value-mixin.class';
-
-@Component({
-  selector: 'ax-switch',
-  templateUrl: './switch.component.html',
-  inputs: ['disabled', 'readonly', 'tabIndex', 'size', 'cssClass', 'cssStyle', ...VALUE_INPUTS],
-  outputs: ['onBlur', 'onFocus', ...VALUE_OUTPUT],
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class AXSwitchComponent extends AXBaseValueComponentMixin {
-
-  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {
-    super(elementRef, cdr);
-  }
-
-  handleOnClickEvent(e: MouseEvent) {
-    if (this.readonly || this.disabled) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }
-}

package/src/lib/switch/switch.module.ts

@@ -1,15 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { AXSwitchComponent } from './switch.component';
-
-@NgModule({
-    declarations: [AXSwitchComponent],
-    imports: [CommonModule, FormsModule],
-    exports: [AXSwitchComponent],
-    entryComponents: [AXSwitchComponent],
-    providers: [],
-})
-export class AXSwitchModule {
-
-}

package/src/lib/tabs/tab-strip.component.html

@@ -1,20 +0,0 @@
-<div class="ax-tabs ax-tabs-{{mode}} ax-tabs-{{direction}} {{cssClass}}" [class.ax-tabs-full]="fullWidth" [class.ax-tabs-min-width]="minWidth">
-    <div class="ax-tab-item-container">
-        <ng-container *ngFor="let item of items;let i = index">
-            <div class="ax-tab-item" [class.ax-state-active]="item.active" [class.ax-state-disabled]="item.disabled" *ngIf="item.visible!=false" (click)="_handleClick(item,i)">
-                <span *ngIf="item.iconClassBefore || item.iconClass"><i
-                        class="ax-icon {{item.iconClassBefore || item.iconClass}}"></i>
-                    <ng-container *ngIf="item.text">&nbsp;&nbsp;</ng-container>
-                </span>
-                <span *ngIf="item.text">{{item.text}}</span>
-                <span *ngIf="item.iconClassAfter">
-                    <ng-container *ngIf="item.text">&nbsp;&nbsp;</ng-container><i
-                        class="ax-icon {{item.iconClassAfter}}"></i>
-                </span>
-                <!-- <span *ngIf="badge" class="ax-badge">
-                    <ng-container *ngIf="text">&nbsp;&nbsp;</ng-container>{{badge}}
-                </span> -->
-            </div>
-        </ng-container>
-    </div>
-</div>

package/src/lib/tabs/tab-strip.component.ts

@@ -1,71 +0,0 @@
-import {
-  Component,
-  ViewEncapsulation,
-  ChangeDetectionStrategy,
-  ElementRef,
-  ChangeDetectorRef,
-  Input,
-  EventEmitter,
-  Output,
-} from '@angular/core';
-import { AXSizableComponentMixin } from '../base';
-import { AXTabStripChangedEvent, AXTabStripItem } from './tabs.class';
-
-@Component({
-  selector: 'ax-tab-strip',
-  templateUrl: './tab-strip.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  inputs: ['size', 'cssClass'],
-  host: { class: 'ax-tab-strip' },
-})
-export class AXTabStripComponent extends AXSizableComponentMixin {
-  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {
-    super(elementRef, cdr);
-  }
-
-  private _items: AXTabStripItem[];
-  @Input()
-  public get items(): AXTabStripItem[] {
-    return this._items;
-  }
-  public set items(v: AXTabStripItem[]) {
-    this._items = v;
-    if (
-      this._items &&
-      this.items.length &&
-      !this._items.some((c) => c.active)
-    ) {
-      this._handleClick(this.items[0], 0);
-    }
-  }
-
-  @Input()
-  mode: 'default' | 'underline' | 'overline' | 'pills' | 'pills-color' = 'default';
-
-  @Input()
-  direction: "horizontal" | "vertical" = "horizontal";
-
-  @Input()
-  fullWidth: boolean = false;
-
-  @Input()
-  minWidth: boolean = false;
-
-  @Output()
-  onSelectionChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();
-
-  _handleClick(tab: AXTabStripItem, index: number) {
-    if (tab.disabled) {
-      return;
-    }
-    this.items.forEach((c) => (c.active = false));
-    tab.active = true;
-    this.onSelectionChanged.emit({
-      component: this,
-      selectedIndex: index,
-      selectedTab: tab,
-      htmlElement: this._getHostElement(),
-    });
-  }
-}

package/src/lib/tabs/tab-view.component.html

@@ -1,8 +0,0 @@
-<ax-tab-strip [items]="_tabs" [fullWidth]="fullWidth" [mode]="mode" [minWidth]="minWidth" [size]="size"
-    (onSelectionChanged)="_handleSelectionChanged($event)">
-
-</ax-tab-strip>
-<div class="ax-tab-view-container">
-    <ng-content select="ax-tab">
-    </ng-content>
-</div>

package/src/lib/tabs/tab-view.component.ts

@@ -1,50 +0,0 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, ChangeDetectorRef, ContentChildren, QueryList, Input } from '@angular/core';
-import { AXTabStripChangedEvent, AXTabStripItem } from './tabs.class';
-import { AXTabStripComponent } from './tab-strip.component';
-import { AXTabComponent } from './tab.component';
-
-@Component({
-    selector: 'ax-tab-view',
-    templateUrl: './tab-view.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    inputs: ['size'],
-    host: { class: 'ax-tab-view' }
-})
-export class AXTabViewComponent extends AXTabStripComponent {
-
-    @ContentChildren(AXTabComponent) _contentTabs: QueryList<AXTabComponent>;
-    _tabs: AXTabStripItem[] = [];
-
-
-    constructor(
-        elementRef: ElementRef,
-        cdr: ChangeDetectorRef
-    ) {
-        super(elementRef, cdr);
-    }
-
-
-    onViewInit() {
-        this._tabs = Array.from(this._contentTabs).map(c => ({
-            name: c.name,
-            text: c.caption,
-            tooltip: c.tooltip,
-            icon: c.icon,
-            visible: c.visible,
-            disabled: c.disabled,
-        }));
-        this._cdr.detectChanges();
-
-    }
-
-
-    _handleSelectionChanged(e: AXTabStripChangedEvent) {
-        const tabs = Array.from(this._contentTabs);
-        tabs.forEach(tab => {
-            tab.hide();
-        });
-        tabs[e.selectedIndex].show();
-    }
-
-}