@pepperi-addons/ngx-lib 0.4.2-beta.8 → 0.4.2-beta.80

package/fesm2020/pepperi-addons-ngx-lib.mjs

@@ -1445,6 +1445,7 @@ class PepSessionService {
         this.jwtHelper = jwtHelper;
         this.IDP_TOKEN_KEY = 'idp_token';
         this.PAPI_BASE_URL_KEY = 'pepperi.baseurl';
+        // private readonly API_BASE_URL_KEY = 'pepperi.publicapibaseurl';
         // private readonly WAPI_TOKEN_KEY = 'auth_token';
         this.WAPI_BASE_URL_KEY = 'serverHostURL'; // pepperi.webapibaseurl
     }
@@ -1656,13 +1657,9 @@ class PepFileService {
             : filePath.lastIndexOf('.');
         return filePath.substr(filePath.lastIndexOf('/') + 1, lastIndex);
     }
-    getFileExtension(filePath) {
-        const fileSplit = filePath.split('.');
-        let fileExt = '';
-        if (fileSplit.length > 1) {
-            fileExt = fileSplit[fileSplit.length - 2];
-        }
-        return fileExt;
+    getFileExtension(filename) {
+        const extension = filename.substring(filename.lastIndexOf('.') + 1, filename.length);
+        return extension;
     }
     /* Returns true if url is valid */
     isValidUrl(url) {
@@ -1675,21 +1672,62 @@ class PepFileService {
             return false;
         }
     }
-    convertFromb64toBlob(b64Data, contentType = '', sliceSize = 512) {
-        const byteCharacters = atob(b64Data);
-        const byteArrays = [];
-        for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
-            const slice = byteCharacters.slice(offset, offset + sliceSize);
-            const byteNumbers = new Array(slice.length);
-            for (let i = 0; i < slice.length; i++) {
-                byteNumbers[i] = slice.charCodeAt(i);
-            }
-            const byteArray = new Uint8Array(byteNumbers);
-            byteArrays.push(byteArray);
+    convertFromb64toArrayBuffer(base64String) {
+        const base64 = base64String.slice(base64String.indexOf(',') + 1);
+        const binary_string = window.atob(base64);
+        const len = binary_string.length;
+        const bytes = new Uint8Array(len);
+        for (let i = 0; i < len; i++) {
+            bytes[i] = binary_string.charCodeAt(i);
         }
-        const blob = new Blob(byteArrays, { type: contentType });
+        return bytes.buffer;
+    }
+    convertFromb64toBlob(base64String) {
+        // const byteCharacters = window.atob(b64Data);
+        const byteArrays = this.convertFromb64toArrayBuffer(base64String);
+        const fileStrArr = base64String.split(';');
+        const contentType = fileStrArr[0].split(':')[1];
+        const blob = new Blob([byteArrays], { type: contentType });
         return blob;
     }
+    getBase64FileSize(base64String) {
+        let fileSize;
+        try {
+            base64String = base64String.slice(base64String.indexOf(',') + 1);
+            fileSize = window.atob(base64String).length;
+        }
+        catch (e) {
+            fileSize = -1;
+        }
+        return fileSize; // return size in bytes;
+    }
+    fileToBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = (error) => reject(error);
+        });
+    }
+    isValidFileExtension(fileExtension, acceptedExtensions) {
+        const extensionOK = acceptedExtensions === '' ||
+            acceptedExtensions.indexOf(fileExtension.toLowerCase()) !== -1;
+        return extensionOK;
+    }
+    isValidFileSize(fileStr, sizeLimitMB = 5) {
+        const file = fileStr;
+        let fileSize = 0;
+        // check if got file as Base64
+        if (typeof fileStr === 'string' && fileStr.indexOf('data:') > -1) {
+            fileSize = this.getBase64FileSize(fileStr);
+        }
+        else {
+            fileSize = file.size;
+        }
+        // check the size
+        const sizeOK = fileSize !== -1 && file != null && fileSize < sizeLimitMB * 1048576;
+        return sizeOK;
+    }
     getAssetsPath(assetsDomain = '', libName = 'ngx-lib') {
         const concatChar = assetsDomain === '' || assetsDomain.endsWith('/') ? '' : '/';
         return `${assetsDomain}${concatChar}assets/${libName}/`;
@@ -2032,11 +2070,11 @@ class PepCustomizationService {
     }
     getUserSecondaryColorsVariables(themeVars) {
         themeVars[PepCustomizationService.COLOR_USER_SECONDARY_KEY + '-h'] =
-            '77';
+            '36';
         themeVars[PepCustomizationService.COLOR_USER_SECONDARY_KEY + '-s'] =
-            '87%';
+            '100%';
         themeVars[PepCustomizationService.COLOR_USER_SECONDARY_KEY + '-l'] =
-            '42%';
+            '50%';
     }
     getWeakColorsVariables(themeVars) {
         themeVars[PepCustomizationService.COLOR_WEAK_KEY + '-h'] =
@@ -2149,6 +2187,10 @@ class PepCustomizationService {
         themeVars[PepCustomizationService.COLOR_TOP_HEADER_KEY + '-s'] = '';
         themeVars[PepCustomizationService.COLOR_TOP_HEADER_KEY + '-l'] = '';
     }
+    // getDefaultThemeBrandingCustomizationVariables(themeVars: any): void {
+    //     themeVars[PepCustomizationService.BRANDING_LOGO_SRC] = '/assets/images/Pepperi-Logo-HiRes.png';
+    //     themeVars[PepCustomizationService.FAV_ICON_SRC] = '/assets/favicon.ico';
+    // }
     getDefaultThemeVariables() {
         const themeVars = {};
         // Declare default layout.
@@ -2175,6 +2217,8 @@ class PepCustomizationService {
         this.getDefaultThemeQSCustomizationVariables(themeVars);
         // Declare default top header customization.
         this.getDefaultThemeTopHeaderCustomizationVariables(themeVars);
+        // // Declare default branding logo's customization
+        // this.getDefaultThemeBrandingCustomizationVariables(themeVars);
         return themeVars;
     }
     getThemeVariables() {
@@ -2471,6 +2515,9 @@ PepCustomizationService.CARD_BORDER_RADIUS_KEY = '--pep-card-border-radius';
 PepCustomizationService.TABLE_FIELD_HEIGHT_KEY = '--pep-table-field-height';
 PepCustomizationService.TABLE_SPACEING_KEY = '--pep-table-spacing';
 PepCustomizationService.TABLE_BORDER_RADIUS_KEY = '--pep-table-border-radius';
+// // Branding keys
+// static BRANDING_LOGO_SRC = '--pep-branding-logo-src';
+// static FAV_ICON_SRC = '--pep-favicon-src';
 PepCustomizationService.DEFAULT_HEADER_HEIGHT = 64; // Default
 PepCustomizationService.DEFAULT_SPINNER_COLOR = '#78aa00';
 PepCustomizationService.DEFAULT_BRANDING_COLOR = '#fff';
@@ -3757,6 +3804,32 @@ class PepColorService {
             hsl.l +
             '%)');
     }
+    lightOrDark(color) {
+        let r = undefined;
+        let g = undefined;
+        let b = undefined;
+        // Check the format of the color, HEX or RGB?
+        if (color.match(/^rgb/)) {
+            // If HEX --> store the red, green, blue values in separate variables
+            color = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/);
+            r = color[1];
+            g = color[2];
+            b = color[3];
+        }
+        else {
+            // If RGB --> Convert it to HEX: http://gist.github.com/983661
+            color = +("0x" + color.slice(1).replace(color.length < 5 && /./g, '$&$&'));
+            r = color >> 16;
+            g = color >> 8 & 255;
+            b = color & 255;
+        }
+        // HSP (Highly Sensitive Poo) equation from http://alienryderflex.com/hsp.html
+        const hsp = Math.sqrt(0.299 * (r * r) +
+            0.587 * (g * g) +
+            0.114 * (b * b));
+        // Using the HSP value, determine whether the color is light or dark
+        return (hsp > 127.5) ? 'light' : 'dark';
+    }
 }
 PepColorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepColorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 PepColorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepColorService, providedIn: 'root' });
@@ -4342,11 +4415,12 @@ class PepLinkField extends PepFieldBase {
     }
     update(options) {
         super.update(options);
-        // DI-11292 - add changes for link field for the "Read Only display value" prop
-        this.formattedValue =
-            this.disabled && this.formattedValue && this.value
-                ? this.formattedValue
-                : this.value;
+        // DI-23167 - Comment this.
+        // // DI-11292 - add changes for link field for the "Read Only display value" prop
+        // this.formattedValue =
+        //     this.disabled && this.formattedValue && this.value
+        //         ? this.formattedValue
+        //         : this.value;
     }
 }
 class PepTextareaField extends PepFieldBase {