@spicainternational/ngx-sds-components 7.12.0-beta.1 → 8.0.0

package/{fesm2020 → fesm2022}/spicainternational-ngx-sds-components-src-lib-tooltip.mjs

@@ -1,260 +1,238 @@
 import * as i0 from '@angular/core';
-import { Component, Directive, Input, HostListener, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@fortawesome/angular-fontawesome';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { Component, HostListener, Input, Directive } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass, NgIf } from '@angular/common';
 
-class SdsTooltipComponent {
-    constructor() {
-        this.tooltip = '';
-        this.left = 0;
-        this.top = 0;
-        this.visible = false;
-        this.position = 'above';
-        this.theme = 'dark';
-    }
-    ngOnInit() { }
-}
-SdsTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsTooltipComponent, selector: "ng-component", ngImport: i0, template: "<div class=\"sds-tooltip\"\r\n    [ngClass]=\"['sds-tooltip-' + position, 'sds-tooltip-' + theme, tooltipClass]\"\r\n    [class.sds-tooltip-visible]=\"visible\"\r\n    [style.left.px]=\"left\"\r\n    [style.top.px]=\"top\"\r\n    >\r\n    <fa-icon class=\"sds-tooltip-icon\"\r\n        *ngIf=\"tooltipIcon\" \r\n        [icon]=\"tooltipIcon\">\r\n    </fa-icon>\r\n\r\n    <small class=\"sds-tooltip-text\">\r\n        {{ tooltip }}\r\n    </small>\r\n\r\n</div>\r\n", styles: [".sds-tooltip{position:fixed;background-color:#000;border-radius:4px;color:#fff;padding:3px 6px;max-width:15rem;z-index:10700;opacity:0}.sds-tooltip fa-icon{margin-right:.25rem}.sds-tooltip-visible{opacity:1;transition:opacity .3s}.sds-tooltip-light{background-color:var(--bs-gray-200);color:#000}.sds-tooltip-dark{background-color:#000;color:#fff}.sds-tooltip-danger{background-color:var(--bs-danger);color:#fff}.sds-tooltip-success{background-color:var(--bs-success);color:#fff}.sds-tooltip-warning{background-color:var(--bs-warning);color:var(--bs-gray-900)}.sds-tooltip-info{background-color:var(--bs-info);color:#fff}.sds-tooltip-classic{background-color:#fff;color:#000;border:1px solid gray}.sds-tooltip-below{transform:translate(-50%);margin-top:.5rem}.sds-tooltip-above{transform:translate(-50%,calc(-100% - .5rem));margin-bottom:.5rem}.sds-tooltip-left{transform:translate(calc(-100% - .5rem),-50%)}.sds-tooltip-right{transform:translateY(-50%);margin-left:.5rem}.sds-tooltip-dynamic{margin-left:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsTooltipComponent, decorators: [{
-            type: Component,
-            args: [{ template: "<div class=\"sds-tooltip\"\r\n    [ngClass]=\"['sds-tooltip-' + position, 'sds-tooltip-' + theme, tooltipClass]\"\r\n    [class.sds-tooltip-visible]=\"visible\"\r\n    [style.left.px]=\"left\"\r\n    [style.top.px]=\"top\"\r\n    >\r\n    <fa-icon class=\"sds-tooltip-icon\"\r\n        *ngIf=\"tooltipIcon\" \r\n        [icon]=\"tooltipIcon\">\r\n    </fa-icon>\r\n\r\n    <small class=\"sds-tooltip-text\">\r\n        {{ tooltip }}\r\n    </small>\r\n\r\n</div>\r\n", styles: [".sds-tooltip{position:fixed;background-color:#000;border-radius:4px;color:#fff;padding:3px 6px;max-width:15rem;z-index:10700;opacity:0}.sds-tooltip fa-icon{margin-right:.25rem}.sds-tooltip-visible{opacity:1;transition:opacity .3s}.sds-tooltip-light{background-color:var(--bs-gray-200);color:#000}.sds-tooltip-dark{background-color:#000;color:#fff}.sds-tooltip-danger{background-color:var(--bs-danger);color:#fff}.sds-tooltip-success{background-color:var(--bs-success);color:#fff}.sds-tooltip-warning{background-color:var(--bs-warning);color:var(--bs-gray-900)}.sds-tooltip-info{background-color:var(--bs-info);color:#fff}.sds-tooltip-classic{background-color:#fff;color:#000;border:1px solid gray}.sds-tooltip-below{transform:translate(-50%);margin-top:.5rem}.sds-tooltip-above{transform:translate(-50%,calc(-100% - .5rem));margin-bottom:.5rem}.sds-tooltip-left{transform:translate(calc(-100% - .5rem),-50%)}.sds-tooltip-right{transform:translateY(-50%);margin-left:.5rem}.sds-tooltip-dynamic{margin-left:20px}\n"] }]
-        }], ctorParameters: function () { return []; } });
+class SdsTooltipComponent {
+    constructor() {
+        this.tooltip = '';
+        this.left = 0;
+        this.top = 0;
+        this.visible = false;
+        this.position = 'above';
+        this.theme = 'dark';
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsTooltipComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"sds-tooltip\"\r\n    [ngClass]=\"['sds-tooltip-' + position, 'sds-tooltip-' + theme, tooltipClass]\"\r\n    [class.sds-tooltip-visible]=\"visible\"\r\n    [style.left.px]=\"left\"\r\n    [style.top.px]=\"top\"\r\n    >\r\n    <fa-icon class=\"sds-tooltip-icon\"\r\n        *ngIf=\"tooltipIcon\" \r\n        [icon]=\"tooltipIcon\">\r\n    </fa-icon>\r\n\r\n    <small class=\"sds-tooltip-text\">\r\n        {{ tooltip }}\r\n    </small>\r\n\r\n</div>\r\n", styles: [".sds-tooltip{position:fixed;background-color:#000;border-radius:4px;color:#fff;padding:3px 6px;max-width:15rem;z-index:10700;opacity:0}.sds-tooltip fa-icon{margin-right:.25rem}.sds-tooltip-visible{opacity:1;transition:opacity .3s}.sds-tooltip-light{background-color:var(--bs-gray-200);color:#000}.sds-tooltip-dark{background-color:#000;color:#fff}.sds-tooltip-danger{background-color:var(--bs-danger);color:#fff}.sds-tooltip-success{background-color:var(--bs-success);color:#fff}.sds-tooltip-warning{background-color:var(--bs-warning);color:var(--bs-gray-900)}.sds-tooltip-info{background-color:var(--bs-info);color:#fff}.sds-tooltip-classic{background-color:#fff;color:#000;border:1px solid gray}.sds-tooltip-below{transform:translate(-50%);margin-top:.5rem}.sds-tooltip-above{transform:translate(-50%,calc(-100% - .5rem));margin-bottom:.5rem}.sds-tooltip-left{transform:translate(calc(-100% - .5rem),-50%)}.sds-tooltip-right{transform:translateY(-50%);margin-left:.5rem}.sds-tooltip-dynamic{margin-left:20px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        NgClass,
+                        NgIf,
+                        FaIconComponent,
+                    ], template: "<div class=\"sds-tooltip\"\r\n    [ngClass]=\"['sds-tooltip-' + position, 'sds-tooltip-' + theme, tooltipClass]\"\r\n    [class.sds-tooltip-visible]=\"visible\"\r\n    [style.left.px]=\"left\"\r\n    [style.top.px]=\"top\"\r\n    >\r\n    <fa-icon class=\"sds-tooltip-icon\"\r\n        *ngIf=\"tooltipIcon\" \r\n        [icon]=\"tooltipIcon\">\r\n    </fa-icon>\r\n\r\n    <small class=\"sds-tooltip-text\">\r\n        {{ tooltip }}\r\n    </small>\r\n\r\n</div>\r\n", styles: [".sds-tooltip{position:fixed;background-color:#000;border-radius:4px;color:#fff;padding:3px 6px;max-width:15rem;z-index:10700;opacity:0}.sds-tooltip fa-icon{margin-right:.25rem}.sds-tooltip-visible{opacity:1;transition:opacity .3s}.sds-tooltip-light{background-color:var(--bs-gray-200);color:#000}.sds-tooltip-dark{background-color:#000;color:#fff}.sds-tooltip-danger{background-color:var(--bs-danger);color:#fff}.sds-tooltip-success{background-color:var(--bs-success);color:#fff}.sds-tooltip-warning{background-color:var(--bs-warning);color:var(--bs-gray-900)}.sds-tooltip-info{background-color:var(--bs-info);color:#fff}.sds-tooltip-classic{background-color:#fff;color:#000;border:1px solid gray}.sds-tooltip-below{transform:translate(-50%);margin-top:.5rem}.sds-tooltip-above{transform:translate(-50%,calc(-100% - .5rem));margin-bottom:.5rem}.sds-tooltip-left{transform:translate(calc(-100% - .5rem),-50%)}.sds-tooltip-right{transform:translateY(-50%);margin-left:.5rem}.sds-tooltip-dynamic{margin-left:20px}\n"] }]
+        }], ctorParameters: () => [] });
 
