@acorex/components 5.0.5 → 5.0.9

package/src/lib/tooltip/tooltip.directive.ts

@@ -1,93 +0,0 @@
-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/src/lib/tooltip/tooltip.module.ts

@@ -1,16 +0,0 @@
-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/src/lib/validation/validation-rule.widget.ts

@@ -1,120 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Input, ViewEncapsulation } from '@angular/core';
-import { AXValidationRuleResult, AXValidationRule, AXValidationRuleTypes } from './validation.class';
-import { AXTranslator } from '@acorex/core';
-import { AXBaseComponentMixin } from '../base';
-
-
-// @dynamic
-export class AXValidationRules {
-  private static registredRules: { name: string, rule: AXValidationRule }[] = [];
-
-  public static addRule(name: string, rule: AXValidationRule) {
-    const exists = AXValidationRules.get(name);
-    if (exists) {
-      exists.rule = rule;
-    }
-    else {
-      AXValidationRules.registredRules.push({
-        name,
-        rule
-      });
-    }
-  }
-
-  public static get(name: string) {
-    return this.registredRules.find(c => c.name === name);
-  }
-}
-
-
-@Component({
-  selector: 'ax-validation-rule',
-  template: '',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None
-})
-export class AXValidationRuleComponent extends AXBaseComponentMixin implements AXValidationRule {
-
-  @Input()
-  rule: AXValidationRuleTypes = 'required';
-
-  @Input()
-  message: string;
-
-  @Input()
-  showMessage: boolean = true;
-
-  @Input()
-  value: any;
-
-  @Input()
-  enabled: boolean = true;
-
-  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {
-    super(elementRef, cdr);
-  }
-
-  onInit() {
-    (this._getHostElement() as any).validate = this.validate.bind(this);
-  }
-
-  validate(value: any): Promise<AXValidationRuleResult> {
-    if (this.enabled === false) {
-      return Promise.resolve({ result: true });
-    }
-    const regRule = AXValidationRules.get(this.rule);
-    if (regRule) {
-      return this._internalValidate(regRule.rule.rule, value, this.message || regRule.rule.message, regRule.rule.value);
-    }
-    else {
-      return this._internalValidate(this.rule, value, this.message, this.value);
-    }
-  }
-
-
-  private _internalValidate(type: string, value?: any, message?: string, ruleValue?: any): Promise<AXValidationRuleResult> {
-    return new Promise<AXValidationRuleResult>(resolve => {
-      switch (type) {
-        case 'required':
-          resolve({
-            message: this.showMessage ? (message || AXTranslator.get('validation.messages.required')) : null,
-            result: value != null && value != '' && (!Array.isArray(value) || (Array.isArray(value) && value.length > 0))
-          });
-          break;
-        case 'regex':
-          const ex = new RegExp(ruleValue);
-          resolve({
-            message: this.showMessage ? (message || AXTranslator.get('validation.messages.regex')) : null,
-            result: ex.test(value)
-          });
-          break;
-        case 'custom':
-        case 'callback':
-          if (typeof ruleValue === 'function') {
-            const res: any = {};
-            res.message = this.showMessage ? message : null;
-            const val = ruleValue({ value, message });
-            if (val instanceof Promise) {
-              val.then(c => {
-                res.result = c;
-              }).catch(c => {
-                res.result = false;
-              }).finally(() => {
-                resolve(res);
-              });
-            }
-            else {
-              res.result = val;
-              resolve(res);
-            }
-          }
-          else {
-            resolve({ result: true });
-          }
-          break;
-        default:
-          resolve({ result: true });
-      }
-    });
-  }
-}

package/src/lib/validation/validation.class.ts

@@ -1,23 +0,0 @@
-
-export type AXValidationRuleTypes = 'required' | 'regex' | 'callback' | 'custom';
-
-export interface AXValidationRule {
-  message?: string;
-  rule: AXValidationRuleTypes;
-  value?: any;
-  enabled?: boolean;
-}
-
-export interface AXValidationRuleResult {
-  message?: string;
-  result: boolean;
-  target?: any;
-  value?: any;
-}
-
-export interface AXValidationResult {
-  result: boolean;
-  items?: AXValidationRuleResult[];
-}
-
-

package/src/lib/validation/validation.module.ts

@@ -1,26 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AXValidationRuleComponent, AXValidationRules } from './validation-rule.widget';
-import { AXTranslator } from '@acorex/core';
-
-
-@NgModule({
-  declarations: [AXValidationRuleComponent],
-  imports: [CommonModule],
-  exports: [AXValidationRuleComponent],
-  providers: []
-})
-export class AXValidationModule {
-  constructor() {
-    AXValidationRules.addRule('email', {
-      message: AXTranslator.get('validation.messages.email'),
-      rule: 'regex',
-      value: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
-    })
-    AXValidationRules.addRule('phone', {
-      message: AXTranslator.get('validation.messages.phone'),
-      rule: 'regex',
-      value: /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\s\./0-9]*$/
-    })
-  }
-}

package/tsconfig.lib.json

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

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* 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

@@ -1,17 +0,0 @@
-/* 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"
-  ]
-}