monkey-front-core 0.0.146 → 0.0.149

package/fesm2020/monkey-front-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Pipe, Component, ViewEncapsulation, Input, Injectable, NgModule, EventEmitter, Directive, Output, HostBinding, HostListener, forwardRef, Self, NgZone, ErrorHandler, Optional, SkipSelf } from '@angular/core';
+import { Pipe, Component, ViewEncapsulation, Input, Injectable, NgModule, EventEmitter, Directive, Output, HostBinding, HostListener, forwardRef, Self, InjectionToken, Inject, Optional, NgZone, ErrorHandler, SkipSelf } from '@angular/core';
 import * as i1 from 'monkey-style-guide';
 import { MonkeyButtonModule, MonkeyIconModule, MonkeyInputModule, MonkeyModalModule, MonkeyUtils, MonkeyStyleGuideModule, MonkeyStyleGuideModalService, MonkeyStyleGuideSettingsService, MonkeyStyleGuideSnackbarService } from 'monkey-style-guide';
 import * as i2 from '@angular/common';
@@ -10,14 +10,17 @@ import * as moment_ from 'moment';
 import * as i1$2 from 'ngx-cookie-service';
 import * as i1$3 from '@angular/router';
 import { NavigationStart, NavigationEnd, NavigationError, NavigationCancel } from '@angular/router';
-import { BehaviorSubject, throwError, interval, concat, of, Subject } from 'rxjs';
+import { BehaviorSubject, Subscription, throwError, interval, concat, of, Subject } from 'rxjs';
 import { filter, take, takeWhile, map, catchError, first, takeUntil, mergeMap, finalize } from 'rxjs/operators';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { TemplatePortal } from '@angular/cdk/portal';
+import * as i1$4 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
 import { __decorate } from 'tslib';
-import * as i1$4 from '@angular/common/http';
+import * as i1$5 from '@angular/common/http';
 import { HttpParams, HttpErrorResponse, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 import { datadogRum } from '@datadog/browser-rum';
-import * as i1$5 from '@angular/service-worker';
+import * as i1$6 from '@angular/service-worker';
 import { ServiceWorkerModule } from '@angular/service-worker';
 import { initialize } from 'launchdarkly-js-client-sdk';
 
@@ -239,14 +242,14 @@ class MonkeyEcxUtils {
     }
 }
 
-const moment$3 = moment_;
+const moment$4 = moment_;
 class MonkeyEcxFormatDateTimelapsePipe {
     transform(date, showTime = false, useUtc = true, format = '- HH:mm') {
         if (!MonkeyEcxUtils.persistNullEmptyUndefined(date))
             return '';
-        let stillUtc = moment$3.default.utc(date).toDate();
+        let stillUtc = moment$4.default.utc(date).toDate();
         if (!useUtc)
-            stillUtc = moment$3.default(date).toDate();
+            stillUtc = moment$4.default(date).toDate();
         if (date.toString().indexOf(':') <= -1) {
             if (typeof date === 'string') {
                 stillUtc = date;
@@ -255,7 +258,7 @@ class MonkeyEcxFormatDateTimelapsePipe {
         }
         const formatFrom = `YYYY/MM/DD${showTime ? ` ${format}` : ''}`;
         const formatTo = `DD/MM/YYYY${showTime ? ` ${format}` : ''}`;
-        return `${moment$3.default(stillUtc, formatFrom).format(formatTo)}`;
+        return `${moment$4.default(stillUtc, formatFrom).format(formatTo)}`;
     }
 }
 MonkeyEcxFormatDateTimelapsePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDateTimelapsePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
@@ -263,7 +266,7 @@ MonkeyEcxFormatDateTimelapsePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDateTimelapsePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'monkeyecxFormatDateTimelapse',
+                    name: 'monkeyecxFormatDateTimelapse'
                 }]
         }] });
 
@@ -545,7 +548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 }]
         }] });
 