-/**
- * Check if device is mobile phone or tablet
- * {@link https://stackoverflow.com/a/11381730 | [SO] Detecting a mobile browser }
- */
-const isMobile = function () {
-    let check = false;
-    (function (a) {
-        if (
-        // RegExp for mobile devices
-        /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i
-            // preform regex check
-            .test(a.substr(0, 4)))
-            check = true;
-    })(navigator.userAgent || navigator.vendor || window.opera);
-    return check;
+/**
+ * Check if device is mobile phone or tablet
+ * {@link https://stackoverflow.com/a/11381730 | [SO] Detecting a mobile browser }
+ */
+const isMobile = function () {
+    let check = false;
+    (function (a) {
+        if (
+        // RegExp for mobile devices
+        /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i
+            // preform regex check
+            .test(a.substr(0, 4)))
+            check = true;
+    })(navigator.userAgent || navigator.vendor || window.opera);
+    return check;
 };
 
-class TooltipDirective {
-    constructor(elementRef, appRef, componentFactoryResolver, 
-    //   private viewContainerRef: ViewContainerRef,
-    injector) {
-        this.elementRef = elementRef;
-        this.appRef = appRef;
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.injector = injector;
-        this.tooltip = '';
-        this.tooltipClass = '';
-        this.position = 'above';
-        this.theme = 'dark';
-        this.showDelay = 0;
-        this.hideDelay = 0;
-        this.componentRef = null;
-        // this.renderer2.listen('window', 'scroll', (_) => {
-        //     console.log('scroll');
-        //     this.setHideTooltipTimeout();
-        // });
-    }
-    ngOnChanges(changes) {
-        if (changes['tooltip']) {
-            if (this.componentRef !== null) {
-                this.componentRef.instance.tooltip = this.tooltip;
-            }
-        }
-        if (changes['tooltipIcon']) {
-            if (this.componentRef !== null) {
-                this.componentRef.instance.tooltipIcon = this.tooltipIcon;
-            }
-        }
-        if (changes['tooltipClass']) {
-            if (this.componentRef !== null) {
-                this.componentRef.instance.tooltipClass = this.tooltipClass;
-            }
-        }
-    }
-    onMouseEnter() {
-        if (isMobile())
-            return;
-        this.initializeTooltip();
-    }
-    onMouseLeave() {
-        if (isMobile())
-            return;
-        this.setHideTooltipTimeout();
-    }
-    // @HostListener("window:scroll", [])
-    // onWindowScroll() {
-    //     console.log('scroll');
-    //     this.setHideTooltipTimeout();
-    // }
-    // @HostListener('window:scroll') onScroll(e: Event): void {
-    //     console.log((e.target as Element).scrollTop);
-    //  }
-    //  @HostListener('scroll') onScrollHost(e: Event): void {
-    //     console.log((e.target as Element).scrollTop);
-    //  }
-    onMouseMove($event) {
-        if (isMobile())
-            return;
-        if (this.componentRef !== null && this.position === 'dynamic') {
-            this.componentRef.instance.left = $event.clientX;
-            this.componentRef.instance.top = $event.clientY;
-            this.componentRef.instance.tooltip = this.tooltip;
-            this.componentRef.instance.tooltipIcon = this.tooltipIcon;
-            this.componentRef.instance.tooltipClass = this.tooltipClass;
-        }
-    }
-    onTouchStart($event) {
-        // Only triggered on mobile devices, no need to check device type
-        window.clearTimeout(this.touchTimeout);
-        this.touchTimeout = window.setTimeout(this.initializeTooltip.bind(this), 500);
-    }
-    onTouchEnd() {
-        // Only triggered on mobile devices, no need to check device type
-        window.clearTimeout(this.touchTimeout);
-        this.setHideTooltipTimeout();
-    }
-    initializeTooltip() {
-        if (this.componentRef === null) {
-            window.clearInterval(this.hideDelay);
-            if (this.tooltip) {
-                const componentFactory = this.componentFactoryResolver.resolveComponentFactory(SdsTooltipComponent);
-                this.componentRef = componentFactory.create(this.injector);
-                this.appRef.attachView(this.componentRef.hostView);
-                const [tooltipDOMElement] = this.componentRef.hostView.rootNodes;
-                this.setTooltipComponentProperties();
-                document.body.appendChild(tooltipDOMElement);
-                this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);
-            }
-        }
-    }
-    setTooltipComponentProperties() {
-        if (this.componentRef !== null) {
-            this.componentRef.instance.tooltip = this.tooltip;
-            this.componentRef.instance.tooltipIcon = this.tooltipIcon;
-            this.componentRef.instance.tooltipClass = this.tooltipClass;
-            this.componentRef.instance.position = this.position;
-            this.componentRef.instance.theme = this.theme;
-            const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();
-            switch (this.position) {
-                case 'below': {
-                    this.componentRef.instance.left = Math.round((right - left) / 2 + left);
-                    this.componentRef.instance.top = Math.round(bottom);
-                    break;
-                }
-                case 'above': {
-                    this.componentRef.instance.left = Math.round((right - left) / 2 + left);
-                    this.componentRef.instance.top = Math.round(top);
-                    break;
-                }
-                case 'right': {
-                    this.componentRef.instance.left = Math.round(right);
-                    this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);
-                    break;
-                }
-                case 'left': {
-                    this.componentRef.instance.left = Math.round(left);
-                    this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);
-                    break;
-                }
-                default: {
-                    break;
-                }
-            }
-        }
-    }
-    showTooltip() {
-        if (this.tooltip && this.componentRef !== null) {
-            this.componentRef.instance.visible = true;
-        }
-    }
-    setHideTooltipTimeout() {
-        this.hideTimeout = window.setTimeout(this.destroy.bind(this), this.hideDelay);
-    }
-    ngOnDestroy() {
-        this.destroy();
-    }
-    destroy() {
-        if (this.componentRef !== null) {
-            window.clearInterval(this.showTimeout);
-            window.clearInterval(this.hideDelay);
-            this.appRef.detachView(this.componentRef.hostView);
-            this.componentRef.destroy();
-            this.componentRef = null;
-        }
-    }
-}
-TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TooltipDirective, selector: "[sdsTooltip]", inputs: { tooltip: "tooltip", tooltipClass: "tooltipClass", tooltipIcon: "tooltipIcon", position: "position", theme: "theme", showDelay: "showDelay", hideDelay: "hideDelay" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "mousemove": "onMouseMove($event)", "touchstart": "onTouchStart($event)", "touchend": "onTouchEnd()" } }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[sdsTooltip]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }]; }, propDecorators: { tooltip: [{
-                type: Input
-            }], tooltipClass: [{
-                type: Input
-            }], tooltipIcon: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], theme: [{
-                type: Input
-            }], showDelay: [{
-                type: Input
-            }], hideDelay: [{
-                type: Input
-            }], onMouseEnter: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], onMouseLeave: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }], onMouseMove: [{
-                type: HostListener,
-                args: ['mousemove', ['$event']]
-            }], onTouchStart: [{
-                type: HostListener,
-                args: ['touchstart', ['$event']]
-            }], onTouchEnd: [{
-                type: HostListener,
-                args: ['touchend']
+class SdsTooltipDirective {
+    constructor(elementRef, appRef, componentFactoryResolver, 
+    //   private viewContainerRef: ViewContainerRef,
+    injector) {
+        this.elementRef = elementRef;
+        this.appRef = appRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.injector = injector;
+        this.tooltip = '';
+        this.tooltipClass = '';
+        this.position = 'above';
+        this.theme = 'dark';
+        this.showDelay = 0;
+        this.hideDelay = 0;
+        this.componentRef = null;
+        // this.renderer2.listen('window', 'scroll', (_) => {
+        //     console.log('scroll');
+        //     this.setHideTooltipTimeout();
+        // });
+    }
+    ngOnChanges(changes) {
+        if (changes['tooltip']) {
+            if (this.componentRef !== null) {
+                this.componentRef.instance.tooltip = this.tooltip;
+            }
+        }
+        if (changes['tooltipIcon']) {
+            if (this.componentRef !== null) {
+                this.componentRef.instance.tooltipIcon = this.tooltipIcon;
+            }
+        }
+        if (changes['tooltipClass']) {
+            if (this.componentRef !== null) {
+                this.componentRef.instance.tooltipClass = this.tooltipClass;
+            }
+        }
+    }
+    onMouseEnter() {
+        if (isMobile())
+            return;
+        this.initializeTooltip();
+    }
+    onMouseLeave() {
+        if (isMobile())
+            return;
+        this.setHideTooltipTimeout();
+    }
+    // @HostListener("window:scroll", [])
+    // onWindowScroll() {
+    //     console.log('scroll');
+    //     this.setHideTooltipTimeout();
+    // }
+    // @HostListener('window:scroll') onScroll(e: Event): void {
+    //     console.log((e.target as Element).scrollTop);
+    //  }
+    //  @HostListener('scroll') onScrollHost(e: Event): void {
+    //     console.log((e.target as Element).scrollTop);
+    //  }
+    onMouseMove($event) {
+        if (isMobile())
+            return;
+        if (this.componentRef !== null && this.position === 'dynamic') {
+            this.componentRef.instance.left = $event.clientX;
+            this.componentRef.instance.top = $event.clientY;
+            this.componentRef.instance.tooltip = this.tooltip;
+            this.componentRef.instance.tooltipIcon = this.tooltipIcon;
+            this.componentRef.instance.tooltipClass = this.tooltipClass;
+        }
+    }
+    onTouchStart($event) {
+        // Only triggered on mobile devices, no need to check device type
+        window.clearTimeout(this.touchTimeout);
+        this.touchTimeout = window.setTimeout(this.initializeTooltip.bind(this), 500);
+    }
+    onTouchEnd() {
+        // Only triggered on mobile devices, no need to check device type
+        window.clearTimeout(this.touchTimeout);
+        this.setHideTooltipTimeout();
+    }
+    initializeTooltip() {
+        if (this.componentRef === null) {
+            window.clearInterval(this.hideDelay);
+            if (this.tooltip) {
+                const componentFactory = this.componentFactoryResolver.resolveComponentFactory(SdsTooltipComponent);
+                this.componentRef = componentFactory.create(this.injector);
+                this.appRef.attachView(this.componentRef.hostView);
+                const [tooltipDOMElement] = this.componentRef.hostView.rootNodes;
+                this.setTooltipComponentProperties();
+                document.body.appendChild(tooltipDOMElement);
+                this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);
+            }
+        }
+    }
+    setTooltipComponentProperties() {
+        if (this.componentRef !== null) {
+            this.componentRef.instance.tooltip = this.tooltip;
+            this.componentRef.instance.tooltipIcon = this.tooltipIcon;
+            this.componentRef.instance.tooltipClass = this.tooltipClass;
+            this.componentRef.instance.position = this.position;
+            this.componentRef.instance.theme = this.theme;
+            const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();
+            switch (this.position) {
+                case 'below': {
+                    this.componentRef.instance.left = Math.round((right - left) / 2 + left);
+                    this.componentRef.instance.top = Math.round(bottom);
+                    break;
+                }
+                case 'above': {
+                    this.componentRef.instance.left = Math.round((right - left) / 2 + left);
+                    this.componentRef.instance.top = Math.round(top);
+                    break;
+                }
+                case 'right': {
+                    this.componentRef.instance.left = Math.round(right);
+                    this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);
+                    break;
+                }
+                case 'left': {
+                    this.componentRef.instance.left = Math.round(left);
+                    this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);
+                    break;
+                }
+                default: {
+                    break;
+                }
+            }
+        }
+    }
+    showTooltip() {
+        if (this.tooltip && this.componentRef !== null) {
+            this.componentRef.instance.visible = true;
+        }
+    }
+    setHideTooltipTimeout() {
+        this.hideTimeout = window.setTimeout(this.destroy.bind(this), this.hideDelay);
+    }
+    ngOnDestroy() {
+        this.destroy();
+    }
+    destroy() {
+        if (this.componentRef !== null) {
+            window.clearInterval(this.showTimeout);
+            window.clearInterval(this.hideDelay);
+            this.appRef.detachView(this.componentRef.hostView);
+            this.componentRef.destroy();
+            this.componentRef = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SdsTooltipDirective, isStandalone: true, selector: "[sdsTooltip]", inputs: { tooltip: "tooltip", tooltipClass: "tooltipClass", tooltipIcon: "tooltipIcon", position: "position", theme: "theme", showDelay: "showDelay", hideDelay: "hideDelay" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "mousemove": "onMouseMove($event)", "touchstart": "onTouchStart($event)", "touchend": "onTouchEnd()" } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sdsTooltip]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }], propDecorators: { tooltip: [{
+                type: Input
+            }], tooltipClass: [{
+                type: Input
+            }], tooltipIcon: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], showDelay: [{
+                type: Input
+            }], hideDelay: [{
+                type: Input
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onMouseMove: [{
+                type: HostListener,
+                args: ['mousemove', ['$event']]
+            }], onTouchStart: [{
+                type: HostListener,
+                args: ['touchstart', ['$event']]
+            }], onTouchEnd: [{
+                type: HostListener,
+                args: ['touchend']
             }] } });
 
