@bravobit/bb-foundation 0.32.1 → 0.40.0

package/fesm2022/bravobit-bb-foundation.mjs

@@ -1,10 +1,9 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, Optional, Inject, inject } from '@angular/core';
+import { Injectable, InjectionToken, inject, Optional, Inject } from '@angular/core';
 import * as i1 from '@angular/cdk/platform';
-import { map, distinctUntilChanged, shareReplay, debounceTime, startWith } from 'rxjs/operators';
-import { of, fromEvent, Observable, merge, Subscription } from 'rxjs';
 import { DOCUMENT, formatDate } from '@angular/common';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { map, distinctUntilChanged, shareReplay, debounceTime, startWith } from 'rxjs/operators';
+import { of, fromEvent, Observable, merge, Subscription, isObservable } from 'rxjs';
 
 class FileLoader {
     constructor() {
@@ -81,10 +80,10 @@ class FileLoader {
         const blobFile = new Blob([blob], { type: blob?.type });
         return this.blobToFile(blobFile, name);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FileLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FileLoader, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: FileLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: FileLoader, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FileLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: FileLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -240,10 +239,10 @@ class Exif {
             image.onload = () => resolve(image);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Exif, deps: [{ token: i1.Platform }, { token: FileLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Exif, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Exif, deps: [{ token: i1.Platform }, { token: FileLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Exif, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Exif, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Exif, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -358,16 +357,108 @@ class ImageConverter {
         // If the contents is a string convert it to an HTML image element.
         return this.stringToImage(contents);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ImageConverter, deps: [{ token: Exif }, { token: i1.Platform }, { token: FileLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ImageConverter, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ImageConverter, deps: [{ token: Exif }, { token: i1.Platform }, { token: FileLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ImageConverter, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ImageConverter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ImageConverter, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }], ctorParameters: () => [{ type: Exif }, { type: i1.Platform }, { type: FileLoader }] });
 
+const WINDOW = new InjectionToken('An abstraction over global window object', {
+    factory: () => {
+        const { defaultView } = inject(DOCUMENT);
+        if (!defaultView) {
+            throw new Error('Window is not available');
+        }
+        return defaultView;
+    }
+});
+
+class Files {
+    constructor(_platform, _rendererFactory, _window) {
+        this._platform = _platform;
+        this._rendererFactory = _rendererFactory;
+        this._window = _window;
+        this._renderer = this._rendererFactory.createRenderer(null, null);
+    }
+    download(blobOrFile, name) {
+        if (!this._platform.isBrowser) {
+            return;
+        }
+        const anchor = this.createAnchorElement(blobOrFile, name);
+        this.revokeUrlAndPressAnchor(anchor);
+    }
+    fromDataUri(dataUri, name) {
+        if (!dataUri) {
+            return null;
+        }
+        try {
+            const byteString = this._window.atob(dataUri.split(',')[1]);
+            // Separate out the mime component.
+            const mimeString = dataUri
+                .split(',')[0]
+                .split(':')[1]
+                .split(';')[0];
+            // Write the bytes of the string to an ArrayBuffer.
+            const arrayBuffer = new ArrayBuffer(byteString.length);
+            const uint8Array = new Uint8Array(arrayBuffer);
+            for (let index = 0; index < byteString.length; index++) {
+                uint8Array[index] = byteString.charCodeAt(index);
+            }
+            const dataView = new DataView(arrayBuffer);
+            const blob = new Blob([dataView.buffer], { type: mimeString });
+            return this.create(blob, name);
+        }
+        catch {
+            return null;
+        }
+    }
+    create(blob, name) {
+        if (!navigator['msSaveBlob']) {
+            return new File([blob], name, { lastModified: Date.now(), type: blob?.type });
+        }
+        const anyBlob = new Blob([blob], { type: blob?.type });
+        anyBlob.lastModifiedDate = new Date();
+        anyBlob.name = name;
+        return anyBlob;
+    }
+    createAnchorElement(blobOrFile, name) {
+        const anchor = this._renderer.createElement('a');
+        this._renderer.setProperty(anchor, 'download', name ?? blobOrFile?.['name']);
+        this._renderer.setProperty(anchor, 'rel', 'noopener');
+        this._renderer.setProperty(anchor, 'href', URL.createObjectURL(blobOrFile));
+        return anchor;
+    }
+    revokeUrlAndPressAnchor(anchor) {
+        setTimeout(() => URL.revokeObjectURL(anchor?.href), 40_000);
+        setTimeout(() => this.pressAnchor(anchor), 0);
+    }
+    pressAnchor(anchor) {
+        try {
+            anchor.dispatchEvent(new MouseEvent('click'));
+        }
+        catch {
+            anchor.click();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Files, deps: [{ token: i1.Platform }, { token: i0.RendererFactory2 }, { token: WINDOW, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Files, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Files, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.Platform }, { type: i0.RendererFactory2 }, { type: Window, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [WINDOW]
+                }] }] });
+
 const ACCEPT_LANGUAGE = new InjectionToken('AcceptLanguage');
 
 class Languages {
@@ -426,10 +517,10 @@ class Languages {
             .filter(item => !!item)
             .sort((a, b) => b.quality - a.quality);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Languages, deps: [{ token: ACCEPT_LANGUAGE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Languages, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Languages, deps: [{ token: ACCEPT_LANGUAGE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Languages, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Languages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Languages, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -441,16 +532,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
                     args: [ACCEPT_LANGUAGE]
                 }] }] });
 
-const WINDOW = new InjectionToken('An abstraction over global window object', {
-    factory: () => {
-        const { defaultView } = inject(DOCUMENT);
-        if (!defaultView) {
-            throw new Error('Window is not available');
-        }
-        return defaultView;
-    }
-});
-
 const NAVIGATOR = new InjectionToken('An abstraction over window.navigator object', {
     factory: () => inject(WINDOW).navigator
 });
@@ -481,12 +562,12 @@ class Network {
         });
         // Merge all event so we get notified when
         // a user is online/offline.
-        this._online$ = merge(now$, online$, offline$).pipe(map(value => value), distinctUntilChanged(), shareReplay({ refCount: true, bufferSize: 1 }));
+        this._online$ = merge(now$, online$, offline$).pipe(distinctUntilChanged(), shareReplay({ refCount: true, bufferSize: 1 }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Network, deps: [{ token: i1.Platform }, { token: WINDOW, optional: true }, { token: NAVIGATOR, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Network, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Network, deps: [{ token: i1.Platform }, { token: WINDOW, optional: true }, { token: NAVIGATOR, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Network, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Network, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Network, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -539,10 +620,10 @@ class Patch {
         // Save the subscription so we can destroy it later.
         this._subscription.add(subscription);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Patch, deps: [{ token: i1.Platform }, { token: WINDOW, optional: true }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Patch, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Patch, deps: [{ token: i1.Platform }, { token: WINDOW, optional: true }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Patch, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Patch, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Patch, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -559,193 +640,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
                     args: [DOCUMENT]
                 }] }] });
 
-class Clipboard {
-    constructor(_document) {
-        this._document = _document;
-    }
-    copy(text) {
-        const pendingCopy = this.beginCopy(text);
-        const successful = pendingCopy.copy();
-        pendingCopy.destroy();
-        return successful;
-    }
-    beginCopy(text) {
-        return new ClipboardCopy(text, this._document);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Clipboard, deps: [{ token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Clipboard, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: Clipboard, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: Document, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }] });
-class ClipboardCopy {
-    constructor(_text, _document) {
-        this._text = _text;
-        this._document = _document;
-        this.initialize();
-    }
-    copy() {
-        const textarea = this._textarea;
-        let successful = false;
-        try {
-            const currentFocus = this._document.activeElement;
-            textarea?.select?.();
-            textarea?.setSelectionRange?.(0, textarea?.value?.length);
-            successful = this._document?.execCommand?.('copy');
-            currentFocus?.focus?.();
-        }
-        catch {
-            // Do nothing.
-        }
-        return successful;
-    }
-    destroy() {
-        this._textarea?.parentNode?.removeChild?.(this._textarea);
-        this._textarea = undefined;
-    }
-    initialize() {
-        const textarea = this._textarea = this._document.createElement('textarea');
-        const styles = textarea.style;
-        // Hide the element for display and accessibility. Set a fixed position so the page layout
-        // isn't affected. We use `fixed` with `top: 0`, because focus is moved into the textarea
-        // for a split second and if it's off-screen, some browsers will attempt to scroll it into view.
-        styles.position = 'fixed';
-        styles.top = styles.opacity = '0';
-        styles.left = '-999em';
-        textarea.setAttribute('aria-hidden', 'true');
-        textarea.value = this._text;
-        this._document.body.appendChild(textarea);
-    }
-}
-
-function mixinDisabled(base) {
-    return class extends base {
-        get disabled() {
-            return this._disable;
-        }
-        set disabled(value) {
-            this._disable = coerceBooleanProperty(value);
-        }
-        constructor(...args) {
-            super(...args);
-            this._disable = false;
-        }
-    };
-}
-
-function mixinLoad(base) {
-    return class extends base {
-        get loading() {
-            return this._loading;
-        }
-        set loading(value) {
-            this._loading = coerceBooleanProperty(value);
-        }
-        constructor(...args) {
-            super(...args);
-            this._loading = false;
-        }
-    };
-}
-
-function mixinError(base) {
-    return class extends base {
-        get error() {
-            return this._error;
-        }
-        set error(value) {
-            this._error = coerceBooleanProperty(value);
-        }
-        constructor(...args) {
-            super(...args);
-            this._error = false;
-        }
-    };
-}
-
-function mixinHideErrors(base) {
-    return class extends base {
-        get hideErrors() {
-            return this._hideErrors;
-        }
-        set hideErrors(value) {
-            this._hideErrors = coerceBooleanProperty(value);
-        }
-        constructor(...args) {
-            super(...args);
-            this._hideErrors = false;
-        }
-    };
-}
-
-function mixinFocused(base) {
-    return class extends base {
-        get focused() {
-            return this._focused;
-        }
-        set focused(value) {
-            this._focused = coerceBooleanProperty(value);
-        }
-        constructor(...args) {
-            super(...args);
-            this._focused = false;
-        }
-    };
-}
-
-function mixinGrouped(base) {
-    return class extends base {
-        get grouped() {
-            return this._grouped;
-        }
-        set grouped(value) {
-            this._grouped = coerceBooleanProperty(value);
-        }
-        constructor(...args) {
-            super(...args);
-            this._grouped = false;
-        }
-    };
-}
-
-function mixinReadonly(base) {
-    return class extends base {
-        get readonly() {
-            return this._readonly;
-        }
-        set readonly(value) {
-            this._readonly = coerceBooleanProperty(value);
-        }
-        constructor(...args) {
-            super(...args);
-            this._readonly = false;
-        }
-    };
-}
-
-function mixinRequired(base) {
-    return class extends base {
-        get required() {
-            return this._required;
-        }
-        set required(value) {
-            this._required = coerceBooleanProperty(value);
-        }
-        constructor(...args) {
-            super(...args);
-            this._required = false;
-        }
-    };
-}
-
 const BASE_URL = new InjectionToken('BaseUrl');
 
 const COOKIE = new InjectionToken('Cookie');
@@ -756,7 +650,46 @@ const LOCATION = new InjectionToken('An abstraction over window.location object'
 
 const BbRegex = {
     email: /^(([^<>()\[\]\\.,;:\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,}))$/,
-    fullNumber: /^\d*[1-9]\d*$/
+    fullNumber: /^\d*[1-9]\d*$/,
+    url: new RegExp('^' +
+        // protocol identifier (optional)
+        // short syntax // still required
+        '(?:(?:(?:https?|ftp):)?\\/\\/)' +
+        // user:pass BasicAuth (optional)
+        '(?:\\S+(?::\\S*)?@)?' +
+        '(?:' +
+        // IP address exclusion
+        // private & local networks
+        '(?!(?:10|127)(?:\\.\\d{1,3}){3})' +
+        '(?!(?:169\\.254|192\\.168)(?:\\.\\d{1,3}){2})' +
+        '(?!172\\.(?:1[6-9]|2\\d|3[0-1])(?:\\.\\d{1,3}){2})' +
+        // IP address dotted notation octets
+        // excludes loopback network 0.0.0.0
+        // excludes reserved space >= 224.0.0.0
+        // excludes network & broadcast addresses
+        // (first & last IP address of each class)
+        '(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])' +
+        '(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}' +
+        '(?:\\.(?:[1-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))' +
+        '|' +
+        // host & domain names, may end with dot
+        // can be replaced by a shortest alternative
+        // (?![-_])(?:[-\\w\\u00a1-\\uffff]{0,63}[^-_]\\.)+
+        '(?:' +
+        '(?:' +
+        '[a-z0-9\\u00a1-\\uffff]' +
+        '[a-z0-9\\u00a1-\\uffff_-]{0,62}' +
+        ')?' +
+        '[a-z0-9\\u00a1-\\uffff]\\.' +
+        ')+' +
+        // TLD identifier name, may end with dot
+        '(?:[a-z\\u00a1-\\uffff]{2,}\\.?)' +
+        ')' +
+        // port number (optional)
+        '(?::\\d{2,5})?' +
+        // resource path (optional)
+        '(?:[/?#]\\S*)?' +
+        '$', 'i')
 };
 
 class BbValidator {
@@ -842,6 +775,10 @@ function isEmptyInputValue(value) {
     return value == null || value.length === 0;
 }
 
+function observableAttribute(value) {
+    return isObservable(value) ? value : of(value);
+}
+
 function parseDate(value) {
     if (value === undefined || value === null) {
         return null;
@@ -890,6 +827,13 @@ function generatePassword(length = 12) {
     return generatedPassword;
 }
 
+function arrayToMap(items, value) {
+    return items.reduce((previous, current) => {
+        const key = current?.[value];
+        return { ...previous, [key]: current };
+    }, {});
+}
+
 /*
  * Public API Surface of bb-foundation
  */
@@ -898,5 +842,5 @@ function generatePassword(length = 12) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACCEPT_LANGUAGE, BASE_URL, BbRegex, BbValidator, COOKIE, Clipboard, ClipboardCopy, Exif, FileLoader, ImageConverter, LOCATION, Languages, NAVIGATOR, Network, Patch, WINDOW, createDate, generatePassword, isDate, isValidDate, mixinDisabled, mixinError, mixinFocused, mixinGrouped, mixinHideErrors, mixinLoad, mixinReadonly, mixinRequired, parseDate };
+export { ACCEPT_LANGUAGE, BASE_URL, BbRegex, BbValidator, COOKIE, Exif, FileLoader, Files, ImageConverter, LOCATION, Languages, NAVIGATOR, Network, Patch, WINDOW, arrayToMap, createDate, generatePassword, isDate, isValidDate, observableAttribute, parseDate };
 //# sourceMappingURL=bravobit-bb-foundation.mjs.map