@smallpearl/ngx-helper 0.29.23

package/fesm2022/smallpearl-ngx-helper-mat-busy-wheel.mjs

@@ -0,0 +1,504 @@
+import { tap, finalize } from 'rxjs';
+import * as i0 from '@angular/core';
+import { input, Component, Injectable, Directive } from '@angular/core';
+import * as i1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+
+class SPMatBusyWheelComponent {
+    elRef;
+    wheelId = input('id_busy-wheel');
+    viewport = input(false);
+    constructor(elRef) {
+        this.elRef = elRef;
+    }
+    ngOnInit() { }
+    ngOnDestroy() { }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPMatBusyWheelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.6", type: SPMatBusyWheelComponent, isStandalone: true, selector: "sp-mat-busy-wheel", inputs: { wheelId: { classPropertyName: "wheelId", publicName: "wheelId", isSignal: true, isRequired: false, transformFunction: null }, viewport: { classPropertyName: "viewport", publicName: "viewport", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="busy-wheel-wrapper">
+      <span>
+        <div class="busy-wheel-container" id="{{ wheelId() }}">
+          <!--
+          We can replace mat-spinner with the following div, which will
+          remove the MatProgressSpinnerModule dependency. But the downside is
+          that the spinner will not follow the global material theme.
+          <div class="busy-wheel"></div>
+          -->
+          <mat-spinner mode="indeterminate" diameter="32"></mat-spinner>
+        </div>
+      </span>
+    </div>
+  `, isInline: true, styles: [".busy-wheel-wrapper{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:9999999;background-color:#ffffff59}.busy-wheel-container{display:flex;position:relative;top:0;height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPMatBusyWheelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sp-mat-busy-wheel', imports: [MatProgressSpinnerModule], template: `
+    <div class="busy-wheel-wrapper">
+      <span>
+        <div class="busy-wheel-container" id="{{ wheelId() }}">
+          <!--
+          We can replace mat-spinner with the following div, which will
+          remove the MatProgressSpinnerModule dependency. But the downside is
+          that the spinner will not follow the global material theme.
+          <div class="busy-wheel"></div>
+          -->
+          <mat-spinner mode="indeterminate" diameter="32"></mat-spinner>
+        </div>
+      </span>
+    </div>
+  `, styles: [".busy-wheel-wrapper{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:9999999;background-color:#ffffff59}.busy-wheel-container{display:flex;position:relative;top:0;height:100%;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
+const BACKDROP_DIV_ID = 'id_busy-wheel-backdrop';
+const BUSY_WHEEL_DIV_ID = 'id_busy-wheel';
+const VIEWPORT_BUSY_WHEEL_STYLE_ID = 'id_viewport_busy_wheel_style';
+const VIEWPORT_BUSY_WHEEL_STYLE = `
+  .busy-wheel-wrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    z-index: 9999999;
+    background-color: rgba(255, 255, 255, 0.35);
+  }
+  .busy-wheel-container {
+    display: flex;
+    position: relative;
+    top: 0;
+    height: 100%;
+    width: 100%;
+  }
+  .busy-wheel,
+  .busy-wheel:after {
+    border-radius: 50%;
+    width: 4em;
+    height: 4em;
+  }
+  .busy-wheel {
+    margin: auto auto;
+    font-size: 8px;
+    position: relative;
+    text-indent: -9999em;
+    border-top: 0.5em solid rgba(0, 0, 0, 0.8);
+    border-right: 0.5em solid rgba(0, 0, 0, 0.8);
+    border-bottom: 0.5em solid rgba(0, 0, 0, 0.8);
+    border-left: 0.5em solid #ffffff;
+    -webkit-transform: translateZ(0);
+    -ms-transform: translateZ(0);
+    transform: translateZ(0);
+    -webkit-animation: load8 1.1s infinite linear;
+    animation: load8 1.1s infinite linear;
+  }
+  @-webkit-keyframes load8 {
+    0% {
+      -webkit-transform: rotate(0deg);
+      transform: rotate(0deg);
+    }
+    100% {
+      -webkit-transform: rotate(360deg);
+      transform: rotate(360deg);
+    }
+  }
+  @keyframes load8 {
+    0% {
+      -webkit-transform: rotate(0deg);
+      transform: rotate(0deg);
+    }
+
+    100% {
+      -webkit-transform: rotate(360deg);
+      transform: rotate(360deg);
+    }
+  }
+`;
+const VIEWPORT_BUSY_WHEEL_FRAGMENT_TEMPLATE = `
+<div class="busy-wheel-wrapper" id="{wheelId}">
+  <div class="{containerClass}" style="display: flex; position: relative; top: 0; width: 100vw; height: 100vh; z-index: 9999999;">
+    <div class="busy-wheel"></div>
+  </div>
+</div>
+`;
+;
+class BusyWheelService {
+    defaultBusyWheelDir;
+    namedBusyWheelDirs = new Map();
+    wheelComponents = new Map();
+    static s_instance;
+    constructor() { }
+    static getInstance() {
+        if (!this.s_instance) {
+            this.s_instance = new BusyWheelService();
+        }
+        return this.s_instance;
+    }
+    show(id) {
+        if (id) {
+            const idParts = id.split(',');
+            idParts.forEach(id => {
+                const trimmedId = id.trim();
+                const busyWheelDirs = this.namedBusyWheelDirs.get(trimmedId);
+                if (busyWheelDirs) {
+                    const containers = Array.isArray(busyWheelDirs) ? busyWheelDirs : [busyWheelDirs];
+                    containers.forEach((busyWheelDir, index) => {
+                        const wheelId = `${trimmedId}_${index}`;
+                        //console.log(`showing busy-wheel: ${wheelId} for busyWheel: ${busyWheelDir.hostBusyWheel}`);
+                        const busyWheelComponentRef = busyWheelDir.viewContainerRef.createComponent(SPMatBusyWheelComponent);
+                        busyWheelComponentRef.setInput('wheelId', wheelId);
+                        // Append the component as a child of the element with hostBusyWheel directive.
+                        busyWheelDir.renderer2.appendChild(busyWheelDir.viewContainerRef.element.nativeElement, busyWheelComponentRef.injector.get(SPMatBusyWheelComponent).elRef.nativeElement);
+                        // Save the position explicit css style of the element if one was set
+                        let oldStyles = new Array();
+                        if (busyWheelDir.viewContainerRef.element.nativeElement.style.position) {
+                            oldStyles.push({
+                                style: 'position',
+                                value: busyWheelDir.viewContainerRef.element.nativeElement.style.position
+                            });
+                        }
+                        // Set the element's child controls's poisitioning to 'relative'
+                        busyWheelDir.viewContainerRef.element.nativeElement.style.position = 'relative';
+                        this.wheelComponents.set(wheelId, {
+                            component: busyWheelComponentRef,
+                            oldStyles: []
+                        });
+                    });
+                }
+            });
+        }
+        else {
+            // viewport global busy-wheel
+            const busyWheel = this.createViewportBusyWheel('busy-wheel-container', undefined);
+            const backdrop = this.createBackdrop();
+            backdrop.firstChild?.appendChild(busyWheel);
+            const viewportBusyWheelStyle = backdrop.querySelector('style');
+            if (viewportBusyWheelStyle) {
+                document.head.appendChild(viewportBusyWheelStyle);
+            }
+            const viewportBusyWheelDiv = backdrop.querySelector('body')?.firstChild;
+            if (viewportBusyWheelDiv) {
+                document.body.appendChild(viewportBusyWheelDiv);
+            }
+        }
+    }
+    hide(id) {
+        if (id) {
+            const idParts = id.split(',');
+            idParts.forEach(id => {
+                const trimmedId = id.trim();
+                const busyWheelDirs = this.namedBusyWheelDirs.get(trimmedId);
+                if (busyWheelDirs) {
+                    const containers = Array.isArray(busyWheelDirs) ? busyWheelDirs : [busyWheelDirs];
+                    containers.forEach((busyWheelDir, index) => {
+                        const wheelId = `${trimmedId}_${index}`;
+                        const wheelData = this.wheelComponents.get(wheelId);
+                        if (wheelData) {
+                            //console.log(`destroying busy-wheel: ${wheelId}`);
+                            wheelData.component.destroy();
+                            this.wheelComponents.delete(wheelId);
+                            if (wheelData?.oldStyles && wheelData.oldStyles.length) {
+                                // Remove position: relative style that we added
+                                busyWheelDir.viewContainerRef.element.nativeElement.style.position = '';
+                                wheelData.oldStyles.forEach(style => {
+                                    busyWheelDir.viewContainerRef.element.nativeElement.style[style.style] = style.value;
+                                });
+                            }
+                        }
+                        // this.removeBusyWheel(wheelId);
+                    });
+                }
+            });
+        }
+        else {
+            // viewport global busy-wheel, remove the entire backdrop, which
+            // will also kill the child busy-wheel.
+            this.removeViewportBusyWheel();
+        }
+    }
+    registerBusyWheelHost(busyWheelDir) {
+        const id = busyWheelDir.spHostBusyWheel();
+        if (!id) {
+            if (!this.defaultBusyWheelDir) {
+                if (!this.defaultBusyWheelDir) {
+                    this.defaultBusyWheelDir = busyWheelDir;
+                }
+            }
+        }
+        else {
+            if (!this.namedBusyWheelDirs.get(id)) {
+                //console.log(`registering busyWheelDir with id: ${id}`);
+                this.namedBusyWheelDirs.set(id, []);
+            }
+            this.namedBusyWheelDirs.get(id)?.push(busyWheelDir);
+            // this.namedHostViewContainerRefs.set(id, viewContainerRef);
+        }
+    }
+    deregisterBusyWheelHost(busyWheelDir) {
+        const busyWheelId = busyWheelDir.spHostBusyWheel();
+        if (!busyWheelId) {
+            this.defaultBusyWheelDir = undefined;
+        }
+        else {
+            //console.log(`deregistering busyWheel with id: ${busyWheelDir.hostBusyWheel}`);
+            this.namedBusyWheelDirs.delete(busyWheelId);
+        }
+    }
+    // private getContainersFromId(id: string) {
+    //   let viewContainers = new Array<ViewContainerRef>();
+    //   if (id) {
+    //     const idParts = id.split(',');
+    //     idParts.forEach(id => {
+    //       const containers = this.namedBusyWheelDirs.get(id.trim());
+    //       if (containers) {
+    //         viewContainers = viewContainers.concat(containers);
+    //       }
+    //     });
+    //   } else if (this.defaultBusyWheelDir) {
+    //     viewContainers.push(this.defaultBusyWheelDir)
+    //   }
+    //   return viewContainers;
+    // }
+    /**
+     * Creates a div fragment that hosts the busy wheel. The fragment has the following
+     * structure:
+     *
+     *  <div id="id_busy-wheel_{id}">
+     *    <div class="{containerClass}">
+     *      <!-- <div class="busy-wheel"></div> -->
+     *      <mat-spinner></mat-spinner>
+     *    </div>
+     *  </div>
+     * @param containerClass
+     * @param id
+     * @returns
+     */
+    createViewportBusyWheel(containerClass, id) {
+        let wheelId = BUSY_WHEEL_DIV_ID;
+        if (id) {
+            wheelId += `_${id}`;
+        }
+        let template = VIEWPORT_BUSY_WHEEL_FRAGMENT_TEMPLATE;
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(template
+            .replace('{wheelId}', wheelId)
+            .replace('{containerClass}', containerClass), 'text/html');
+        const fragment = document.createDocumentFragment();
+        fragment.appendChild(doc.documentElement);
+        // Create the style element
+        const style = document.createElement('style');
+        style.textContent = VIEWPORT_BUSY_WHEEL_STYLE;
+        style.id = VIEWPORT_BUSY_WHEEL_STYLE_ID;
+        fragment.querySelector('head')?.appendChild(style);
+        return fragment;
+    }
+    /**
+     * Creates a backdrop overlay, of the same size as the container that it
+     * covers, on which the busy wheel will be positioned.
+     * @returns
+     */
+    createBackdrop() {
+        const fragment = document.createDocumentFragment();
+        const backdropDiv = document.createElement('div');
+        backdropDiv.className = 'busy-wheel-backdrop';
+        backdropDiv.setAttribute('id', BACKDROP_DIV_ID);
+        fragment.appendChild(backdropDiv);
+        return fragment;
+    }
+    removeViewportBusyWheel(id) {
+        let wheelId = BUSY_WHEEL_DIV_ID;
+        if (id) {
+            wheelId += `_${id}`;
+        }
+        const body = document.body;
+        const busyWheelDiv = body.querySelector(`div#${wheelId}`);
+        if (busyWheelDiv) {
+            busyWheelDiv.remove();
+        }
+        // remove the style
+        const busyWheelStyle = document.head.querySelector(`style#${VIEWPORT_BUSY_WHEEL_STYLE_ID}`);
+        if (busyWheelStyle) {
+            busyWheelStyle.remove();
+        }
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BusyWheelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BusyWheelService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BusyWheelService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+function registerBusyWheelHost(busyWheelDir) {
+    const instance = BusyWheelService.getInstance();
+    instance.registerBusyWheelHost(busyWheelDir);
+}
+function deregisterBusyWheelHost(busyWheelDir) {
+    const instance = BusyWheelService.getInstance();
+    instance.deregisterBusyWheelHost(busyWheelDir);
+}
+function showBusyWheel(id) {
+    const instance = BusyWheelService.getInstance();
+    instance.show(id);
+}
+function hideBusyWheel(id) {
+    const instance = BusyWheelService.getInstance();
+    instance.hide(id);
+}
+
+/**
+ * Returns an rxjs operator that would track an http request status
+ * and would use the request status to hide the global busy wheel. The wheel
+ * would be hidden when the request completes or errors.
+ *
+ * Use it like below:
+ *
+ *  this.http.get<User>('https://google.com/..').pipe(
+ *    trackBusyWheelStatus(),
+ *    tap(user => this.user = user)
+ *  ).subscribe();
+ *
+ * Note that the function internally uses a timer to delay showing the busy
+ * wheel. This helps avoid needless screen flicker that can occur when quickly
+ * showing & hiding the wheel when the network connection and server response
+ * are so good that it can exceed natural user reaction time. We set this
+ * delay to 150 milliseconds for now.
+ *
+ * @param id A string value that uniquely identities the the busy wheel host
+ * container within the page. This allows multiple busy wheels to be hosted
+ * within a page, each for a distinct network (or time-consuming) operation.
+ * This is optional and if not specified, will create a busy wheel that
+ * covers the entire app viewport.
+ * @param show A boolean value that says whether to show the wheel as
+ * part of the operator setup. If set to false, the caller is expected
+ * to have displayed the busy wheel explicitly.
+ * @param showImmediate A boolean value that decides whether to show the
+ * busy wheel immediately. If set to false (default), the busy wheel will
+ * only be shown when the HTTP request has not completed within 200ms.
+ * @param hideOnNthEmit Number of emits upon which the busy wheel is to
+ * be hidden. A value of 0 for this means the wheel is hidden only when
+ * the observable completes (errorneously or otherwise).
+ * @returns An rxjs op that can be added to the pipe() arg list.
+ */
+function trackBusyWheelStatus(id, show = true, showImmediate = false, hideOnNthEmit = 0) {
+    let timeout = null;
+    let wheelShown = false;
+    if (show) {
+        timeout = setTimeout(() => {
+            showBusyWheel(id);
+            wheelShown = true;
+        }, showImmediate ? 0 : 150);
+    }
+    return function (source) {
+        let emits = 0;
+        const hideFn = () => {
+            // console.log('busywheel.hideFn');
+            if (timeout) {
+                clearTimeout(timeout);
+                timeout = null;
+            }
+            if (!show || wheelShown) {
+                hideBusyWheel(id);
+            }
+        };
+        return source.pipe(
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        tap((val) => {
+            if (hideOnNthEmit > 0 && ++emits == hideOnNthEmit) {
+                // console.log(`trackBusyWheelStatus - obs emitted ${hideOnNthEmit} values, hiding`);
+                hideFn();
+            }
+        }), finalize(() => {
+            // finalize() arg will be invoked upon completion or error
+            hideFn();
+        }));
+    };
+}
+/**
+ * Show a busy wheel until the observable is complete. Busy wheel is shown is either viewport global
+ * or localized to the element with the the given id.
+ *
+ * An example use case for this operator are HTTP requests which will complete no matter
+ * what. Either successfully or with an error. Either case will mark the observer as completed.
+ *
+ * See trackBusyWheelStatus() for explanations on arguments
+ *
+ * @param id
+ * @param showImmediate
+ * @returns
+ */
+function showBusyWheelUntilComplete(id, showImmediate = false) {
+    return trackBusyWheelStatus(id, true, showImmediate, 0);
+}
+/**
+ * Show a busy wheel until the observable emits n number of values. Busy wheel is shown is
+ * either viewport global or localized to the element with the the given id.
+ *
+ * An example use case for this operator are observables that emit but which do not necessarily
+ * complete.
+ *
+ * See trackBusyWheelStatus() for explanations on arguments
+ *
+ * @param numEmits
+ * @param id
+ * @param showImmediate
+ * @returns
+ */
+function showBusyWheelUntilEmits(numEmits, id, showImmediate = false) {
+    return trackBusyWheelStatus(id, true, showImmediate, numEmits);
+}
+
+/**
+ * Use this directive with a unique value assigned to it to display a busy
+ * wheel over it. This can be used as:-
+ *
+ * import {showBusyWheelUntilComplete} from '@smallpearl/ngx-helper/mat-busy-wheel';
+ *
+ * <div spHostBusyWheel='myDivBusyWheel'>
+ *  ..content
+ * </div>
+ *
+ * Then in your code:
+ *
+ * obs.pipe(
+ *  showBusyWheelUntilComplete('myDivBusyWheel'),
+ *  tap((resp) => {
+ *    ...
+ *  })
+ * ).subscribe();
+ *
+ * This will cover the 'div' above when the obs is waiting to be completed.
+ * (or error). Note that you can also use the trackBusyWheelStatus() function
+ * if you want more control over the busy wheel.
+ */
+class SPMatHostBusyWheelDirective {
+    viewContainerRef;
+    renderer2;
+    spHostBusyWheel = input();
+    constructor(viewContainerRef, renderer2) {
+        this.viewContainerRef = viewContainerRef;
+        this.renderer2 = renderer2;
+    }
+    ngOnInit() {
+        registerBusyWheelHost(this);
+    }
+    ngOnDestroy() {
+        deregisterBusyWheelHost(this);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPMatHostBusyWheelDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.6", type: SPMatHostBusyWheelDirective, isStandalone: true, selector: "[spHostBusyWheel]", inputs: { spHostBusyWheel: { classPropertyName: "spHostBusyWheel", publicName: "spHostBusyWheel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPMatHostBusyWheelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[spHostBusyWheel]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.Renderer2 }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BusyWheelService, SPMatBusyWheelComponent, SPMatHostBusyWheelDirective, deregisterBusyWheelHost, hideBusyWheel, registerBusyWheelHost, showBusyWheel, showBusyWheelUntilComplete, showBusyWheelUntilEmits, trackBusyWheelStatus };
+//# sourceMappingURL=smallpearl-ngx-helper-mat-busy-wheel.mjs.map

