@acorex/core 6.0.1 → 6.0.7

package/karma.conf.js

@@ -1,44 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      jasmine: {
-        // you can add configuration options for Jasmine here
-        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
-        // for example, you can disable the random execution with `random: false`
-        // or set a specific seed with `seed: 4321`
-      },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
-    },
-    coverageReporter: {
-      dir: require('path').join(__dirname, '../../../coverage/acorex/core'),
-      subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};

package/ng-package.json

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

package/pipes/index.ts

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

package/pipes/ng-package.json

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

package/pipes/public-api.ts

@@ -1,2 +0,0 @@
-export * from './src/safe.pipe'
-export * from './src/pipes.module'

package/pipes/src/pipes.module.ts

@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AXSafePipe } from './safe.pipe';
-
-@NgModule({
-  declarations: [AXSafePipe],
-  imports: [CommonModule],
-  exports: [AXSafePipe],
-  providers: [],
-})
-export class AXPipesModule {}

package/pipes/src/safe.pipe.ts

@@ -1,24 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';
-
-@Pipe({
-	name: 'safe',
-	pure: true
-})
-export class AXSafePipe implements PipeTransform {
-
-	constructor(protected sanitizer: DomSanitizer) { }
-
-	public transform(value: any, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {
-		if (value == null || value == undefined || value == '')
-			return '';
-		switch (type) {
-			case 'html': return this.sanitizer.bypassSecurityTrustHtml(value);
-			case 'style': return this.sanitizer.bypassSecurityTrustStyle(value);
-			case 'script': return this.sanitizer.bypassSecurityTrustScript(value);
-			case 'url': return this.sanitizer.bypassSecurityTrustUrl(value);
-			case 'resourceUrl': return this.sanitizer.bypassSecurityTrustResourceUrl(value);
-			default: throw new Error(`Invalid safe type specified: ${type}`);
-		}
-	}
-}

package/platform/index.ts

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

package/platform/ng-package.json

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

package/platform/public-api.ts

@@ -1 +0,0 @@
-export * from './src/platform.service';

package/platform/src/platform.service.ts

@@ -1,207 +0,0 @@
-import { Injectable } from '@angular/core';
-import { fromEvent, Subject } from 'rxjs';
-import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
-
-export type AXPlatforms = 'Android' | 'Desktop' | 'iOS' | 'Mobile';
-export type AXBrowsers =
-  | 'Chrome'
-  | 'Safari'
-  | 'Edge'
-  | 'Firefox'
-  | 'Opera'
-  | 'MSIE';
-export type AXTechnologies = 'PWA' | 'Hybrid' | 'Electron';
-
-const isChrome = (win: Window): boolean => testUserAgent(win, /Chrome/i);
-
-const isFirefox = (win: Window): boolean => testUserAgent(win, /Firefox/i);
-
-const isEdge = (win: Window): boolean => testUserAgent(win, /Edge/i);
-
-const isSafari = (win: Window): boolean => testUserAgent(win, /Safari/i);
-
-const isOpera = (win: Window): boolean =>
-  testUserAgent(win, /Opera/i) || testUserAgent(win, /OPR/i);
-
-const isMSIE = (win: Window): boolean =>
-  testUserAgent(win, /MSIE/i) || testUserAgent(win, /Trident/i);
-
-const isMobileWeb = (win: Window): boolean => isMobile(win) && !isHybrid(win);
-
-const isIpad = (win: Window) => {
-  // iOS 12 and below
-  if (testUserAgent(win, /iPad/i)) {
-    return true;
-  }
-
-  // iOS 13+
-  if (testUserAgent(win, /Macintosh/i) && isMobile(win)) {
-    return true;
-  }
-
-  return false;
-};
-
-const isIphone = (win: Window) => testUserAgent(win, /iPhone/i);
-
-const isIOS = (win: Window) =>
-  testUserAgent(win, /iPhone|iPod/i) || isIpad(win);
-
-const isAndroid = (win: Window) => testUserAgent(win, /android|sink/i);
-
-const isAndroidTablet = (win: Window) => {
-  return isAndroid(win) && !testUserAgent(win, /mobile/i);
-};
-
-const isPhablet = (win: Window) => {
-  const width = win.innerWidth;
-  const height = win.innerHeight;
-  const smallest = Math.min(width, height);
-  const largest = Math.max(width, height);
-
-  return smallest > 390 && smallest < 520 && largest > 620 && largest < 800;
-};
-
-const isTablet = (win: Window) => {
-  const width = win.innerWidth;
-  const height = win.innerHeight;
-  const smallest = Math.min(width, height);
-  const largest = Math.max(width, height);
-
-  return (
-    isIpad(win) ||
-    isAndroidTablet(win) ||
-    (smallest > 460 && smallest < 820 && largest > 780 && largest < 1400)
-  );
-};
-
-const isMobile = (win: Window) => matchMedia(win, '(any-pointer:coarse)');
-
-const isDesktop = (win: Window) => !isMobile(win);
-
-const isHybrid = (win: Window) => isCordova(win) || isCapacitorNative(win);
-
-const isCordova = (win: any): boolean =>
-  !!(win['cordova'] || win['phonegap'] || win['PhoneGap']);
-
-const isCapacitorNative = (win: any): boolean => {
-  const capacitor = win['Capacitor'];
-  return !!(capacitor && capacitor.isNative);
-};
-
-const isElectron = (win: Window): boolean => testUserAgent(win, /electron/i);
-
-const isPWA = (win: Window): boolean =>
-  !!(
-    win.matchMedia('(display-mode: standalone)').matches ||
-    (win.navigator as any).standalone
-  );
-
-export const testUserAgent = (win: Window, expr: RegExp) =>
-  expr.test(win.navigator.userAgent);
-
-const matchMedia = (win: Window, query: string): boolean =>
-  win.matchMedia(query).matches;
-
-const PLATFORMS_MAP: any = {
-  Android: isAndroid,
-  iOS: isIOS,
-  Desktop: isDesktop,
-  Mobile: isMobile,
-  Chrome: isChrome,
-  Firefox: isFirefox,
-  Safari: isSafari,
-  Edge: isEdge,
-  Opera: isOpera,
-  Hybrid: isHybrid,
-  PWA: isPWA,
-  Electron: isElectron,
-};
-
-export class AXPlatformEvent {
-  nativeEvent!: UIEvent | Event;
-  source!: AXPlatform;
-}
-
-@Injectable({
-  providedIn: 'platform',
-})
-export class AXPlatform {
-  resize: Subject<AXPlatformEvent> = new Subject<AXPlatformEvent>();
-  click: Subject<AXPlatformEvent> = new Subject<AXPlatformEvent>();
-  scroll: Subject<AXPlatformEvent> = new Subject<AXPlatformEvent>();
-
-  isRtl(): boolean {
-    return (
-      document.dir == 'rtl' ||
-      document.body.dir == 'rtl' ||
-      document.body.style.direction == 'rtl'
-    );
-  }
-
-  isLandscape(): boolean {
-    return window.innerHeight < window.innerWidth;
-  }
-
-  isPortrate(): boolean {
-    return !this.isLandscape();
-  }
-
-  is(name: AXPlatforms | AXBrowsers | AXTechnologies): boolean {
-    return PLATFORMS_MAP[name](window) || false;
-  }
-
-  switchDarkMode() {
-    const _html = document.getElementsByTagName('html')[0];
-    _html.classList.add('ax-dark');
-  }
-
-  switchLightMode() {
-    const _html = document.getElementsByTagName('html')[0];
-    _html.classList.remove('ax-dark');
-  }
-
-  private _setFullHeightRatio() {
-    document
-      .querySelector<HTMLElement>(':root')
-      ?.style.setProperty('--ax-vh', window.innerHeight / 100 + 'px');
-  }
-
-  constructor() {
-    fromEvent<UIEvent>(window, 'resize')
-      .pipe(debounceTime(100))
-      .pipe(distinctUntilChanged())
-      .subscribe((e) => {
-        this.resize.next({
-          nativeEvent: e,
-          source: this,
-        });
-        //
-        this._setFullHeightRatio();
-      });
-
-    document.addEventListener(
-      'click',
-      (e) => {
-        this.click.next({
-          nativeEvent: e,
-          source: this,
-        });
-      },
-      true
-    );
-
-    document.addEventListener(
-      'scroll',
-      (e) => {
-        this.scroll.next({
-          nativeEvent: e,
-          source: this,
-        });
-      },
-      true
-    );
-    // init functions
-    this._setFullHeightRatio();
-  }
-}

package/public-api.ts

@@ -1,4 +0,0 @@
-/*
- * Public API Surface of core
- */
-export const ACOREX_CORE = "@acorex/core";

package/test.ts

@@ -1,27 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
-    <T>(id: string): T;
-    keys(): string[];
-  };
-};
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);
-
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().forEach(context);

