@senior-gestao-empresarial/angular-components 7.19.0 → 7.20.0

package/fesm2015/senior-gestao-empresarial-angular-components.js

@@ -1,18 +1,21 @@
-import { __decorate, __awaiter, __param } from 'tslib';
-import { Input, Component, NgModule, Injectable, Inject, ɵɵdefineInjectable, ɵɵinject } from '@angular/core';
+import { __decorate, __param, __awaiter } from 'tslib';
+import { Input, Component, NgModule, Injectable, ViewChild, EventEmitter, Output, ContentChild, TemplateRef, Inject, HostListener, ContentChildren, ɵɵdefineInjectable, ɵɵinject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
 import { NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router, RouterModule } from '@angular/router';
-import { Subject, throwError, interval, of, BehaviorSubject, ReplaySubject } from 'rxjs';
+import { Subject, throwError, from, of, interval, BehaviorSubject, ReplaySubject } from 'rxjs';
 import { takeUntil, filter, catchError, map, takeWhile, switchMap, take, finalize } from 'rxjs/operators';
-import * as moment_ from 'moment';
-import { FormField, FieldType } from '@seniorsistemas/angular-components';
+import * as moment$2 from 'moment';
+import { FormField, FieldType, ButtonModule, LoadingStateModule } from '@seniorsistemas/angular-components';
 import { HttpParams, HttpClient } from '@angular/common/http';
 import { MessageService } from 'primeng/api';
 import { TranslateService } from '@ngx-translate/core';
 import { HttpInterceptorModule } from '@seniorsistemas/platform-components';
-import { user } from '@seniorsistemas/senior-platform-data';
+import { TooltipModule } from 'primeng/tooltip';
+import { DialogModule } from 'primeng/dialog';
+import { trigger, state, style, transition, animate } from '@angular/animations';
 import { FormControl, FormGroup } from '@angular/forms';
+import { user } from '@seniorsistemas/senior-platform-data';
 import { Client, FrameImpl } from '@stomp/stompjs';
 import * as SockJS from 'sockjs-client';
 import { get } from 'js-cookie';
@@ -184,7 +187,7 @@ ErpLookupsService = __decorate([
     Injectable()
 ], ErpLookupsService);
 
-const moment = moment_;
+const moment = moment$2;
 /** Filter System Query Option - Operators supported in the expression language */
 var EnumLogicalOperator;
 (function (EnumLogicalOperator) {
@@ -7082,175 +7085,208 @@ ErpLookupsModule = __decorate([
     })
 ], ErpLookupsModule);
 
-class StorageService {
-    constructor() {
-        this.GET_USER_ID = user.getUserData().then(user => user.id);
-    }
-    store(key, value) {
-        return __awaiter(this, void 0, void 0, function* () {
-            localStorage.setItem(`${yield this.GET_USER_ID}_${key}`, JSON.stringify(value));
-        });
-    }
-    get(key) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return JSON.parse(localStorage.getItem(`${yield this.GET_USER_ID}_${key}`)) || {};
+var ThumbnailSize;
+(function (ThumbnailSize) {
+    ThumbnailSize["Small"] = "small";
+    ThumbnailSize["Medium"] = "medium";
+    ThumbnailSize["Large"] = "large";
+})(ThumbnailSize || (ThumbnailSize = {}));
+
+var ThumbnailService_1;
+let ThumbnailService = ThumbnailService_1 = class ThumbnailService {
+    getBinaryFile(img) {
+        return new Promise(resolve => {
+            const getOrientation = this.getOrientation.bind(this);
+            let http = new XMLHttpRequest();
+            http.addEventListener("load", () => {
+                if (http.readyState === 4 && (http.status === ThumbnailService_1.HTTP_STATUS_OK || http.status === 0)) {
+                    const orientation = getOrientation(http.response);
+                    http = null;
+                    resolve(orientation);
+                }
+            });
+            http.addEventListener("error", () => {
+                http = null;
+                throw new Error("Não foi possível carregar a imagem");
+            });
+            http.open("GET", img.src, true);
+            http.responseType = "arraybuffer";
+            http.send(null);
         });
     }
-}
-
-const moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-class FiltersStorageService extends StorageService {
-    constructor() {
-        super(...arguments);
-        this.FILTERS_KEY = "SENIOR_FILTERS";
+    /**
+     * Retorna a tag da orientação EXIF {-1} Não definido, {-2} Não é formato JPEG, {1, 2, 3, 4, 5, 6, 7, 8} valores da orientação.
+     */
+    getOrientation(file) {
+        const view = new DataView(file);
+        if (view.getUint16(0, false) !== ThumbnailService_1.JPEG_MARKER) {
+            return ThumbnailService_1.NOT_JPEG;
+        }
+        const length = view.byteLength;
+        let offset = ThumbnailService_1.INITIAL_OFFSET;
+        while (offset < length) {
+            const marker = view.getUint16(offset, false);
+            offset += ThumbnailService_1.INITIAL_OFFSET;
+            if (marker === ThumbnailService_1.EXIF_MARKER) {
+                const orientation = this.extractOrientationFromExif(view, offset);
+                if (orientation !== null) {
+                    return orientation;
+                }
+                return ThumbnailService_1.NOT_DEFINED;
+            }
+            // tslint:disable-next-line: no-bitwise
+            if ((marker & ThumbnailService_1.MARKER_MASK) !== ThumbnailService_1.MARKER_MASK) {
+                break;
+            }
+            offset += view.getUint16(offset, false);
+        }
+        return ThumbnailService_1.NOT_DEFINED;
     }
-    storeFilters(key, filters) {
-        const _super = Object.create(null, {
-            get: { get: () => super.get },
-            store: { get: () => super.store }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            const store = (yield _super.get.call(this, this.FILTERS_KEY)) || {};
-            this.removeEmptyValues(filters);
-            store[key] = filters;
-            yield _super.store.call(this, this.FILTERS_KEY, store);
-        });
+    extractOrientationFromExif(view, initialOffset) {
+        let offset = initialOffset;
+        offset += ThumbnailService_1.INITIAL_OFFSET;
+        if (view.getUint32(offset, false) !== ThumbnailService_1.EXIF_SIGNATURE) {
+            return null;
+        }
+        offset += ThumbnailService_1.EXIF_OFFSET;
+        const little = view.getUint16(offset, false) === ThumbnailService_1.LITTLE_ENDIAN_MARKER;
+        offset += view.getUint32(offset + 4, little);
+        const tags = view.getUint16(offset, little);
+        offset += ThumbnailService_1.INITIAL_OFFSET;
+        for (let i = 0; i < tags; i++) {
+            const tagOffset = offset + i * ThumbnailService_1.TAG_SIZE;
+            if (view.getUint16(tagOffset, little) === ThumbnailService_1.ORIENTATION_TAG) {
+                return view.getUint16(tagOffset + ThumbnailService_1.TAG_VALUE_OFFSET, little);
+            }
+        }
+        return null;
+    }
+};
+ThumbnailService.HTTP_STATUS_OK = 200;
+ThumbnailService.JPEG_MARKER = 0xffd8;
+ThumbnailService.EXIF_MARKER = 0xffe1;
+ThumbnailService.EXIF_SIGNATURE = 0x45786966;
+ThumbnailService.LITTLE_ENDIAN_MARKER = 0x4949;
+ThumbnailService.ORIENTATION_TAG = 0x0112;
+ThumbnailService.MARKER_MASK = 0xff00;
+ThumbnailService.NOT_DEFINED = -1;
+ThumbnailService.NOT_JPEG = -2;
+ThumbnailService.INITIAL_OFFSET = 2;
+ThumbnailService.EXIF_OFFSET = 6;
+ThumbnailService.TAG_SIZE = 12;
+ThumbnailService.TAG_VALUE_OFFSET = 8;
+ThumbnailService = ThumbnailService_1 = __decorate([
+    Injectable()
+], ThumbnailService);
+
+var ThumbnailComponent_1;
+let ThumbnailComponent = ThumbnailComponent_1 = class ThumbnailComponent {
+    constructor(thumbnailService) {
+        this.thumbnailService = thumbnailService;
+        this.fallback = false;
+        this.id = `s-thumbnail-${ThumbnailComponent_1.getNextId()}`;
+        this.size = ThumbnailSize.Medium;
+        this.iconClass = "far fa-image";
+        this.hasAction = false;
+        this.actionIconClass = "fas fa-camera";
+        this.isTile = false;
+        this.isBrand = false;
+        this.ngUnsubscribe = new Subject();
     }
-    getFilters(key) {
-        const _super = Object.create(null, {
-            get: { get: () => super.get }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            const store = (yield _super.get.call(this, this.FILTERS_KEY)) || {};
-            return store[key] || {};
-        });
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
     }
-    removeFilter(key) {
-        const _super = Object.create(null, {
-            get: { get: () => super.get },
-            store: { get: () => super.store }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            const store = (yield _super.get.call(this, this.FILTERS_KEY)) || {};
-            delete store[key];
-            yield _super.store.call(this, this.FILTERS_KEY, store);
-        });
+    ngAfterViewInit() {
+        if (this.imgEl) {
+            this.imgEl.nativeElement.addEventListener("load", () => {
+                from(this.thumbnailService.getBinaryFile(this.imgEl.nativeElement))
+                    .pipe(takeUntil(this.ngUnsubscribe))
+                    .subscribe((orientation) => (this.orientation = orientation));
+            });
+        }
     }
-    clearFilterValue(key, filters) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.storeFilters(key, filters);
-        });
+    static getNextId() {
+        const id = ThumbnailComponent_1.nextId;
+        ThumbnailComponent_1.nextId++;
+        return id;
     }
-    removeEmptyValues(filters) {
-        Object.keys(filters).forEach((field) => {
-            if (this.isInvalid(filters[field])) {
-                delete filters[field];
-            }
-        });
+    getImageAltText() {
+        const altText = this.imageAlt || '';
+        // Remove a palavra "image" ou "imagem" para evitar redundância
+        return altText.replace(/\bimage\b/gi, '').replace(/\bimagem\b/gi, '').trim();
     }
-    isInvalid(field) {
-        if (field === null || field === undefined) {
-            return true;
-        }
-        if (Array.isArray(field)) {
-            return field.length === 0;
-        }
-        if (typeof field === "string") {
-            return field.trim() === "";
-        }
-        if (typeof field === "object") {
-            return Object.keys(field).length === 0;
-        }
-        return false;
+    onImageError() {
+        this.fallback = true;
     }
-    removeInvalidValues(values, fields) {
-        if (!values) {
-            return {};
-        }
-        Object.keys(values).forEach(fieldValue => {
-            const field = fields.find((it) => it.name == fieldValue);
-            if (field) {
-                const val = values[fieldValue];
-                if (!val)
-                    return;
-                switch (field.type) {
-                    case FieldType.Integer:
-                    case FieldType.Double:
-                    case FieldType.Money:
-                        if (typeof val !== "number")
-                            delete values[fieldValue];
-                        break;
-                    case FieldType.Boolean:
-                        if (typeof val !== "boolean")
-                            delete values[fieldValue];
-                        break;
-                    case FieldType.Date:
-                    case FieldType.DateTime:
-                    case FieldType.Time:
-                        if (!moment$1(val, moment$1.ISO_8601, true).isValid())
-                            delete values[fieldValue];
-                        break;
-                    case FieldType.String:
-                    case FieldType.Text:
-                        if (typeof val !== "string")
-                            delete values[fieldValue];
-                        break;
-                    case FieldType.Lookup:
-                    case FieldType.Autocomplete:
-                        if (field.multiple) {
-                            if (!(Array.isArray(val) && val.length))
-                                delete values[fieldValue];
-                        }
-                        else {
-                            if (!(val instanceof Object))
-                                delete values[fieldValue];
-                        }
-                        break;
-                    case FieldType.Enum:
-                        if (field.multiple && !(Array.isArray(val) && val.length)) {
-                            delete values[fieldValue];
-                        }
-                        break;
-                    case FieldType.Chips:
-                        if (!(Array.isArray(val) && val.length)) {
-                            delete values[fieldValue];
-                        }
-                        break;
-                    default:
-                        break;
-                }
-            }
-        });
-        return values;
+    onFallbackError() {
+        this.imageFallback = null;
     }
-}
+};
+ThumbnailComponent.nextId = 0;
+ThumbnailComponent.ctorParameters = () => [
+    { type: ThumbnailService }
+];
+__decorate([
+    ViewChild("img", { static: false })
+], ThumbnailComponent.prototype, "imgEl", void 0);
+__decorate([
+    Input()
+], ThumbnailComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], ThumbnailComponent.prototype, "size", void 0);
+__decorate([
+    Input()
+], ThumbnailComponent.prototype, "imageSource", void 0);
+__decorate([
+    Input()
+], ThumbnailComponent.prototype, "imageFallback", void 0);
+__decorate([
+    Input()
+], ThumbnailComponent.prototype, "imageAlt", void 0);
+__decorate([
+    Input()
+], ThumbnailComponent.prototype, "iconClass", void 0);
+__decorate([
+    Input()
+], ThumbnailComponent.prototype, "hasAction", void 0);
+__decorate([
+    Input()
+], ThumbnailComponent.prototype, "actionIconClass", void 0);
+__decorate([
+    Input()
+], ThumbnailComponent.prototype, "isTile", void 0);
+__decorate([
+    Input()
+], ThumbnailComponent.prototype, "isBrand", void 0);
+ThumbnailComponent = ThumbnailComponent_1 = __decorate([
+    Component({
+        selector: "s-thumbnail",
+        template: "<div\n    [id]=\"id\"\n    class=\"thumbnail-container thumbnail-container--{{size}}\"\n    [attr.title]=\"imageAlt || 'Thumbnail'\"\n    [ngClass]=\"{\n        'thumbnail-container--with-action': hasAction,\n        'thumbnail-container--brand': isBrand\n    }\">\n    <div\n        [id]=\"id + '-image-container'\"\n        *ngIf=\"imageSource || imageFallback\"\n        class=\"image-container\"\n        [ngClass]=\"{\n            'image-container--rounded': !isBrand\n        }\">\n        <ng-container *ngIf=\"!fallback; else fallbackImage\">\n            <ng-container *ngTemplateOutlet=\"imageTemplate; context: {\n                imgId: id + '-image',\n                imgSrc: imageSource,\n                errorHandler: onImageError,\n                titleText: imageAlt || 'Thumbnail'\n            }\"></ng-container>\n        </ng-container>\n\n        <ng-template #fallbackImage>\n            <ng-container *ngIf=\"imageFallback; else iconFallback\">\n                <ng-container *ngTemplateOutlet=\"imageTemplate; context: {\n                    imgId: id + '-image-fallback',\n                    imgSrc: imageFallback,\n                    errorHandler: onFallbackError,\n                    titleText: imageAlt || 'Thumbnail fallback'\n                }\"></ng-container>\n            </ng-container>\n        </ng-template>\n\n        <ng-template #iconFallback>\n            <i\n                ngClass=\"far fa-image\"\n                class=\"fallback-img-color\">\n            </i>\n        </ng-template>\n\n        <ng-template\n            #imageTemplate\n            let-imgId=\"imgId\"\n            let-imgSrc=\"imgSrc\"\n            let-errorHandler=\"errorHandler\"\n            let-titleText=\"titleText\">\n            <img\n                #img\n                [id]=\"imgId\"\n                (error)=\"errorHandler()\"\n                [src]=\"imgSrc\"\n                alt=\"\"\n                [attr.alt]=\"getImageAltText()\"\n                [attr.title]=\"titleText\"\n                width=\"100%\"\n                height=\"auto\"\n                [ngClass]=\"{\n                    'smallThumbnail': isTile,\n                    'exif-orientation-2': orientation == 2,\n                    'exif-orientation-3': orientation == 3,\n                    'exif-orientation-4': orientation == 4,\n                    'exif-orientation-5': orientation == 5,\n                    'exif-orientation-6': orientation == 6,\n                    'exif-orientation-7': orientation == 7,\n                    'exif-orientation-8': orientation == 8\n                }\"/>\n        </ng-template>\n    </div>\n    <div\n        [id]=\"id + '-action-icon-container'\"\n        *ngIf=\"hasAction\"\n        class=\"action-icon-container action-icon-container--{{size}}\">\n        <span\n            [id]=\"id + '-action-icon'\"\n            [class]=\"actionIconClass\"\n            aria-hidden=\"true\">\n        </span>\n    </div>\n    <div\n        [id]=\"id + '-icon-container'\"\n        *ngIf=\"!imageSource && !imageFallback\"\n        class=\"icon-container icon-container--{{size}}\"\n        [ngClass]=\"{'image-container--rounded': !isBrand}\">\n        <span\n            [id]=\"id + '-icon'\"\n            [class]=\"iconClass\"\n            aria-hidden=\"true\">\n        </span>\n    </div>\n\n    <ng-content></ng-content>\n</div>\n",
+        styles: [":host{display:inline-block}.thumbnail-container{color:#fff;position:relative;text-align:center}.thumbnail-container--large{font-size:50px;height:100px;width:100px}.thumbnail-container--large.thumbnail-container--brand{width:200px}.thumbnail-container--medium{font-size:40px;height:70px;width:70px}.thumbnail-container--medium.thumbnail-container--brand{width:140px}.thumbnail-container--small{font-size:22px;height:40px;width:40px}.thumbnail-container--small.thumbnail-container--brand{width:80px}.thumbnail-container--with-action{cursor:pointer}.action-icon-container{background-color:#428bca;border-radius:50%;bottom:0;position:absolute;right:0}.action-icon-container--large,.action-icon-container--medium{font-size:10pt;height:25px;padding:3px;width:25px}.action-icon-container--small{font-size:6pt;height:16px;padding:2px;width:16px}.icon-container,.image-container{-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;width:100%}.icon-container--rounded,.image-container--rounded{border-radius:50%}.smallThumbnail{height:40px!important}.icon-container{background-color:#ccc;color:#fff}.icon-container--large{line-height:98px}.icon-container--medium{line-height:68px}.icon-container--small{line-height:38px}.image-container{-ms-flex-align:center;align-items:center;background-color:#ccc;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.image-container img{width:100%}.image-container img.exif-orientation-2{transform:rotateY(180deg)}.image-container img.exif-orientation-3{transform:rotate(180deg)}.image-container img.exif-orientation-4{transform:rotate(180deg) rotateY(180deg)}.image-container img.exif-orientation-5{transform:rotate(270deg) rotateY(180deg)}.image-container img.exif-orientation-6{transform:rotate(90deg)}.image-container img.exif-orientation-7{transform:rotate(90deg) rotateY(180deg)}.image-container img.exif-orientation-8{transform:rotate(270deg)}.fallback-img-color{color:#fff}"]
+    })
+], ThumbnailComponent);
 
-let ErpPolling = 
-/**
-* Erp Polling
-* @class ErpPolling
-*/
-class ErpPolling {
-    /**
-     * Criação de um polling.
-     * @typeParam `<T>` Tipo do objeto que o retorno do `observable` vai devolver.
-     * @param takeWhileFn Função com retorno booleano, condição para a conclusão do polling, se falso conclui o polling.
-     * @param calling Função com retorno `Observable<T>`, será a chamada feita pelo polling a cada X ms.
-     * @param intervalMs Valor em ms que determina o intervalo das chamadas do polling.
-     * @return Um `observable` com repetição cíclica a cada X ms _(`interval` informado nos parâmetros de entrada)_
-    */
-    pollingMount(takeWhileFn, calling, intervalMs = 29000) {
-        return interval(intervalMs)
-            .pipe(takeWhile(takeWhileFn), switchMap(calling));
-    }
+let ThumbnailModule = class ThumbnailModule {
 };
-ErpPolling = __decorate([
-    Injectable()
-    /**
-    * Erp Polling
-    * @class ErpPolling
-    */
-], ErpPolling);
+ThumbnailModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        declarations: [ThumbnailComponent],
+        exports: [ThumbnailComponent],
+        providers: [ThumbnailService],
+    })
+], ThumbnailModule);
+
+var EnumSeverity;
+(function (EnumSeverity) {
+    EnumSeverity["Default"] = "Default";
+    EnumSeverity["Info"] = "Info";
+    EnumSeverity["Warn"] = "Warn";
+    EnumSeverity["Error"] = "Error";
+    EnumSeverity["Success"] = "Success";
+})(EnumSeverity || (EnumSeverity = {}));
 
 const Breakpoints = {
     SM_MIN: 0,
@@ -7263,6 +7299,60 @@ const Breakpoints = {
     XL_MAX: Infinity,
 };
 
+var ObjectCardFieldComponent_1;
+let ObjectCardFieldComponent = ObjectCardFieldComponent_1 = class ObjectCardFieldComponent {
+    constructor() {
+        this.id = `erp-object-card-field-${ObjectCardFieldComponent_1.getNextId()}`;
+        this.buttonClick = new EventEmitter();
+    }
+    static getNextId() {
+        const id = ObjectCardFieldComponent_1.nextId;
+        ObjectCardFieldComponent_1.nextId++;
+        return id;
+    }
+};
+ObjectCardFieldComponent.nextId = 0;
+__decorate([
+    Input()
+], ObjectCardFieldComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], ObjectCardFieldComponent.prototype, "imageSource", void 0);
+__decorate([
+    Input()
+], ObjectCardFieldComponent.prototype, "imageAlt", void 0);
+__decorate([
+    Input()
+], ObjectCardFieldComponent.prototype, "iconClass", void 0);
+__decorate([
+    Input()
+], ObjectCardFieldComponent.prototype, "label", void 0);
+__decorate([
+    Input()
+], ObjectCardFieldComponent.prototype, "description", void 0);
+__decorate([
+    Input()
+], ObjectCardFieldComponent.prototype, "buttonLabel", void 0);
+__decorate([
+    Input()
+], ObjectCardFieldComponent.prototype, "buttonModel", void 0);
+__decorate([
+    Output()
+], ObjectCardFieldComponent.prototype, "buttonClick", void 0);
+__decorate([
+    ContentChild(ThumbnailComponent, { static: true })
+], ObjectCardFieldComponent.prototype, "thumbnailComponent", void 0);
+__decorate([
+    ViewChild(TemplateRef, { static: true })
+], ObjectCardFieldComponent.prototype, "content", void 0);
+ObjectCardFieldComponent = ObjectCardFieldComponent_1 = __decorate([
+    Component({
+        selector: "erp-object-card-field",
+        template: "<ng-template>\n    <div class=\"container\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n        <s-thumbnail\n            [id]=\"id + '-thumbnail'\"\n            *ngIf=\"!thumbnailComponent && (imageSource || iconClass)\"\n            [imageSource]=\"imageSource\"\n            [imageAlt]=\"imageAlt || label\"\n            [iconClass]=\"iconClass\"\n            size=\"small\"\n        ></s-thumbnail>\n\n        <div class=\"info-container\">\n            <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\n            <ng-container *ngTemplateOutlet=\"textSpan; context: {\n                elementId: id + '-label',\n                text: label,\n                cssClass: 'label',\n                templateWrapper: labelTemplate\n            }\"></ng-container>\n\n            <div #descriptionTemplate><ng-content select=\"[descriptionTemplate]\"></ng-content></div>\n            <ng-container *ngTemplateOutlet=\"textSpan; context: {\n                cssClass: 'description',\n                elementId: id + '-description',\n                templateWrapper: descriptionTemplate,\n                text: description\n                }\"></ng-container>\n\n            <s-button\n                *ngIf=\"buttonLabel\"\n                [id]=\"id + '-button'\"\n                styleClass=\"object-card-button\"\n                [label]=\"buttonLabel\"\n                priority=\"link\"\n                size=\"small\"\n                [model]=\"buttonModel\"\n                (onClick)=\"buttonClick.emit($event)\"\n            ></s-button>\n\n            <ng-template\n                #textSpan\n                let-text=\"text\"\n                let-elementId=\"elementId\"\n                let-templateWrapper=\"templateWrapper\"\n                let-cssClass=\"cssClass\"\n                >\n                <span\n                    *ngIf=\"!templateWrapper.children.length\"\n                    [id]=\"elementId\"\n                    [pTooltip]=\"text\"\n                    tooltipPosition=\"top\"\n                    [class]=\"cssClass\"\n                    showDelay=\"500\"\n                >{{ text }}</span>\n            </ng-template>\n        </div>\n    </div>\n</ng-template>\n",
+        styles: [".container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%}.info-container{margin-left:10px}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{color:#999;display:block}.info-container .description{display:block}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.info-container{-ms-flex:1;flex:1}}@media (max-width:767px){.info-container,.info-container span{white-space:normal}}.info-container:only-child{margin-left:0}"]
+    })
+], ObjectCardFieldComponent);
+
 class ExportUtils {
     constructor() {
         throw new Error("Classe não deve ser instanciada.");
@@ -7409,7 +7499,7 @@ let FormUtilsService = class FormUtilsService {
      * @returns A Date object in the format of "format" parameter
      */
     getFormFormattedDate(date, format = "YYYY-MM-DDT00:00:00") {
-        return date ? new Date(moment_(date).format(format)) : undefined;
+        return date ? new Date(moment$2(date).format(format)) : undefined;
     }
     /**
      * Method to format dates in a string
@@ -7418,7 +7508,7 @@ let FormUtilsService = class FormUtilsService {
      * @returns A string date in the format of "format" parameter
      */
     getEntityFormattedDate(date, format = "YYYY-MM-DD") {
-        return date ? moment_(date).format(format) : undefined;
+        return date ? moment$2(date).format(format) : undefined;
     }
     /**
      *  Method to get a object with only the lookup id
@@ -7683,6 +7773,486 @@ const HTTP_STATUS_CODE = {
     GENERIC_ERROR: 600
 };
 
+var ObjectCardMainComponent_1;
+let ObjectCardMainComponent = ObjectCardMainComponent_1 = class ObjectCardMainComponent {
+    constructor() {
+        this.id = `erp-object-card-main-${ObjectCardMainComponent_1.getNextId()}`;
+        this.iconClass = "fa fa-picture-o";
+        this.hasThumbnail = true;
+        this.hasDescription = true;
+        this.isBrand = false;
+        this.expandableImage = false;
+        this.buttonClick = new EventEmitter();
+        this.showImageModal = false;
+        this.loadingFullImage = false;
+        this._thumbnailSize = ThumbnailSize.Medium;
+    }
+    set thumbnailSize(value) {
+        this._thumbnailSize = value;
+        if (this.thumbnailComponent) {
+            this.thumbnailComponent.size = value;
+        }
+    }
+    get thumbnailSize() {
+        return this._thumbnailSize;
+    }
+    onResize() {
+        this.update();
+    }
+    ngAfterContentInit() {
+        this.update();
+    }
+    update() {
+        const windowWidth = window.innerWidth;
+        if (windowWidth <= Breakpoints.SM_MAX) {
+            this.thumbnailSize = ThumbnailSize.Small;
+        }
+        else {
+            this.thumbnailSize = ThumbnailSize.Medium;
+        }
+    }
+    static getNextId() {
+        const id = ObjectCardMainComponent_1.nextId;
+        ObjectCardMainComponent_1.nextId++;
+        return id;
+    }
+    getImageAltText() {
+        const altText = this.imageAlt || this.label || '';
+        return altText.replace(/\bimage\b/gi, '').replace(/\bimagem\b/gi, '').trim();
+    }
+    openImageModal() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.expandableImage || !this.imageSource) {
+                return;
+            }
+            this.showImageModal = true;
+            this.fullImageSource = yield this.resolveFullImageSource();
+        });
+    }
+    resolveFullImageSource() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.imageLoader || this.fullImageSource) {
+                return this.fullImageSource || this.imageSource;
+            }
+            this.loadingFullImage = true;
+            try {
+                const result = this.imageLoader();
+                return yield (result instanceof Promise ? result : result.toPromise());
+            }
+            catch (error) {
+                console.error('Erro ao carregar imagem completa:', error);
+                return this.imageSource;
+            }
+            finally {
+                this.loadingFullImage = false;
+            }
+        });
+    }
+};
+ObjectCardMainComponent.nextId = 0;
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "imageSource", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "imageFallback", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "imageAlt", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "iconClass", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "hasThumbnail", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "hasDescription", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "isBrand", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "expandableImage", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "imageLoader", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "label", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "description", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "buttonLabel", void 0);
+__decorate([
+    Input()
+], ObjectCardMainComponent.prototype, "buttonModel", void 0);
+__decorate([
+    Output()
+], ObjectCardMainComponent.prototype, "buttonClick", void 0);
+__decorate([
+    ContentChild(ThumbnailComponent, { static: true })
+], ObjectCardMainComponent.prototype, "thumbnailComponent", void 0);
+__decorate([
+    HostListener("window:resize")
+], ObjectCardMainComponent.prototype, "onResize", null);
+ObjectCardMainComponent = ObjectCardMainComponent_1 = __decorate([
+    Component({
+        selector: "erp-object-card-main",
+        template: "<ng-container *ngIf=\"hasThumbnail\">\n    <ng-content select=\"s-thumbnail\"></ng-content>\n    <s-thumbnail\n        [id]=\"id + '-thumbnail'\"\n        [imageSource]=\"imageSource\"\n        [imageFallback]=\"imageFallback\"\n        [imageAlt]=\"imageAlt\"\n        [iconClass]=\"iconClass\"\n        [size]=\"thumbnailSize\"\n        *ngIf=\"!thumbnailComponent\"\n        [isBrand]=\"isBrand\"\n        [ngClass]=\"{'expandable-thumbnail': expandableImage && imageSource}\"\n        (click)=\"openImageModal()\"\n        (keydown.enter)=\"openImageModal()\"\n        (keydown.space)=\"openImageModal()\"\n        tabindex=\"0\"\n        role=\"button\"\n    ></s-thumbnail>\n</ng-container>\n\n<p-dialog\n    [header]=\"imageAlt || 'Visualizar'\"\n    [(visible)]=\"showImageModal\"\n    [modal]=\"true\"\n    [dismissableMask]=\"true\"\n    [styleClass]=\"'image-modal'\"\n    [contentStyle]=\"{'overflow': 'auto', 'text-align': 'center'}\"\n>\n    <s-loading-state [loading]=\"loadingFullImage\">\n        <img\n            *ngIf=\"fullImageSource\"\n            [src]=\"fullImageSource\"\n            alt=\"\"\n            [attr.alt]=\"getImageAltText()\"\n            width=\"100%\"\n            height=\"auto\"\n            class=\"expanded-image\"\n        />\n    </s-loading-state>\n</p-dialog>\n\n<ng-container *ngIf=\"hasDescription\">\n    <div class=\"info-container\">\n        <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\n        <ng-container *ngTemplateOutlet=\"textSpan; context: {\n            elementId: id + '-label',\n            text: label,\n            cssClass: 'label',\n            templateWrapper: labelTemplate\n        }\"></ng-container>\n\n        <div #descriptionTemplate><ng-content select=\"[descriptionTemplate]\"></ng-content></div>\n        <ng-container *ngTemplateOutlet=\"textSpan; context: {\n            elementId: id + '-description',\n            text: description,\n            cssClass: 'description',\n            templateWrapper: descriptionTemplate\n        }\"></ng-container>\n\n        <s-button\n            [id]=\"id + '-button'\"\n            *ngIf=\"buttonLabel\"\n            styleClass=\"object-card-button\"\n            priority=\"link\"\n            [label]=\"buttonLabel\"\n            [model]=\"buttonModel\"\n            size=\"small\"\n            (onClick)=\"buttonClick.emit($event)\"\n        ></s-button>\n\n        <ng-template\n            #textSpan\n            let-elementId=\"elementId\"\n            let-text=\"text\"\n            let-cssClass=\"cssClass\"\n            let-templateWrapper=\"templateWrapper\"\n        >\n            <span\n                [id]=\"elementId\"\n                *ngIf=\"!templateWrapper.children.length\"\n                [class]=\"cssClass\"\n                [pTooltip]=\"text\"\n                tooltipPosition=\"top\"\n                showDelay=\"500\"\n            >{{ text }}</span>\n        </ng-template>\n    </div>\n</ng-container>\n",
+        styles: [":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;min-height:70px}.info-container{margin-left:10px;-ms-flex:1;flex:1}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{display:block;font-weight:700}.info-container .description{color:#999;display:block}@media (max-width:767px){.info-container,.info-container span{white-space:normal}}::ng-deep .expandable-thumbnail{cursor:pointer;transition:opacity .2s}::ng-deep .expandable-thumbnail:hover{opacity:.8}::ng-deep .image-modal .p-dialog{max-width:90vw;max-height:90vh}::ng-deep .image-modal .expanded-image{max-width:80vw;max-height:80vh;width:auto;height:auto;object-fit:contain}"]
+    })
+], ObjectCardMainComponent);
+
+var ObjectCardComponent_1;
+let ObjectCardComponent = ObjectCardComponent_1 = class ObjectCardComponent {
+    constructor() {
+        this.id = `erp-object-card-${ObjectCardComponent_1.getNextId()}`;
+        this.expanded = false;
+        this.expandTooltip = "Abrir painel";
+        this.collapseTooltip = "Fechar painel";
+        this.fieldsMinWidth = 200;
+        this.expandedChange = new EventEmitter();
+        this.maxVisibleFields = 0;
+        this.severity = EnumSeverity.Default;
+        this.EnumSeverity = EnumSeverity;
+    }
+    ngAfterContentChecked() {
+        this.update();
+    }
+    update() {
+        const windowWidth = window.innerWidth;
+        const containerWidth = this.container.nativeElement.getBoundingClientRect().width;
+        const mainFieldWidth = this.cardMainContainer.nativeElement.getBoundingClientRect().width;
+        let remainingSpace = containerWidth - mainFieldWidth;
+        const fieldsMinWidth = this.fieldsMinWidth;
+        const expandIconWidth = this.iconContainer.nativeElement.getBoundingClientRect().width;
+        let maxFieldQtd;
+        if (windowWidth <= Breakpoints.SM_MAX) {
+            maxFieldQtd = 0;
+        }
+        else {
+            maxFieldQtd = Math.floor((remainingSpace) / fieldsMinWidth);
+        }
+        const hasExpandIcon = maxFieldQtd && maxFieldQtd < this.fields.length;
+        if (hasExpandIcon) {
+            this.iconContainer.nativeElement.style.display = 'flex';
+            remainingSpace = remainingSpace - expandIconWidth;
+            maxFieldQtd = Math.floor((remainingSpace) / fieldsMinWidth);
+        }
+        else {
+            this.iconContainer.nativeElement.style.display = 'none';
+        }
+        this.maxVisibleFields = maxFieldQtd;
+        if (maxFieldQtd >= this.fields.length && this.expanded) {
+            this.collapse();
+        }
+    }
+    toggle() {
+        this.expanded ? this.collapse() : this.expand();
+    }
+    expand() {
+        this.expanded = true;
+        this.expandedChange.emit(this.expanded);
+    }
+    collapse() {
+        this.expanded = false;
+        this.expandedChange.emit(this.expanded);
+    }
+    static getNextId() {
+        const id = ObjectCardComponent_1.nextId;
+        ObjectCardComponent_1.nextId++;
+        return id;
+    }
+};
+ObjectCardComponent.nextId = 0;
+__decorate([
+    Input()
+], ObjectCardComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], ObjectCardComponent.prototype, "expanded", void 0);
+__decorate([
+    Input()
+], ObjectCardComponent.prototype, "expandTooltip", void 0);
+__decorate([
+    Input()
+], ObjectCardComponent.prototype, "collapseTooltip", void 0);
+__decorate([
+    Input()
+], ObjectCardComponent.prototype, "fieldsMinWidth", void 0);
+__decorate([
+    Output()
+], ObjectCardComponent.prototype, "expandedChange", void 0);
+__decorate([
+    ContentChild(ObjectCardMainComponent, { static: true })
+], ObjectCardComponent.prototype, "main", void 0);
+__decorate([
+    ContentChildren(ObjectCardFieldComponent, { descendants: true })
+], ObjectCardComponent.prototype, "fields", void 0);
+__decorate([
+    Input()
+], ObjectCardComponent.prototype, "severity", void 0);
+__decorate([
+    Input()
+], ObjectCardComponent.prototype, "borderButtonOptions", void 0);
+__decorate([
+    ViewChild('contentContainer', { static: true })
+], ObjectCardComponent.prototype, "container", void 0);
+__decorate([
+    ViewChild('cardMainContainer', { static: true })
+], ObjectCardComponent.prototype, "cardMainContainer", void 0);
+__decorate([
+    ViewChild('iconContainer', { static: true })
+], ObjectCardComponent.prototype, "iconContainer", void 0);
+ObjectCardComponent = ObjectCardComponent_1 = __decorate([
+    Component({
+        selector: "erp-object-card",
+        template: "<div [id]=\"id\" class=\"container\">\n    <s-border-button\n        *ngIf=\"\n            borderButtonOptions?.visible\n                ? borderButtonOptions?.visible(severity)\n                : false\n        \"\n        [severity]=\"severity\"\n        [options]=\"borderButtonOptions\"\n        class=\"object-card__border-button\"\n        [@BorderButtonAnimation]\n    ></s-border-button>\n\n    <div\n        [id]=\"id + '-main-container'\"\n        class=\"main-container\"\n        #contentContainer\n        [ngClass]=\"{\n            'with-hidden-fields': fields.length > maxVisibleFields,\n            'with-visible-fields': fields.length && maxVisibleFields,\n            'main-container--severity-default': severity === EnumSeverity.Default,\n            'main-container--severity-info': severity === EnumSeverity.Info,\n            'main-container--severity-warn': severity === EnumSeverity.Warn,\n            'main-container--severity-error': severity === EnumSeverity.Error,\n            'main-container--severity-success': severity == EnumSeverity.Success\n        }\"\n    >\n        <div class=\"object-content\">\n            <div class=\"erp-object-card-main\" #cardMainContainer [style.min-width.px]=\"fieldsMinWidth\">\n                <ng-content select=\"erp-object-card-main\"></ng-content>\n            </div>\n\n            <div class=\"divider\" *ngIf=\"maxVisibleFields && fields.length\"></div>\n\n            <div *ngFor=\"let field of (fields.toArray() | slice: 0:maxVisibleFields)\"\n                class=\"erp-object-card-field\"\n                [style.min-width.px]=\"fieldsMinWidth\">\n\n                <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n            </div>\n        </div>\n\n        <button\n            #iconContainer\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            (click)=\"toggle()\"\n            [pTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n            [attr.aria-label]=\"expanded ? collapseTooltip : expandTooltip\"\n            title=\"Expandir/Recolher\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            type=\"button\"\n        >\n            <span\n                [id]=\"id + '-expand-icon'\"\n                class=\"expand-icon fa\"\n                [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"\n            ></span>\n        </button>\n    </div>\n\n    <div\n        [id]=\"id + '-expandable-container'\"\n        [@expandableContent]=\"expanded\"\n        class=\"expandable-container\"\n        [ngClass]=\"{\n            'expandable-container--severity-default':\n                severity === EnumSeverity.Default,\n            'expandable-container--severity-info': severity === EnumSeverity.Info,\n            'expandable-container--severity-warn': severity === EnumSeverity.Warn,\n            'expandable-container--severity-error': severity === EnumSeverity.Error,\n            'expandable-container--severity-success':\n                severity == EnumSeverity.Success\n        }\"\n    >\n        <div class=\"childlist\">\n            <ng-container\n                *ngFor=\"\n                    let field of fields.toArray()\n                        | slice : maxVisibleFields : fields.length\n                \"\n            >\n            <div class=\"erp-object-card-field\" [style.min-width.px]=\"fieldsMinWidth\">\n                <ng-container\n                    *ngTemplateOutlet=\"field.content\"\n                ></ng-container>\n            </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n",
+        animations: [
+            trigger("expandableContent", [
+                state("*", style({
+                    height: "0",
+                })),
+                state("false", style({
+                    height: "0",
+                })),
+                state("true", style({
+                    height: "*",
+                })),
+                transition("* => true", animate("200ms ease-out")),
+                transition("false <=> true", animate("200ms ease-out")),
+            ]),
+            trigger("BorderButtonAnimation", [
+                transition(":enter", [
+                    style({ transform: "scaleY(0)", opacity: 0 }),
+                    animate("300ms ease", style({ transform: "scaleY(1)", opacity: 1 })),
+                ]),
+                transition(":leave", [
+                    style({ transform: "scaleY(1)", opacity: 1 }),
+                    animate("300ms ease", style({ transform: "scaleY(0)", opacity: 0 })),
+                ]),
+            ]),
+        ],
+        styles: [":host{display:block}:host::ng-deep .sds-badge{height:auto;white-space:normal}.container{margin-bottom:20px;position:relative}.main-container{display:-ms-flexbox;display:flex}.expandable-container,.main-container{background-color:#fff;border:1px solid #ccc;position:relative;overflow:hidden;width:100%}.expandable-container--severity-default{border-color:#ccc;border-top:initial}.expandable-container--severity-info{transition:border-color .5s;border-color:#428bca;border-top:initial}.expandable-container--severity-warn{transition:border-color .5s;border-color:#f8931f;border-top:initial}.expandable-container--severity-error{transition:border-color .5s;border-color:#c13018;border-top:initial}.expandable-container--severity-success{transition:border-color .5s;border-color:#0c9348;border-top:initial}.main-container--severity-default{border-color:#ccc}.main-container--severity-info{transition:border-color .5s;border-color:#428bca}.main-container--severity-warn{transition:border-color .5s;border-color:#f8931f}.main-container--severity-error{transition:border-color .5s;border-color:#c13018}.main-container--severity-success{transition:border-color .5s;border-color:#0c9348}.object-card__border-button{position:absolute;top:-13px;right:15px;z-index:1}.expandable-container{border-top:none;box-shadow:inset 0 6px 4px -4px #ddd;margin-top:-1px}.expand-icon-container{display:none;text-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:12px;background:0 0;border:none;color:inherit}.expand-icon{-ms-flex:1;flex:1}.object-content{display:-ms-flexbox;display:flex;width:100%}.erp-object-card-main{overflow:hidden;padding:15px}.main-container.with-visible-fields .erp-object-card-main{max-width:30%}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.main-container.with-visible-fields .erp-object-card-main{width:20%}}.erp-object-card-field{overflow:hidden;height:100%}.main-container .erp-object-card-field{padding:15px}.main-container .divider{width:1px;-ms-flex-negative:0;flex-shrink:0;background-color:#ccc;margin:15px -1px 15px 0}.main-container.with-hidden-fields .object-content{width:calc(100% - 35px)}.main-container.with-hidden-fields .expand-icon-container{display:-ms-flexbox;display:flex}::ng-deep .object-card-button{padding-left:0!important;padding-right:10px!important;border:none!important;height:auto!important;min-width:auto!important;text-align:left!important}@media (max-width:767px){.erp-object-card-main{max-width:calc(100% - 50px)}}.childlist{width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1em;gap:1em}"]
+    })
+], ObjectCardComponent);
+
+let BorderButtonComponent = class BorderButtonComponent {
+    constructor() {
+        this.severity = EnumSeverity.Default;
+        this.EnumSeverity = EnumSeverity;
+    }
+};
+__decorate([
+    Input()
+], BorderButtonComponent.prototype, "severity", void 0);
+__decorate([
+    Input()
+], BorderButtonComponent.prototype, "options", void 0);
+BorderButtonComponent = __decorate([
+    Component({
+        selector: "s-border-button",
+        template: "<button\n    class=\"border-button\"\n    [ngClass]=\"{\n        'border-button--severity-default': severity === EnumSeverity.Default,\n        'border-button--severity-info': severity === EnumSeverity.Info,\n        'border-button--severity-warn': severity === EnumSeverity.Warn,\n        'border-button--severity-error': severity === EnumSeverity.Error,\n        'border-button--severity-success': severity == EnumSeverity.Success,\n        'border-button--disabled': options?.disabled\n            ? options?.disabled(severity)\n            : false\n    }\"\n    (click)=\"options?.onClick ? options?.onClick(severity) : null\"\n    [pTooltip]=\"options?.tooltip ? options?.tooltip(severity) : null\"\n    tooltipPosition=\"left\"\n    [disabled]=\"options?.disabled ? options?.disabled(severity) : false\"\n>\n    <span class=\"border-button__label\">\n        {{ options?.label ? options?.label(severity) : null }}\n    </span>\n    <span\n        *ngIf=\"options?.icon ? options?.icon(severity) : false\"\n        class=\"border-button__icon {{ options?.icon(severity) }}\"\n    ></span>\n</button>\n",
+        styles: [".border-button{padding:0 8px;border:1px solid;border-radius:12px;height:23px;max-width:320px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.border-button__label{font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;width:100%;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-button__icon{font-size:12px;color:#333;margin-left:8px}.border-button--severity-default{border-color:#ccc;background-color:#fff}.border-button--severity-info{border-color:#428bca;background-color:#d5e8ec;transition:background-color .5s,border-color .5s}.border-button--severity-info:enabled:hover{background-color:#9ecad4;cursor:pointer}.border-button--severity-info:enabled:active{transition:none;background-color:#67acbc;border-color:#67acbc}.border-button--severity-warn{border-color:#f8931f;background-color:#fce3ba;transition:background-color .5s,border-color .5s}.border-button--severity-warn:enabled:hover{background-color:#f8bf5e;cursor:pointer}.border-button--severity-warn:enabled:active{transition:none;background-color:#f5a319;border-color:#f5a319}.border-button--severity-error{border-color:#c13018;background-color:#fcd2d2;transition:background-color .5s,border-color .5s}.border-button--severity-error:enabled:hover{background-color:#f89696;cursor:pointer}.border-button--severity-error:enabled:active{transition:none;background-color:#f45b5b;border-color:#f45b5b}.border-button--severity-success{border-color:#0c9348;background-color:#e6ffb3;transition:background-color .5s,border-color .5s}.border-button--severity-success:enabled:hover{background-color:#c8ff5c;cursor:pointer}.border-button--severity-success:enabled:active{transition:none;background-color:#ade500;border-color:#ade500}.border-button--disabled:disabled:hover{cursor:default}"]
+    })
+], BorderButtonComponent);
+
+let BorderButtonModule = class BorderButtonModule {
+};
+BorderButtonModule = __decorate([
+    NgModule({
+        imports: [CommonModule, TooltipModule],
+        declarations: [BorderButtonComponent],
+        exports: [BorderButtonComponent]
+    })
+], BorderButtonModule);
+
+let ErpObjectCardModule = class ErpObjectCardModule {
+};
+ErpObjectCardModule = __decorate([
+    NgModule({
+        imports: [CommonModule, TooltipModule, DialogModule, ThumbnailModule, ButtonModule, LoadingStateModule, BorderButtonModule],
+        declarations: [ObjectCardComponent, ObjectCardMainComponent, ObjectCardFieldComponent],
+        exports: [ThumbnailModule, ObjectCardComponent, ObjectCardMainComponent, ObjectCardFieldComponent],
+    })
+], ErpObjectCardModule);
+
+class StorageService {
+    constructor() {
+        this.GET_USER_ID = user.getUserData().then(user => user.id);
+    }
+    store(key, value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            localStorage.setItem(`${yield this.GET_USER_ID}_${key}`, JSON.stringify(value));
+        });
+    }
+    get(key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return JSON.parse(localStorage.getItem(`${yield this.GET_USER_ID}_${key}`)) || {};
+        });
+    }
+}
+
+const moment$1 = moment$2; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+class FiltersStorageService extends StorageService {
+    constructor() {
+        super(...arguments);
+        this.FILTERS_KEY = "SENIOR_FILTERS";
+    }
+    storeFilters(key, filters) {
+        const _super = Object.create(null, {
+            get: { get: () => super.get },
+            store: { get: () => super.store }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            const store = (yield _super.get.call(this, this.FILTERS_KEY)) || {};
+            this.removeEmptyValues(filters);
+            store[key] = filters;
+            yield _super.store.call(this, this.FILTERS_KEY, store);
+        });
+    }
+    getFilters(key) {
+        const _super = Object.create(null, {
+            get: { get: () => super.get }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            const store = (yield _super.get.call(this, this.FILTERS_KEY)) || {};
+            return store[key] || {};
+        });
+    }
+    removeFilter(key) {
+        const _super = Object.create(null, {
+            get: { get: () => super.get },
+            store: { get: () => super.store }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            const store = (yield _super.get.call(this, this.FILTERS_KEY)) || {};
+            delete store[key];
+            yield _super.store.call(this, this.FILTERS_KEY, store);
+        });
+    }
+    clearFilterValue(key, filters) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.storeFilters(key, filters);
+        });
+    }
+    removeEmptyValues(filters) {
+        Object.keys(filters).forEach((field) => {
+            if (this.isInvalid(filters[field])) {
+                delete filters[field];
+            }
+        });
+    }
+    isInvalid(field) {
+        if (field === null || field === undefined) {
+            return true;
+        }
+        if (Array.isArray(field)) {
+            return field.length === 0;
+        }
+        if (typeof field === "string") {
+            return field.trim() === "";
+        }
+        if (typeof field === "object") {
+            return Object.keys(field).length === 0;
+        }
+        return false;
+    }
+    removeInvalidValues(values, fields) {
+        if (!values) {
+            return {};
+        }
+        Object.keys(values).forEach(fieldValue => {
+            const field = fields.find((it) => it.name == fieldValue);
+            if (field) {
+                const val = values[fieldValue];
+                if (!val)
+                    return;
+                switch (field.type) {
+                    case FieldType.Integer:
+                    case FieldType.Double:
+                    case FieldType.Money:
+                        if (typeof val !== "number")
+                            delete values[fieldValue];
+                        break;
+                    case FieldType.Boolean:
+                        if (typeof val !== "boolean")
+                            delete values[fieldValue];
+                        break;
+                    case FieldType.Date:
+                    case FieldType.DateTime:
+                    case FieldType.Time:
+                        if (!moment$1(val, moment$1.ISO_8601, true).isValid())
+                            delete values[fieldValue];
+                        break;
+                    case FieldType.String:
+                    case FieldType.Text:
+                        if (typeof val !== "string")
+                            delete values[fieldValue];
+                        break;
+                    case FieldType.Lookup:
+                    case FieldType.Autocomplete:
+                        if (field.multiple) {
+                            if (!(Array.isArray(val) && val.length))
+                                delete values[fieldValue];
+                        }
+                        else {
+                            if (!(val instanceof Object))
+                                delete values[fieldValue];
+                        }
+                        break;
+                    case FieldType.Enum:
+                        if (field.multiple && !(Array.isArray(val) && val.length)) {
+                            delete values[fieldValue];
+                        }
+                        break;
+                    case FieldType.Chips:
+                        if (!(Array.isArray(val) && val.length)) {
+                            delete values[fieldValue];
+                        }
+                        break;
+                    default:
+                        break;
+                }
+            }
+        });
+        return values;
+    }
+}
+
+let ErpPolling = 
+/**
+* Erp Polling
+* @class ErpPolling
+*/
+class ErpPolling {
+    /**
+     * Criação de um polling.
+     * @typeParam `<T>` Tipo do objeto que o retorno do `observable` vai devolver.
+     * @param takeWhileFn Função com retorno booleano, condição para a conclusão do polling, se falso conclui o polling.
+     * @param calling Função com retorno `Observable<T>`, será a chamada feita pelo polling a cada X ms.
+     * @param intervalMs Valor em ms que determina o intervalo das chamadas do polling.
+     * @return Um `observable` com repetição cíclica a cada X ms _(`interval` informado nos parâmetros de entrada)_
+    */
+    pollingMount(takeWhileFn, calling, intervalMs = 29000) {
+        return interval(intervalMs)
+            .pipe(takeWhile(takeWhileFn), switchMap(calling));
+    }
+};
+ErpPolling = __decorate([
+    Injectable()
+    /**
+    * Erp Polling
+    * @class ErpPolling
+    */
+], ErpPolling);
+
 // https://widget.tracksale.co/
 let NpsService = class NpsService {
     getUserInformation() {
@@ -8327,5 +8897,5 @@ var ModulesEnum;
  * Generated bundle index. Do not edit.
  */
 
-export { AgreementLookup, BankLookup, BeneficioFiscalLookup, BreadcrumbComponent, BreadcrumbModule, Breakpoints, CaracteristicaFiscalLookup, ClassificacaoTributariaLookup, ComposicaoBaseCalculoLookup, ContaInternaFilialLookup, CountryLookup, CplTriNotaSaidaE001EndLookup, CplTriNotaSaidaE001PesLookup, CplTriNotaSaidaE001TnsLookup, CplTriNotaSaidaE007UfsLookup, CplTriNotaSaidaE008RaiLookup, CplTriNotaSaidaE015MedLookup, CplTriNotaSaidaE020SnfLookup, CplTriNotaSaidaE024MsgLookup, CplTriNotaSaidaE028CpgLookup, CplTriNotaSaidaE032EdcLookup, CplTriNotaSaidaE051DisLookup, CplTriNotaSaidaE066FpgLookup, CplTriNotaSaidaE070EmpLookup, CplTriNotaSaidaE070FilLookup, CplTriNotaSaidaE075DerLookup, CplTriNotaSaidaE080SerLookup, CplTriNotaSaidaNaturezaReceitaPisCofinsLookup, CplTriNotaSaidaNcmLookup, CplTriNotaSaidaNfEntradaLookup, CplTriNotaSaidaNfSaidaLookup, CurrencyLookup, DfeEventoLookup, DocumentoLookup, E001EndLookup, E001PesLookup, E001TnsLookup, E001TnsSupEstLookup, E002TptLookup, E006PaiLookup, E007UfsLookup, E008CepLookup, E008RaiLookup, E012FamLookup, E015MedLookup, E020SnfLookup, E021MotLookup, E023CrpLookup, E024MsgLookup, E027EqiLookup, E027StrLookup, E028CpgLookup, E030AgeLookup, E030BanLookup, E031MoeLookup, E032EdcLookup, E034TccLookup, E035OcrLookup, E036InsLookup, E039PorLookup, E041CebLookup, E043MpcLookup, E043PcmLookup, E044CcuLookup, E045PlaLookup, E046HpdLookup, E047NtgLookup, E048FctLookup, E048SfcLookup, E051DisLookup, E066FpgLookup, E067FinLookup, E069GreLookup, E070EmpLookup, E070EntLookup, E070FilLookup, E073PesLookup, E073VeiLookup, E075DerLookup, E076MarLookup, E080SerLookup, E081TabLookup, E082TprLookup, E085PesLookup, E089DocLookup, E090HrpComGerLookup, E090PesLookup, E091PlfLookup, E095HfoSupGerLookup, E095PesLookup, E099UsuComGerLookup, E099UsuSupCprLookup, E140InsLookup, E140NfsLookup, E200LotLookup, E200SerLookup, E205DepLookup, E210DxpE075DerLookup, E210DxpLookup, E301TcrLookup, E403FprLookup, E420IcpLookup, E420IpcLookup, E420OcpLookup, E501TcpLookup, E600CcoLookup, E640LotLookup, EntityPersonProductLookup, EnumLogicalOperator, EquipmentLookup, ErpLookups, ErpLookupsFormField, ErpLookupsModule, ErpLookupsService, ErpPolling, ExportUtils, FiltersStorageService, FormUtilsService, HTTP_STATUS_CODE, IndOperacaoFornecimentoLookup, LeiComplementar1162003Lookup, LigacaoItemFornecedorLookup, ListaServicoNacionalLookup, LookupValidationUtils, ModulesEnum, NbsLookup, NcmLookup, NotaFiscalEntradaLookup, NpsService, OperacoesLookup, OrigemDestinoLookup, OrigemMercadoriaLookup, ParametersLookup, PrimitiveManager, ProdutoServicoLookup, QuantidadeDisponivelDemandaLookup, RequisicaoLookup, SegmentoLookup, TypeTaxesLookup, UnidadeMedidaLookup, UtilsModule, VerifyModulePermission, VerifyModulePermissions, WebsocketService, naturezaReceitaPisCofins, ɵ0, ɵ1, ɵ2, EnumAnaSin as ɵa, EnumNatCtb as ɵb, StorageService as ɵc, UserInformationService as ɵd, VerifyModulePermissionService as ɵe, VerifyModulePermissionsService as ɵf };
+export { AgreementLookup, BankLookup, BeneficioFiscalLookup, BreadcrumbComponent, BreadcrumbModule, Breakpoints, CaracteristicaFiscalLookup, ClassificacaoTributariaLookup, ComposicaoBaseCalculoLookup, ContaInternaFilialLookup, CountryLookup, CplTriNotaSaidaE001EndLookup, CplTriNotaSaidaE001PesLookup, CplTriNotaSaidaE001TnsLookup, CplTriNotaSaidaE007UfsLookup, CplTriNotaSaidaE008RaiLookup, CplTriNotaSaidaE015MedLookup, CplTriNotaSaidaE020SnfLookup, CplTriNotaSaidaE024MsgLookup, CplTriNotaSaidaE028CpgLookup, CplTriNotaSaidaE032EdcLookup, CplTriNotaSaidaE051DisLookup, CplTriNotaSaidaE066FpgLookup, CplTriNotaSaidaE070EmpLookup, CplTriNotaSaidaE070FilLookup, CplTriNotaSaidaE075DerLookup, CplTriNotaSaidaE080SerLookup, CplTriNotaSaidaNaturezaReceitaPisCofinsLookup, CplTriNotaSaidaNcmLookup, CplTriNotaSaidaNfEntradaLookup, CplTriNotaSaidaNfSaidaLookup, CurrencyLookup, DfeEventoLookup, DocumentoLookup, E001EndLookup, E001PesLookup, E001TnsLookup, E001TnsSupEstLookup, E002TptLookup, E006PaiLookup, E007UfsLookup, E008CepLookup, E008RaiLookup, E012FamLookup, E015MedLookup, E020SnfLookup, E021MotLookup, E023CrpLookup, E024MsgLookup, E027EqiLookup, E027StrLookup, E028CpgLookup, E030AgeLookup, E030BanLookup, E031MoeLookup, E032EdcLookup, E034TccLookup, E035OcrLookup, E036InsLookup, E039PorLookup, E041CebLookup, E043MpcLookup, E043PcmLookup, E044CcuLookup, E045PlaLookup, E046HpdLookup, E047NtgLookup, E048FctLookup, E048SfcLookup, E051DisLookup, E066FpgLookup, E067FinLookup, E069GreLookup, E070EmpLookup, E070EntLookup, E070FilLookup, E073PesLookup, E073VeiLookup, E075DerLookup, E076MarLookup, E080SerLookup, E081TabLookup, E082TprLookup, E085PesLookup, E089DocLookup, E090HrpComGerLookup, E090PesLookup, E091PlfLookup, E095HfoSupGerLookup, E095PesLookup, E099UsuComGerLookup, E099UsuSupCprLookup, E140InsLookup, E140NfsLookup, E200LotLookup, E200SerLookup, E205DepLookup, E210DxpE075DerLookup, E210DxpLookup, E301TcrLookup, E403FprLookup, E420IcpLookup, E420IpcLookup, E420OcpLookup, E501TcpLookup, E600CcoLookup, E640LotLookup, EntityPersonProductLookup, EnumLogicalOperator, EquipmentLookup, ErpLookups, ErpLookupsFormField, ErpLookupsModule, ErpLookupsService, ErpObjectCardModule, ErpPolling, ExportUtils, FiltersStorageService, FormUtilsService, HTTP_STATUS_CODE, IndOperacaoFornecimentoLookup, LeiComplementar1162003Lookup, LigacaoItemFornecedorLookup, ListaServicoNacionalLookup, LookupValidationUtils, ModulesEnum, NbsLookup, NcmLookup, NotaFiscalEntradaLookup, NpsService, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, OperacoesLookup, OrigemDestinoLookup, OrigemMercadoriaLookup, ParametersLookup, PrimitiveManager, ProdutoServicoLookup, QuantidadeDisponivelDemandaLookup, RequisicaoLookup, SegmentoLookup, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TypeTaxesLookup, UnidadeMedidaLookup, UtilsModule, VerifyModulePermission, VerifyModulePermissions, WebsocketService, naturezaReceitaPisCofins, ɵ0, ɵ1, ɵ2, EnumAnaSin as ɵa, EnumNatCtb as ɵb, ThumbnailService as ɵc, BorderButtonModule as ɵd, BorderButtonComponent as ɵe, StorageService as ɵf, UserInformationService as ɵg, VerifyModulePermissionService as ɵh, VerifyModulePermissionsService as ɵi };
 //# sourceMappingURL=senior-gestao-empresarial-angular-components.js.map