barsa-sap-ui 1.0.346 → 1.0.348

package/fesm2020/barsa-sap-ui.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input, ElementRef, ViewChild, HostBinding, EventEmitter, Output, ViewEncapsulation, ViewChildren, Inject, Optional, Self, TemplateRef, HostListener, Pipe, Directive, ViewContainerRef, SkipSelf, NgModule, Injectable, APP_INITIALIZER, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i2 from 'barsa-novin-ray-core';
-import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, LayoutService, BaseUlvSettingComponent, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, GetAllColumnsSorted, measureText, getParentHeight, getControlSizeMode, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, BaseViewItemPropsComponent, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, BaseColumnPropsComponent, ColumnService, DateRanges, LogService, UlvMainService, isFunction, FilesValidationHelper, getValidExtension, getImagePath, UploadService, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, PageWithFormHandlerBaseComponent, getHeaderValue, getFieldValue, ContainerComponent, FORM_DIALOG_COMPONENT, ContainerService, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, executeUlvCommandHandler, getDeviceIsPhone, getDeviceIsTablet, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, DIALOG_SERVICE } from 'barsa-novin-ray-core';
+import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, LayoutService, BaseUlvSettingComponent, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, GetAllColumnsSorted, measureText, getParentHeight, getControlSizeMode, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, BaseViewItemPropsComponent, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, BaseColumnPropsComponent, ColumnService, DateRanges, LogService, UlvMainService, isFunction, UploadService, FilesValidationHelper, getValidExtension, getImagePath, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, PageWithFormHandlerBaseComponent, getHeaderValue, getFieldValue, ContainerComponent, FORM_DIALOG_COMPONENT, ContainerService, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, executeUlvCommandHandler, getDeviceIsPhone, getDeviceIsTablet, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, DIALOG_SERVICE } from 'barsa-novin-ray-core';
 import moment from 'moment';
 import jmoment from 'moment-jalaali';
-import { merge, of, BehaviorSubject, Subject, combineLatest, takeUntil as takeUntil$1, fromEvent, filter as filter$1 } from 'rxjs';
-import { tap, filter, map, debounceTime, distinctUntilChanged, withLatestFrom, takeUntil, exhaustMap, finalize, switchMap, delay, concatMap, catchError } from 'rxjs/operators';
+import { merge, of, BehaviorSubject, Subject, combineLatest, takeUntil as takeUntil$1, concatMap, tap as tap$1, fromEvent, filter as filter$1 } from 'rxjs';
+import { tap, filter, map, debounceTime, distinctUntilChanged, withLatestFrom, takeUntil, exhaustMap, finalize, switchMap, delay, concatMap as concatMap$1, catchError } from 'rxjs/operators';
 import * as i1$1 from '@fundamental-ngx/core';
 import { TableComponent, ToolbarComponent, RadioButtonComponent, DynamicPageComponent, FileUploaderComponent, MultiInputComponent, TabPanelComponent, WizardComponent, WizardStepComponent, ComboboxComponent, InlineHelpDirective, ContentDensityMode, GlobalContentDensityService, ThemesService, NotificationRef, RtlService, MessageToastService, FundamentalNgxCoreModule, FacetModule, WizardModule, PipeModule, DialogService, ContentDensityModule } from '@fundamental-ngx/core';
 import { SortDirection, TableDataProvider, SelectionMode, FundamentalNgxPlatformModule, PlatformDynamicPageModule, PlatformTextAreaModule, PlatformSearchFieldModule } from '@fundamental-ngx/platform';
@@ -345,7 +345,9 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         /* eslint-disable */
         this.SetVisible = (visible, refresh) => {
             this._ngZone.run(() => {
+                this.config.FieldUi.Setting.IsVisible = visible;
                 this._setHide(!visible);
+                // this.config.FieldUi.Setting.$BRuleHide = !visible;
                 this._cdr.detectChanges();
             });
         };
