barsa-develop-components 2.1.6 → 2.1.8

package/fesm2022/barsa-develop-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, ViewChild, Injectable, EventEmitter, Output, Pipe, HostBinding, HostListener, RendererStyleFlags2, ElementRef, ViewEncapsulation, ViewChildren, ViewContainerRef, TemplateRef, Optional, inject, Renderer2, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild, Injectable, EventEmitter, Output, Pipe, HostBinding, HostListener, RendererStyleFlags2, ElementRef, ViewEncapsulation, ViewChildren, ViewContainerRef, TemplateRef, Optional, inject, Renderer2, signal, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
 import * as i2$1 from 'barsa-sap-ui';
 import { DeviceInfoFieldBaseComponent, UiMoInfoSubFormUiComponent, UiCheckBoxComponent, UiMoInfoUlvComboComponent, UiSimpleComboComponent, UiPicturesInfoComponent, UiPdfViewerComponent, ColumnRendererComponent, BarsaSapUiModule } from 'barsa-sap-ui';
 import { Subject, debounceTime, distinctUntilChanged, BehaviorSubject, of, takeUntil as takeUntil$1, switchMap } from 'rxjs';
@@ -8,7 +8,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i2 from '@fundamental-ngx/core/input-group';
 import * as i3 from '@fundamental-ngx/core/toolbar';
 import * as i1$1 from 'barsa-novin-ray-core';