-const moment$2 = moment_;
+const moment$3 = moment_;
 class MonkeyEcxFormatDateGroupPipe {
     constructor(injector) {
         this.injector = injector;
@@ -556,12 +559,12 @@ class MonkeyEcxFormatDateGroupPipe {
     format(date) {
         if (!MonkeyEcxUtils.persistNullEmptyUndefined(date))
             return '';
-        let stillUtc = moment$2.default.utc(date).toDate();
+        let stillUtc = moment$3.default.utc(date).toDate();
         if (date.toString()?.indexOf(':') <= -1) {
             stillUtc = date;
         }
         const formatFrom = 'YYYY/MM/DD';
-        const fmt = moment$2.default(stillUtc, formatFrom).locale(this.lang);
+        const fmt = moment$3.default(stillUtc, formatFrom).locale(this.lang);
         const dayFormated = fmt.format('DD/');
         const monthFormated = MonkeyEcxUtils.capitalize(fmt.format('MMMM'));
         const yearFormated = fmt.format('YYYY');
@@ -586,15 +589,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
 /* eslint-disable max-classes-per-file */
-const moment$1 = moment_;
+const moment$2 = moment_;
 class DateValidator {
     static do(control) {
         if (!control.parent || !control)
             return null;
         if (control && control.value) {
             const dateFormat = 'MM-DD-YYYY';
-            if (!moment$1
-                .default(moment$1.default(control.value).format(dateFormat), ['DD/MM/YYYY', 'MM-DD-YYYY', 'YYYY-MM-DD'], true)
+            if (!moment$2
+                .default(moment$2.default(control.value).format(dateFormat), ['DD/MM/YYYY', 'MM-DD-YYYY', 'YYYY-MM-DD'], true)
                 .isValid()) {
                 return {
                     invalidDate: true,
@@ -899,7 +902,7 @@ var decoratorsUtils = /*#__PURE__*/Object.freeze({
     hasMonkeyEcxServiceAndHandlingProperties: hasMonkeyEcxServiceAndHandlingProperties
 });
 
-const moment = moment_;
+const moment$1 = moment_;
 const EMAIL_REGEXP = /^[\w-.]+@([\w-]+\.)+[\w-]{1,64}$/;
 function isEmptyInputValue(value) {
     return value == null || value.length === 0;
@@ -1041,8 +1044,8 @@ function dateValidator(control) {
     if (!control.parent || !control || isEmptyInputValue(control.value))
         return null;
     const dateFormat = 'MM-DD-YYYY';
-    if (!moment
-        .default(moment.default(control.value).format(dateFormat), ['DD/MM/YYYY', 'MM-DD-YYYY', 'YYYY-MM-DD'], true)
+    if (!moment$1
+        .default(moment$1.default(control.value).format(dateFormat), ['DD/MM/YYYY', 'MM-DD-YYYY', 'YYYY-MM-DD'], true)
         .isValid()) {
         return {
             invalidDate: true,
@@ -1127,6 +1130,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 }]
         }] });
 
+class MonkeyEcxFormatBeaufityJSONPipe {
+    constructor() {
+        // not to do
+    }
+    transform(value) {
+        const jsonLine = /^( *)("[\w]+": )?("[^"]*"|[\w.+-]*)?([,[{])?$/gm;
+        const replacer = (match, pIndent, pKey, pVal, pEnd) => {
+            const key = '<span class="json-key" style="color: brown">';
+            const val = '<span class="json-value" style="color: navy">';
+            const str = '<span class="json-string" style="color: olive">';
+            let r = pIndent || '';
+            if (pKey) {
+                r = `${r + key + pKey.replace(/[": ]/g, '')}</span>: `;
+            }
+            if (pVal) {
+                r = `${r + (pVal[0] === '"' ? str : val) + pVal}</span>`;
+            }
+            return r + (pEnd || '');
+        };
+        return JSON.stringify(value, null, 3)
+            .replace(/&/g, '&amp;')
+            .replace(/\\"/g, '&quot;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(jsonLine, replacer);
+    }
+}
+MonkeyEcxFormatBeaufityJSONPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatBeaufityJSONPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MonkeyEcxFormatBeaufityJSONPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatBeaufityJSONPipe, name: "monkeyecxFormatBeautifyJSON" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatBeaufityJSONPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'monkeyecxFormatBeautifyJSON'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+const moment = moment_;
+class MonkeyEcxFormatDateUnixTimelapsePipe {
+    transform(date, showTime = false, useUtc = true, format = '- HH:mm') {
+        if (!MonkeyEcxUtils.persistNullEmptyUndefined(date))
+            return '';
+        let stillUtc = moment.default.utc(date).toDate();
+        if (!useUtc)
+            stillUtc = moment.default(date).toDate();
+        if (moment.default
+            .utc(date)
+            .toDate()
+            .toLocaleString()
+            .indexOf(':') <= -1) {
+            if (typeof date === 'string') {
+                stillUtc = date;
+                showTime = false;
+            }
+        }
+        const formatFrom = `YYYY/MM/DD${showTime ? ` ${format}` : ''}`;
+        const formatTo = `DD/MM/YYYY${showTime ? ` ${format}` : ''}`;
+        return `${moment.default(stillUtc, formatFrom).format(formatTo)}`;
+    }
+}
+MonkeyEcxFormatDateUnixTimelapsePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDateUnixTimelapsePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MonkeyEcxFormatDateUnixTimelapsePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDateUnixTimelapsePipe, name: "monkeyecxFormatDateUnixTimelapse" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDateUnixTimelapsePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'monkeyecxFormatDateUnixTimelapse'
+                }]
+        }] });
+
 class MonkeyEcxPipesModule {
 }
 MonkeyEcxPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1144,7 +1215,9 @@ MonkeyEcxPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
         MonkeyEcxFormatValue,
         MonkeyEcxFormatZipCodePipe,
         MonkeyEcxTextTruncatePipe,
-        MonkeyEcxTruncateQtdPipe], exports: [MonkeyEcxDisplayFirstNamePipe,
+        MonkeyEcxTruncateQtdPipe,
+        MonkeyEcxFormatBeaufityJSONPipe,
+        MonkeyEcxFormatDateUnixTimelapsePipe], exports: [MonkeyEcxDisplayFirstNamePipe,
         MonkeyEcxFormatAddressPipe,
         MonkeyEcxFormatCurrencyPipe,
         MonkeyEcxFormatDateTimelapsePipe,
@@ -1158,7 +1231,9 @@ MonkeyEcxPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
         MonkeyEcxFormatValue,
         MonkeyEcxFormatZipCodePipe,
         MonkeyEcxTextTruncatePipe,
-        MonkeyEcxTruncateQtdPipe] });
+        MonkeyEcxTruncateQtdPipe,
+        MonkeyEcxFormatBeaufityJSONPipe,
+        MonkeyEcxFormatDateUnixTimelapsePipe] });
 MonkeyEcxPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPipesModule, providers: [CurrencyPipe] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPipesModule, decorators: [{
             type: NgModule,
@@ -1179,6 +1254,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                         MonkeyEcxFormatZipCodePipe,
                         MonkeyEcxTextTruncatePipe,
                         MonkeyEcxTruncateQtdPipe,
+                        MonkeyEcxFormatBeaufityJSONPipe,
+                        MonkeyEcxFormatDateUnixTimelapsePipe
                     ],
                     exports: [
                         MonkeyEcxDisplayFirstNamePipe,
@@ -1196,8 +1273,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                         MonkeyEcxFormatZipCodePipe,
                         MonkeyEcxTextTruncatePipe,
                         MonkeyEcxTruncateQtdPipe,
+                        MonkeyEcxFormatBeaufityJSONPipe,
+                        MonkeyEcxFormatDateUnixTimelapsePipe
                     ],
-                    providers: [CurrencyPipe],
+                    providers: [CurrencyPipe]
                 }]
         }] });
 
