@dmlibs/dm-cmps 0.1.10 → 0.1.12

package/fesm2022/dmlibs-dm-cmps.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, input, booleanAttribute, model, computed, output, effect, Component, Injectable, numberAttribute, Input, Directive, HostListener } from '@angular/core';
+import { signal, input, booleanAttribute, model, computed, output, effect, Component, Injectable, numberAttribute, Input, Directive, HostListener, Pipe } from '@angular/core';
 import { toObservable } from '@angular/core/rxjs-interop';
 import { Subject, Subscription, switchMap, debounceTime, distinctUntilChanged } from 'rxjs';
 import * as i2 from '@angular/material/form-field';
@@ -67,6 +67,7 @@ class DmCmpsDataSource {
                 value.toString().toLowerCase().includes(term.toLowerCase()));
         };
         if (this.speratedSearch) {
+            console.log('sperated search active !!!');
             const terms = filter
                 .split(' ')
                 .map((t) => t.trim())
@@ -1587,6 +1588,7 @@ class DmTable {
                 this.datasource().setFilterPredicate(this._filterPredicate);
             }
             if (this.enableSperatedSearch()) {
+                console.log('enableSperatedSearch');
                 this.datasource().applySperatedSearch(true);
             }
             if (this.enablePagination() || dataSource.length >= this.autoPaginationAboveRowsCount()) {
@@ -1680,13 +1682,20 @@ class DmTable {
             return;
         this.datasource().setFilterPredicate((row, filter) => {
             const filterLower = filter.toLowerCase();
-            for (const col of this.runtimeColumns()) {
+            const match = (term) => this.runtimeColumns().some((col) => {
+                if (col.type && ['actions', '$index', 'component', 'customHtml'].includes(col.type))
+                    return false;
                 const cellValue = this.resolveCellValue(row, col);
-                if (cellValue != null && cellValue.toString().toLowerCase().includes(filterLower)) {
-                    return true;
-                }
+                return cellValue != null && cellValue.toString().includes(term);
+            });
+            if (this.enableSperatedSearch()) {
+                const terms = filterLower
+                    .split(' ')
+                    .map((term) => term.trim())
+                    .filter((term) => !!term);
+                return terms.every((term) => match(term));
             }
-            return false;
+            return match(filterLower);
         });
     }
     createCellContext = (row, column) => ({
@@ -2203,9 +2212,281 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                 args: ['window:keyup.shift', ['$event']]
             }], tableId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableId", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], noDataMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataMessage", required: false }] }], enableSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSearch", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], clearSearchTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearSearchTooltip", required: false }] }], searchInputAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchInputAppearance", required: false }] }], filterPredicate: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterPredicate", required: false }] }], enableSperatedSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSperatedSearch", required: false }] }], actionButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionButtons", required: false }] }], enablePrint: [{ type: i0.Input, args: [{ isSignal: true, alias: "enablePrint", required: false }] }], printButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "printButton", required: false }] }], enablePagination: [{ type: i0.Input, args: [{ isSignal: true, alias: "enablePagination", required: false }] }], autoPaginationAboveRowsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoPaginationAboveRowsCount", required: false }] }], paginatorSettings: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginatorSettings", required: false }] }], enableLoadingProgressbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableLoadingProgressbar", required: false }] }], enableColumnsDragAndDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableColumnsDragAndDrop", required: false }] }], enableColumnsDragHandle: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableColumnsDragHandle", required: false }] }], enableTotalRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableTotalRow", required: false }] }], tableStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableStyle", required: false }] }], tableClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableClasses", required: false }] }], rowStyleFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowStyleFn", required: false }] }], editColumnsVisibility: [{ type: i0.Input, args: [{ isSignal: true, alias: "editColumnsVisibility", required: false }] }], editColumnsVisibilityButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "editColumnsVisibilityButton", required: false }] }], editColumnsVisibilitySelectAllLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "editColumnsVisibilitySelectAllLabel", required: false }] }], rowIdentifierField: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowIdentifierField", required: false }] }] } });
 