package/fesm2022/smallpearl-ngx-helper-mat-busy-wheel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"smallpearl-ngx-helper-mat-busy-wheel.mjs","sources":["../../../../projects/smallpearl/ngx-helper/mat-busy-wheel/src/busy-wheel.component.ts","../../../../projects/smallpearl/ngx-helper/mat-busy-wheel/src/busy-wheel.service.ts","../../../../projects/smallpearl/ngx-helper/mat-busy-wheel/src/busy-wheel-op.ts","../../../../projects/smallpearl/ngx-helper/mat-busy-wheel/src/host-busy-wheel.directive.ts","../../../../projects/smallpearl/ngx-helper/mat-busy-wheel/smallpearl-ngx-helper-mat-busy-wheel.ts"],"sourcesContent":["import { Component, ElementRef, input, OnDestroy, OnInit } from '@angular/core';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n    selector: 'sp-mat-busy-wheel',\n    imports: [MatProgressSpinnerModule],\n    template: `\n    <div class=\"busy-wheel-wrapper\">\n      <span>\n        <div class=\"busy-wheel-container\" id=\"{{ wheelId() }}\">\n          <!--\n          We can replace mat-spinner with the following div, which will\n          remove the MatProgressSpinnerModule dependency. But the downside is\n          that the spinner will not follow the global material theme.\n          <div class=\"busy-wheel\"></div>\n          -->\n          <mat-spinner mode=\"indeterminate\" diameter=\"32\"></mat-spinner>\n        </div>\n      </span>\n    </div>\n  `,\n    styles: [\n        `\n      .busy-wheel-wrapper {\n        position: absolute;\n        top: 0;\n        left: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n        z-index: 9999999;\n        background-color: rgba(255, 255, 255, 0.35);\n      }\n      .busy-wheel-container {\n        display: flex;\n        position: relative;\n        top: 0;\n        height: 100%;\n        width: 100%;\n      }\n    `\n    ]\n})\nexport class SPMatBusyWheelComponent implements OnInit, OnDestroy {\n  wheelId = input('id_busy-wheel');\n  viewport = input(false);\n\n  constructor(public elRef: ElementRef) {}\n\n  ngOnInit() {}\n\n  ngOnDestroy() {}\n}\n","import { ComponentRef, Injectable } from '@angular/core';\nimport { SPMatBusyWheelComponent } from './busy-wheel.component';\nimport { SPMatHostBusyWheelDirective } from './host-busy-wheel.directive';\n\nconst BACKDROP_DIV_ID = 'id_busy-wheel-backdrop';\nconst BUSY_WHEEL_DIV_ID = 'id_busy-wheel';\n\nconst VIEWPORT_BUSY_WHEEL_STYLE_ID = 'id_viewport_busy_wheel_style';\nconst VIEWPORT_BUSY_WHEEL_STYLE = `\n  .busy-wheel-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    z-index: 9999999;\n    background-color: rgba(255, 255, 255, 0.35);\n  }\n  .busy-wheel-container {\n    display: flex;\n    position: relative;\n    top: 0;\n    height: 100%;\n    width: 100%;\n  }\n  .busy-wheel,\n  .busy-wheel:after {\n    border-radius: 50%;\n    width: 4em;\n    height: 4em;\n  }\n  .busy-wheel {\n    margin: auto auto;\n    font-size: 8px;\n    position: relative;\n    text-indent: -9999em;\n    border-top: 0.5em solid rgba(0, 0, 0, 0.8);\n    border-right: 0.5em solid rgba(0, 0, 0, 0.8);\n    border-bottom: 0.5em solid rgba(0, 0, 0, 0.8);\n    border-left: 0.5em solid #ffffff;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation: load8 1.1s infinite linear;\n    animation: load8 1.1s infinite linear;\n  }\n  @-webkit-keyframes load8 {\n    0% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n  @keyframes load8 {\n    0% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n\n    100% {\n      -webkit-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n`;\nconst VIEWPORT_BUSY_WHEEL_FRAGMENT_TEMPLATE = `\n<div class=\"busy-wheel-wrapper\" id=\"{wheelId}\">\n  <div class=\"{containerClass}\" style=\"display: flex; position: relative; top: 0; width: 100vw; height: 100vh; z-index: 9999999;\">\n    <div class=\"busy-wheel\"></div>\n  </div>\n</div>\n`;\n\ninterface StyleInfo {\n  style: string;\n  value:string|number;\n};\n\ninterface WheelData {\n  component: ComponentRef<SPMatBusyWheelComponent>;\n  oldStyles: Array<{style: string, value:string|number}>;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class BusyWheelService {\n\n  private defaultBusyWheelDir!: SPMatHostBusyWheelDirective;\n  private namedBusyWheelDirs = new Map<string, Array<SPMatHostBusyWheelDirective>>();\n  private wheelComponents = new Map<string, WheelData>();\n\n  static s_instance: BusyWheelService;\n\n  constructor() {}\n\n  static getInstance(): BusyWheelService {\n    if (!this.s_instance) {\n      this.s_instance = new BusyWheelService();\n    }\n    return this.s_instance;\n  }\n\n  show(id?: string) {\n    if (id) {\n      const idParts = id.split(',');\n      idParts.forEach(id => {\n        const trimmedId = id.trim();\n        const busyWheelDirs = this.namedBusyWheelDirs.get(trimmedId);\n        if (busyWheelDirs) {\n          const containers = Array.isArray(busyWheelDirs) ? busyWheelDirs : [busyWheelDirs];\n          containers.forEach((busyWheelDir, index) => {\n            const wheelId = `${trimmedId}_${index}`;\n            //console.log(`showing busy-wheel: ${wheelId} for busyWheel: ${busyWheelDir.hostBusyWheel}`);\n            const busyWheelComponentRef = busyWheelDir.viewContainerRef.createComponent<SPMatBusyWheelComponent>(SPMatBusyWheelComponent);\n            busyWheelComponentRef.setInput('wheelId', wheelId);\n            // Append the component as a child of the element with hostBusyWheel directive.\n            busyWheelDir.renderer2.appendChild(\n              busyWheelDir.viewContainerRef.element.nativeElement,\n              busyWheelComponentRef.injector.get(SPMatBusyWheelComponent).elRef.nativeElement\n            );\n            // Save the position explicit css style of the element if one was set\n            let oldStyles = new Array<StyleInfo>();\n            if (busyWheelDir.viewContainerRef.element.nativeElement.style.position) {\n              oldStyles.push({\n                style: 'position',\n                value: busyWheelDir.viewContainerRef.element.nativeElement.style.position\n              });\n            }\n            // Set the element's child controls's poisitioning to 'relative'\n            busyWheelDir.viewContainerRef.element.nativeElement.style.position = 'relative';\n            this.wheelComponents.set(wheelId, {\n              component: busyWheelComponentRef,\n              oldStyles: []\n            });\n          });\n        }\n      })\n    } else {\n      // viewport global busy-wheel\n      const busyWheel = this.createViewportBusyWheel(\n        'busy-wheel-container',\n        undefined\n      );\n      const backdrop = this.createBackdrop();\n      backdrop.firstChild?.appendChild(busyWheel);\n      const viewportBusyWheelStyle = backdrop.querySelector('style');\n      if (viewportBusyWheelStyle) {\n        document.head.appendChild(viewportBusyWheelStyle);\n      }\n      const viewportBusyWheelDiv = backdrop.querySelector('body')?.firstChild;\n      if (viewportBusyWheelDiv) {\n        document.body.appendChild(viewportBusyWheelDiv);\n      }\n    }\n  }\n\n  hide(id?: string) {\n    if (id) {\n      const idParts = id.split(',');\n      idParts.forEach(id => {\n        const trimmedId = id.trim();\n        const busyWheelDirs = this.namedBusyWheelDirs.get(trimmedId);\n        if (busyWheelDirs) {\n          const containers = Array.isArray(busyWheelDirs) ? busyWheelDirs : [busyWheelDirs];\n          containers.forEach((busyWheelDir, index) => {\n            const wheelId = `${trimmedId}_${index}`;\n            const wheelData = this.wheelComponents.get(wheelId);\n            if (wheelData) {\n              //console.log(`destroying busy-wheel: ${wheelId}`);\n              wheelData.component.destroy();\n              this.wheelComponents.delete(wheelId);\n              if (wheelData?.oldStyles && wheelData.oldStyles.length) {\n                // Remove position: relative style that we added\n                (busyWheelDir.viewContainerRef.element.nativeElement as HTMLElement).style.position = '';\n                wheelData.oldStyles.forEach(style => {\n                  busyWheelDir.viewContainerRef.element.nativeElement.style[style.style] = style.value;\n                });\n              }\n            }\n            // this.removeBusyWheel(wheelId);\n          });\n        }\n      });\n    } else {\n      // viewport global busy-wheel, remove the entire backdrop, which\n      // will also kill the child busy-wheel.\n      this.removeViewportBusyWheel();\n    }\n  }\n\n  registerBusyWheelHost(busyWheelDir: SPMatHostBusyWheelDirective) {\n    const id = busyWheelDir.spHostBusyWheel();\n    if (!id) {\n      if (!this.defaultBusyWheelDir) {\n        if (!this.defaultBusyWheelDir) {\n          this.defaultBusyWheelDir = busyWheelDir;\n        }\n      }\n    } else {\n      if (!this.namedBusyWheelDirs.get(id)) {\n        //console.log(`registering busyWheelDir with id: ${id}`);\n        this.namedBusyWheelDirs.set(id, []);\n      }\n      this.namedBusyWheelDirs.get(id)?.push(busyWheelDir);\n      // this.namedHostViewContainerRefs.set(id, viewContainerRef);\n    }\n  }\n\n  deregisterBusyWheelHost(busyWheelDir: SPMatHostBusyWheelDirective) {\n    const busyWheelId = busyWheelDir.spHostBusyWheel()\n    if (!busyWheelId) {\n      (this.defaultBusyWheelDir as any) = undefined;\n    } else {\n      //console.log(`deregistering busyWheel with id: ${busyWheelDir.hostBusyWheel}`);\n      this.namedBusyWheelDirs.delete(busyWheelId);\n    }\n  }\n\n  // private getContainersFromId(id: string) {\n  //   let viewContainers = new Array<ViewContainerRef>();\n  //   if (id) {\n  //     const idParts = id.split(',');\n  //     idParts.forEach(id => {\n  //       const containers = this.namedBusyWheelDirs.get(id.trim());\n  //       if (containers) {\n  //         viewContainers = viewContainers.concat(containers);\n  //       }\n  //     });\n  //   } else if (this.defaultBusyWheelDir) {\n  //     viewContainers.push(this.defaultBusyWheelDir)\n  //   }\n  //   return viewContainers;\n  // }\n\n  /**\n   * Creates a div fragment that hosts the busy wheel. The fragment has the following\n   * structure:\n   *\n   *  <div id=\"id_busy-wheel_{id}\">\n   *    <div class=\"{containerClass}\">\n   *      <!-- <div class=\"busy-wheel\"></div> -->\n   *      <mat-spinner></mat-spinner>\n   *    </div>\n   *  </div>\n   * @param containerClass\n   * @param id\n   * @returns\n   */\n  private createViewportBusyWheel(containerClass: string, id: string|undefined): DocumentFragment {\n    let wheelId = BUSY_WHEEL_DIV_ID;\n    if (id) {\n      wheelId += `_${id}`;\n    }\n    let template = VIEWPORT_BUSY_WHEEL_FRAGMENT_TEMPLATE;\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(\n      template\n        .replace('{wheelId}', wheelId)\n        .replace('{containerClass}', containerClass),\n      'text/html'\n    );\n    const fragment = document.createDocumentFragment();\n    fragment.appendChild(doc.documentElement);\n\n    // Create the style element\n    const style = document.createElement('style');\n    style.textContent = VIEWPORT_BUSY_WHEEL_STYLE;\n    style.id = VIEWPORT_BUSY_WHEEL_STYLE_ID;\n    fragment.querySelector('head')?.appendChild(style);\n\n    return fragment;\n  }\n\n  /**\n   * Creates a backdrop overlay, of the same size as the container that it\n   * covers, on which the busy wheel will be positioned.\n   * @returns\n   */\n  private createBackdrop() {\n    const fragment = document.createDocumentFragment();\n    const backdropDiv = document.createElement('div');\n    backdropDiv.className = 'busy-wheel-backdrop';\n    backdropDiv.setAttribute('id', BACKDROP_DIV_ID);\n    fragment.appendChild(backdropDiv);\n    return fragment;\n  }\n\n  private removeViewportBusyWheel(id?: string) {\n    let wheelId = BUSY_WHEEL_DIV_ID;\n    if (id) {\n      wheelId += `_${id}`;\n    }\n    const body: HTMLElement = document.body;\n    const busyWheelDiv = body.querySelector(`div#${wheelId}`);\n    if (busyWheelDiv) {\n      busyWheelDiv.remove();\n    }\n\n    // remove the style\n    const busyWheelStyle = document.head.querySelector(\n      `style#${VIEWPORT_BUSY_WHEEL_STYLE_ID}`\n    );\n    if (busyWheelStyle) {\n      busyWheelStyle.remove();\n    }\n  }\n}\n\nexport function registerBusyWheelHost(busyWheelDir: SPMatHostBusyWheelDirective) {\n  const instance = BusyWheelService.getInstance();\n  instance.registerBusyWheelHost(busyWheelDir);\n}\n\nexport function deregisterBusyWheelHost(busyWheelDir: SPMatHostBusyWheelDirective) {\n  const instance = BusyWheelService.getInstance();\n  instance.deregisterBusyWheelHost(busyWheelDir);\n}\n\nexport function showBusyWheel(id?: string) {\n  const instance = BusyWheelService.getInstance();\n  instance.show(id);\n}\n\nexport function hideBusyWheel(id?: string) {\n  const instance = BusyWheelService.getInstance();\n  instance.hide(id);\n}\n","import { finalize, Observable, tap } from 'rxjs';\nimport { hideBusyWheel, showBusyWheel } from './busy-wheel.service';\n\n/**\n * Returns an rxjs operator that would track an http request status\n * and would use the request status to hide the global busy wheel. The wheel\n * would be hidden when the request completes or errors.\n *\n * Use it like below:\n *\n *  this.http.get<User>('https://google.com/..').pipe(\n *    trackBusyWheelStatus(),\n *    tap(user => this.user = user)\n *  ).subscribe();\n *\n * Note that the function internally uses a timer to delay showing the busy\n * wheel. This helps avoid needless screen flicker that can occur when quickly\n * showing & hiding the wheel when the network connection and server response\n * are so good that it can exceed natural user reaction time. We set this\n * delay to 150 milliseconds for now.\n *\n * @param id A string value that uniquely identities the the busy wheel host\n * container within the page. This allows multiple busy wheels to be hosted\n * within a page, each for a distinct network (or time-consuming) operation.\n * This is optional and if not specified, will create a busy wheel that\n * covers the entire app viewport.\n * @param show A boolean value that says whether to show the wheel as\n * part of the operator setup. If set to false, the caller is expected\n * to have displayed the busy wheel explicitly.\n * @param showImmediate A boolean value that decides whether to show the\n * busy wheel immediately. If set to false (default), the busy wheel will\n * only be shown when the HTTP request has not completed within 200ms.\n * @param hideOnNthEmit Number of emits upon which the busy wheel is to\n * be hidden. A value of 0 for this means the wheel is hidden only when\n * the observable completes (errorneously or otherwise).\n * @returns An rxjs op that can be added to the pipe() arg list.\n */\nexport function trackBusyWheelStatus(id?: string, show = true, showImmediate = false, hideOnNthEmit = 0) {\n  let timeout: any = null;\n  let wheelShown = false;\n  if (show) {\n    timeout = setTimeout(\n      () => {\n        showBusyWheel(id);\n        wheelShown = true;\n      },\n      showImmediate ? 0 : 150\n    );\n  }\n\n  return function <T>(source: Observable<T>): Observable<T> {\n    let emits = 0;\n    const hideFn = () => {\n      // console.log('busywheel.hideFn');\n      if (timeout) {\n        clearTimeout(timeout);\n        timeout = null;\n      }\n      if (!show || wheelShown) {\n        hideBusyWheel(id);\n      }\n    };\n    return source.pipe(\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      tap((val) => {\n        if (hideOnNthEmit > 0 && ++emits == hideOnNthEmit) {\n          // console.log(`trackBusyWheelStatus - obs emitted ${hideOnNthEmit} values, hiding`);\n          hideFn();\n        }\n      }),\n      finalize(() => {\n        // finalize() arg will be invoked upon completion or error\n        hideFn();\n      })\n    );\n  };\n}\n\n/**\n * Show a busy wheel until the observable is complete. Busy wheel is shown is either viewport global\n * or localized to the element with the the given id.\n *\n * An example use case for this operator are HTTP requests which will complete no matter\n * what. Either successfully or with an error. Either case will mark the observer as completed.\n *\n * See trackBusyWheelStatus() for explanations on arguments\n *\n * @param id\n * @param showImmediate\n * @returns\n */\nexport function showBusyWheelUntilComplete(id?: string, showImmediate = false) {\n  return trackBusyWheelStatus(id, true, showImmediate, 0);\n}\n\n/**\n * Show a busy wheel until the observable emits n number of values. Busy wheel is shown is\n * either viewport global or localized to the element with the the given id.\n *\n * An example use case for this operator are observables that emit but which do not necessarily\n * complete.\n *\n * See trackBusyWheelStatus() for explanations on arguments\n *\n * @param numEmits\n * @param id\n * @param showImmediate\n * @returns\n */\nexport function showBusyWheelUntilEmits(numEmits: number, id?: string, showImmediate = false) {\n  return trackBusyWheelStatus(id, true, showImmediate, numEmits);\n}\n","import { Directive, input, Input, OnDestroy, OnInit, Renderer2, ViewContainerRef } from '@angular/core';\nimport { deregisterBusyWheelHost, registerBusyWheelHost } from './busy-wheel.service';\n\n/**\n * Use this directive with a unique value assigned to it to display a busy\n * wheel over it. This can be used as:-\n *\n * import {showBusyWheelUntilComplete} from '@smallpearl/ngx-helper/mat-busy-wheel';\n *\n * <div spHostBusyWheel='myDivBusyWheel'>\n *  ..content\n * </div>\n *\n * Then in your code:\n *\n * obs.pipe(\n *  showBusyWheelUntilComplete('myDivBusyWheel'),\n *  tap((resp) => {\n *    ...\n *  })\n * ).subscribe();\n *\n * This will cover the 'div' above when the obs is waiting to be completed.\n * (or error). Note that you can also use the trackBusyWheelStatus() function\n * if you want more control over the busy wheel.\n */\n@Directive({\n  selector: '[spHostBusyWheel]',\n  standalone: true,\n})\nexport class SPMatHostBusyWheelDirective implements OnInit, OnDestroy {\n\n  spHostBusyWheel = input<string>()\n\n  constructor(\n    public viewContainerRef: ViewContainerRef,\n    public renderer2: Renderer2,\n  ) {}\n\n  ngOnInit(): void {\n    registerBusyWheelHost(this);\n  }\n\n  ngOnDestroy(): void {\n    deregisterBusyWheelHost(this);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}