@@ -1765,6 +1844,235 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 args: ['input', ['$event']]
             }] } });
 
+const POPOVER_OPTIONS = new InjectionToken('POPOVER_OPTIONS');
+class MonkeyEcxPopoverOptionsDirective {
+    set options(options) {
+        Object.entries(options).forEach(([k, v]) => {
+            this[k] = v;
+        });
+    }
+}
+MonkeyEcxPopoverOptionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPopoverOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+MonkeyEcxPopoverOptionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: MonkeyEcxPopoverOptionsDirective, selector: "[monkeyecxPopoverOptions]", inputs: { options: ["monkeyecxPopoverOptions", "options"] }, providers: [
+        {
+            provide: POPOVER_OPTIONS,
+            useExisting: forwardRef(() => {
+                // eslint-disable-next-line no-use-before-define
+                return MonkeyEcxPopoverOptionsDirective;
+            })
+        }
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPopoverOptionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[monkeyecxPopoverOptions]',
+                    providers: [
+                        {
+                            provide: POPOVER_OPTIONS,
+                            useExisting: forwardRef(() => {
+                                // eslint-disable-next-line no-use-before-define
+                                return MonkeyEcxPopoverOptionsDirective;
+                            })
+                        }
+                    ]
+                }]
+        }], propDecorators: { options: [{
+                type: Input,
+                args: ['monkeyecxPopoverOptions']
+            }] } });
+
+class MonkeyEcxPopoverDirective {
+    constructor(tpl, vcr, el, zone, _viewContainerRef, _cd, overlay, overlayPositionBuilder, options) {
+        this.tpl = tpl;
+        this.vcr = vcr;
+        this.el = el;
+        this.zone = zone;
+        this._viewContainerRef = _viewContainerRef;
+        this._cd = _cd;
+        this.overlay = overlay;
+        this.overlayPositionBuilder = overlayPositionBuilder;
+        this.options = options;
+        this.minwidth = false;
+        this.backdrop = true;
+        this.watch = false;
+        this.dir = 'ltr';
+        this.contextmenu = false;
+        this.subs = new Subscription();
+        // not to do
+    }
+    get popover() {
+        return this._popover;
+    }
+    set popover(show) {
+        this._popover = show;
+        if (show) {
+            this.createPopover();
+        }
+        else if (this.overlayRef) {
+            this.overlayRef.dispose();
+        }
+    }
+    get target() {
+        return this._target;
+    }
+    set target(target) {
+        this._target = target;
+    }
+    getDirPositions(dir) {
+        const revert = {
+            start: 'end', end: 'start', bottom: 'top', top: 'bottom', center: 'center'
+        };
+        const centerY = (pos) => {
+            return {
+                originX: 'center', originY: pos, overlayX: 'center', overlayY: revert[pos]
+            };
+        };
+        const centerX = (pos) => {
+            return {
+                originX: revert[pos], originY: 'center', overlayX: pos, overlayY: 'center'
+            };
+        };
+        const ltr = (axis) => {
+            return {
+                originX: 'start', originY: axis, overlayX: 'start', overlayY: revert[axis]
+            };
+        };
+        const rtl = (axis) => {
+            return {
+                originX: 'end', originY: axis, overlayX: 'end', overlayY: revert[axis]
+            };
+        };
+        const side = (axis, axis2) => {
+            return {
+                originX: axis, originY: axis2, overlayX: revert[axis], overlayY: axis2
+            };
+        };
+        const cmp = dir || this.options?.dir || this.dir;
+        if (cmp === 'ct') {
+            return [centerY('top'), centerY('bottom'), centerX('start'), centerX('end')];
+        }
+        if (cmp === 'cr') {
+            return [centerX('end'), centerX('start'), centerY('top'), centerY('bottom')];
+        }
+        if (cmp === 'cc') {
+            return [centerX('center')];
+        }
+        if (cmp === 'ltr') {
+            return [ltr('bottom'), ltr('top')];
+        }
+        if (cmp === 'rtl') {
+            return [rtl('bottom'), rtl('top')];
+        }
+        if (cmp === 'tltr') {
+            return [ltr('top'), ltr('bottom')];
+        }
+        if (cmp === 'trtl') {
+            return [rtl('top'), rtl('bottom')];
+        }
+        if (cmp === 'rt') {
+            return [side('end', 'top'), side('end', 'bottom'), ltr('top')];
+        }
+        if (cmp === 'rb') {
+            return [side('end', 'bottom'), side('end', 'top'), ltr('bottom'), rtl('bottom')];
+        }
+        if (cmp === 'lt') {
+            return [side('start', 'top'), side('start', 'bottom'), rtl('top')];
+        }
+        if (cmp === 'lb') {
+            return [side('start', 'bottom'), side('start', 'top'), rtl('bottom')];
+        }
+        return [];
+    }
+    createPopover(origin, options) {
+        this.templatePortal = new TemplatePortal(this.tpl, this._viewContainerRef);
+        this.positionStrategy = this.overlayPositionBuilder
+            .flexibleConnectedTo(origin || this.target)
+            .withPush(true)
+            .withGrowAfterOpen(true)
+            .withPositions(this.getDirPositions(options?.dir));
+        this.overlayRef = this.overlay.create({
+            positionStrategy: this.positionStrategy,
+            disposeOnNavigation: true,
+            direction: 'ltr',
+            hasBackdrop: this.backdrop,
+            scrollStrategy: this.overlay.scrollStrategies.reposition({}),
+            backdropClass: 'cdk-overlay-transparent-backdrop',
+            width: (this.options?.minwidth || this.minwidth) ? (this.target.offsetWidth - 2) : undefined,
+            maxHeight: '95%',
+            height: this.height
+        });
+        let resizeObserver;
+        const subs = this.overlayRef.backdropClick().subscribe((e) => {
+            this.popover = false;
+            subs.unsubscribe();
+            resizeObserver?.disconnect();
+            this.zone.run(() => {
+                if (this.closed) {
+                    this.closed(e);
+                }
+            });
+        });
+        const attached = this.overlayRef.attach(this.templatePortal);
+        if (this.watch) {
+            try {
+                if ('ResizeObserver' in window) {
+                    resizeObserver = new ResizeObserver(([{ contentRect }]) => {
+                        this.overlayRef.updatePosition();
+                    })
+                        .observe(attached.rootNodes[0]);
+                }
+            }
+            catch (e) {
+                // not to do
+            }
+        }
+    }
+    ngOnDestroy() {
+        this.popover = false;
+        this.subs.unsubscribe();
+    }
+}
+MonkeyEcxPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPopoverDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1$4.Overlay }, { token: i1$4.OverlayPositionBuilder }, { token: POPOVER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+MonkeyEcxPopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: { popover: ["monkeyecxPopover", "popover"], closed: ["monkeyecxPopoverClosed", "closed"], target: ["monkeyecxPopoverTarget", "target"], minwidth: ["monkeyecxPopoverMinwidth", "minwidth"], backdrop: ["monkeyecxPopoverBackdrop", "backdrop"], watch: ["monkeyecxPopoverWatch", "watch"], dir: ["monkeyecxPopoverDir", "dir"], contextmenu: ["monkeyecxPopoverContextmenu", "contextmenu"], height: ["monkeyecxPopoverHeight", "height"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPopoverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[monkeyecxPopover]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i1$4.Overlay }, { type: i1$4.OverlayPositionBuilder }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [POPOVER_OPTIONS]
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { popover: [{
+                type: Input,
+                args: ['monkeyecxPopover']
+            }], closed: [{
+                type: Input,
+                args: ['monkeyecxPopoverClosed']
+            }], target: [{
+                type: Input,
+                args: ['monkeyecxPopoverTarget']
+            }], minwidth: [{
+                type: Input,
+                args: ['monkeyecxPopoverMinwidth']
+            }], backdrop: [{
+                type: Input,
+                args: ['monkeyecxPopoverBackdrop']
+            }], watch: [{
+                type: Input,
+                args: ['monkeyecxPopoverWatch']
+            }], dir: [{
+                type: Input,
+                args: ['monkeyecxPopoverDir']
+            }], contextmenu: [{
+                type: Input,
+                args: ['monkeyecxPopoverContextmenu']
+            }], height: [{
+                type: Input,
+                args: ['monkeyecxPopoverHeight']
+            }] } });
+
 class MonkeyEcxRequestPagedHandling {
     constructor(url, pagedParams, links, samePage = false) {
         this.samePage = false;
@@ -2266,14 +2574,14 @@ class MonkeyEcxService {
         }));
     }
 }
