@acorex/components 16.19.2 → 16.19.3

package/fesm2022/acorex-components.mjs

@@ -21,8 +21,7 @@ import moment from 'jalali-moment';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i5 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
-import * as _ from 'lodash';
-import { differenceBy } from 'lodash';
+import { differenceBy, chain, cloneDeep } from 'lodash-es';
 import * as i1$4 from '@angular/router';
 import { RouterModule } from '@angular/router';
 
@@ -11775,17 +11774,18 @@ class AXSearchBarComponent {
                     title: el.property.title,
                     textValue: this._handleTextValue(el),
                     value: el.value ? this._handleDefultVlaue(el) : null,
-                    component: el
+                    component: el,
                 });
             }
         });
-        this._items = _.chain(v)
+        this._items = chain(v)
             .groupBy((x) => x.property.row)
             .map((value, key) => ({ row: key, items: value }))
             .value();
     }
     onValueChange = new EventEmitter();
     onSearchValue = new EventEmitter();
+    onClose = new EventEmitter();
     _items = [];
     _filterItems = [];
     _filterItemsClone = [];
@@ -11794,14 +11794,19 @@ class AXSearchBarComponent {
     _isEmitted = false;
     _searchCount;
     disableItem(name, disableValue) {
-        this._editors.find((x) => x.property.property.name === name).disabeld(disableValue);
+        this._editors
+            .find((x) => x.property.property.name === name)
+            .disabeld(disableValue);
     }
     clearItem(name) {
         this._editors.find((x) => x.property.property.name === name).clear();
     }
     ngOnInit() {
         if (this.rtl == null) {
-            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
+            this.rtl =
+                window
+                    .getComputedStyle(this.ref.nativeElement, null)
+                    .getPropertyValue('direction') === 'rtl';
         }
     }
     refresh() {
@@ -11834,7 +11839,7 @@ class AXSearchBarComponent {
     search() {
         this.form.validate().then((c) => {
             if (c.result) {
-                this._filterItems = JSON.parse(JSON.stringify(this._filterItemsClone.filter((el) => el.value === 0 || el.value != null && el.value != '')));
+                this._filterItems = JSON.parse(JSON.stringify(this._filterItemsClone.filter((el) => el.value === 0 || (el.value != null && el.value != ''))));
                 this._searchCount = this._filterItems.filter((x) => x.component.property.visible != false).length;
                 this.searchPopover.close();
                 this.onSearchValue.emit(this._filterItems);
@@ -11850,6 +11855,7 @@ class AXSearchBarComponent {
         this.searchPopover.close();
         this._searchCount = null;
         this.onSearchValue.emit(this._filterItems);
+        this.onClose.emit();
     }
     renderCol(e) {
         let className = [];
@@ -11916,8 +11922,10 @@ class AXSearchBarComponent {
     }
     async _handleDefultVlaue(dataItem) {
         await this._handleInitVlaue(dataItem);
-        this._filterItems = JSON.parse(JSON.stringify(this._filterItemsClone.filter((el) => el.value === 0 || el.value != null && el.value != '')));
-        if (this._filterItems.length === this._defultValueCount.length && this.loadOnInit && !this._isEmitted) {
+        this._filterItems = JSON.parse(JSON.stringify(this._filterItemsClone.filter((el) => el.value === 0 || (el.value != null && el.value != ''))));
+        if (this._filterItems.length === this._defultValueCount.length &&
+            this.loadOnInit &&
+            !this._isEmitted) {
             this._isEmitted = true;
             this._searchCount = this._filterItems.filter((x) => x.component.property.visible != false).length;
             setTimeout(() => {
@@ -11953,7 +11961,10 @@ class AXSearchBarComponent {
         const findEl = this._filterItemsClone.find((el) => el.uniqueNumber == e.property.uniqueNumber);
         if (findEl) {
             findEl.value = value;
-            findEl.textValue = e.property.editorClass === 'ax/editors/date' ? new AXDateTime(text, 'jalali').format('yyyy/MM/DD') : text;
+            findEl.textValue =
+                e.property.editorClass === 'ax/editors/date'
+                    ? new AXDateTime(text, 'jalali').format('yyyy/MM/DD')
+                    : text;
         }
         else if (e.value != null) {
             this._filterItemsClone.push({
@@ -11961,16 +11972,30 @@ class AXSearchBarComponent {
                 title: e.property.title,
                 uniqueNumber: e.property.uniqueNumber,
                 value,
-                textValue: e.property.editorClass === 'ax/editors/date' ? new AXDateTime(text, 'jalali').format('yyyy/MM/DD') : text,
+                textValue: e.property.editorClass === 'ax/editors/date'
+                    ? new AXDateTime(text, 'jalali').format('yyyy/MM/DD')
+                    : text,
                 component: e,
                 filterOptions: {
-                    filters: e.property?.filterOptions?.filters ? e.property.filterOptions.filters : [],
-                    logic: e.property?.filterOptions?.logic ? e.property.filterOptions.logic : 'and',
-                    ignoreCase: e.property?.filterOptions?.ignoreCase ? e.property.filterOptions.ignoreCase : true,
-                    joinType: e.property?.filterOptions?.joinType ? e.property.filterOptions.joinType : 'INNER',
-                    operator: e.property?.filterOptions?.operator ? e.property.filterOptions.operator : null,
-                    truncateDate: e.property?.filterOptions?.truncateDate ? e.property.filterOptions.truncateDate : true
-                }
+                    filters: e.property?.filterOptions?.filters
+                        ? e.property.filterOptions.filters
+                        : [],
+                    logic: e.property?.filterOptions?.logic
+                        ? e.property.filterOptions.logic
+                        : 'and',
+                    ignoreCase: e.property?.filterOptions?.ignoreCase
+                        ? e.property.filterOptions.ignoreCase
+                        : true,
+                    joinType: e.property?.filterOptions?.joinType
+                        ? e.property.filterOptions.joinType
+                        : 'INNER',
+                    operator: e.property?.filterOptions?.operator
+                        ? e.property.filterOptions.operator
+                        : null,
+                    truncateDate: e.property?.filterOptions?.truncateDate
+                        ? e.property.filterOptions.truncateDate
+                        : true,
+                },
             });
         }
     }
@@ -11985,7 +12010,7 @@ class AXSearchBarComponent {
         this.searchPopover.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AXSearchBarComponent, isStandalone: false, selector: "ax-search-bar", inputs: { sizeButton: "sizeButton", size: "size", disabled: "disabled", fitParent: "fitParent", popoverWidth: "popoverWidth", rtl: "rtl", loadOnInit: "loadOnInit", caption: "caption", block: "block", items: "items" }, outputs: { onValueChange: "onValueChange", onSearchValue: "onSearchValue" }, viewQueries: [{ propertyName: "searchPopover", first: true, predicate: ["searchPop"], descendants: true }, { propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-button [block]=\"block\" end icon=\"far fa-sliders-h icon\" [selected]=\"_searchCount? true:false\"\n    [type]=\" _searchCount ? 'primary':'primary outline'\" [disabled]=\"disabled\" [size]=\"sizeButton\" [tabIndex]=\"-1\"\n    (click)=\"handleButtonClick()\"> {{caption? caption:'common.search' | trans}}\n    <span *ngIf=\"_searchCount\" class=\"search-count\">{{_searchCount}}</span></ax-button>\n\n\n<ax-popover #searchPop [target]=\"ref\" [rtl]=\"rtl\"\n    [position]=\"{originX:'end',originY:'bottom',overlayX:'end',overlayY:'top',offsetY:10}\">\n    <div class=\"panel-box ax-dropdown-container-bordered {{size}}\">\n        <ax-validation-form #form>\n            <ng-container *ngFor=\"let item of _items\">\n                <div class=\"row\">\n                    <ng-container *ngFor=\"let prop of item.items\">\n                        <div *ngIf=\"prop.property.visible != false\" class=\"{{renderCol(prop.property.col)}}\">\n                            <div>\n                                <ax-label>{{prop.property.title}}</ax-label>\n                                <ng-container ax-property-editor-renderer [validationForm]=\"form\" [property]=\"prop\"\n                                    [context]=\"_context\" (onValueChange)=\"handleValueChange($event)\"></ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <div class=\"footer-button\">\n                <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\n                <ax-button type=\"blank danger\" (click)=\"clear()\">{{'common.reset' | trans}}</ax-button>\n            </div>\n        </ax-validation-form>\n    </div>\n</ax-popover>", styles: [".panel-box{padding:1rem}.panel-box.ax-dropdown-container-bordered{background:var(--ax-white-color);border:1px solid;border-color:var(--ax-border-color);border-radius:var(--ax-border-radius-size);box-shadow:0 5px 10px #0000004d}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}.panel-box.sm{width:30vw}.panel-box.md{width:50vw}.panel-box.lg{width:70vw}.panel-box.full{width:80vw}@media all and (min-width: 1280px){.panel-box.sm{width:420px!important}.panel-box.md{width:680px!important}.panel-box.lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md{width:500px!important}.panel-box.lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md{width:500px!important}.panel-box.lg{width:700px!important}}@media all and (min-width: 425px) and (max-width: 767px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md,.panel-box.lg{width:460px!important}}@media all and (min-width: 0px) and (max-width: 424px){.panel-box.sm,.panel-box.md,.panel-box.lg{width:100vw;max-height:100vh}}.search-count{background:#fff3;border-radius:50%;color:var(--ax-white-color);padding:.125rem;width:1.75rem;height:1.75rem;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;margin-inline-start:.5rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: AXPropertyEditorRendererDirective, selector: "[ax-property-editor-renderer]", inputs: ["property", "validationForm", "context", "host", "groupId"], outputs: ["onValueChange"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["size"], outputs: ["clickLabel"] }, { kind: "component", type: AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openMode", "closeMode", "rtl", "visible"], outputs: ["onOutSideClick"] }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "trans" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AXSearchBarComponent, isStandalone: false, selector: "ax-search-bar", inputs: { sizeButton: "sizeButton", size: "size", disabled: "disabled", fitParent: "fitParent", popoverWidth: "popoverWidth", rtl: "rtl", loadOnInit: "loadOnInit", caption: "caption", block: "block", items: "items" }, outputs: { onValueChange: "onValueChange", onSearchValue: "onSearchValue", onClose: "onClose" }, viewQueries: [{ propertyName: "searchPopover", first: true, predicate: ["searchPop"], descendants: true }, { propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-button [block]=\"block\" end icon=\"far fa-sliders-h icon\" [selected]=\"_searchCount? true:false\"\n    [type]=\" _searchCount ? 'primary':'primary outline'\" [disabled]=\"disabled\" [size]=\"sizeButton\" [tabIndex]=\"-1\"\n    (click)=\"handleButtonClick()\"> {{caption? caption:'common.search' | trans}}\n    <span *ngIf=\"_searchCount\" class=\"search-count\">{{_searchCount}}</span></ax-button>\n\n\n<ax-popover #searchPop [target]=\"ref\" [rtl]=\"rtl\"\n    [position]=\"{originX:'end',originY:'bottom',overlayX:'end',overlayY:'top',offsetY:10}\">\n    <div class=\"panel-box ax-dropdown-container-bordered {{size}}\">\n        <ax-validation-form #form>\n            <ng-container *ngFor=\"let item of _items\">\n                <div class=\"row\">\n                    <ng-container *ngFor=\"let prop of item.items\">\n                        <div *ngIf=\"prop.property.visible != false\" class=\"{{renderCol(prop.property.col)}}\">\n                            <div>\n                                <ax-label>{{prop.property.title}}</ax-label>\n                                <ng-container ax-property-editor-renderer [validationForm]=\"form\" [property]=\"prop\"\n                                    [context]=\"_context\" (onValueChange)=\"handleValueChange($event)\"></ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <div class=\"footer-button\">\n                <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\n                <ax-button type=\"blank danger\" (click)=\"clear()\">{{'common.reset' | trans}}</ax-button>\n            </div>\n        </ax-validation-form>\n    </div>\n</ax-popover>", styles: [".panel-box{padding:1rem}.panel-box.ax-dropdown-container-bordered{background:var(--ax-white-color);border:1px solid;border-color:var(--ax-border-color);border-radius:var(--ax-border-radius-size);box-shadow:0 5px 10px #0000004d}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}.panel-box.sm{width:30vw}.panel-box.md{width:50vw}.panel-box.lg{width:70vw}.panel-box.full{width:80vw}@media all and (min-width: 1280px){.panel-box.sm{width:420px!important}.panel-box.md{width:680px!important}.panel-box.lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md{width:500px!important}.panel-box.lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md{width:500px!important}.panel-box.lg{width:700px!important}}@media all and (min-width: 425px) and (max-width: 767px){.panel-box.sm{width:100vw;max-height:100vh}.panel-box.md,.panel-box.lg{width:460px!important}}@media all and (min-width: 0px) and (max-width: 424px){.panel-box.sm,.panel-box.md,.panel-box.lg{width:100vw;max-height:100vh}}.search-count{background:#fff3;border-radius:50%;color:var(--ax-white-color);padding:.125rem;width:1.75rem;height:1.75rem;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;margin-inline-start:.5rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: AXPropertyEditorRendererDirective, selector: "[ax-property-editor-renderer]", inputs: ["property", "validationForm", "context", "host", "groupId"], outputs: ["onValueChange"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["size"], outputs: ["clickLabel"] }, { kind: "component", type: AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openMode", "closeMode", "rtl", "visible"], outputs: ["onOutSideClick"] }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "trans" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBarComponent, decorators: [{
             type: Component,
@@ -12023,6 +12048,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 type: Output
             }], onSearchValue: [{
                 type: Output
+            }], onClose: [{
+                type: Output
             }] } });
 
 class AXProperyEditorComponent {
@@ -15430,7 +15457,7 @@ class AXTabPageService {
         newTab[TAB_META_KEY] = {};
         newTab[TAB_META_KEY].uid = AXHtmlUtil.getUID();
         if (newTab?.data) {
-            newTab[TAB_META_KEY].oldData = _.cloneDeep(newTab.data);
+            newTab[TAB_META_KEY].oldData = cloneDeep(newTab.data);
         }
         //
         const existTab = this.tabs.find((c) => newTab[TAB_META_KEY].uid && c[TAB_META_KEY].uid === newTab[TAB_META_KEY].uid) ||