@@ -6607,8 +6609,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
         }] });
 
 class BarsaTinyemceComponent extends BaseComponent {
-    constructor(_el) {
+    constructor(_uploadService, _el) {
         super();
+        this._uploadService = _uploadService;
         this._el = _el;
         this.valueChange = new EventEmitter();
         this.tinyInit = new EventEmitter();
@@ -6645,6 +6648,9 @@ class BarsaTinyemceComponent extends BaseComponent {
         super.ngOnDestroy();
         this.destroyTinymce();
     }
+    onFileSelection(files) {
+        this.uploadFile(files).pipe(takeUntil$1(this._onDestroy$)).subscribe();
+    }
     loadTinyMce() {
         if (!this.Setting.IsHtmlViewer) {
             head.load(['Lib/tinymce/tinymce.min.js'], () => {
@@ -6837,7 +6843,9 @@ class BarsaTinyemceComponent extends BaseComponent {
             }
         };
     }
-    ShowUploadWindow() { }
+    ShowUploadWindow() {
+        this._uploader.open();
+    }
     ShowOpenFileDialog(doReturn) {
         const input = document.createElement('input');
         input.setAttribute('type', 'file');
@@ -6855,7 +6863,7 @@ class BarsaTinyemceComponent extends BaseComponent {
         input.click();
     }
     InsertBase64(base64, doReturn) {
-        this.editor.execCommand('mceInsertRawHTML', false, '<img src=data:image/png;base64,' + base64 + ' />');
+        this.editor.execCommand('mceInsertContent', false, '<img src=data:image/png;base64,' + base64 + ' />');
         doReturn();
     }
     getValue() {
@@ -6926,6 +6934,27 @@ class BarsaTinyemceComponent extends BaseComponent {
             ed.destroy(false);
         }
     }
+    uploadFile(files) {
+        return this._uploadService.compressFiles$(files).pipe(concatMap((formData) => this._uploadService.upload(formData, this.Setting.StorageFileFieldId).pipe(tap$1((res) => {
+            if (Array.isArray(res)) {
+                const picture = res[0];
+                if (picture.ErrorMsg) {
+                    BarsaApi.Bw.Msg.Error(picture.ErrorMsg);
+                    return;
+                }
+                const value = {
+                    ...picture,
+                    FileId: picture.FileId
+                };
+                this._addImages(value);
+            }
+        }))));
+    }
+    _addImages(file) {
+        const url = '/IH.ashx?ty=StorageFile&key=' + file.FileId;
+        const html = '<img src=' + url + ' />';
+        this.editor.execCommand('mceInsertContent', false, html);
+    }
     prepare() {
         this.initilize();
         tinymce.init(this.tinyMCEConfig);
@@ -6946,12 +6975,15 @@ class BarsaTinyemceComponent extends BaseComponent {
         }
     }
 }
-BarsaTinyemceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTinyemceComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-BarsaTinyemceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTinyemceComponent, selector: "bsu-barsa-tinyemce", inputs: { Setting: "Setting", isReadonly: "isReadonly", value: "value", defaultVerbs: "defaultVerbs" }, outputs: { valueChange: "valueChange", tinyInit: "tinyInit" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-input tinywrapper\" [style.min-height.px]=\"height\" [id]=\"tinyHostId\"></div>\r\n\r\n<!-- <textarea [id]=\"tinyHostId\" style=\"height: 100%; visibility: hidden\"></textarea> -->\r\n", styles: [":host{display:block;width:100%;height:100%}.tinywrapper{overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaTinyemceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTinyemceComponent, deps: [{ token: i2.UploadService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BarsaTinyemceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTinyemceComponent, selector: "bsu-barsa-tinyemce", inputs: { Setting: "Setting", isReadonly: "isReadonly", value: "value", defaultVerbs: "defaultVerbs" }, outputs: { valueChange: "valueChange", tinyInit: "tinyInit" }, providers: [UploadService], viewQueries: [{ propertyName: "_uploader", first: true, predicate: ["uploader"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-input tinywrapper\" [style.min-height.px]=\"height\" [id]=\"tinyHostId\"></div>\n<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    [accept]=\"''\"\n    [multiple]=\"false\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n<!-- <textarea [id]=\"tinyHostId\" style=\"height: 100%; visibility: hidden\"></textarea> -->\n", styles: [":host{display:block;width:100%;height:100%}.tinywrapper{overflow:auto}\n"], dependencies: [{ kind: "component", type: i6$4.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTinyemceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-tinyemce', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-input tinywrapper\" [style.min-height.px]=\"height\" [id]=\"tinyHostId\"></div>\r\n\r\n<!-- <textarea [id]=\"tinyHostId\" style=\"height: 100%; visibility: hidden\"></textarea> -->\r\n", styles: [":host{display:block;width:100%;height:100%}.tinywrapper{overflow:auto}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { Setting: [{
+            args: [{ selector: 'bsu-barsa-tinyemce', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UploadService], template: "<div class=\"fd-input tinywrapper\" [style.min-height.px]=\"height\" [id]=\"tinyHostId\"></div>\n<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    [accept]=\"''\"\n    [multiple]=\"false\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n<!-- <textarea [id]=\"tinyHostId\" style=\"height: 100%; visibility: hidden\"></textarea> -->\n", styles: [":host{display:block;width:100%;height:100%}.tinywrapper{overflow:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.UploadService }, { type: i0.ElementRef }]; }, propDecorators: { _uploader: [{
+                type: ViewChild,
+                args: ['uploader']
+            }], Setting: [{
                 type: Input
             }], isReadonly: [{
                 type: Input
@@ -9111,7 +9143,7 @@ class UiPicturesInfoComponent extends DeviceInfoFieldBaseComponent {
         this.mediaDataSource.next(data);
     }
     uploadToServer(files) {
-        return this._uploadService.compressFiles$(files).pipe(concatMap((formData) => this._uploadService.upload(formData, this.Setting.ControlFieldDefId).pipe(tap((res) => {
+        return this._uploadService.compressFiles$(files).pipe(concatMap$1((formData) => this._uploadService.upload(formData, this.Setting.ControlFieldDefId).pipe(tap((res) => {
             if (Array.isArray(res)) {
                 this.updateValue(res);
             }
@@ -10965,7 +10997,7 @@ class UiPictureFileComponent extends FieldBaseComponent {
             .subscribe();
     }
     uploadFile(files) {
-        return this._uploadService.compressFiles$(files).pipe(concatMap((formData) => this._uploadService.upload(formData, this.Setting.ControlFieldDefId).pipe(tap((res) => {
+        return this._uploadService.compressFiles$(files).pipe(concatMap$1((formData) => this._uploadService.upload(formData, this.Setting.ControlFieldDefId).pipe(tap((res) => {
             if (Array.isArray(res)) {
                 const picture = res[0];
                 if (picture.ErrorMsg) {
@@ -11140,7 +11172,12 @@ class UiRadioGroupComponent extends DeviceInfoFieldBaseComponent {
     ngOnInit() {
         super.ngOnInit();
         const parameters = this.parameters;
-        this.value = this.items.find((c) => c.inputValue === this.value);
+        if (typeof this.value == 'object') {
+            this.value = this.items.find((c) => c.inputValue === this.value.inputValue);
+        }
+        else {
+            this.value = this.items.find((c) => c.inputValue === this.value);
+        }
         this.onlyInMobileVertically = parameters?.OnlyInMobileVertically;
         this.isVertically = parameters?.IsVertically;
     }