-MonkeyEcxService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxService, deps: [{ token: i1$4.HttpClient }, { token: MonkeyEcxHandlingService }], target: i0.ɵɵFactoryTarget.Injectable });
+MonkeyEcxService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxService, deps: [{ token: i1$5.HttpClient }, { token: MonkeyEcxHandlingService }], target: i0.ɵɵFactoryTarget.Injectable });
 MonkeyEcxService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.HttpClient }, { type: MonkeyEcxHandlingService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$5.HttpClient }, { type: MonkeyEcxHandlingService }]; } });
 
 let window$1;
 const text = {
@@ -2488,14 +2796,14 @@ class MonkeyEcxServiceWorkerConfigService {
         this.verify();
     }
 }
-MonkeyEcxServiceWorkerConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxServiceWorkerConfigService, deps: [{ token: i0.ApplicationRef }, { token: i1$5.SwUpdate }, { token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Injectable });
+MonkeyEcxServiceWorkerConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxServiceWorkerConfigService, deps: [{ token: i0.ApplicationRef }, { token: i1$6.SwUpdate }, { token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Injectable });
 MonkeyEcxServiceWorkerConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxServiceWorkerConfigService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxServiceWorkerConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i1$5.SwUpdate }, { type: i1.MonkeyStyleGuideModalService }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i1$6.SwUpdate }, { type: i1.MonkeyStyleGuideModalService }]; } });
 
 /* eslint-disable no-console */
 class MonkeyEcxSecurityConsoleConfigService extends MonkeyEcxCommonsService {
@@ -3099,15 +3407,19 @@ MonkeyEcxDirectivesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0
         MonkeyEcxOnlyAlphaNumericDirective,
         MonkeyEcxOnlyNumbersDirective,
         MonkeyEcxSecurityDirective,
-        MonkeyEcxTooltipDirective], exports: [MonkeyEcxDragDropDirective,
+        MonkeyEcxTooltipDirective,
+        MonkeyEcxPopoverDirective,
+        MonkeyEcxPopoverOptionsDirective], imports: [CommonModule, OverlayModule], exports: [MonkeyEcxDragDropDirective,
         MonkeyEcxFormatCurrency,
         MonkeyEcxFeatureDirective,
         MonkeyEcxFormatUpper,
         MonkeyEcxOnlyAlphaNumericDirective,
         MonkeyEcxOnlyNumbersDirective,
         MonkeyEcxSecurityDirective,
-        MonkeyEcxTooltipDirective] });
-MonkeyEcxDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxDirectivesModule });
+        MonkeyEcxTooltipDirective,
+        MonkeyEcxPopoverDirective,
+        MonkeyEcxPopoverOptionsDirective] });
+MonkeyEcxDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxDirectivesModule, imports: [[CommonModule, OverlayModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxDirectivesModule, decorators: [{
             type: NgModule,
             args: [{
@@ -3119,8 +3431,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                         MonkeyEcxOnlyAlphaNumericDirective,
                         MonkeyEcxOnlyNumbersDirective,
                         MonkeyEcxSecurityDirective,
-                        MonkeyEcxTooltipDirective
+                        MonkeyEcxTooltipDirective,
+                        MonkeyEcxPopoverDirective,
+                        MonkeyEcxPopoverOptionsDirective
                     ],
+                    imports: [CommonModule, OverlayModule],
                     exports: [
                         MonkeyEcxDragDropDirective,
                         MonkeyEcxFormatCurrency,
@@ -3129,7 +3444,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                         MonkeyEcxOnlyAlphaNumericDirective,
                         MonkeyEcxOnlyNumbersDirective,
                         MonkeyEcxSecurityDirective,
-                        MonkeyEcxTooltipDirective
+                        MonkeyEcxTooltipDirective,
+                        MonkeyEcxPopoverDirective,
+                        MonkeyEcxPopoverOptionsDirective
                     ]
                 }]
         }] });