package/translation/index.ts

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

package/translation/ng-package.json

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

package/translation/src/translation.module.ts

@@ -1,12 +0,0 @@
-import { NgModule } from '@angular/core';
-import { AXTranslatorPipe } from './translator.pipe';
-
-@NgModule({
-    imports: [],
-    exports: [AXTranslatorPipe],
-    declarations: [AXTranslatorPipe],
-    providers: [],
-})
-export class AXTranslationModule {
-  
-}

package/translation/src/translator.pipe.ts

@@ -1,9 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { AXTranslator } from './translator';
-
-@Pipe({ name: 'trans', pure: true })
-export class AXTranslatorPipe implements PipeTransform {
-    transform(value: string, arg1?: object | string, arg2?: object): string {
-        return AXTranslator.get(value, arg1, arg2);
-    }
-}

package/translation/src/translator.ts

@@ -1,49 +0,0 @@
-import { Subject, Observable } from 'rxjs';
-import merge from 'lodash-es/merge';
-import * as _ from 'lodash';
-
-// @dynamic
-export class AXTranslator {
-    private static lang: string = 'en';
-    private static dataChangeSubject = new Subject<any>();
-    private static _varsRegx = /((\$\{[a-zA-Z_0-9\.]+\})+)/gm;
-    private static _varNameRegx = /[a-zA-Z_0-9\.]+/gm;
-
-
-    static get onChange(): Observable<any> {
-        return AXTranslator.dataChangeSubject.asObservable();
-    }
-
-    public static load(lang: string, value: any) {
-        if (typeof value === 'object') {
-            if (!AXTranslator[`__data__${lang}`]) {
-                AXTranslator[`__data__${lang}`] = {};
-            }
-            AXTranslator[`__data__${lang}`] = merge(AXTranslator[`__data__${lang}`], value);
-        }
-    }
-
-    public static use(lang: string) {
-        AXTranslator.lang = lang;
-    }
-
-    public static get(key: string, arg1?: object | string, arg2?: object): string {
-
-        const lang = arg1 && typeof arg1 == 'string' ? arg1 : AXTranslator.lang;
-        const params = arg1 && typeof arg1 == 'object' ? arg1 : arg2;
-        let result = _.get(AXTranslator[`__data__${lang}`], key, key);
-        const vars = typeof (result) == 'string' ? result?.match(this._varsRegx) : [];
-        if (vars?.length) {
-            vars.forEach((v:any) => {
-                const varKey = v.match(this._varNameRegx)?.length ? v.match(this._varNameRegx)[0] : null;
-                if (varKey) {
-                    const p = _.get(params, varKey) || this.get(varKey, lang);
-                    if (p) {
-                        result = result.replace(v, p);
-                    }
-                }
-            })
-        }
-        return typeof (result) == 'string' ? result : JSON.stringify(result);
-    }
-}