-class SdsTooltipModule {
-}
-SdsTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsTooltipModule, declarations: [SdsTooltipComponent,
-        TooltipDirective], imports: [CommonModule,
-        FontAwesomeModule], exports: [TooltipDirective] });
-SdsTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsTooltipModule, imports: [CommonModule,
-        FontAwesomeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsTooltipModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SdsTooltipComponent,
-                        TooltipDirective
-                    ],
-                    imports: [
-                        CommonModule,
-                        FontAwesomeModule
-                    ],
-                    exports: [
-                        TooltipDirective
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
-export { SdsTooltipModule, TooltipDirective };
+export { SdsTooltipDirective };
 //# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-tooltip.mjs.map

package/fesm2022/spicainternational-ngx-sds-components-src-lib-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-tooltip.mjs","sources":["../../../projects/ngx-sds-components/src/lib/tooltip/components/tooltip.component.ts","../../../projects/ngx-sds-components/src/lib/tooltip/components/tooltip.component.html","../../../projects/ngx-sds-components/src/lib/tooltip/utils/tooltip.utils.ts","../../../projects/ngx-sds-components/src/lib/tooltip/tooltip.directive.ts","../../../projects/ngx-sds-components/src/lib/tooltip/spicainternational-ngx-sds-components-src-lib-tooltip.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\nimport { TooltipPosition, TooltipTheme } from '../tooltip.types';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\r\nimport { NgClass, NgIf } from '@angular/common';\r\n\r\n@Component({\r\n    templateUrl: './tooltip.component.html',\r\n    styleUrls: ['./tooltip.component.scss'],\r\n    standalone: true,\r\n    imports: [\r\n        NgClass,\r\n        NgIf,\r\n        FaIconComponent,\r\n    ],\r\n})\r\nexport class SdsTooltipComponent implements OnInit {\r\n\r\n    public tooltip: string = '';\r\n    public left: number = 0;\r\n    public top: number = 0;\r\n    public visible: boolean = false;\r\n\r\n    public tooltipIcon?: IconProp;\r\n    public tooltipClass?: string;\r\n\r\n    public position: TooltipPosition = 'above';\r\n    public theme: TooltipTheme = 'dark';\r\n\r\n\r\n\r\n    constructor() {}\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","<div class=\"sds-tooltip\"\r\n    [ngClass]=\"['sds-tooltip-' + position, 'sds-tooltip-' + theme, tooltipClass]\"\r\n    [class.sds-tooltip-visible]=\"visible\"\r\n    [style.left.px]=\"left\"\r\n    [style.top.px]=\"top\"\r\n    >\r\n    <fa-icon class=\"sds-tooltip-icon\"\r\n        *ngIf=\"tooltipIcon\" \r\n        [icon]=\"tooltipIcon\">\r\n    </fa-icon>\r\n\r\n    <small class=\"sds-tooltip-text\">\r\n        {{ tooltip }}\r\n    </small>\r\n\r\n</div>\r\n","/**\r\n * Check if device is mobile phone or tablet\r\n * {@link https://stackoverflow.com/a/11381730 | [SO] Detecting a mobile browser }\r\n */\r\nexport const isMobile  = function() {\r\n    let check = false;\r\n    (function(a){\r\n        if(\r\n            // RegExp for mobile devices\r\n            /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i\r\n            // preform regex check\r\n            .test(a.substr(0,4))\r\n        ) \r\n        check = true;\r\n    })(navigator.userAgent||navigator.vendor||(window as any).opera);\r\n    return check;\r\n  };\r\n  ","import {\r\n    ApplicationRef,\r\n    ComponentFactoryResolver,\r\n    ComponentRef,\r\n    Directive,\r\n    ElementRef,\r\n    EmbeddedViewRef,\r\n    HostListener,\r\n    Injector,\r\n    Input,\r\n    OnChanges,\r\n    Renderer2,\r\n    SimpleChanges,\r\n    ViewContainerRef,\r\n} from '@angular/core';\r\nimport { SdsTooltipComponent } from './components/tooltip.component';\r\nimport { TooltipPosition, TooltipTheme } from './tooltip.types';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport { isMobile } from './utils';\r\n\r\n@Directive({\r\n    selector: '[sdsTooltip]',\r\n    standalone: true,\r\n})\r\nexport class SdsTooltipDirective implements OnChanges {\r\n    @Input() tooltip = '';\r\n    @Input() tooltipClass = '';\r\n    @Input() tooltipIcon?: IconProp;\r\n    @Input() position: TooltipPosition = 'above';\r\n    @Input() theme: TooltipTheme = 'dark';\r\n    @Input() showDelay = 0;\r\n    @Input() hideDelay = 0;\r\n\r\n    private componentRef: ComponentRef<any> | null = null;\r\n    private showTimeout?: number;\r\n    private hideTimeout?: number;\r\n    private touchTimeout?: number;\r\n\r\n\r\n    constructor(\r\n        private elementRef: ElementRef,\r\n        private appRef: ApplicationRef,\r\n        private componentFactoryResolver: ComponentFactoryResolver,\r\n        //   private viewContainerRef: ViewContainerRef,\r\n        private injector: Injector,\r\n        // private renderer2: Renderer2\r\n    ) {\r\n        // this.renderer2.listen('window', 'scroll', (_) => {\r\n        //     console.log('scroll');\r\n        //     this.setHideTooltipTimeout();\r\n        // });\r\n    }\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['tooltip']) {\r\n            if (this.componentRef !== null) {\r\n                this.componentRef.instance.tooltip = this.tooltip;\r\n            }            \r\n        }\r\n\r\n        if (changes['tooltipIcon']) {\r\n            if (this.componentRef !== null) {\r\n                this.componentRef.instance.tooltipIcon = this.tooltipIcon;\r\n            }            \r\n        } \r\n        \r\n        if (changes['tooltipClass']) {\r\n            if (this.componentRef !== null) {\r\n                this.componentRef.instance.tooltipClass = this.tooltipClass;\r\n            }            \r\n        }            \r\n    }\r\n\r\n    @HostListener('mouseenter')\r\n    onMouseEnter(): void {\r\n        if(isMobile()) return;\r\n\r\n        this.initializeTooltip();\r\n    }\r\n\r\n    @HostListener('mouseleave')\r\n    onMouseLeave(): void {\r\n        if(isMobile()) return;\r\n\r\n        this.setHideTooltipTimeout();\r\n    }\r\n\r\n    // @HostListener(\"window:scroll\", [])\r\n    // onWindowScroll() {\r\n    //     console.log('scroll');\r\n    //     this.setHideTooltipTimeout();\r\n    // }\r\n\r\n    // @HostListener('window:scroll') onScroll(e: Event): void {\r\n    //     console.log((e.target as Element).scrollTop);\r\n    //  }\r\n\r\n    //  @HostListener('scroll') onScrollHost(e: Event): void {\r\n    //     console.log((e.target as Element).scrollTop);\r\n    //  }\r\n\r\n    @HostListener('mousemove', ['$event'])\r\n    onMouseMove($event: MouseEvent): void {\r\n        if(isMobile()) return;\r\n\r\n        if (this.componentRef !== null && this.position === 'dynamic') {\r\n            this.componentRef.instance.left = $event.clientX;\r\n            this.componentRef.instance.top = $event.clientY;\r\n            this.componentRef.instance.tooltip = this.tooltip;\r\n            this.componentRef.instance.tooltipIcon = this.tooltipIcon;\r\n            this.componentRef.instance.tooltipClass = this.tooltipClass;\r\n        }\r\n    }\r\n\r\n    @HostListener('touchstart', ['$event'])\r\n    onTouchStart($event: TouchEvent): void {\r\n        // Only triggered on mobile devices, no need to check device type\r\n        \r\n        window.clearTimeout(this.touchTimeout);\r\n        this.touchTimeout = window.setTimeout(this.initializeTooltip.bind(this), 500);\r\n    }\r\n\r\n    @HostListener('touchend')\r\n    onTouchEnd(): void {\r\n        // Only triggered on mobile devices, no need to check device type\r\n\r\n        window.clearTimeout(this.touchTimeout);\r\n        this.setHideTooltipTimeout();\r\n    }\r\n\r\n    private initializeTooltip() {\r\n        if (this.componentRef === null) {\r\n            window.clearInterval(this.hideDelay);\r\n\r\n            if (this.tooltip) {\r\n                const componentFactory = this.componentFactoryResolver.resolveComponentFactory(SdsTooltipComponent);\r\n                this.componentRef = componentFactory.create(this.injector);\r\n\r\n                this.appRef.attachView(this.componentRef.hostView);\r\n                const [tooltipDOMElement] = (this.componentRef.hostView as EmbeddedViewRef<any>).rootNodes;\r\n\r\n                this.setTooltipComponentProperties();\r\n\r\n                document.body.appendChild(tooltipDOMElement);\r\n                this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);\r\n            }\r\n        }\r\n    }\r\n\r\n    private setTooltipComponentProperties() {\r\n        if (this.componentRef !== null) {\r\n            this.componentRef.instance.tooltip = this.tooltip;\r\n            this.componentRef.instance.tooltipIcon = this.tooltipIcon;\r\n            this.componentRef.instance.tooltipClass = this.tooltipClass;\r\n            this.componentRef.instance.position = this.position;\r\n            this.componentRef.instance.theme = this.theme;\r\n\r\n            const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();\r\n\r\n            switch (this.position) {\r\n                case 'below': {\r\n                    this.componentRef.instance.left = Math.round((right - left) / 2 + left);\r\n                    this.componentRef.instance.top = Math.round(bottom);\r\n                    break;\r\n                }\r\n                case 'above': {\r\n                    this.componentRef.instance.left = Math.round((right - left) / 2 + left);\r\n                    this.componentRef.instance.top = Math.round(top);\r\n                    break;\r\n                }\r\n                case 'right': {\r\n                    this.componentRef.instance.left = Math.round(right);\r\n                    this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);\r\n                    break;\r\n                }\r\n                case 'left': {\r\n                    this.componentRef.instance.left = Math.round(left);\r\n                    this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);\r\n                    break;\r\n                }\r\n                default: {\r\n                    break;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    private showTooltip() {\r\n        if (this.tooltip && this.componentRef !== null) {\r\n            this.componentRef.instance.visible = true;\r\n        }\r\n    }\r\n\r\n    private setHideTooltipTimeout() {\r\n        this.hideTimeout = window.setTimeout(this.destroy.bind(this), this.hideDelay);\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this.destroy();\r\n    }\r\n\r\n    destroy(): void {\r\n        if (this.componentRef !== null) {\r\n            window.clearInterval(this.showTimeout);\r\n            window.clearInterval(this.hideDelay);\r\n            this.appRef.detachView(this.componentRef.hostView);\r\n            this.componentRef.destroy();\r\n            this.componentRef = null;\r\n        }\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/spicainternational-ngx-sds-components-src-lib-utils-date-time.mjs

@@ -0,0 +1,49 @@
+const INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS = {
+    'time': {
+        hour: 'numeric',
+        minute: '2-digit'
+    },
+    'time-with-seconds': {
+        hour: 'numeric',
+        minute: '2-digit',
+        second: '2-digit'
+    },
+    'date': {
+        day: 'numeric',
+        month: 'numeric',
+        year: 'numeric'
+    },
+    'date-with-month-name': {
+        day: 'numeric',
+        month: 'long',
+        year: 'numeric'
+    },
+    'date-time': {
+        day: 'numeric',
+        month: 'numeric',
+        year: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit'
+    }
+};
+
+const formatDateTime = (date, locales, options) => {
+    if (date === null || date === undefined) {
+        return '';
+    }
+    const formatDate = new Date(date);
+    if (formatDate.toString() == 'Invalid Date') {
+        return '';
+    }
+    if (typeof options === 'string') {
+        return formatDate.toLocaleDateString(locales, INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS[options]);
+    }
+    return formatDate.toLocaleDateString(locales, options);
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS, formatDateTime };
+//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-utils-date-time.mjs.map

package/fesm2022/spicainternational-ngx-sds-components-src-lib-utils-date-time.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-utils-date-time.mjs","sources":["../../../projects/ngx-sds-components/src/lib/utils/date-time/intl-date-time-format-options-presets.ts","../../../projects/ngx-sds-components/src/lib/utils/date-time/date-time-format.function.ts","../../../projects/ngx-sds-components/src/lib/utils/date-time/spicainternational-ngx-sds-components-src-lib-utils-date-time.ts"],"sourcesContent":["export type IntlDateTimeFormatOptionPresetType = \r\n    'time' | \r\n    'time-with-seconds' | \r\n    'date' | \r\n    'date-with-month-name' | \r\n    'date-time';\r\n\r\nexport const INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS: { [Key in IntlDateTimeFormatOptionPresetType]: Intl.DateTimeFormatOptions } = {\r\n    'time': {\r\n        hour: 'numeric',\r\n        minute: '2-digit'\r\n    },\r\n    'time-with-seconds': {\r\n        hour: 'numeric',\r\n        minute: '2-digit',\r\n        second: '2-digit'\r\n    },\r\n    'date': {\r\n        day: 'numeric',\r\n        month: 'numeric',\r\n        year: 'numeric'\r\n    },\r\n    'date-with-month-name': {\r\n        day: 'numeric',\r\n        month: 'long',\r\n        year: 'numeric'\r\n    },\r\n    'date-time': {\r\n        day: 'numeric',\r\n        month: 'numeric',\r\n        year: 'numeric',\r\n        hour: 'numeric',\r\n        minute: '2-digit'\r\n    }\r\n};","import {\r\n    INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS,\r\n    IntlDateTimeFormatOptionPresetType,\r\n} from './intl-date-time-format-options-presets';\r\n\r\nexport const formatDateTime = (\r\n    date: Date | number | string | undefined,\r\n    locales: string | Array<string>,\r\n    options?: Intl.DateTimeFormatOptions | IntlDateTimeFormatOptionPresetType\r\n): string => {\r\n    if (date === null || date === undefined) {\r\n        return '';\r\n    }\r\n\r\n    const formatDate = new Date(date);\r\n    if (formatDate.toString() == 'Invalid Date') {\r\n        return '';\r\n    }\r\n\r\n    if (typeof options === 'string') {\r\n        return formatDate.toLocaleDateString(\r\n            locales,\r\n            INTL_DATE_TIME_FORMAT_OPTIONS_PRESETS[options]\r\n        );\r\n    }\r\n\r\n    return formatDate.toLocaleDateString(\r\n        locales,\r\n        options as Intl.DateTimeFormatOptions | undefined\r\n    );\r\n};\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAOa,MAAA,qCAAqC,GAAgF;AAC9H,IAAA,MAAM,EAAE;AACJ,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE;AACX,KAAA;AACD,IAAA,mBAAmB,EAAE;AACjB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE;AACX,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE;AACT,KAAA;AACD,IAAA,sBAAsB,EAAE;AACpB,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,IAAI,EAAE;AACT,KAAA;AACD,IAAA,WAAW,EAAE;AACT,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE;AACX;;;AC5BQ,MAAA,cAAc,GAAG,CAC1B,IAAwC,EACxC,OAA+B,EAC/B,OAAyE,KACjE;IACR,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,EAAE;AACrC,QAAA,OAAO,EAAE;;AAGb,IAAA,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC;AACjC,IAAA,IAAI,UAAU,CAAC,QAAQ,EAAE,IAAI,cAAc,EAAE;AACzC,QAAA,OAAO,EAAE;;AAGb,IAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QAC7B,OAAO,UAAU,CAAC,kBAAkB,CAChC,OAAO,EACP,qCAAqC,CAAC,OAAO,CAAC,CACjD;;IAGL,OAAO,UAAU,CAAC,kBAAkB,CAChC,OAAO,EACP,OAAiD,CACpD;AACL;;AC9BA;;AAEG;;;;"}