@dotglitch/ngx-common 1.0.47 → 1.0.49

package/fesm2020/dotglitch-ngx-common.mjs

@@ -1068,24 +1068,133 @@ const saveObjectAsFile = (name, data) => {
     a.click();
     a.remove();
 };
+class Emoticon {
+    constructor(icon) {
+        this.icon = icon;
+    }
+}
+/**
+ * authorization 🔐 \
+ * user 🪪 \
+ * security 🛡 \
+ * system 🖥 \
+ * toolbox 🧰 \
+ * chore ⚙ \
+ * config 🛠 \
+ * renderer 📐 \
+ * package 📦 \
+ * time ⏳ \
+ * download 📥 \
+ * upload 📤 \
+ * bug 🦠 \
+ * bomb 💣 \
+ * tnt 🧨 \
+ * warning ⚠️ \
+ * chart 📊 \
+ * chart_up 📈 \
+ * chart_down 📉 \
+ * circle_red 🔴 \
+ * circle_orange 🟠 \
+ * circle_yellow 🟡 \
+ * circle_green 🟢 \
+ * circle_blue 🔵 \
+ * circle_violet 🟣 \
+ * circle_black ⚫️ \
+ * circle_white ⚪️ \
+ * circle_brown 🟤 \
+ * square_red 🟥 \
+ * square_orange 🟧 \
+ * square_yellow 🟨 \
+ * square_green 🟩 \
+ * square_blue 🟦 \
+ * square_violet 🟪 \
+ * square_black ⬛️ \
+ * square_white ⬜️ \
+ * square_brown 🟫
+ */
+const LogIcon = {
+    authorization: new Emoticon("🔐"),
+    user: new Emoticon("🪪"),
+    security: new Emoticon("🛡"),
+    system: new Emoticon("🖥"),
+    toolbox: new Emoticon("🧰"),
+    chore: new Emoticon("⚙"),
+    config: new Emoticon("🛠"),
+    renderer: new Emoticon("📐"),
+    package: new Emoticon("📦"),
+    time: new Emoticon("⏳"),
+    download: new Emoticon("📥"),
+    upload: new Emoticon("📤"),
+    bug: new Emoticon("🦠"),
+    bomb: new Emoticon("💣"),
+    tnt: new Emoticon("🧨"),
+    warning: new Emoticon("⚠️"),
+    chart: new Emoticon("📊"),
+    chart_up: new Emoticon("📈"),
+    chart_down: new Emoticon("📉"),
+    circle_red: new Emoticon("🔴"),
+    circle_orange: new Emoticon("🟠"),
+    circle_yellow: new Emoticon("🟡"),
+    circle_green: new Emoticon("🟢"),
+    circle_blue: new Emoticon("🔵"),
+    circle_violet: new Emoticon("🟣"),
+    circle_black: new Emoticon("⚫️"),
+    circle_white: new Emoticon("⚪️"),
+    circle_brown: new Emoticon("🟤"),
+    square_red: new Emoticon("🟥"),
+    square_orange: new Emoticon("🟧"),
+    square_yellow: new Emoticon("🟨"),
+    square_green: new Emoticon("🟩"),
+    square_blue: new Emoticon("🟦"),
+    square_violet: new Emoticon("🟪"),
+    square_black: new Emoticon("⬛️"),
+    square_white: new Emoticon("⬜️"),
+    square_brown: new Emoticon("🟫")
+};
+class Log {
+    constructor(context, contextColor, textColor) {
+        this.context = context;
+        this.contextColor = contextColor;
+        this.textColor = textColor;
+    }
+    log(iconOrMessage, messageText, ...args) {
+        if (iconOrMessage instanceof Emoticon) {
+            console.log(`${iconOrMessage} %c[${this.context}] %c${messageText}`, 'color: ' + this.contextColor, 'color: ' + this.textColor, ...args);
+        }
+        else {
+            console.log(`%c[${this.context}] %c${iconOrMessage}`, 'color: ' + this.contextColor, 'color: ' + this.textColor, ...args);
+        }
+    }
+    warn(iconOrMessage, messageText, ...args) {
+        if (iconOrMessage instanceof Emoticon) {
+            console.warn(`${iconOrMessage} %c[${this.context}] %c${messageText}`, 'color: ' + this.contextColor, 'color: ' + this.textColor, ...args);
+        }
+        else {
+            console.warn(`%c[${this.context}] %c${iconOrMessage}`, 'color: ' + this.contextColor, 'color: ' + this.textColor, ...args);
+        }
+    }
+    err(iconOrMessage, messageText, ...args) {
+        if (iconOrMessage instanceof Emoticon) {
+            console.error(`${iconOrMessage} %c[${this.context}] %c${messageText}`, 'color: ' + this.contextColor, 'color: ' + this.textColor, ...args);
+        }
+        else {
+            console.error(`%c[${this.context}] %c${iconOrMessage}`, 'color: ' + this.contextColor, 'color: ' + this.textColor, ...args);
+        }
+    }
+    error(iconOrMessage, messageText, ...args) {
+        if (iconOrMessage instanceof Emoticon) {
+            console.error(`${iconOrMessage} %c[${this.context}] %c${messageText}`, 'color: ' + this.contextColor, 'color: ' + this.textColor, ...args);
+        }
+        else {
+            console.error(`%c[${this.context}] %c${iconOrMessage}`, 'color: ' + this.contextColor, 'color: ' + this.textColor, ...args);
+        }
+    }
+}
 /**
  * Formatted logger that will print a bit of context before the message.
  * @returns
  */