package/tsconfig.lib.json

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

@@ -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"
-  ]
-}

package/utils/index.ts

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

package/utils/ng-package.json

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

package/utils/src/color-util.ts

@@ -1,83 +0,0 @@
-export type AXColorMode = 'rgba' | 'hex' | 'hsla' | 'hsva';
-
-import tinycolor, { ColorInput } from 'tinycolor2';
-import tinygradient from 'tinygradient'
-
-export type AXColorFormat = ColorInput;
-
-export class AXColorUtil {
-
-
-    static to(color: AXColorFormat, mode: AXColorMode): AXColorFormat {
-        const _color = tinycolor(color)
-        switch (mode) {
-            case 'rgba': ;
-                return _color.toRgb();
-            case 'hsla':
-                return _color.toHsl();
-            case 'hsva':
-                return _color.toHsv();
-            default:
-                return _color.toHex();
-        }
-    };
-
-    static toString(color: AXColorFormat, mode: AXColorMode): string {
-        const _color = tinycolor(color)
-        switch (mode) {
-            case 'rgba':
-                return _color.toRgbString();
-            case 'hsla':
-                return _color.toHslString();
-            case 'hsva':
-                return _color.toHsvString();
-            default:
-                return _color.toHexString();
-        }
-    };
-
-    static mix(baseColor: AXColorFormat, hex: AXColorFormat, percentage: number): string {
-        return tinycolor.mix(baseColor, hex, percentage).toString('rgb');
-    }
-
-    static multiply(color1: AXColorFormat, color2: AXColorFormat): string {
-        let rgb1 = tinycolor(color1).toRgb();
-        let rgb2 = tinycolor(color2).toRgb();
-        rgb1.b = Math.floor(rgb1.b * rgb2.b / 255);
-        rgb1.g = Math.floor(rgb1.g * rgb2.g / 255);
-        rgb1.r = Math.floor(rgb1.r * rgb2.r / 255);
-        return tinycolor('rgb ' + rgb1.r + ' ' + rgb1.g + ' ' + rgb1.b).toString('rgb');
-    }
-    static toHexSting(color: string): string {
-        const _color = tinycolor(color)
-        return _color.toHexString()
-    };
-
-    static toRGBString(color: AXColorFormat): string {
-        const _color = tinycolor(color)
-        return _color.toRgbString()
-    };
-
-    static contrastToWhite(color: AXColorFormat): number {
-        return tinycolor.readability("#fff", color);
-    };
-
-
-    static lighten(hex: AXColorFormat, percentage?: number) {
-        return tinycolor(hex).lighten(percentage)
-    }
-
-    static darken(hex: AXColorFormat, percentage?: number) {
-        return tinycolor(hex).darken(percentage)
-    }
-
-    static equal(color1: AXColorFormat, color2: AXColorFormat): boolean {
-        return tinycolor.equals(color1, color2);
-    }
-
-
-    static gradient(values: any[] | { color: any, pos: number }[]): tinygradient.Instance {
-        return tinygradient([...values])
-    }
-
-}

