barsa-user-workspace 0.0.0-watch → 2.2.32

package/fesm2022/barsa-user-workspace.mjs

@@ -548,8 +548,10 @@ function ktdIsMobileOrTablet() {
     }
     // Generic match pattern to identify mobile or tablet devices
     const isMobileDevice = /Android|webOS|BlackBerry|Windows Phone|iPad|iPhone|iPod/i.test(navigator.userAgent);
-    // Since IOS 13 is not safe to just check for the generic solution. See: https://stackoverflow.com/questions/58019463/how-to-detect-device-name-in-safari-on-ios-13-while-it-doesnt-show-the-correct
-    const isIOSMobileDevice = /iPad|iPhone|iPod/.test(navigator.platform) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
+    // Since IOS 13 is not safe to just check for the generic solution.
+    // See: https://stackoverflow.com/questions/58019463/how-to-detect-device-name-in-safari-on-ios-13-while-it-doesnt-show-the-correct
+    const isIOSMobileDevice = /iPad|iPhone|iPod/.test(navigator.platform) ||
+        (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
     isMobile = isMobileDevice || isIOSMobileDevice;
     return isMobile;
 }
@@ -572,8 +574,7 @@ function ktdPointerClient(event) {
     };
 }
 function ktdIsMouseEventOrMousePointerEvent(event) {
-    return event.type === 'mousedown'
-        || (event.type === 'pointerdown' && event.pointerType === 'mouse');
+    return (event.type === 'mousedown' || (event.type === 'pointerdown' && event.pointerType === 'mouse'));
 }
 /** Returns true if browser supports pointer events */
 function ktdSupportsPointerEvents() {
@@ -585,14 +586,14 @@ function ktdSupportsPointerEvents() {
  * @param touchNumber number of the touch to track the event, default to the first one.
  */
 function ktdMouseOrTouchDown(element, touchNumber = 1) {
-    return iif(() => ktdIsMobileOrTablet(), fromEvent(element, 'touchstart', passiveEventListenerOptions).pipe(filter((touchEvent) => touchEvent.touches.length === touchNumber)), fromEvent(element, 'mousedown', activeEventListenerOptions).pipe(filter((mouseEvent) => {
-        /**
-         * 0 : Left mouse button
-         * 1 : Wheel button or middle button (if present)
-         * 2 : Right mouse button
-         */
-        return mouseEvent.button === 0; // Mouse down to be only fired if is left click
-    })));
+    return iif(() => ktdIsMobileOrTablet(), fromEvent(element, 'touchstart', passiveEventListenerOptions).pipe(filter((touchEvent) => touchEvent.touches.length === touchNumber)), fromEvent(element, 'mousedown', activeEventListenerOptions).pipe(filter((mouseEvent) => 
+    /**
+     * 0 : Left mouse button
+     * 1 : Wheel button or middle button (if present)
+     * 2 : Right mouse button
+     */
+    mouseEvent.button === 0 // Mouse down to be only fired if is left click
+    )));
 }
 /**
  * Emits when a 'mousemove' or a 'touchmove' event gets fired.
@@ -641,7 +642,7 @@ function ktdPointerUp(element) {
     if (!ktdSupportsPointerEvents()) {
         return ktdMouserOrTouchEnd(element);
     }
-    return fromEvent(element, 'pointerup').pipe(filter(pointerEvent => pointerEvent.isPrimary));
+    return fromEvent(element, 'pointerup').pipe(filter((pointerEvent) => pointerEvent.isPrimary));
 }
 
 /** Tracks items by id. This function is mean to be used in conjunction with the ngFor that renders the 'buw-grid-items' */
@@ -973,17 +974,11 @@ const GRID_ITEM_GET_RENDER_DATA_TOKEN = new InjectionToken('GRID_ITEM_GET_RENDER
 
 /** Runs source observable outside the zone */
 function ktdOutsideZone(zone) {
-    return (source) => {
-        return new Observable(observer => {
-            return zone.runOutsideAngular(() => source.subscribe(observer));
-        });
-    };
+    return (source) => new Observable((observer) => zone.runOutsideAngular(() => source.subscribe(observer)));
 }
 /** Rxjs operator that makes source observable to no emit any data */
 function ktdNoEmit() {
-    return (source$) => {
-        return source$.pipe(filter(() => false));
-    };
+    return (source$) => source$.pipe(filter(() => false));
 }
 
 /** Event options that can be used to bind an active, capturing event. */
@@ -1343,8 +1338,7 @@ function getHorizontalScrollDirection(clientRect, pointerX) {
  * @param scrollStep, scroll step in CSS pixels that would be applied in every loop.
  */
 function scrollToDirectionInterval$(scrollNode, verticalScrollDirection, horizontalScrollDirection, scrollStep = 2) {
-    return interval(0, animationFrameScheduler)
-        .pipe(tap(() => {
+    return interval(0, animationFrameScheduler).pipe(tap(() => {
         if (verticalScrollDirection === 1 /* AutoScrollVerticalDirection.UP */) {
             incrementVerticalScroll(scrollNode, -scrollStep);
         }
@@ -1400,10 +1394,8 @@ function ktdScrollIfNearElementClientRect$(scrollableParent, options) {
             horizontalScrollDirection = 0 /* AutoScrollHorizontalDirection.NONE */;
         }
         return { verticalScrollDirection, horizontalScrollDirection };
-    }), distinctUntilChanged((prev, actual) => {
-        return prev.verticalScrollDirection === actual.verticalScrollDirection
-            && prev.horizontalScrollDirection === actual.horizontalScrollDirection;
-    }), switchMap(({ verticalScrollDirection, horizontalScrollDirection }) => {
+    }), distinctUntilChanged((prev, actual) => prev.verticalScrollDirection === actual.verticalScrollDirection &&
+        prev.horizontalScrollDirection === actual.horizontalScrollDirection), switchMap(({ verticalScrollDirection, horizontalScrollDirection }) => {
         if (verticalScrollDirection || horizontalScrollDirection) {
             return scrollToDirectionInterval$(scrollNode, verticalScrollDirection, horizontalScrollDirection, options?.scrollStep);
         }
@@ -1454,6 +1446,7 @@ function getViewportSize() {
     };
 }
 /** Gets a ClientRect for the viewport's bounds. */
+// eslint-disable-next-line
 function getViewportRect() {
     // Use the document element's bounding rect rather than the window scroll properties
     // (e.g. pageYOffset, scrollY) due to in issue in Chrome and IE where window scroll
@@ -1472,7 +1465,7 @@ function getViewportRect() {
         bottom: scrollPosition.top + height,
         right: scrollPosition.left + width,
         height,
-        width,
+        width
     };
 }
 /** Gets the (top, left) scroll position of the viewport. */
@@ -1486,10 +1479,8 @@ function getViewportScrollPosition() {
     const windowRef = document.defaultView || window;
     const documentElement = document.documentElement;
     const documentRect = documentElement.getBoundingClientRect();
-    const top = -documentRect.top || document.body.scrollTop || windowRef.scrollY ||
-        documentElement.scrollTop || 0;
-    const left = -documentRect.left || document.body.scrollLeft || windowRef.scrollX ||
-        documentElement.scrollLeft || 0;
+    const top = -documentRect.top || document.body.scrollTop || windowRef.scrollY || documentElement.scrollTop || 0;
+    const left = -documentRect.left || document.body.scrollLeft || windowRef.scrollX || documentElement.scrollLeft || 0;
     return { top, left };
 }
 /** Returns the document scroll width */
@@ -1501,7 +1492,7 @@ function getDocumentScrollWidth() {
  * Transition duration utilities.
  * This file is taken from Angular Material repository.
  */
-/* eslint-disable @katoid/prefix-exported-code */
+/* eslint-disable */
 /** Parses a CSS time value to milliseconds. */
 function parseCssTimeUnitsToMs(value) {
     // Some browsers will return it in seconds, whereas others will return milliseconds.
@@ -2343,7 +2334,7 @@ class LayoutContainerComponent extends BaseComponent {
         return this.gridBackgroundConfig?.show ?? 'never';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutContainerComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LayoutContainerComponent, selector: "buw-layout-container", inputs: { layout: "layout", moDataList: "moDataList" }, providers: [], viewQueries: [{ propertyName: "grid", first: true, predicate: KtdGridComponent, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div style=\"position: relative\" dir=\"ltr\" fillEmptySpace [setMinHeight]=\"true\">\r\n    <buw-grid\r\n        [cols]=\"cols\"\r\n        [backgroundConfig]=\"gridBackgroundConfig\"\r\n        [height]=\"rowHeightFit && gridHeight ? gridHeight : null\"\r\n        [rowHeight]=\"rowHeightFit ? 'fit' : rowHeight\"\r\n        [layout]=\"layout\"\r\n        [compactType]=\"compactType\"\r\n        [preventCollision]=\"preventCollision\"\r\n        [scrollableParent]=\"autoScroll ? document : null\"\r\n        [gap]=\"gap\"\r\n        [scrollSpeed]=\"4\"\r\n        (dragStarted)=\"onDragStarted($event)\"\r\n        (resizeStarted)=\"onResizeStarted($event)\"\r\n        (dragEnded)=\"onDragEnded($event)\"\r\n        (resizeEnded)=\"onResizeEnded($event)\"\r\n        (layoutUpdated)=\"onLayoutUpdated($event)\"\r\n    >\r\n        <buw-grid-item\r\n            *ngFor=\"let item of layout; trackBy: trackById; let i = index\"\r\n            [id]=\"item.id\"\r\n            [transition]=\"currentTransition\"\r\n            [dragStartThreshold]=\"dragStartThreshold\"\r\n            [draggable]=\"!disableDrag\"\r\n            [resizable]=\"!disableResize\"\r\n        >\r\n            <div class=\"grid-item-content\">\r\n                @if(moDataList?.length && moDataList[i]?.EjrayOlgo ){\r\n                <bnrc-dynamic-item-component [component]=\"moDataList[i].EjrayOlgo\"> </bnrc-dynamic-item-component>\r\n                }\r\n  \r\n            </div>\r\n            <div\r\n                class=\"grid-item-remove-handle\"\r\n                *ngIf=\"!disableRemove\"\r\n                (mousedown)=\"stopEventPropagation($event)\"\r\n                (click)=\"removeItem(item.id)\"\r\n            ></div>\r\n            <ng-template *ngIf=\"currentPlaceholder !== 'Default'\" buwGridItemPlaceholder>\r\n                <div\r\n                    *ngIf=\"currentPlaceholder === 'Custom 1'\"\r\n                    class=\"grid-item-content custom-placeholder custom-placeholder-1\"\r\n                >\r\n                    {{ item.id }}\r\n                </div>\r\n                <div\r\n                    *ngIf=\"currentPlaceholder === 'Custom 2'\"\r\n                    class=\"grid-item-content custom-placeholder custom-placeholder-2\"\r\n                >\r\n                    {{ item.id }}\r\n                </div>\r\n                <div\r\n                    *ngIf=\"currentPlaceholder === 'Custom 3'\"\r\n                    class=\"grid-item-content custom-placeholder custom-placeholder-3\"\r\n                >\r\n                    {{ item.id }}\r\n                </div>\r\n            </ng-template>\r\n        </buw-grid-item>\r\n    </buw-grid>\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .grid-item-content{box-sizing:border-box;background:#ccc;border:1px solid;width:100%;height:100%;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}:host ::ng-deep .grid-item-remove-handle{position:absolute;cursor:pointer;display:flex;justify-content:center;width:20px;height:20px;top:0;right:0}:host ::ng-deep .grid-item-remove-handle:after{content:\"x\";color:#121212;font-size:16px;font-weight:300;font-family:Arial,sans-serif}\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: i1$2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "hideOpenIcon", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i1$2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: KtdGridComponent, selector: "buw-grid", inputs: ["scrollableParent", "compactOnPropsChange", "preventCollision", "scrollSpeed", "compactType", "rowHeight", "cols", "layout", "gap", "height", "backgroundConfig"], outputs: ["layoutUpdated", "dragStarted", "resizeStarted", "dragEnded", "resizeEnded", "gridItemResize"] }, { kind: "component", type: KtdGridItemComponent, selector: "buw-grid-item", inputs: ["minW", "minH", "maxW", "maxH", "transition", "id", "dragStartThreshold", "draggable", "resizable"] }, { kind: "directive", type: KtdGridItemPlaceholder, selector: "ng-template[buwGridItemPlaceholder]", inputs: ["data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LayoutContainerComponent, selector: "buw-layout-container", inputs: { layout: "layout", moDataList: "moDataList" }, providers: [], viewQueries: [{ propertyName: "grid", first: true, predicate: KtdGridComponent, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div style=\"position: relative\" dir=\"ltr\" fillEmptySpace [setMinHeight]=\"true\">\r\n    <buw-grid\r\n        [cols]=\"cols\"\r\n        [backgroundConfig]=\"gridBackgroundConfig\"\r\n        [height]=\"rowHeightFit && gridHeight ? gridHeight : null\"\r\n        [rowHeight]=\"rowHeightFit ? 'fit' : rowHeight\"\r\n        [layout]=\"layout\"\r\n        [compactType]=\"compactType\"\r\n        [preventCollision]=\"preventCollision\"\r\n        [scrollableParent]=\"autoScroll ? document : null\"\r\n        [gap]=\"gap\"\r\n        [scrollSpeed]=\"4\"\r\n        (dragStarted)=\"onDragStarted($event)\"\r\n        (resizeStarted)=\"onResizeStarted($event)\"\r\n        (dragEnded)=\"onDragEnded($event)\"\r\n        (resizeEnded)=\"onResizeEnded($event)\"\r\n        (layoutUpdated)=\"onLayoutUpdated($event)\"\r\n    >\r\n        <buw-grid-item\r\n            *ngFor=\"let item of layout; trackBy: trackById; let i = index\"\r\n            [id]=\"item.id\"\r\n            [transition]=\"currentTransition\"\r\n            [dragStartThreshold]=\"dragStartThreshold\"\r\n            [draggable]=\"!disableDrag\"\r\n            [resizable]=\"!disableResize\"\r\n        >\r\n            <div class=\"grid-item-content\">\r\n                @if(moDataList?.length && moDataList[i]?.EjrayOlgo ){\r\n                <bnrc-dynamic-item-component [component]=\"moDataList[i].EjrayOlgo\"> </bnrc-dynamic-item-component>\r\n                }\r\n  \r\n            </div>\r\n            <div\r\n                class=\"grid-item-remove-handle\"\r\n                *ngIf=\"!disableRemove\"\r\n                (mousedown)=\"stopEventPropagation($event)\"\r\n                (click)=\"removeItem(item.id)\"\r\n            ></div>\r\n            <ng-template *ngIf=\"currentPlaceholder !== 'Default'\" buwGridItemPlaceholder>\r\n                <div\r\n                    *ngIf=\"currentPlaceholder === 'Custom 1'\"\r\n                    class=\"grid-item-content custom-placeholder custom-placeholder-1\"\r\n                >\r\n                    {{ item.id }}\r\n                </div>\r\n                <div\r\n                    *ngIf=\"currentPlaceholder === 'Custom 2'\"\r\n                    class=\"grid-item-content custom-placeholder custom-placeholder-2\"\r\n                >\r\n                    {{ item.id }}\r\n                </div>\r\n                <div\r\n                    *ngIf=\"currentPlaceholder === 'Custom 3'\"\r\n                    class=\"grid-item-content custom-placeholder custom-placeholder-3\"\r\n                >\r\n                    {{ item.id }}\r\n                </div>\r\n            </ng-template>\r\n        </buw-grid-item>\r\n    </buw-grid>\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .grid-item-content{box-sizing:border-box;background:#ccc;border:1px solid;width:100%;height:100%;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}:host ::ng-deep .grid-item-remove-handle{position:absolute;cursor:pointer;display:flex;justify-content:center;width:20px;height:20px;top:0;right:0}:host ::ng-deep .grid-item-remove-handle:after{content:\"x\";color:#121212;font-size:16px;font-weight:300;font-family:Arial,sans-serif}\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: i1$2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "hideOpenIcon", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i1$2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: KtdGridComponent, selector: "buw-grid", inputs: ["scrollableParent", "compactOnPropsChange", "preventCollision", "scrollSpeed", "compactType", "rowHeight", "cols", "layout", "gap", "height", "backgroundConfig"], outputs: ["layoutUpdated", "dragStarted", "resizeStarted", "dragEnded", "resizeEnded", "gridItemResize"] }, { kind: "component", type: KtdGridItemComponent, selector: "buw-grid-item", inputs: ["minW", "minH", "maxW", "maxH", "transition", "id", "dragStartThreshold", "draggable", "resizable"] }, { kind: "directive", type: KtdGridItemPlaceholder, selector: "ng-template[buwGridItemPlaceholder]", inputs: ["data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutContainerComponent, decorators: [{
             type: Component,
@@ -2389,7 +2380,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class ReportGridLayoutComponent extends ReportViewBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReportGridLayoutComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ReportGridLayoutComponent, selector: "buw-report-grid-layout", providers: [], usesInheritance: true, ngImport: i0, template: "<div style=\"position: relative\" dir=\"ltr\" fillEmptySpace [setMinHeight]=\"true\">\r\n    <buw-layout-container [moDataList]=\"moDataList\" [layout]=\"moDataList | layoutGridMapper\"> </buw-layout-container>\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .grid-item-content{box-sizing:border-box;background:#ccc;border:1px solid;width:100%;height:100%;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}:host ::ng-deep .grid-item-remove-handle{position:absolute;cursor:pointer;display:flex;justify-content:center;width:20px;height:20px;top:0;right:0}:host ::ng-deep .grid-item-remove-handle:after{content:\"x\";color:#121212;font-size:16px;font-weight:300;font-family:Arial,sans-serif}\n"], dependencies: [{ kind: "directive", type: i1$2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: LayoutContainerComponent, selector: "buw-layout-container", inputs: ["layout", "moDataList"] }, { kind: "pipe", type: LayoutGridMapperPipe, name: "layoutGridMapper" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ReportGridLayoutComponent, selector: "buw-report-grid-layout", providers: [], usesInheritance: true, ngImport: i0, template: "<div style=\"position: relative\" dir=\"ltr\" fillEmptySpace [setMinHeight]=\"true\">\r\n    <buw-layout-container [moDataList]=\"moDataList\" [layout]=\"moDataList | layoutGridMapper\"> </buw-layout-container>\r\n</div>\r\n", styles: [":host{display:block}:host ::ng-deep .grid-item-content{box-sizing:border-box;background:#ccc;border:1px solid;width:100%;height:100%;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}:host ::ng-deep .grid-item-remove-handle{position:absolute;cursor:pointer;display:flex;justify-content:center;width:20px;height:20px;top:0;right:0}:host ::ng-deep .grid-item-remove-handle:after{content:\"x\";color:#121212;font-size:16px;font-weight:300;font-family:Arial,sans-serif}\n"], dependencies: [{ kind: "directive", type: i1$2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: LayoutContainerComponent, selector: "buw-layout-container", inputs: ["layout", "moDataList"] }, { kind: "pipe", type: LayoutGridMapperPipe, name: "layoutGridMapper" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReportGridLayoutComponent, decorators: [{
             type: Component,