@@ -4301,7 +4618,7 @@ class MonkeyEcxSpecificationSearch {
             throw new Error(`MonkeyEcxSpecificationSearch Error ${e}`);
         }
     }
-    buildMoreThanOne(field, op = OpSearch.EQUAL) {
+    buildMoreThanOne(field, op = OpSearch.EQUAL, addSingleQuotes = false) {
         const self = this;
         try {
             if (!self[field])
@@ -4309,7 +4626,11 @@ class MonkeyEcxSpecificationSearch {
             const filters = self[field]?.split(',')?.map((filter) => {
                 if (!filter)
                     return null;
-                return { [field]: { [op]: `${filter}` } };
+                return {
+                    [field]: {
+                        [op]: addSingleQuotes ? `'${filter}'` : `${filter}`
+                    }
+                };
             }).filter((val) => { return val; });
             return filters || [];
         }
@@ -4319,13 +4640,13 @@ class MonkeyEcxSpecificationSearch {
     }
 }
 
-class MonkeyFrontCoreModuleModule {
+class MonkeyFrontCoreModule {
 }
-MonkeyFrontCoreModuleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyFrontCoreModuleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MonkeyFrontCoreModuleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyFrontCoreModuleModule, imports: [CommonModule,
-        HttpClientModule, i1$1.TranslateModule, MonkeyEcxConfigModule, MonkeyEcxHttpConfigInterceptorModule, MonkeyEcxErrorHandlingModule, MonkeyStyleGuideModule, i1$5.ServiceWorkerModule, ClosedToMaintenanceModule,
+MonkeyFrontCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyFrontCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MonkeyFrontCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyFrontCoreModule, imports: [CommonModule,
+        HttpClientModule, i1$1.TranslateModule, MonkeyEcxConfigModule, MonkeyEcxHttpConfigInterceptorModule, MonkeyEcxErrorHandlingModule, MonkeyStyleGuideModule, i1$6.ServiceWorkerModule, ClosedToMaintenanceModule,
         VersionChangedModule] });
-MonkeyFrontCoreModuleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyFrontCoreModuleModule, providers: [
+MonkeyFrontCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyFrontCoreModule, providers: [
         MonkeyStyleGuideModalService,
         MonkeyStyleGuideSettingsService,
         MonkeyStyleGuideSnackbarService
@@ -4341,7 +4662,7 @@ MonkeyFrontCoreModuleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0
             ClosedToMaintenanceModule,
             VersionChangedModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyFrontCoreModuleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyFrontCoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4372,5 +4693,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ClosedToMaintenanceComponent, ClosedToMaintenanceModule, decoratorsUtils as DecoratorsUtils, Link, MonkeyEcxAuthGuard, MonkeyEcxAuthGuardCompany, MonkeyEcxAuthGuardLogin, MonkeyEcxAuthenticationService, MonkeyEcxCommonsService, MonkeyEcxConfigModule, MonkeyEcxConfigService, MonkeyEcxCookieStorageService, MonkeyEcxCoreCharts, MonkeyEcxCoreClearDecorators, MonkeyEcxCoreLog, MonkeyEcxCoreService, MonkeyEcxCoreServiceConstructor, MonkeyEcxCoreServicePaged, MonkeyEcxCoreServiceQueue, MonkeyEcxDirectivesModule, MonkeyEcxDiscoveryParamsService, MonkeyEcxDisplayFirstNamePipe, MonkeyEcxDragDropDirective, MonkeyEcxErrorConfigService, MonkeyEcxErrorHandlingModule, MonkeyEcxErrorHandlingService, MonkeyEcxFeatureDirective, MonkeyEcxFeatureToggleService, MonkeyEcxFormatAddressPipe, MonkeyEcxFormatCurrency, MonkeyEcxFormatCurrencyPipe, MonkeyEcxFormatDateGroupPipe, MonkeyEcxFormatDateTimelapsePipe, MonkeyEcxFormatDocumentPipe, MonkeyEcxFormatDocumentTypePipe, MonkeyEcxFormatNumberPipe, MonkeyEcxFormatPhonePipe, MonkeyEcxFormatSizePipe, MonkeyEcxFormatTaxPipe, MonkeyEcxFormatUpper, MonkeyEcxFormatValue, MonkeyEcxFormatZipCodePipe, MonkeyEcxHandlingService, MonkeyEcxHttpConfigErrorInterceptor, MonkeyEcxHttpConfigHeaderInterceptor, MonkeyEcxHttpConfigInterceptorModule, MonkeyEcxHttpConfigLoadingInProgressInterceptor, MonkeyEcxHttpConfigQueueInterceptor, MonkeyEcxHttpErrorHandlingService, MonkeyEcxLoggedHandlingService, MonkeyEcxLogsConfigService, MonkeyEcxMaintenanceConfigService, MonkeyEcxModel, MonkeyEcxOnlyAlphaNumericDirective, MonkeyEcxOnlyNumbersDirective, MonkeyEcxOthersErrorsHandlingService, MonkeyEcxPipesModule, MonkeyEcxProgressBarComponent, MonkeyEcxProgressBarModule, MonkeyEcxProgressBarService, MonkeyEcxRequestDownloadHandlingService, MonkeyEcxRequestDownloadedHandlingService, MonkeyEcxRequestPagedHandling, MonkeyEcxRequestQueueHandlingService, MonkeyEcxRequestQueueModalHandlingService, MonkeyEcxRequestScheduleService, MonkeyEcxSecurityConsoleConfigService, MonkeyEcxSecurityDirective, MonkeyEcxService, MonkeyEcxServiceDownload, MonkeyEcxServiceUpload, MonkeyEcxServiceWorkerConfigService, MonkeyEcxSpecificationSearch, MonkeyEcxTextTruncatePipe, MonkeyEcxTokenStorageService, MonkeyEcxTooltipDirective, MonkeyEcxTruncateQtdPipe, MonkeyEcxUtils, MonkeyEcxi18nConfigService, MonkeyFrontCoreModuleModule, OpSearch, statics as Statics, validateUtils as ValidateUtils, Validators, VersionChangedComponent, VersionChangedModule, comboValidator, dateRangeValidator, dateStartEndValidator, dateValidator, documentValidator, emailValidator, passwordConfirmValidator, registerValidator, trueValidator, urlValidator, valueGreaterThanZero, zipCodeValidator };
+export { ClosedToMaintenanceComponent, ClosedToMaintenanceModule, decoratorsUtils as DecoratorsUtils, Link, MonkeyEcxAuthGuard, MonkeyEcxAuthGuardCompany, MonkeyEcxAuthGuardLogin, MonkeyEcxAuthenticationService, MonkeyEcxCommonsService, MonkeyEcxConfigModule, MonkeyEcxConfigService, MonkeyEcxCookieStorageService, MonkeyEcxCoreCharts, MonkeyEcxCoreClearDecorators, MonkeyEcxCoreLog, MonkeyEcxCoreService, MonkeyEcxCoreServiceConstructor, MonkeyEcxCoreServicePaged, MonkeyEcxCoreServiceQueue, MonkeyEcxDirectivesModule, MonkeyEcxDiscoveryParamsService, MonkeyEcxDisplayFirstNamePipe, MonkeyEcxDragDropDirective, MonkeyEcxErrorConfigService, MonkeyEcxErrorHandlingModule, MonkeyEcxErrorHandlingService, MonkeyEcxFeatureDirective, MonkeyEcxFeatureToggleService, MonkeyEcxFormatAddressPipe, MonkeyEcxFormatBeaufityJSONPipe, MonkeyEcxFormatCurrency, MonkeyEcxFormatCurrencyPipe, MonkeyEcxFormatDateGroupPipe, MonkeyEcxFormatDateTimelapsePipe, MonkeyEcxFormatDateUnixTimelapsePipe, MonkeyEcxFormatDocumentPipe, MonkeyEcxFormatDocumentTypePipe, MonkeyEcxFormatNumberPipe, MonkeyEcxFormatPhonePipe, MonkeyEcxFormatSizePipe, MonkeyEcxFormatTaxPipe, MonkeyEcxFormatUpper, MonkeyEcxFormatValue, MonkeyEcxFormatZipCodePipe, MonkeyEcxHandlingService, MonkeyEcxHttpConfigErrorInterceptor, MonkeyEcxHttpConfigHeaderInterceptor, MonkeyEcxHttpConfigInterceptorModule, MonkeyEcxHttpConfigLoadingInProgressInterceptor, MonkeyEcxHttpConfigQueueInterceptor, MonkeyEcxHttpErrorHandlingService, MonkeyEcxLoggedHandlingService, MonkeyEcxLogsConfigService, MonkeyEcxMaintenanceConfigService, MonkeyEcxModel, MonkeyEcxOnlyAlphaNumericDirective, MonkeyEcxOnlyNumbersDirective, MonkeyEcxOthersErrorsHandlingService, MonkeyEcxPipesModule, MonkeyEcxPopoverDirective, MonkeyEcxPopoverOptionsDirective, MonkeyEcxProgressBarComponent, MonkeyEcxProgressBarModule, MonkeyEcxProgressBarService, MonkeyEcxRequestDownloadHandlingService, MonkeyEcxRequestDownloadedHandlingService, MonkeyEcxRequestPagedHandling, MonkeyEcxRequestQueueHandlingService, MonkeyEcxRequestQueueModalHandlingService, MonkeyEcxRequestScheduleService, MonkeyEcxSecurityConsoleConfigService, MonkeyEcxSecurityDirective, MonkeyEcxService, MonkeyEcxServiceDownload, MonkeyEcxServiceUpload, MonkeyEcxServiceWorkerConfigService, MonkeyEcxSpecificationSearch, MonkeyEcxTextTruncatePipe, MonkeyEcxTokenStorageService, MonkeyEcxTooltipDirective, MonkeyEcxTruncateQtdPipe, MonkeyEcxUtils, MonkeyEcxi18nConfigService, MonkeyFrontCoreModule, OpSearch, POPOVER_OPTIONS, statics as Statics, validateUtils as ValidateUtils, Validators, VersionChangedComponent, VersionChangedModule, comboValidator, dateRangeValidator, dateStartEndValidator, dateValidator, documentValidator, emailValidator, passwordConfirmValidator, registerValidator, trueValidator, urlValidator, valueGreaterThanZero, zipCodeValidator };
 //# sourceMappingURL=monkey-front-core.mjs.map