-const Logger = (context, contextColor, textColor = "#03a9f4") => ({
-    log: (message, ...args) => {
-        console.log(`%c[${context}] %c${message}`, 'color: ' + contextColor, 'color: ' + textColor, ...args);
-    },
-    warn: (message, ...args) => {
-        console.warn(`%c[${context}] %c${message}`, 'color: ' + contextColor, 'color: ' + textColor, ...args);
-    },
-    err: (message, ...args) => {
-        console.error(`%c[${context}] %c${message}`, 'color: ' + contextColor, 'color: ' + textColor, ...args);
-    },
-    error: (message, ...args) => {
-        console.error(`%c[${context}] %c${message}`, 'color: ' + contextColor, 'color: ' + textColor, ...args);
-    }
-});
+const ConsoleLogger = (context, contextColor, textColor = "#03a9f4") => new Log(context, contextColor, textColor);
 /**
  * Convert a string `fooBAR baz_160054''"1]"` into a slug: `foobar-baz-1600541`
  */
@@ -1094,6 +1203,54 @@ const stringToSlug = (text) => (text || '')
     .toLowerCase()
     .replace(/[\-_+ ]/g, '-')
     .replace(/[^a-z0-9\-]/g, '');
+/**
+* Helper to update the page URL.
+* @param page component page ID to load.
+* @param data string or JSON data for query params.
+*/
+const updateUrl = (page, data = {}, replaceState = false) => {
+    const [oldHash, qstring] = location.hash.split('?');
+    if (!page)
+        page = oldHash.split('/')[1];
+    const hash = `#/${page}`;
+    // Convert the data object to JSON.
+    if (data instanceof URLSearchParams) {
+        data = [...data.entries()].map(([k, v]) => ({ [k]: v })).reduce((a, b) => ({ ...a, ...b }), {});
+    }
+    const query = new URLSearchParams(data);
+    const prevParams = new URLSearchParams(qstring);
+    // If the hash is the same, retain params.
+    if (hash == oldHash) {
+        replaceState = true;
+        for (const [key, value] of prevParams.entries())
+            if (!query.has(key))
+                query.set(key, prevParams.get(key));
+    }
+    for (const [key, val] of query.entries()) {
+        if (val == null ||
+            val == undefined ||
+            val == '' ||
+            val == 'null' ||
+            Number.isNaN(val) ||
+            val == 'NaN')
+            query.delete(key);
+    }
+    if (!(hash.toLowerCase() == "#/frame") || data['id'] == -1)
+        query.delete('id');
+    const strQuery = query.toString();
+    console.log(data, hash, strQuery);
+    if (replaceState) {
+        window.history.replaceState(data, '', hash + (strQuery ? ('?' + strQuery) : ''));
+    }
+    else {
+        window.history.pushState(data, '', hash + (strQuery ? ('?' + strQuery) : ''));
+    }
+};
+const getUrlData = (source = window.location.hash) => {
+    const [hash, query] = source.split('?');
+    let data = new URLSearchParams(query);
+    return [...data.entries()].map(([k, v]) => ({ [k]: v })).reduce((a, b) => ({ ...a, ...b }), {});
+};
 
 const SCRIPT_INIT_TIMEOUT = 500; // ms
 /**
@@ -1185,7 +1342,7 @@ class LazyLoaderService {
         LazyLoaderService.configure(config);
     }
     static configure(config) {
-        const { log, warn, err } = Logger("ngx-lazy-loader", "#009688");
+        const { log, warn, err } = ConsoleLogger("ngx-lazy-loader", "#009688");
         this.config = {
             componentResolveStrategy: ComponentResolveStrategy.PickFirst,
             logger: {
@@ -1740,7 +1897,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Output
             }] } });
 
-const { log: log$1, warn: warn$1, err: err$1 } = Logger("DialogService", "#607d8b");
+const { log: log$1, warn: warn$1, err: err$1 } = ConsoleLogger("DialogService", "#607d8b");
 class DialogService {
     constructor(dialog, lazyLoader) {
         this.dialog = dialog;
@@ -2059,7 +2216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
-const { log, warn, err } = Logger("NavigationService", "#ff9800");
+const { log, warn, err } = ConsoleLogger("NavigationService", "#ff9800");
 class NavigationService {
     constructor(lazyLoader) {
         this.lazyLoader = lazyLoader;
@@ -10561,8 +10718,6 @@ class ReactMagicWrapperComponent {
                 this.ngOnChanges();
             })
         ];
-        if (!this.ngReactComponent)
-            throw new Error("ReactMagicWrapperComponent cannot start without a provided ngReactComponent!");
     }
     ngOnInit() {
         if (!this.ngReactComponent)
@@ -10622,5 +10777,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ComponentResolveStrategy, DependencyService, DialogService, DynamicHTMLComponent, DynamicHTMLOptions, DynamicHTMLRenderer, Fetch, FileService, FilemanagerComponent, HtmlBypass, InstallMonacoUMD, KeyboardService, LazyLoaderComponent, LazyLoaderModule, LazyLoaderService, MenuDirective, NGX_DYNAMIC_CONFIG, NGX_LAZY_LOADER_CONFIG, NGX_WEB_COMPONENTS_CONFIG, NavigationService, NgxDynamicHTMLModule, OnMount, ReactMagicWrapperComponent, ResourceBypass, ScriptBypass, StyleBypass, TabulatorComponent, ThemeService, TooltipDirective, UrlBypass, VscodeComponent, openMenu, openTooltip };
+export { ComponentResolveStrategy, ConsoleLogger, DependencyService, DialogService, DynamicHTMLComponent, DynamicHTMLOptions, DynamicHTMLRenderer, Fetch, FileService, FilemanagerComponent, HtmlBypass, InstallMonacoUMD, KeyboardService, LazyLoaderComponent, LazyLoaderModule, LazyLoaderService, LogIcon, MenuDirective, NGX_DYNAMIC_CONFIG, NGX_LAZY_LOADER_CONFIG, NGX_WEB_COMPONENTS_CONFIG, NavigationService, NgxDynamicHTMLModule, OnMount, ReactMagicWrapperComponent, ResourceBypass, ScriptBypass, StyleBypass, TabulatorComponent, ThemeService, TooltipDirective, UrlBypass, VscodeComponent, openMenu, openTooltip };
 //# sourceMappingURL=dotglitch-ngx-common.mjs.map