@acorex/core 7.0.20 → 7.0.22

package/platform/src/platform.service.ts

@@ -1,223 +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';
-
-export type AXScreenSizes = 'SM' | 'MD' | 'LG' | 'XL' | '2XL';
-
-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 isTouch = (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 isSMScreen = (win: Window) => matchMedia(win, '(max-width: 640px)');
-const isMDScreen = (win: Window) => matchMedia(win, '(max-width: 768px)');
-const isLGScreen = (win: Window) => matchMedia(win, '(max-width: 1024px)');
-const isXLScreen = (win: Window) => matchMedia(win, '(max-width: 1280px)');
-const is2XLScreen = (win: Window) => matchMedia(win, '(max-width: 1536px)');
-
-const PLATFORMS_MAP: any = {
-  Android: isAndroid,
-  iOS: isIOS,
-  Desktop: isDesktop,
-  Mobile: isMobile,
-  Touch: isTouch,
-  Chrome: isChrome,
-  Firefox: isFirefox,
-  Safari: isSafari,
-  Edge: isEdge,
-  Opera: isOpera,
-  Hybrid: isHybrid,
-  PWA: isPWA,
-  Electron: isElectron,
-  SM: isSMScreen,
-  MD: isMDScreen,
-  LG: isLGScreen,
-  XL: isXLScreen,
-  "2XL": is2XLScreen,
-};
-
-export class AXPlatformEvent<T extends Event = Event> {
-  nativeEvent!: T;
-  source!: AXPlatform;
-}
-
-@Injectable({
-  providedIn: 'root',
-})
-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 | AXScreenSizes): 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));
-    }
-
-}

package/utils/src/object-util.ts

@@ -1,82 +0,0 @@
-// @dynamic
-export class AXObjectUtil {
-    static deepJSONClone(obj: any): any {
-        return obj ? JSON.parse(JSON.stringify(obj)) : null;
-    }
-
-    static deepCopy(obj) {
-        let copy;
-        // Handle the 3 simple types, and null or undefined
-        if (null == obj || 'object' !== typeof obj) { return obj; }
-        // Handle Date
-        if (obj instanceof Date) {
-            copy = new Date();
-            copy.setTime(obj.getTime());
-            return copy;
-        }
-        // Handle Array
-        if (obj instanceof Array) {
-            copy = [];
-            for (let i = 0, len = obj.length; i < len; i++) {
-                copy[i] = AXObjectUtil.deepCopy(obj[i]);
-            }
-            return copy;
-        }
-        // Handle Object
-        if (obj instanceof Object) {
-            copy = {};
-            for (const attr in obj) {
-                if (obj.hasOwnProperty(attr)) { copy[attr] = AXObjectUtil.deepCopy(obj[attr]); }
-            }
-            return copy;
-        }
-        throw new Error('Unable to copy obj! Its type isn\'t supported.');
-    }
-
-    // static fetchProp(obj, prop: string) {
-    //     if (typeof obj === 'undefined') {
-    //         return false;
-    //     }
-    //     const index = prop.indexOf('.');
-
-    //     if (index > -1) {
-    //         return AXObjectUtil.fetchProp(obj[prop.substring(0, index)], prop.substr(index + 1));
-    //     }
-
-    //     return obj[prop];
-    // }
-
-    // static getPropByPath(obj, path, defaultVal?) {
-    //     path = path
-    //         .replace(/\[/g, '.')
-    //         .replace(/]/g, '')
-    //         .split('.');
-
-    //     path.forEach((level) => {
-    //         if (obj) {
-    //             obj = obj[level];
-    //         }
-    //     });
-
-    //     if (obj === undefined) {
-    //         return defaultVal;
-    //     }
-    //     return obj;
-    // }
-
-    // static setPropByPath(obj, path, value) {
-    //     if (Object(obj) !== obj) { return obj; } // When obj is not an object
-    //     // If not yet an array, get the keys from the string-path
-    //     if (!Array.isArray(path)) { path = path.toString().match(/[^.[\]]+/g) || []; }
-    //     path.slice(0, -1).reduce((a, c, i) => // Iterate all of them except the last one
-    //         Object(a[c]) === a[c] // Does the key exist and is its value an object?
-    //             // Yes: then follow that path
-    //             ? a[c]
-    //             // No: create the key. Is the next key a potential array-index?
-    //             : a[c] = Math.abs(path[i + 1]) >> 0 === +path[i + 1]
-    //                 ? [] // Yes: assign a new array object
-    //                 : {}, // No: assign a new plain object
-    //         obj)[path[path.length - 1]] = value; // Finally assign the value to the last key
-    //     return obj; // Return the top-level object to allow chaining
-    // }
-}

package/utils/src/string-util.ts

@@ -1,25 +0,0 @@
-// @dynamic
-export class AXStringUtil {
-
-    static getWordBoundsAtPosition(str: string, position: number): { start: number, end: number } {
-        const isSpace = (c) => /[^a-zA-Z0-9]+/i.test(c);
-        let start = position - 1;
-
-        while (start >= 0 && !isSpace(str[start])) {
-            start -= 1;
-        }
-        start = Math.max(0, start + 1);
-        const leftSideString:any = str.slice(start).match(/[a-zA-Z0-9]+/i);
-        start += leftSideString.index;
-        let end = start + leftSideString[0].length;
-        return {
-            start,
-            end
-        };
-    }
-
-
-
-
-
-}