@acorex/components 6.0.0 → 6.0.1

package/tooltip/src/tooltip.directive.ts

@@ -0,0 +1,93 @@
+import {
+  ComponentRef,
+  Directive,
+  ElementRef,
+  HostListener,
+  Input,
+  OnInit,
+} from '@angular/core';
+import {
+  Overlay,
+  OverlayPositionBuilder,
+  OverlayRef,
+} from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { AXTooltipComponent } from './tooltip.component';
+
+@Directive({ selector: '[axTooltip]' })
+export class AXTooltipDirective implements OnInit {
+  @Input('axTooltip') text = '';
+  @Input('axTooltipPositon') position = 'top';
+
+  private overlayRef: OverlayRef;
+
+  positions: any;
+
+  constructor(
+    private overlay: Overlay,
+    private overlayPositionBuilder: OverlayPositionBuilder,
+    private elementRef: ElementRef
+  ) {}
+
+  ngOnInit(): void {
+    switch (this.position) {
+      default:
+      case 'top':
+        this.positions = {
+          originX: 'center',
+          originY: 'top',
+          overlayX: 'center',
+          overlayY: 'bottom',
+          offsetY: -8,
+        };
+        break;
+      case 'right':
+        this.positions = {
+          originX: 'end',
+          originY: 'center',
+          overlayX: 'start',
+          overlayY: 'center',
+          offsetX: 8,
+        };
+        break;
+      case 'bottom':
+        this.positions = {
+          originX: 'center',
+          originY: 'bottom',
+          overlayX: 'center',
+          overlayY: 'top',
+          offsetY: 8,
+        };
+        break;
+      case 'left':
+        this.positions = {
+          originX: 'start',
+          originY: 'center',
+          overlayX: 'end',
+          overlayY: 'center',
+          offsetX: -8,
+        };
+        break;
+    }
+    const positionStrategy = this.overlayPositionBuilder
+      .flexibleConnectedTo(this.elementRef)
+      .withPositions([this.positions]);
+
+    this.overlayRef = this.overlay.create({ positionStrategy });
+  }
+
+  @HostListener('mouseenter')
+  show() {
+    const tooltipRef: ComponentRef<AXTooltipComponent> = this.overlayRef.attach(
+      new ComponentPortal(AXTooltipComponent)
+    );
+
+    tooltipRef.instance.text = this.text;
+    tooltipRef.instance.position = this.position;
+  }
+
+  @HostListener('mouseout')
+  hide() {
+    this.overlayRef.detach();
+  }
+}

package/tooltip/src/tooltip.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXTooltipComponent } from './tooltip.component';
+import { AXTooltipDirective } from './tooltip.directive';
+import { OverlayModule } from '@angular/cdk/overlay';
+
+const COMPONENT = [AXTooltipComponent, AXTooltipDirective];
+const MODULES = [CommonModule, OverlayModule];
+
+@NgModule({
+  declarations: [...COMPONENT],
+  imports: [...MODULES],
+  exports: [...COMPONENT],
+  providers: [],
+})
+export class AXTooltipModule {}

package/tree-view/index.ts

@@ -0,0 +1 @@
+export * from './public-api'

package/tree-view/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  }
+}

package/tree-view/public-api.ts

@@ -0,0 +1,2 @@
+export * from "./src/tree-view.component";
+export * from './src/tree-view.module';

package/tree-view/src/tree-view.component.html

@@ -0,0 +1,15 @@
+<ul class="ax-list-{{showLines}}">
+    <ng-template #recursiveList let-list>
+      <li *ngFor="let item of list">
+        <span>
+          <ax-check-box></ax-check-box>
+          
+          <span>{{item.title}}</span>
+        </span>
+        <ul *ngIf="item.children.length > 0">
+          <ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: item.children }"></ng-container>
+        </ul>
+      </li>
+    </ng-template>
+    <ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: list }"></ng-container>
+  </ul>

package/tree-view/src/tree-view.component.ts