+class DmDatePipe {
+    /**
+     * Transforms a date to a string
+     * @param value - the date to transform
+     * @param format - the format of the date
+     * @param lang - the language of the date
+     * @returns the date as a string
+     * @example
+     * {{ date | dmDate: 'dd/MM/yyyy' }}
+     * {{ date | dmDate: 'dd/MM/yyyy HH:mm' }}
+     * {{ date | dmDate: 'yyyy/MM/dd' }}
+     * {{ date | dmDate: 'dd/MM/yyyy': 'en' }}
+     * {{ date | dmDate: 'dd/MM/yyyy': 'he' }}
+     * {{ date | dmDate: 'dd/MM/yyyy': 'ar' }}
+     * {{ date | dmDate: 'dd/MM/yyyy HH:mm': 'en' }}
+     * {{ date | dmDate: 'dd/MM/yyyy HH:mm': 'he' }}
+     * {{ date | dmDate: 'dd/MM/yyyy HH:mm': 'ar' }}
+     * {{ date | dmDate: 'yyyy/MM/dd': 'en' }}
+     * {{ date | dmDate: 'yyyy/MM/dd': 'he' }}
+     *
+     * The format can be any string that contains the following:
+     * - 'dd' - the day of the month
+     * - 'MM' - the month
+     * - 'yyyy' - the year
+     * - 'yy' - the year (2 digits)
+     * - 'HH' - the hour
+     * - 'mm' - the minute
+     * - 'ss' - the second
+     * - 'SSS' - the millisecond
+     * - 'DM_a' - the AM/PM
+     * - 'DM_E' - the day of the week
+     * - 'DM_Z' - the time zone
+     * - 'DM_z' - the time zone offset
+     * - 'DM_yw' - the week of the year
+     * - 'DM_mw' - the week of the month
+     * - 'DM_yd' - the day of the year
+     */
+    transform(value, format = 'dd/MM/yyyy', lang = 'he') {
+        if (!value)
+            return '';
+        return DmDateService.getDateString(value, format, lang);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DmDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.3", ngImport: i0, type: DmDatePipe, isStandalone: true, name: "dmDate" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DmDatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'dmDate',
+                }]
+        }] });
+
+class DmRunOncePipeSevice {
+    cache = new Map();
+    argsMap = new Map();
+    generateFunctionKey(func, ...args) {
+        let functionName = func.name;
+        if (functionName.includes('bound')) {
+            functionName = functionName.replace('bound ', '');
+        }
+        const argsString = args
+            .map((arg) => {
+            if (typeof arg === 'object') {
+                return JSON.stringify(arg);
+            }
+            else if (typeof arg === 'function') {
+                return arg.name;
+            }
+            else {
+                return arg;
+            }
+        })
+            .join(':');
+        if (argsString) {
+            functionName = `${functionName}:${argsString}`;
+        }
+        return `${functionName}`;
+    }
+    getOrCache(key, fn, args) {
+        if (this.cache.has(key) && this.argsMap.has(key)) {
+            const cachedArgs = this.argsMap.get(key);
+            if (JSON.stringify(cachedArgs) == JSON.stringify(args)) {
+                return this.cache.get(key);
+            }
+        }
+        const result = fn();
+        this.cache.set(key, result);
+        this.argsMap.set(key, args);
+        return result;
+    }
+    clearCache(key) {
+        if (key) {
+            this.cache.delete(key);
+        }
+        else {
+            this.cache.clear();
+        }
+    }
+    /**
+     *
+     * @param func - the function that called with the pipe `runOnce`
+     *
+     * @result when you need to trigger the function again, just call `triggerFunction` with the function
+     *
+     * @usageExample
+     *
+     * #### html
+     * ```html
+     * <!-- example without properties -->
+     * <div [innerText]="myFucntion.bind(this) | runOnce"></div>
+     *
+     * <!-- example with properties -->
+     * <div [innerText]="myFucntion.bind(this) | runOnce : '1122'"></div>
+     * ```
+     *
+     * you can define properties as you need
+     *
+     * #### typescript
+     * ```typescript
+     * export class YourComponent {
+     *    constructor(private runOncePipeService: DmCmpsRunOncePipeService) {}
+     *
+     *    myFucntion(prop?: any) {
+     *      let result: any;
+     *      // any logic here
+     *      return result;
+     *    }
+     *
+     *    //this will trigger the function every time its called
+     *    triggerFunction() {
+     *      this.runOncePipeService.triggerFunction(this.myFucntion)
+     *    }
+     * }
+     * ```
+     */
+    triggerFunction(func) {
+        const key = this.generateFunctionKey(func);
+        this.clearCache(key);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DmRunOncePipeSevice, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DmRunOncePipeSevice, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DmRunOncePipeSevice, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class DmFilterByPipe {
+    /**
+     *
+     * @param array - (any[]) source array
+     * @param filterPredicate - can get a function or object:
+     *
+     * @usageNotes
+     * #### Example as function
+     *
+     * ```typescript
+     * filterPredicateFunction(item: any) {
+     *    return item.age > 18 && item.weight > 80;
+     * }
+     * ```
+     *
+     * #### Example as object
+     *
+     * ```typescript
+     * filterPredicateObject: { [key: string]: any } = {
+     *   age: 18,
+     *   weight: 80
+     * }
+     * ```
+     *
+     * @usageExample
+     * #### Use function predicate
+     * ```html
+     * <div *ngFor="let item of source | filterBy: filterPredicateFunction.bind(this)">
+     * <!-- any html content here -->
+     * </div>
+     * ```
+     *
+     * #### Use object - with check all
+     * ```html
+     * <div *ngFor="let item of source | filterBy: filterPredicateObject">
+     * <!-- any html content here -->
+     * </div>
+     * ```
+     *
+     * #### Use object - returns the items that have some properties from the object
+     * ```html
+     * <div *ngFor="let item of source | filterBy: filterPredicateObject : false">
+     * <!-- any html content here -->
+     * </div>
+     * ```
+     *
+     * @param checkAll - when `filterPredicate` is an object,
+     *  if `checkAll=true` it will return just the elements that have the `filterPredicate` keys and values,
+     *  if `checkAll=false` it will return all the elements thet have some properties from the `filterPredicate` with same values,
+     *  | default is `checkAll=true`
+     *
+     *
+     * @returns (any[]) filterd array
+     */
+    transform(array, filterPredicate, checkAll = true, ...args) {
+        if (!Array.isArray(array)) {
+            return array;
+        }
+        if (typeof filterPredicate === 'function') {
+            return array.filter(filterPredicate);
+        }
+        if (typeof filterPredicate === 'object') {
+            return array.filter((item) => {
+                if (checkAll) {
+                    return Object.keys(filterPredicate).every((key) => {
+                        return item[key] === filterPredicate[key];
+                    });
+                }
+                else {
+                    return Object.keys(filterPredicate).some((key) => {
+                        return item[key] === filterPredicate[key];
+                    });
+                }
+            });
+        }
+        return array;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DmFilterByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.3", ngImport: i0, type: DmFilterByPipe, isStandalone: true, name: "filterBy", pure: false });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DmFilterByPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'filterBy',
+                    pure: false,
+                }]
+        }] });
+
+class DmRunOncePipe {
+    runOncePipeService;
+    constructor(runOncePipeService) {
+        this.runOncePipeService = runOncePipeService;
+    }
+    /**
+     * @explain - Runs the specified function only once, simplifying function calls in HTML.
+     * - This prevents redundant computations by caching results.
+     * @param func - The function to be executed only once.
+     * @param args - The arguments to be passed to the `func` function.
+     * @result The result of executing the `func` function, or the cached result if already executed.
+     * ### Example of Usage
+     * ```html
+     * <!-- function without arguments -->
+     * <div [innerText]="myFunction.bind(this) | runOnce"></div>
+     *
+     * <!-- function with arguments -->
+     * <div [innerText]="myFunction.bind(this) | runOnce : '' : myVariable : false"></div>
+     * ```
+     */
+    transform(func, ...args) {
+        const key = this.runOncePipeService.generateFunctionKey(func, ...args);
+        return this.runOncePipeService.getOrCache(key, () => func(...args), [...args]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DmRunOncePipe, deps: [{ token: DmRunOncePipeSevice }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.3", ngImport: i0, type: DmRunOncePipe, isStandalone: true, name: "runOnce", pure: false });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DmRunOncePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'runOnce',
+                    pure: false,
+                }]
+        }], ctorParameters: () => [{ type: DmRunOncePipeSevice }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DmCmpsDataSource, DmColorPicker, DmDateService, DmIcon, DmMatSelect, DmSpinner, DmSpinnerService, DmTable };
+export { DmCmpsDataSource, DmColorPicker, DmDatePipe, DmDateService, DmFilterByPipe, DmIcon, DmMatSelect, DmRunOncePipe, DmRunOncePipeSevice, DmSpinner, DmSpinnerService, DmTable };
 //# sourceMappingURL=dmlibs-dm-cmps.mjs.map