package/utils/src/drawing-util.ts

@@ -1,43 +0,0 @@
-export interface AXPoint {
-    x: number;
-    y: number;
-}
-
-export interface AXBoundingClientRect {
-    left?: number;
-    top?: number;
-    width?: number;
-    height?: number;
-    bottom?: number;
-    right?: number;
-}
-// @dynamic
-export class AXDrawingUtil {
-    static collision(a: HTMLElement, b: HTMLElement): boolean {
-        const ac = a.getBoundingClientRect();
-        const bc = b.getBoundingClientRect();
-
-        if (ac.left < bc.left + bc.width && ac.left + ac.width > bc.left &&
-            ac.top < bc.top + bc.height && ac.top + ac.height > bc.top) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-
-    static isInElementBound(pos: AXPoint, element: HTMLElement): boolean {
-        const elBound = element.getBoundingClientRect();
-        return AXDrawingUtil.isInRecPoint(pos, {
-            left: elBound.x,
-            width: elBound.width,
-            top: elBound.y,
-            height: elBound.height
-        });
-    }
-
-    static isInRecPoint(pos: AXPoint, rec: AXBoundingClientRect | any): boolean {
-        return pos.x >= rec.left && pos.x <= (rec.left + rec.width) && pos.y >= rec.top && (pos.y <= (rec.top + rec.height));
-    }
-
-}