@@ -0,0 +1,105 @@
+import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+@Component({
+  selector: 'ax-tree-view',
+  templateUrl: './tree-view.component.html',
+  encapsulation: ViewEncapsulation.None,
+  host: { class: 'ax-tree-view' },
+})
+export class AXTreeViewComponent implements OnInit {
+  /**
+   *  @ignore
+   */
+  constructor() {}
+
+  ngOnInit(): void {}
+
+  @Input()
+  showLines: 'all' | 'node' | 'none' = 'all';
+
+  public list = [
+    {
+      title: 'childless',
+      children: [],
+    },
+    {
+      title: 'great grandparent',
+      children: [
+        {
+          title: 'childless grandsibiling',
+          children: [],
+        },
+        {
+          title: 'grandparent',
+          children: [
+            {
+              title: 'childless sibiling',
+              children: [],
+            },
+            {
+              title: 'another childless sibiling',
+              children: [],
+            },
+            {
+              title: 'parent',
+              children: [
+                {
+                  title: 'child',
+                  children: [],
+                },
+                {
+                  title: 'another child',
+                  children: [],
+                },
+              ],
+            },
+            {
+              title: 'another parent',
+              children: [
+                {
+                  title: 'child',
+                  children: [],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          title: 'another grandparent',
+          children: [
+            {
+              title: 'parent',
+              children: [
+                {
+                  title: 'child',
+                  children: [],
+                },
+                {
+                  title: 'another child',
+                  children: [],
+                },
+                {
+                  title: 'a third child',
+                  children: [],
+                },
+                {
+                  title: 'teen mother',
+                  children: [
+                    {
+                      title: 'accident',
+                      children: [],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ];
+}

package/tree-view/src/tree-view.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXTreeViewComponent } from './tree-view.component';
+import { AXCheckBoxModule } from '@acorex/components/checkbox';
+
+@NgModule({
+  declarations: [AXTreeViewComponent],
+  imports: [CommonModule, AXCheckBoxModule],
+  exports: [AXTreeViewComponent],
+  providers: [],
+})
+export class AXTreeViewModule {}

package/tsconfig.lib.json

@@ -0,0 +1,15 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/action-sheet/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@acorex/components/action-sheet" />
-export * from './public-api';

package/action-sheet/public-api.d.ts

@@ -1,3 +0,0 @@
-export * from './src/action-sheet.component';
-export * from './src/action-sheet-item.component';
-export * from './src/action-sheet.module';

package/action-sheet/src/action-sheet-item.component.d.ts

@@ -1,16 +0,0 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { AXButtonClickEvent, AXStyleColorType } from '@acorex/components/common';
-import { AXBaseComponent } from '@acorex/components/mixin';
-import * as i0 from "@angular/core";
-export declare class AXActionSheetItemComponent extends AXBaseComponent {
-    text: string;
-    color: AXStyleColorType;
-    onClick: EventEmitter<AXButtonClickEvent>;
-    /**
-     *  @ignore
-     */
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
-    _handleOnClick(e: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetItemComponent, "ax-action-sheet-item", never, { "text": "text"; "color": "color"; }, { "onClick": "onClick"; }, never, never, false>;
-}

package/action-sheet/src/action-sheet.component.d.ts

@@ -1,19 +0,0 @@
-import { AXBaseComponent } from '@acorex/components/mixin';
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class AXActionSheetComponent extends AXBaseComponent {
-    caption: string;
-    closeOnBackdrop: boolean;
-    isOpen: boolean;
-    _backdrop: HTMLElement;
-    /**
-     *  @ignore
-     */
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
-    _handleBackdropClick(): void;
-    open(): void;
-    close(): void;
-    toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, { "caption": "caption"; "closeOnBackdrop": "closeOnBackdrop"; }, {}, never, ["ax-content", "ax-action-sheet-item"], false>;
-}

package/action-sheet/src/action-sheet.module.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./action-sheet.component";
-import * as i2 from "./action-sheet-item.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@acorex/components/button";
-export declare class AXActionSheetModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXActionSheetModule, [typeof i1.AXActionSheetComponent, typeof i2.AXActionSheetItemComponent], [typeof i3.CommonModule, typeof i4.AXButtonModule], [typeof i1.AXActionSheetComponent, typeof i2.AXActionSheetItemComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXActionSheetModule>;
-}

package/alert/index.d.ts

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

package/alert/public-api.d.ts

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

package/alert/src/alert.component.d.ts

@@ -1,79 +0,0 @@
-import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXEvent } from '@acorex/components/common';
-import { AXBaseComponent, AXComponentOptionChanged } from '@acorex/components/mixin';
-import * as i0 from "@angular/core";
-export declare const AXBaseAlertMixin: (new (...args: any[]) => {
-    colorChange: EventEmitter<import("@acorex/components/common").AXStyleColorType>;
-    _color: import("@acorex/components/common").AXStyleColorType;
-    color: import("@acorex/components/common").AXStyleColorType;
-    lookChange: EventEmitter<import("@acorex/components/common").AXStyleLookType>;
-    _look?: import("@acorex/components/common").AXStyleLookType;
-    look: import("@acorex/components/common").AXStyleLookType;
-    id: string;
-    rtl: boolean;
-    "__#32613@#elementRef": ElementRef<any>;
-    _cdr: ChangeDetectorRef;
-    _isInited: boolean;
-    _isRendered: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _getHostElement<T = HTMLElement>(): T;
-    _getInnerElement<T_1 = HTMLElement>(): T_1;
-    _onInternalInit(): void;
-    _onInternalViewInit(): void;
-    _onInternalDestroy(): void;
-    onInit(): void;
-    onRenderCssClass(): void;
-    onViewInit(): void;
-    onDestroy(): void;
-    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
-    _onOptionChanged(option: AXComponentOptionChanged): void;
-    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
-}) & typeof AXBaseComponent;
-/**
- * Regular description
- *
- * @category Components
- */
-export declare class AXAlertComponent extends AXBaseAlertMixin {
-    #private;
-    private _icon;
-    private _buttons;
-    onDismissed: EventEmitter<AXEvent>;
-    _onOptionChanged(option: AXComponentOptionChanged): void;
-    ngDoCheck(): void;
-    private _setIcon;
-    /**
-     *  @ignore
-     */
-    get __hostClass(): string;
-    timeOut: number;
-    /**
-     *  set the visibility of the Alert
-     */
-    get visible(): boolean;
-    set visible(v: boolean);
-    /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onInit(): void;
-    onViewInit(): void;
-    ngAfterContentInit(): void;
-    private _applyButtonStyle;
-    /**
-     *  Remove the alert from the container
-     */
-    dismiss(): void;
-    /**
-     *  Hide the alert
-     */
-    hide(): void;
-    /**
-     *  Show the alert
-     */
-    show(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": "color"; "look": "look"; "timeOut": "timeOut"; "visible": "visible"; }, { "onDismissed": "onDismissed"; }, ["_icon", "_buttons"], ["ax-header", "ax-icon", "ax-content", "ax-footer", "ax-suffix"], false>;
-}

package/alert/src/alert.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./alert.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@acorex/components/decorators";
-export declare class AXAlertModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAlertModule, [typeof i1.AXAlertComponent], [typeof i2.CommonModule, typeof i3.AXDecoratorModule], [typeof i1.AXAlertComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXAlertModule>;
-}

package/avatar/index.d.ts

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

package/avatar/src/avatar-group.component.d.ts

@@ -1,8 +0,0 @@
-import { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class AXAvatarGroup implements OnInit {
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarGroup, "ax-avatar-group", never, {}, {}, never, ["ax-avatar"], false>;
-}

package/avatar/src/avatar.component.d.ts

@@ -1,22 +0,0 @@
-import { AXAvatarMixin } from '@acorex/components/mixin';
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-export declare class AXAvatarComponent extends AXAvatarMixin {
-    text: string;
-    icon: string;
-    src: string;
-    class: string;
-    type: "default" | 'text' | 'icon' | 'image';
-    /**
-    *  @ignore
-    */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    get __hostClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": "color"; "look": "look"; "text": "text"; "icon": "icon"; "src": "src"; "class": "class"; "type": "type"; }, {}, never, ["ax-badge", "ax-icon", "img"], false>;
-}

package/avatar/src/avatar.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./avatar.component";
-import * as i2 from "./avatar-group.component";
-import * as i3 from "@angular/common";
-export declare class AXAvatarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAvatarModule, [typeof i1.AXAvatarComponent, typeof i2.AXAvatarGroup], [typeof i3.CommonModule], [typeof i1.AXAvatarComponent, typeof i2.AXAvatarGroup]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXAvatarModule>;
-}

package/badge/index.d.ts

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

package/badge/public-api.d.ts

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

package/badge/src/badge.component.d.ts

@@ -1,40 +0,0 @@
-import { AXBaseComponent } from '@acorex/components/mixin';
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
-    colorChange: import("@angular/core").EventEmitter<import("@acorex/components/common").AXStyleColorType>;
-    _color: import("@acorex/components/common").AXStyleColorType;
-    color: import("@acorex/components/common").AXStyleColorType;
-    lookChange: import("@angular/core").EventEmitter<import("@acorex/components/common").AXStyleLookType>;
-    _look?: import("@acorex/components/common").AXStyleLookType;
-    look: import("@acorex/components/common").AXStyleLookType;
-    id: string;
-    rtl: boolean;
-    "__#32613@#elementRef": ElementRef<any>;
-    _cdr: ChangeDetectorRef;
-    _isInited: boolean;
-    _isRendered: boolean;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    _getHostElement<T = HTMLElement>(): T;
-    _getInnerElement<T_1 = HTMLElement>(): T_1;
-    _onInternalInit(): void;
-    _onInternalViewInit(): void;
-    _onInternalDestroy(): void;
-    onInit(): void;
-    onRenderCssClass(): void;
-    onViewInit(): void;
-    onDestroy(): void;
-    _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
-    _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
-    _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
-}) & typeof AXBaseComponent;
-export declare class AXBadgeComponent extends AXBaseBadgeMixin {
-    private elementRef;
-    text: string;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    private get __hostClass();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": "color"; "look": "look"; "text": "text"; }, {}, never, ["ax-prefix", "ax-suffix"], false>;
-}

package/badge/src/badge.module.d.ts

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

package/breadcrumbs/index.d.ts

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

package/breadcrumbs/public-api.d.ts

@@ -1,4 +0,0 @@
-export * from './src/breadcrumbs-item.class';
-export * from './src/breadcrumbs-item.component';
-export * from './src/breadcrumbs.component';
-export * from './src/breadcrumbs.module';

package/breadcrumbs/src/breadcrumbs-item.class.d.ts

@@ -1,9 +0,0 @@
-export interface AXBreadcrumbsItems {
-    name?: string;
-    icon?: string;
-    text: string;
-    tooltip?: string;
-    iconClass?: string;
-    disabled?: boolean;
-    onClick?: (...args: any[]) => void;
-}