-import { ReportViewBaseComponent, FieldBaseComponent, FormBaseComponent, FormPanelService, BaseComponent, BarsaApi, ReportBaseComponent, getDeviceIsMobile, BaseItemContentPropsComponent, FormPropsBaseComponent, FindLayoutSettingFromLayout94, BaseFormToolbaritemPropsComponent, DateService, getDateService, LogService, UploadService, AudioRecordingService, VideoRecordingService, createGridEditorFormPanel, ImageMimeType, AudioMimeType, VideoMimeType, AllFilesMimeType, PreventDefaulEvent, isImage, getIcon, FilesValidationHelper, LinearListHelper, getUniqueId, BaseViewItemPropsComponent, FindColumnByDbNamePipe, ColumnValuePipe, BaseModule, BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';
+import { ReportViewBaseComponent, FieldBaseComponent, FormBaseComponent, FormPanelService, BaseComponent, BarsaApi, ReportBaseComponent, getDeviceIsMobile, BaseItemContentPropsComponent, FormPropsBaseComponent, FindLayoutSettingFromLayout94, BaseFormToolbaritemPropsComponent, DateService, getDateService, LogService, UploadService, AudioRecordingService, VideoRecordingService, createGridEditorFormPanel, ImageMimeType, AudioMimeType, VideoMimeType, AllFilesMimeType, PreventDefaulEvent, isImage, getIcon, FilesValidationHelper, LinearListHelper, getUniqueId, BaseViewItemPropsComponent, PortalService, ColumnValueOfParametersPipe, BaseModule, BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';
 import { takeUntil, shareReplay, filter, map, debounceTime as debounceTime$1, tap, exhaustMap, concatMap, finalize, delay, withLatestFrom } from 'rxjs/operators';
 import * as i2$2 from '@fundamental-ngx/core';
 import { TabListComponent, PopoverBodyComponent, TabPanelComponent, FundamentalNgxCoreModule } from '@fundamental-ngx/core';
@@ -3416,64 +3416,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ColumnProgressbarComponent extends ColumnRendererComponent {
     constructor() {
         super(...arguments);
-        this.maxValue = '100';
-        this.customUntitValueNow = 0;
-        this.unit = 'MB';
-        this.valueText = '';
-        this.state = 'informative';
         this._el = inject(ElementRef);
         this._renderer2 = inject(Renderer2);
-        this._findColumnByDbName = inject(FindColumnByDbNamePipe);
-        this._columnValuePipe = inject(ColumnValuePipe);
+        this._portalService = inject(PortalService);
+        this._columnValueOfParametersPipe = inject(ColumnValueOfParametersPipe);
+        this.isRtl = true;
+        this.maxValue = signal('100');
+        this.customUntitValueNow = signal(0);
+        this.unit = signal('MB');
+        this.valueText = signal('');
+        this.state = signal('informative');
     }
     ngOnInit() {
         super.ngOnInit();
-        this._setMaxValue();
-        if (this.parameters?.Units) {
-            this.unit = this.parameters.Units;
-        }
-        this.state = this.parameters.State$Caption;
+        this._setMaxValue(this.mo);
+        this._setState();
+        this._setUnit();
         this._setValueText();
+        this._setRtl();
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        const { mo } = changes;
+        if (mo && !mo.firstChange) {
+            this._setMaxValue(mo.currentValue);
+            this._setColor(mo.currentValue);
+            this._setValueText();
+        }
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
-        this._setColor();
+        this._setColor(this.mo);
+    }
+    _setRtl() {
+        this.isRtl = this._portalService.isRtl;
+    }
+    _setState() {
+        this.state.set(this.parameters.State$Caption);
+    }
+    _setUnit() {
+        if (this.parameters?.Units) {
+            this.unit.set(this.parameters.Units);
+        }
     }
     _setValueText() {
-        // const { ValueText } = this.parameters;
-        // this.valueText = this.value + ' ' + this.unit + ' ' + this.maxValue;
-        // if (ValueText) {
-        //     const x = eval(ValueText); // eslint-disable-line
-        // }
+        const t = String.fromCharCode(0x202a);
+        this.valueText.set(this.isRtl
+            ? `${t} ${this.maxValue()}  ${BarsaApi.BBB[this.unit()] || this.unit()} ${this.signalValue()}`
+            : `${this.signalValue()} ${BarsaApi.BBB[this.unit()] || this.unit()} ${this.maxValue()}`);
     }
-    _setMaxValue() {
+    _setMaxValue(mo) {
         const { MaxValue, MaxValueField } = this.parameters;
-        if (MaxValue) {
-            this.maxValue = this.parameters.MaxValue;
-        }
-        if (MaxValueField) {
-            const column = this._findColumnByDbName.transform(this.allColumns, MaxValueField, []);
-            if (column) {
-                this.maxValue = this._columnValuePipe.transform(column, this.mo);
-            }
-            else {
-                this.maxValue = this.mo[MaxValueField];
-            }
+        if (MaxValue || MaxValueField) {
+            this.maxValue.set(this._columnValueOfParametersPipe.transform(this.allColumns, mo, MaxValueField, MaxValue));
         }
     }
-    _setColor() {
+    _setColor(mo) {
         const { Color, ColorField } = this.parameters;
         if (Color || ColorField) {
-            let color = Color;
-            if (ColorField) {
-                const column = this._findColumnByDbName.transform(this.allColumns, ColorField, []);
-                if (column) {
-                    color = this._columnValuePipe.transform(column, this.mo);
-                }
-                else {
-                    color = this.mo[ColorField];
-                }
-            }
+            const color = this._columnValueOfParametersPipe.transform(this.allColumns, mo, ColorField, Color);
             const dom = this._el.nativeElement;
             const x = dom.querySelector('.fd-progress-indicator__progress-bar');
             if (x) {
@@ -3482,11 +3483,11 @@ class ColumnProgressbarComponent extends ColumnRendererComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnProgressbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColumnProgressbarComponent, selector: "bdc-column-progressbar", inputs: { layout94: "layout94", parameters: "parameters" }, usesInheritance: true, ngImport: i0, template: "<fd-progress-indicator\n    [state]=\"state\"\n    [valueNow]=\"value | strToNum\"\n    [valueMax]=\"maxValue | strToNum\"\n    [unit]=\"unit\"\n    [valueText]=\"valueText\"\n></fd-progress-indicator>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-progress-indicator{display:block;width:100%}:host fd-progress-indicator ::ng-deep>div{margin:2px!important;display:flex;align-items:center}:host fd-progress-indicator ::ng-deep>div>div{width:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: i5.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i1$1.StringToNumberPipe, name: "strToNum" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColumnProgressbarComponent, selector: "bdc-column-progressbar", inputs: { layout94: "layout94", parameters: "parameters" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-progress-indicator\n    [state]=\"state()\"\n    [valueNow]=\"signalValue() | strToNum\"\n    [valueMax]=\"maxValue() | strToNum\"\n    [unit]=\"unit()\"\n    [valueText]=\"valueText()\"\n></fd-progress-indicator>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-progress-indicator{display:block;width:100%}:host fd-progress-indicator ::ng-deep>div{margin:2px!important;display:flex;align-items:center}:host fd-progress-indicator ::ng-deep>div>div{width:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: i5.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i1$1.StringToNumberPipe, name: "strToNum" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnProgressbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bdc-column-progressbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-progress-indicator\n    [state]=\"state\"\n    [valueNow]=\"value | strToNum\"\n    [valueMax]=\"maxValue | strToNum\"\n    [unit]=\"unit\"\n    [valueText]=\"valueText\"\n></fd-progress-indicator>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-progress-indicator{display:block;width:100%}:host fd-progress-indicator ::ng-deep>div{margin:2px!important;display:flex;align-items:center}:host fd-progress-indicator ::ng-deep>div>div{width:100%;display:flex;align-items:center}\n"] }]
+            args: [{ selector: 'bdc-column-progressbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-progress-indicator\n    [state]=\"state()\"\n    [valueNow]=\"signalValue() | strToNum\"\n    [valueMax]=\"maxValue() | strToNum\"\n    [unit]=\"unit()\"\n    [valueText]=\"valueText()\"\n></fd-progress-indicator>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-progress-indicator{display:block;width:100%}:host fd-progress-indicator ::ng-deep>div{margin:2px!important;display:flex;align-items:center}:host fd-progress-indicator ::ng-deep>div>div{width:100%;display:flex;align-items:center}\n"] }]
         }], propDecorators: { layout94: [{
                 type: Input
             }], parameters: [{
@@ -3496,20 +3497,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ColumnChipComponent extends ColumnRendererComponent {
     constructor() {
         super(...arguments);
-        this.state = 'success';
+        this.state = signal('success');
+        this._columnValueOfParametersPipe = inject(ColumnValueOfParametersPipe);
+        this.chipValue = signal(this.value);
     }
     ngOnInit() {
         super.ngOnInit();
-        if (this.parameters?.State) {
-            this.state = this.parameters.State$Caption;
+        this._setStateField(this.mo);
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        const { mo } = changes;
+        if (mo && !mo.firstChange) {
+            this._setStateField(mo.currentValue);
+        }
+    }
+    _setStateField(mo) {
+        const { State, StateField } = this.parameters;
+        if (State || StateField) {
+            const x = this._columnValueOfParametersPipe.transform(this.allColumns, mo, StateField, this.parameters.State, true);
+            if (x !== this.state()) {
+                this.state.set(x);
+            }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ColumnChipComponent, selector: "bdc-column-chip", inputs: { layout94: "layout94", parameters: "parameters" }, usesInheritance: true, ngImport: i0, template: "@if(value){\n<div\n    fd-generic-tag\n    [type]=\"state\"\n    [name]=\"parameters?.ShowColumnCaption ? column.Alias : ''\"\n    [value]=\"value\"\n    [attr.title]=\"value\"\n></div>\n}\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host ::ng-deep fd-icon{display:none!important}\n"], dependencies: [{ kind: "component", type: i1$8.GenericTagComponent, selector: "[fd-generic-tag]", inputs: ["class", "type", "name", "value", "ariaRoleDescription"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ColumnChipComponent, selector: "bdc-column-chip", inputs: { layout94: "layout94", parameters: "parameters" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if(value){\n<div\n    fd-generic-tag\n    [type]=\"state()\"\n    [name]=\"parameters?.ShowColumnCaption ? column.Alias : ''\"\n    [value]=\"signalValue()\"\n    [attr.title]=\"value\"\n></div>\n}\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host ::ng-deep fd-icon{display:none!important}\n"], dependencies: [{ kind: "component", type: i1$8.GenericTagComponent, selector: "[fd-generic-tag]", inputs: ["class", "type", "name", "value", "ariaRoleDescription"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnChipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bdc-column-chip', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(value){\n<div\n    fd-generic-tag\n    [type]=\"state\"\n    [name]=\"parameters?.ShowColumnCaption ? column.Alias : ''\"\n    [value]=\"value\"\n    [attr.title]=\"value\"\n></div>\n}\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host ::ng-deep fd-icon{display:none!important}\n"] }]
+            args: [{ selector: 'bdc-column-chip', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(value){\n<div\n    fd-generic-tag\n    [type]=\"state()\"\n    [name]=\"parameters?.ShowColumnCaption ? column.Alias : ''\"\n    [value]=\"signalValue()\"\n    [attr.title]=\"value\"\n></div>\n}\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host ::ng-deep fd-icon{display:none!important}\n"] }]
         }], propDecorators: { layout94: [{
                 type: Input
             }], parameters: [{